/* ******************************************************************************* */
/* ************************* FILTER, SORT & NAVIGATE ***************************** */
/* ******************************************************************************* */

/* *********************************** Selector ********************************** */

#selector {
  background-image: url(../images/content/selector.gif);
  background-repeat: no-repeat;
  display: block;
  float: left;
  width: 593px;
  height: 33px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 7px;
}
.amount-item {
  font-size: 10px;
  color: #FFFFFF;
  display: block;
  float: left;
  padding-top: 9px;
}
.sort-item {
  font-size: 10px;
  color: #FFFFFF;
  display: block;
  float: right;
  padding-top: 9px;
  margin-left: 15px;
}
#selector select{
  background-color: #FFFFFF;
  font-size: 10px;
  width: 125px;
  margin-left: 5px;
  vertical-align: top;
  margin-top: -3px;
  padding-top: 1px;
  padding-bottom: 1px;
}
#selector select.number{
  width: 50px;
}

/* ********************************* Navigation ********************************** */

#products-navigation{
  font-size: 10px;
  font-weight: bold;
  color:#6EA623;
  display: block;
  float: left;
  width: 610px;
  margin-left: -6px;
  margin-top: 9px;
  margin-bottom: 15px;
}
#products-navigation a{
  color:#006C9D;
  text-decoration: none;
  border-right: solid 1px #006C9D;
  display: block;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}
#products-navigation a:hover{
  color:#00A1E9;
}
#products-navigation a.previous{
  background-image:url(../images/navigation/arrow_back_blue.gif);
  background-repeat: no-repeat;
  background-position: 8px 4px;
  padding-left: 16px;
}
#products-navigation a.previous:hover{
  background-image:url(../images/navigation/arrow_back_light_blue.gif);
}
#products-navigation a.next{
  background-image:url(../images/navigation/arrow_blue.gif);
  background-repeat: no-repeat;
  background-position: right 4px;
  border-right: none;
  padding-right: 8px;
}
#products-navigation a.next:hover{
  background-image:url(../images/navigation/arrow_light_blue.gif);
}
#products-navigation a.active{
  background-color:#FFFFFF;
  background-image: url(../images/content/products_navigationh.gif);
  background-repeat: no-repeat;
  background-position: 2px top;
  color: #FFFFFF;
  border-right: none;
  text-align: center;
  width: 25px;
  heigh: 12px;
  margin-left: -1px;
  margin-top: -3px;
  padding-left: 0px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 4px;
  position: relative;
}




/* ******************************************************************************* */
/* ********************************** PRODUCTS *********************************** */
/* ******************************************************************************* */

/* ************************************* 4-row *********************************** */

.product-row-wrap-4{
  display: block;
  float: left;
  clear: left;
  width: 625px;
  margin-left: -2px;
  margin-bottom: 9px;
  position: relative;
}
.product{
  background-image: url(../images/content/product_4_background.gif);
  background-repeat: repeat-y;
  display: inline;
  clear: right;
  float: left;
  width: 151px;
  margin-right: 4px;
}
.product:hover .bottom{
  background-image: url(../images/content/product_4_bottomh.gif);
}
.product:hover .content{
  background-image: none;
}
.product:hover .image{
  border: solid 0px #00A1E9;
}
.product:hover .linktitle a{
  color: #00A1E9;
}
.product .top{
  background-image: url(../images/content/product_4_top.gif);
  background-repeat: no-repeat;
  font-size: 1px;
  display: block;
  float: left;
  width: 151px;
  height: 7px;
}
.product .content{
  background-image: url(../images/content/product_gradient.gif);
  background-repeat: no-repeat;
  background-position: 2px bottom;
  display: block;
  float: left;
  width: 140px;
  padding-left: 7px;
}
.product .image{
  border: solid 0px #006C9D;
  display: block;
  float: left;
  width: 131px;
  height: 131px;
  margin-bottom: 5px;
  padding: 1px;
  position: relative;
}
.product .action{
  background-image: url(../images/content/action_background.gif);
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
  float: left;
  padding: 2px 6px 3px 6px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.product .discount{
  background-image: url(../images/content/discount_4.png);
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: block;
  float: left;
  width: 47px;
  height: 40px;
  padding-top: 5px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: none;
}
.product .bookdiscount{
  background-image: url(../images/content/boekvandeweek_4.gif);
  background-repeat: no-repeat;
  display: block;
  float: left;
  width: 45px;
  height: 45px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.product .description-wrap{
  display: block;
  float: left;
  min-height: 28px;
  padding-bottom: 8px;
}
.product .linktitle a{
  font-size: 10px;
  font-weight: bold;
  color: #006C9D;
  text-decoration: none;
  display: block;
  float: left;
  width: 135px;
  margin-bottom: 4px;
}
.product .linktitle a:hover{
  color: #00A1E9;
}
.product .description{
  font-size: 9px;
  display: block;
  float: left;
  width: 135px;
	height: 50px;
}
.product .shoppingbasket{
  display: block;
  float: right;
  padding-right: 5px;
  position: relative;
  width: 32px;
  height: 28px;
}
.category-overview .product .shoppingbasket{
  display: none;
}
.product .shoppingbasket a{
  font-size: 9px;
  text-align:center;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  background-image: url(../images/navigation/shoppingbasket.gif);
  background-repeat: no-repeat;
  display: block;
  float: right;
  width: 32px;
  height: 28px;
}
.shoppingbasket a:hover{
  background-image: url(../images/navigation/shoppingbasketh.gif);
}
.shoppingbasket a span {
  display: none;
}
.shoppingbasket a:hover {
  position: relative;
}
.shoppingbasket a:hover .tooltip {
  bottom: 27px;
}
.product .price{
  font-size: 11px;
  font-weight: bold;
  display: block;
  float: left;
	width: 55px;
	padding-top: 6px;
}
.category-overview .product .price{
  display: none;
}
.product .discount-price{
  color: #FF0000;
  text-decoration: line-through;
  display: block;
  float: left;
  padding-right:3px;
  display: none;
}
.product .price-info{
  font-size: 9px;
  display: block;
  float: left;
  width: 96px;
  margin-top: -1px;
  display: none;
}
.shipping-info{
  font-size: 9px;
  display: block;
  float: left;
  padding-top: 4px;
  display: none;
}
.detail-wrap .shipping-info, .checkout .shipping-info{
  display: block;
}
.shipping-info a{
  background-repeat: no-repeat;
  font-size: 9px;
  text-align:center;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  float: left;
  width: 34px;
  height: 12px;
  margin-left: 2px;
  cursor: default;
}
.shipping-info a.shipping-1{
  background-image: url(../images/content/shipping_indicator_1.gif);
}
.shipping-info a.shipping-2{
  background-image: url(../images/content/shipping_indicator_2.gif);
}
.shipping-info a.shipping-3{
  background-image: url(../images/content/shipping_indicator_3.gif);
}
.shipping-info a span {
  display: none;
}
.shipping-info a:hover {
  position: relative;
}
.product .links {
  font-size: 9px;
  display: block;
  float: left;
  width: 135px;
  margin-top: -13px;
}
.category-overview .product .links{
  display: none;
}
.product .more-info{
  display: block;
}
.product .in-basket{
  display: none;
}
.product .more-info a, .product .in-basket a{
  background-image: url(../images/navigation/arrow_blue.gif);
  background-repeat: no-repeat;
  background-position: 1px 4px;
  color: #006C9D;
  text-decoration: none;
  display: block;
  padding-left: 8px;
}
.product .more-info a:hover, .product .in-basket a:hover{
  background-image: url(../images/navigation/arrow_light_blue.gif);
  color: #00A1E9;
}
.product .bottom{
  background-image: url(../images/content/product_4_bottom.gif);
  background-repeat: no-repeat;
  font-size: 1px;
  display: block;
  float: left;
  width: 151px;
  height: 9px;
}

/* ************************************* 3-row *********************************** */

.product-row-wrap-3{
  display: block;
  float: left;
  clear: left;
  width: 625px;
  margin-left: -2px;
  margin-bottom: 9px;
  position: relative;
}
.product-row-wrap-3 .product{
  background-image: url(../images/content/product_3_background.gif);
  width: 202px;
  margin-right: 5px;
}
.product-row-wrap-3 .product:hover .bottom{
  background-image: url(../images/content/product_3_bottomh.gif);
}
.product-row-wrap-3 .product:hover .content{
  background-image: none;
}
.product-row-wrap-3 .product .top{
  background-image: url(../images/content/product_3_top.gif);
  width: 202px;
}
.product-row-wrap-3 .product .content{
  background-image: url(../images/content/product_gradient.gif);
  width: 191px;
}
.product-row-wrap-3 .product .image{
  width: 182px;
  height: 182px;
}
.product-row-wrap-3 .product .action{
  font-size: 12px;
  padding: 3px 7px 4px 7px;
  right: 6px;
  bottom: 6px;
}
.product-row-wrap-3 .product .discount{
  background-image: url(../images/content/discount_3.png);
  font-size: 22px;
  width: 56px;
  height: 49px;
  padding-top: 6px;
  right: 5px;
  bottom: 5px;
}
.product-row-wrap-3 .product .bookdiscount{
  background-image: url(../images/content/boekvandeweek_3.gif);
  width: 55px;
  height: 55px;
  right: 6px;
  bottom: 6px;
}
.product-row-wrap-3 .product .description-wrap{
  min-height: 32px;
}
.product-row-wrap-3 .product .linktitle a{
  font-size: 11px;
  width: 186px;
}
.product-row-wrap-3 .product .description{
  width: 186px;
	height: 50px;
}
.product-row-wrap-3 .product .price{
  margin-top: -2px;
  font-size: 12px;
	width: 100px;
}
.product-row-wrap-3 .product .price-info{
  width: 147px;
}
.product-row-wrap-3 .shipping-info a{
  margin-left: 3px;
}
.product-row-wrap-3 .product .links {
  margin-top: -13px;
  width: 186px;
}
.product-row-wrap-3 .product .more-info{
  float: left;
}
.product-row-wrap-3 .product .in-basket{
  float: right;
}
.product-row-wrap-3 .product .bottom{
  background-image: url(../images/content/product_3_bottom.gif);
  width: 202px;
}

/* ************************************* 2-row *********************************** */

.product-row-wrap-2{
  display: block;
  float: left;
  clear: left;
  width: 625px;
  margin-left: -2px;
  margin-bottom: 9px;
  position: relative;
}
.product-row-wrap-2 .product{
  background-image: url(../images/content/product_2_background.gif);
  width: 306px;
  margin-right: 4px;
}
.product-row-wrap-2 .product:hover .bottom{
  background-image: url(../images/content/product_2_bottomh.gif);
}
.product-row-wrap-2 .product:hover .content{
  background-image: none;
}
.product-row-wrap-2 .product .top{
  background-image: url(../images/content/product_2_top.gif);
  width: 306px;
}
.product-row-wrap-2 .product .content{
  background-image: url(../images/content/product_gradient.gif);
  width: 295px;
}
.product-row-wrap-2 .product .image{
  width: 286px;
  height: 286px;
}
.product-row-wrap-2 .product .action{
  font-size: 14px;
  padding: 4px 8px 5px 8px;
  right: 7px;
  bottom: 7px;
}
.product-row-wrap-2 .product .discount{
  background-image: url(../images/content/discount_2.png);
  font-size: 32px;
  width: 76px;
  height: 66px;
  padding-top: 9px;
  right: 6px;
  bottom: 6px;
}
.product-row-wrap-2 .product .bookdiscount{
  background-image: url(../images/content/boekvandeweek_2.gif);
  width: 75px;
  height: 75px;
  right: 7px;
  bottom: 7px;
}
.product-row-wrap-2 .product .description-wrap{
  min-height: 23px;
}
.product-row-wrap-2 .product .linktitle a{
  font-size: 12px;
  line-height: 16px;
  width: 290px;
}
.product-row-wrap-2 .product .description{
  font-size: 11px;
  width: 290px;
}
.product-row-wrap-2 .product .price{
  margin-top: -5px;
  font-size: 14px;
  width: 249px;
  padding-left: 1px;
  padding-bottom: 12px;
}
.product-row-wrap-2 .product .price-info{
  font-size: 11px;
  width: 251px;
  margin-top: -2px;
}
.product-row-wrap-2 .shipping-info{
  font-size: 11px;
}
.product-row-wrap-2 .shipping-info a{
  margin-left: 4px;
}
.product-row-wrap-2 .product .links {
  margin-top: -13px;
  margin-bottom: -1px;
  width: 290px;
}
.product-row-wrap-2 .product .more-info{
  float: left;
}
.product-row-wrap-2 .product .in-basket{
  float: right;
}
.product-row-wrap-2 .product .in-basket a{
  background-position: 0px 5px;
}
.product-row-wrap-2 .product .bottom{
  background-image: url(../images/content/product_2_bottom.gif);
  width: 306px;
}

/* ************************************* 5-row *********************************** */

.product-row-wrap-5 {
  display: block;
  float: left;
  clear: left;
  width: 625px;
  margin-left: -2px;
  margin-bottom: 9px;
  position: relative;
}
.product-row-wrap-5 .product{
  background-image: url(../images/content/product_5_background.gif);
  width: 120px;
  margin-right: 4px;
}
.product-row-wrap-5 .product:hover .bottom{
  background-image: url(../images/content/product_5_bottomh.gif);
}
.product-row-wrap-5 .product:hover .content{
  background-image: none;
}
.product-row-wrap-5 .product .top{
  background-image: url(../images/content/product_5_top.gif);
  width: 120px;
}
.product-row-wrap-5 .product .content{
  background-image: url(../images/content/product_gradient.gif);
  width: 109px;
}
.product-row-wrap-5 .product .image{
  width: 100px;
  height: 100px;
}
.product-row-wrap-5 .product .action{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  padding: 1px 5px 3px 5px;
  right: 4px;
  bottom: 4px;
}
.product-row-wrap-5 .product .discount{
  background-image: url(../images/content/discount_5.png);
  font-size: 15px;
  width: 37px;
  height: 30px;
  padding-top: 5px;
  right: 3px;
  bottom: 3px;
}
.product-row-wrap-5 .product .bookdiscount{
  background-image: url(../images/content/boekvandeweek_5.gif);
  width: 35px;
  height: 35px;
  right: 4px;
  bottom: 4px;
}
.product-row-wrap-5 .product .description-wrap{
  min-height: 28px;
}
.product-row-wrap-5 .product .linktitle a{
  font-size: 9px;
  width: 104px;
}
.product-row-wrap-5 .product .description{
  width: 104px;
}
.product-row-wrap-5 .product .shoppingbasket a{
  display: block;
  float: right;
}
.product-row-wrap-5 .product .price{
  font-size: 9px;
  margin-top: 0px;
  width: 70px;
}
.product-row-wrap-5 .product .discount-price{
  padding-right:2px;
}
.product-row-wrap-5 .product .price-info{
  width: 65px;
}
.product-row-wrap-5 .shipping-info{
  width: 65px;
  margin-top: -1px;
  padding-top: 0px;
}
.product-row-wrap-5 .shipping-info a{
  margin-left: 0px;
  margin-top: 4px;
}
.product-row-wrap-5 .product .links {
  width: 104px;
  margin-top: -13px;
}
.product-row-wrap-5 .product .bottom{
  background-image: url(../images/content/product_5_bottom.gif);
  width: 120px;
}

/* *************************** Disabled shoppingcart ******************************* */

.product .shoppingbasket a.disabled{
  display: none;
}

/* ***************************** Catogory overview ********************************* */

.category-overview .product .description-wrap{
  min-height: 1px;
  padding-bottom: 0px;
}

/* ***************************** Related products ********************************* */

.product-list{
  display: block;
  float: left;
  width: 602px;
  padding-left: 7px;
}
.product-list .row-wrap{
  background-image: url(../images/content/productlist_background.gif);
  background-repeat: repeat-y;
  display: block;
  float: left;
  padding-left: 1px;
  margin-bottom: 5px;
}
.product-list h1{
  padding-left: 8px;
  margin-top: -2px;
  padding-bottom: 10px;
}
.product-list .product{
  background-image: none;
  width: 104px;
  margin-left: 7px;
  margin-right: 8px;
}
.product-list .product .image{
  width: 100px;
  height: 100px;
}
.product-list .number{
  background-image: url(../images/content/number_background.gif);
  background-repeat: no-repeat;
  font-size: 9px;
  line-height: inherit;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: block;
  float: left;
  width: 16px;
  height: 13px;
  position: absolute;
  left: 4px;
  top: 4px;
}
.product-list .product .price{
  width: 104px;
  padding-bottom: 0px;
}
.product-list .product .discount{
  background-image: url(../images/content/discount_5.png);
  font-size: 15px;
  width: 37px;
  height: 30px;
  padding-top: 5px;
  right: 3px;
  bottom: 3px;
}
.product-list .product .description-wrap{
  min-height: 28px;
}
.product-list .product .linktitle a{
  font-size: 9px;
  width: 104px;
}
.product-list .product .description{
  width: 104px;
}
.product-list .product .price-info{
  width: 104px;
  margin-bottom: 0px;
}
.product-list .product .links {
  width: 104px;
  margin-bottom: -2px;
  margin-top: 5px;
}
.product-list .remove a{
  background-image: url(../images/navigation/x_small.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
  font-size: 9px;
  color: #6ba723;
  text-decoration: none;
  display: block;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}
.product-list .remove a:hover{
  background-image: url(../images/navigation/x_smallh.gif);
  color: #006C9D;
}

/* ***************************** Related products ********************************* */

.product-list-small{
  display: block;
  float: left;
  width: 149px;
  margin-top: -4px;
  padding-left: 5px;
  padding-right: 5px;
}
.product-list-small h1{
  padding-left: 3px;
  padding-bottom: 4px;
  position: relative;
}
.product-list-small .product{
  background: none;
  border-bottom: solid 1px #E2E2E2;
  clear: left;
  width: 149px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
}
.product-list-small .image{
  width: 61px;
  height: 61px;
  margin-right: 5px;
}
.product-list-small .number{
  background-image: url(../images/content/number_background.gif);
  background-repeat: no-repeat;
  font-size: 9px;
  line-height: inherit;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: block;
  float: left;
  width: 16px;
  height: 13px;
  position: absolute;
  left: 3px;
  bottom: 3px;
}
.product-list-small .description-wrap{
  width: 79px;
  min-height: 47px;
  padding-bottom: 5px;
}
.product-list-small .linktitle a{
  font-size: 9px;
  line-height: 11px;
  margin-top: -1px;
  width: 79px;
}
.product-list-small .description{
  line-height: 11px;
  width: 94px;
}
.product-list-small .price-wrap{
  font-size: 9px;
  line-height: 12px;
  display: block;
  float: left;
  width: 79px;
}
.product-list-small .price{
  font-size: 9px;
  display: block;
  float: left;
  padding-bottom: 0px;
}
.product-list-small .price-info{
  width:auto;
  margin-top: 0px;
}
.product-list-small .product .links {
  width: 147px;
  padding-left: 2px;
  margin-bottom: -2px;
}
.product-list-small .remove{
  display: none;
}
.product-list-small .remove a{
  background-image: url(../images/navigation/x_small.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
  font-size: 9px;
  color: #6ba723;
  text-decoration: none;
  display: block;
  float: left;
  padding-left: 15px;
}
.product-list-small .remove a:hover{
  background-image: url(../images/navigation/x_smallh.gif);
  color: #006C9D;
}
