.webshop
{
  width: 542px;
  xoverflow: hidden;
  padding-bottom: 50px;
  position: relative;
  min-height:500px;
}
.categoryContent
{
  padding: 20px;
  overflow: hidden;
}
#contentDiv .webshop h1
{
  margin: 10px 20px;
  border-bottom: 1px solid #3D5C64;
  padding: 15px 0 16px;
}

.categories
{
  overflow: hidden;
  padding: 10px 0px 20px 20px;
  width: 100%;
}

.category
{
  float: left;
  width: 165px;
  height: 245px;
  margin-left: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}

.firstCategory
{
  margin-left: 0px;
}

#contentDiv .webshop h2
{
  color: #39575F;
}

#contentDiv .category h2
{
  margin: 0;
  padding: 5px 10px;
  background-color: #39575F;
  color: White;
}

#contentDiv .category h2 a
{
  background-image: url(/_img/webshop/br_arrow.gif);
  background-position: right 6px;
  background-repeat: no-repeat;
  padding-right: 15px;
  color: White;
  text-decoration: none;
}

#contentDiv .webshop .description
{
  display: block;
  border-top: 1px solid #8EBEC0;
  color: #39575F;
  text-decoration: none;
}

#contentDiv .extras img, #contentDiv .categories img
{
  margin: 5px 0px 10px 0px;
}

.extras
{
  padding-left: 20px;
  overflow: hidden;
}

.extra
{
  float: left;
  width: 165px;
  margin-left: 5px;
}

 #contentDiv .webshop .extra .description
{
	border-top: none;
}
.firstExtra
{
  margin-left: 0;
}

/* CategoryPage */
#contentDiv .subcategory a
{
  color: #39575F;
  font-size: 11px;
  text-decoration: none;
}

#contentDiv .subcategory .showAllProducts
{
  position: absolute;
  right: 10px;
  top: 22px;
  font-weight: bold;
  text-decoration: underline;
}

.subcategory
{
  padding-top: 20px;
  position: relative;
}

.productRow,
.groupProducts
{
	clear:both;
}

#contentDiv .subcategory h2, #contentDiv .subcategory h2 div
{
  font-size: 20px;
  display: inline;
}

/* Kolom rechts bij o.a. shoppingcart */
.cartColumn
{
  width: 190px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #F5F5F5;
  padding-top: 240px;
  padding-bottom: 20px;
  _height: 500px;
  min-height:500px;
}

.shoppingCartHolder
{
  position: absolute;
  top: 20px;
  right: 0px;
  background-image: url(/_img/webshop/cartHolder.gif);
  width: 123px;
  padding-left: 55px;
  height: 58px;
}

.shoppingCartHolder h5
{
  font-size: 13px;
  margin: 16px 0px 0px 0px;
}

#contentDiv .shoppingCartHolder p
{
  font-size: 11px;
  color: #39575F;
}

.shoppingCartHolder img
{
  position: absolute;
  top: 12px;
  left: 16px;
}

.search
{
  position: absolute;
  top: 150px;
  left: 0px;
  padding: 15px 5px 15px 20px;
  width: 160px;
}

#contentDiv .search p
{
  font-weight: bold;
  color: #4F8170;
  padding-left: 15px;
  background-image: url(/_img/webshop/loupe.gif);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 10px;
  font-size: 11px;
}

.search form
{
  position: relative;
}

.search .searchInput
{
  border: 1px solid #4F8170;
  color: #4F8170;
  font-size: 11px;
  width: 100px;
  height: 15px;
  line-height: 11px;
  padding: 3px 0px 0px 2px;
  position: absolute;
  top: 3px;
  left: 0px;
}
.search .submitSearch
{
  background-color: #3D5C64;
  border: medium none;
  color: White;
  height: 20px;
  padding-bottom: 3px;
  width: 50px;
  position: absolute;
  right: 5px;
  top: 3px;
}

.search .categorySelector
{
  width: 155px;
  margin-top: 5px;
  position: absolute;
  top: 25px;
  left: 0px;
}

#contentDiv .top10
{
  background-color: White;
  margin: 0px 15px 15px 15px;
}

#contentDiv .top10 h5
{
  font-weight: normal;
  padding: 3px 20px;
  margin: 0px 0px;
  font-size: 12px;
  color: White;
  background-color: #39575F;
}

#contentDiv .top10 ul
{
  font-weight: normal;
  list-style-type: none;
  color: #3D5C64;
  font-size: 11px;
  padding-bottom: 10px;
}

/* produktSummary */
.products
{
  overflow: hidden;
  width: 100%;
}

.productSummary
{
  width: 115px;
  float: left;
  margin-right: 10px;
  _margin-right: 0px;
}

#contentDiv .webshop .productSummary .description
{
  padding-left: 10px;
  background-image: url(/_img/webshop/small-br-arrow-blue.gif);
  background-position: left 5px;
  background-repeat: no-repeat;
}

/* productsummary for subgroup page */
.subGroupProducts
{
  padding-top: 20px;
  overflow: hidden;
}

.productSummarySubGroup
{
  width: 220px;
  float: left;
  margin-bottom: 20px;
}

.odd
{
  margin-right: 20px;
  clear: left;
}

.psImage
{
  display: block;
  float: left;
}

.subGroupDescription
{
  float: left;
  width: 95px;
  font-size: 11px;
}

#contentDiv .subGroupDescription h3
{
  margin: 0;
  padding: 0;
}

#contentDiv .subGroupDescription h3 a
{
  color: #39575F;
  text-decoration: none;
}

.subGroupDescription .price
{
  color: #39575F;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #8EBEC0;
}

/* product detail page */
.imagery
{
  padding: 20px;
  height: 100%; /* haslayout */
  overflow: hidden;
  position: relative;
}
/* Wrap element om te zorgen dat imagery altijd 220px hoog is */
.mainImages
{
  height: 220px;
  float: left;
}
.imagery .mainImage
{
  position: absolute;
  top: 0px;
  left: 20px;
}
.version
{
  overflow: hidden;
}

.versions
{
  overflow: hidden;
  color: #39575F;
  font-size: 11px;
  padding-left: 260px;
}
.selectedVersion
{
  font-weight: bold;
}
.thumbnails
{
  overflow: hidden;
}
#contentDiv .webshop .thumbnails .thumbImage
{
  float: left;
  padding: 2px;
  border: 2px solid white;
  cursor: pointer;
  margin: 0;
}
#contentDiv .webshop .thumbnails .selectedThumb
{
  border: 2px solid #8EBEC0;
}
.selector
{
  float: left;
  width: 200px;
}
.selector label
{
  position: relative;
  top: -3px;
}
.versionPrice
{
  float: right;
}

.addToCart
{
  width: 240px;
  height: 30px;
  background-color: #DAEDEC;
  clear: both;
  position: relative;
  margin-top: 20px;
  float: right;
}

.addToCartLabel
{
  position: absolute;
  left: 10px;
  top: 5px;
  color: Black;
  font-weight: bold;
}

.numOfProduct
{
  width: 30px;
  height: 15px;
  line-height: 15px;
  border: 1px solid black;
  position: absolute;
  top: 5px;
  left: 70px;
}

.submitToCart
{
  position: absolute;
  top: 5px;
  right: 10px;
  width: 124px;
  height: 19px;
  color: White;
  font-size: 9px;
  font-weight: bold;
  line-height: 17px;
  border: none;
  padding-left: 10px;
  padding-bottom: 2px;
  background-color: #39575F;
  background-image: url(/_img/webshop/small-white-arrow-down.gif);
  background-repeat: no-repeat;
  background-position: 3px 5px;
  cursor: pointer;
}

.productDetails
{
  clear: both;
  margin: 0px 20px;
  border-top: 1px solid #39575F;
  border-bottom: 1px solid #39575F;
  padding: 10px 0px 10px 00px;
}

.productDetails p
{
  font-size: 11px;
}

#contentDiv .productDetails .intro
{
  margin-bottom: 10px;
}

#contentDiv .productDetails h2
{
  color: #39575F;
  margin-bottom: 10px;
}

.productDetails .intro
{
  color: #39575F;
  font-weight: bold;
}

#contentDiv .webshop .productDetails .description
{
  border: none;
}


/* Zoeken */
.searchResults
{
  margin: 20px;
}

#contentDiv .searchSummary
{
  margin: 20px 0px;
  color: #39575F;
}

.productSearchSummary
{
  border-top: 1px solid #8EBEC0;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 5px;
  _width:100%;
  _clear:both;
}

.productSearchSummary img
{
  float: left;
}

.productSearchSummary .details
{
  margin-left: 100px;
}

.productSearchSummary .details h5
{
  margin: 0px 0px 0px 0px;
  font-size: 11px;
}

#contentDiv .productSearchSummary .details p
{
  margin-bottom: 10px;
}

#contentDiv .action-button-up, #contentDiv .action-button-down
{
  background-color: #39575F;
  color: White;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 5px 2px 20px;
  display: block;
  text-decoration: none;
  background-position: 5px 6px;
  background-repeat: no-repeat;
  float: left; /*float om geen 100%width te krijgen*/
  text-transform: uppercase;
}

#contentDiv .action-button-up
{
  background-image: url(/_img/webshop/small-white-arrow-up.gif);
}
#contentDiv .action-button-down
{
  background-image: url(/_img/webshop/small-white-arrow-down.gif);
}

#contentDiv .action-button-up:hover, #contentDiv .action-button-down:hover
{
  color: White;
  font-size: 10px;
}

.pagination
{
  margin-bottom: 10px;
  clear: both;
}

#contentDiv .pagination a, #contentDiv .pagination span
{
  margin: 0px 10px;
  color: #39575F;
}

#contentDiv .pagination .currentPage
{
  font-weight: bold;
}

#contentDiv .pagination .previousPage, #contentDiv .pagination .nextPage
{
  color: #ababab;
}

.searchFilters
{
  background-color: White;
  margin-left: 20px;
  padding-bottom: 20px;
}

#contentDiv .searchFilters h2
{
  padding: 5px 10px;
  color: White;
  background-color: #3D5C64;
}

#contentDiv .searchFilters h3
{
  padding-left: 20px;
}

#contentDiv .searchFilters ul
{
  list-style-type: none;
  font-weight: normal;
  padding-left: 5px;
}

#contentDiv .searchFilters ul a
{
  text-decoration: none;
  color: #39575F;
}
#contentDiv .searchFilters ul li
{
  background-image: url(/_img/webshop/small-br-arrow-blue.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
}

#contentDiv .searchFilters ul li span
{
  margin: 0;
  font-size: 11px;
  color: #ABABAB;
}

#contentDiv .searchFilters h3
{
  color: #3D5C64;
  font-size: 12px;
}

#contentDiv .top10 ul li,
#contentDiv .top10 ul
{
list-style-position: outside !important;
}

#contentDiv .top10 li
{
  padding: 0px 0px 0px 20px;
}

#contentDiv .top10 a
{
  text-decoration: none;
  color: #3D5C64;
}

#contentDiv .top10 li a .top10Position
{
	margin:0;
	padding: 0;
}

#contentDiv .top10 .top10Position
{
  font-weight: bold !important;
  margin: 0px;
}
/* Side banners */
.webshopBanner
{
  margin: 0px 0px 10px 20px;
}

#contentDiv .webshopBanner img
{
  margin: 0;
  padding: 0;
}

#contentDiv .webshopBanner h4
{
  background-color: #3D5C64;
  display: block;
  margin: 0;
  padding: 5px;
  font-size: 14px;
}

#contentDiv .webshopBanner p
{
  padding: 5px;
}

#contentDiv .webshopBanner p a
{
  text-decoration: none;
}

#contentDiv .webshopBanner h4 a
{
  color: White;
  text-decoration: none;
}

/* extra info */
#contentDiv .extraInfo
{
  overflow: hidden;
  background-color: #ECF6F5;
  margin-top: 20px;
  color: #39575F;
}

.extraInfoColum
{
  width: 230px;
  float: left;
  padding: 10px;
}

.column-1
{
  border-right: 1px dotted #39575F;
}

#contentDiv .extraInfo ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-weight: normal;
  color: #39575F;
}

#contentDiv .extraInfo h3
{
  color: #39575F;
  margin: 0;
  padding: 0;
}

#contentDiv .extraInfo ul li
{
  padding: 0;
}

.faq
{
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 11px;
}

#contentDiv .faq a
{
  margin-left: 10px;
  color: #39575F;
}

.webshop .WebsiteSection
{
  margin: 0px 20px;
}

/* TWYP */
.tywpmessage
{
  padding: 0px 20px;
}

#contentDiv .tywpmessage p
{
  margin: 10px 0px;
}

/* likeBlock*/
.webshop .likeBlock{
  border: none;
  margin: 13px 0 0 20px;
}