#winkelwagentje {
  margin-left:15px; 
  margin-right:15px;
}

/* Titel blok style (met uitleg links etc)*/
#winkelwagentje #winkelwagentje_header{
  position:relative;
}
#winkelwagentje #winkelwagentje_header h2{
  margin-bottom:5px;  
}
#winkelwagentje #winkelwagentje_header .navigatie{
  width:295px; /* 2 * 140 -295 -> 15px marge */
  position:absolute;
  bottom:0;
  right:0;
}

/* Style van de cart regels zelf */
#winkelwagentje #cart_items { 
  clear:both;
  margin-top:15px;
}
/* header */
#winkelwagentje #cart_items #cart_items_header{
  position:relative;
  border-bottom: 1px solid #808080;
  font-weight:bolder;
  padding-bottom: 5px;
} 
#winkelwagentje #cart_items #cart_items_header .qnty{
  top:0;
}
#winkelwagentje #cart_items #cart_items_header .unit_price{
  top:0;
}
#winkelwagentje #cart_items #cart_items_header .discount{
  top:0;
}
#winkelwagentje #cart_items #cart_items_header .subtotal{
  top:0;
}
/* contents */
#winkelwagentje #cart_items .cart_item.first{
  border-top: 0;
}
 #winkelwagentje #cart_items .cart_item.sub.first{
  border-top: 1px solid #808080;
}
#winkelwagentje #cart_items .cart_item.sub{
  border-top:0;
  padding-left: 0;
  font-size: smaller;
}
#winkelwagentje #cart_items .cart_item {
  border-top: 1px solid #808080;
  position:relative;
  min-height:30px; 
  overflow:hidden;
  padding-top:5px;  
  padding-left:5px;
  padding-bottom:5px;
  z-index: 1;
}

#winkelwagentje #cart_items .even{
  background-color: #e9e9e9;
}
#winkelwagentje #cart_items .odd{
  background-color: #f5f5f5;
}

#winkelwagentje #cart_items .packageshot { 
  float:left;
  margin-right:5px;
}
#winkelwagentje #cart_items .cart_item  .description {
  font-weight:bold;
  margin-bottom:5px;
}
#winkelwagentje #cart_items  .cart_item .extended_description { 
  font-size:smaller;
}
#winkelwagentje #cart_items .qnty { 
  position:absolute; 
  top:5px;
  right:295px; 
  text-align:right;
}
#winkelwagentje #cart_items .qnty form, #winkelwagentje #cart_items .qnty form div {
    display:inline;
}
#winkelwagentje #cart_items .qnty form input{
    padding:0;
    vertical-align:middle;
	display:inline;
}
#winkelwagentje #cart_items  .delete { 
  position:absolute; 
  top:5px;
  right:235px; 
  text-align:right;
}
#winkelwagentje #cart_items  .unit_price { 
  position:absolute; 
  top:5px;
  right:145px; 
  text-align:right;
}
#winkelwagentje #cart_items .discount { 
  position:absolute; 
  top:5px;
  right:90px; 
  text-align:center;
}
#winkelwagentje #cart_items .subtotal { 
  position:absolute;
  top:5px;  
  right:5px; 
  text-align:right;
}
#winkelwagentje #cart_items .cart_item .subtotal {  
  font-size:larger; 
  font-weight:bolder; 
}
#winkelwagentje #cart_items .bundle_content  {
  margin-left:1em;
}
#winkelwagentje #cart_details{
  position: relative;
  border-top: 2px solid #808080;
  margin-top: 15px;
}
#winkelwagentje #cart_details #cart_subtotal_block{ 
  float:right;
  width: 285px;
}
#winkelwagentje #cart_details #cart_subtotal_block div{ 
  position:relative;
  height:25px;  
}
#winkelwagentje #cart_details #cart_subtotal_block div .label{
  position:absolute;
  bottom:0px;
  left:0px;
  height:auto;
}
#winkelwagentje #cart_details #cart_subtotal_block div .value{
  position:absolute; 
  bottom:0px;
  right:0px;
  text-align:right;
  height: auto;
}
#winkelwagentje #cart_details #cart_subtotal .value{  
  font-size:larger;
  font-weight:bolder;
}
#winkelwagentje #cart_details #cart_discounts_block div{
  margin-left:5px;
  height:25px;
  position:relative;
}
#winkelwagentje #cart_details #cart_discounts_block div a{  
  font-size:larger;
  font-weight:bolder;
  color: #0059bd;
  position:absolute;
  bottom:0px;
  left:0px;
}

/* plaasting van de navigatie knoppen */
#winkelwagentje .navigatie{
  height:30px;
  overflow:auto;
  clear:both;
}
#winkelwagentje .button:hover{
  text-decoration:none;
}
#winkelwagentje .button.backward{
  width: 140px;
  height: 30px;
  background: url('/public/images/cart_button_empty.png');
  float:left;
  text-align:center;
  line-height:30px;
  font-size:larger;
  font-weight:bolder;
  color: #0059bd;
}
#winkelwagentje .button.forward{
  width: 140px;
  height: 30px;
  background: url('/public/images/cart_button_fill.png');
  float:right;
  text-align:center;
  line-height:30px;
  font-size:larger;
  font-weight:bolder;
  color: #ffffff;
}

span.disabled{
    color: grey;
}