#content a, #banners a { text-decoration: none; }
#content a:hover, #banners a:hover  { text-decoration: underline; }
#content img { border: 0; }
/* categories */
#content .categories { position: relative; margin: 0; padding: 0; width: 100%; }
#content .categorylist { position: relative; margin: 0 0 10px 0; padding: 0; width: 100%; overflow: hidden; }
#content .productlist h2 span, #content .categorylist h2 span, #content .productdetail h2 span { position: absolute; right: 4px; top: 6px; display: block; height: 11px; font: 11px/11px Arial, Helvetica, sans-serif; }
#content div.category, #content div.categoryend { position: relative; float: left; display: inline; width: 32%; min-height: 100px; padding: 0 0 4px 0; margin: 0 8px 10px 0; text-align: center; background: url(../../skins/default/pics/tableTopBorder.gif) repeat-x left bottom ; }
#content div.categoryend { margin: 0 0 10px 0; }
* html #content div.category, * html #content div.categoryend { height: 100px; }
#content div.category h2, #content div.categoryend h2 { position: relative; border-top: 4px solid #2bcbff; padding: 3px 0; }
#content div.category a, #content div.categoryend a { text-decoration: none; }
#content div.category h2 a, #content div.categoryend h2 a { color: #2bcbff; }
#content div.category a span, #content .categorylist div.categoryend a span { display: block; }
/* product list */
#content .productlist { position: relative; margin: 0; padding: 0; width: 100%; overflow: hidden; }
#content .productlist a { text-decoration: none; }
#content .productlist .shopitem { position: relative; padding: 0 0 4px 0; font-size:80%; margin: 0 0 4px 0; width: 100%; background: url(../../skins/default/pics/tableTopBorder.gif) repeat-x left bottom ;  overflow: hidden;}
#content .productlist .shopitem img { position: relative; float: left; display: inline; margin: 2px 10px 8px 8px; }
#content .productlist .shopitem h2 { position: relative; padding: 3px 0; border-top: 0px solid #122c8c; }
#content .productdetail { position: relative; padding: 0 0 4px 0; margin: 0 0 10px 0; width: 100%; overflow: hidden; background: url(../../skins/default/pics/tableTopBorder.gif) repeat-x left bottom ; }
#content .productdetail h2 { position: relative; padding: 3px 0; border-top: 4px solid #122c8c; }
#content h2 a { color: #122c8c; }
/* related products */
#content .relatedproducts { position: relative; width:100%; }
#content .relatedproducts .shopitem { position: relative; padding: 0 0 4px 0; margin: 0 0 4px 0; width: 100%; background: url(../../skins/default/pics/tableTopBorder.gif) repeat-x left bottom ;  overflow: hidden;}
#content .relatedproducts .shopitem h2 { position: relative; padding: 3px 0; border-top: 4px solid #8d9fe3; color: #8d9fe3; }
#content .relatedproducts .shopitem h2 a { color: #8d9fe3; }
#content .relatedproducts tr { background-position: left bottom; }
#content .relatedproducts .nbr { width: 5%; }
#content .relatedproducts .quantity { width: 5%; }
#content .relatedproducts .order { width: 12%; text-align: right; }
/* add products */
#content .counter { position: relative; float: right; display: inline; width: 31px; clear: both; height: 21px; border: 1px solid #7C0421; background: #fff;}
#content .counter input { position: absolute; left: 0; top: 0; width: 19px; height: 13px; padding: 3px 0; border: 1px solid #fff; border-right: 1px solid #7C0421;text-align: center; font: bold 11px/11px Arial, sans-serif;}
#content .counter a { position: absolute; right: 0; display: block; width: 10px; height: 10px; padding: 0; background: fcc; font-size: 1px; line-height: 1px;}
* html #content .counter a { right: -1px; }
#content .counter a:hover {	background-color: #D2CFD1;}
#content .counter .more { top: 0; border-bottom: 1px solid #7C0421; background: url(pics/iconCounterMore.gif) no-repeat center center;}
#content .counter .less { top: 11px;  background: url(pics/iconCounterLess.gif) no-repeat center center;}
#content .add {	float: right; display: inline; width: 22px; height: 22px; margin-right: 5px;}
#content .add a { position: relative; display: block; width: 22px; height: 22px; background: url(pics/iconBasketEmpty.gif) no-repeat 50% 50%; color: #FFFFFF;	line-height: 16px;	text-decoration: none;}
#content .add a:hover, #shop .add a.active { background-image: url(pics/iconBasketFull.gif); }
/* smal cart on the right */
#banners .kassa { position: relative; padding: 28px 5px 5px 5px; margin: 0; }
#banners .kassa h1 { position: absolute; top: 0; left: 0; width:147px; color: #122c8c; background: #fff; height: 16px; padding: 6px 5px;}
* html #banners .kassa h1 { left: -4px; }
#banners .kassa .header { font-weight: bold; color: #122C8C; }
#banners .kassa  table { position: relative; width: 100%; border-collapse: collapse; }
#banners .kassa  table td { padding: 1px; }
#banners .kassa .even { position: relative; height:16px; background: #d2faff; }
#banners .kassa .odd { position: relative; height:16px; background: #a5f5ff; }
#banners .kassa .basketItem, .basketblock .kassa p { margin: 3px 0 0 0; padding: 6px 0 0 0; color: #000; background:transparent; border-top: 1px solid #fff;}
#banners .kassa .basketItem form { position: relative; margin:0; padding: 0; }
#banners .kassa .basketItem .value { position: relative; width: 100%; overflow: hidden; background: transparent; }
#banners .kassa .basketItem .value span { width:auto; display:block; margin: 0 12px 0 0; font: normal 100%/120% Arial, Helvetica, sans-serif;}
#banners .kassa .basketItem .amount { width: 20px; height: 12px; float: left; margin: 0 10px 0 0; padding: 2px 0; text-align: center; border: 1px solid #ccc; font: normal 100%/1em Arial, Helvetica, sans-serif; color: #000; background: #fff; }
#banners .kassa .basketItem .titel { padding: 0; display: block; font-weight: bold; }
#banners .kassa .basketItem .price { margin: 0; padding: 1px 0; height: 12px; line-height: 12px; color: #fdd600; position: relative; float: right; }
#banners .kassa .basketItem .controls a { margin: 0 10px 0 0; padding: 0; color: #3311ff; text-decoration: underline; font: normal 90%/120% Arial, Helvetica, sans-serif; }
#banners .kassa .basketItem .amountControls { width: 22px; height: auto; overflow:hidden; float: left; margin-right:4px; padding-bottom: 4px; }
#banners .kassa .basketItem a.add { float:left; width: 10px; height:10px; background-color: #FFFFFF; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; line-height: normal; font-size:8px; }
#banners .kassa .basketItem a.remove { float:left; width: 10px; height:10px; background-color: #FFFFFF; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; line-height: normal; font-size:8px; }
#banners .kassa .basketItem .value a { float: left; background-color: #FFFFFF; text-align:center; color:#000000; }
#banners .kassa .productname { width: 90%; text-align: left;  }
#banners .kassa .productamount { text-align: center; vertical-align: top;  }
#banners .kassa .productprice { width: 28px;  text-align: right;  }
#banners .kassa .totals { margin-top:10px; background: url(../../skins/default/pics/productMenuBg2.gif) no-repeat -5px 65%; }
#banners .kassa .totals td { padding: 0 2px 0 0; text-align: right; }
#banners .kassa .totals .label { position: relative; padding: 0 0 0 2px; width: 70%;  text-align: left;}
#banners .kassa .footer a { display: block; position: relative; color: #000; font-weight: bold; }

/* shop confirmation */
#shopform { position: relative; padding: 0; margin: 20px 0 0 0;}
#shopform input { vertical-align: middle; padding: 0 1px; margin: 0; }
#shopform input.text, #shopform input.activetext { width: 240px; height: 16px; border: 1px solid #666666;  margin: 2px 0 1px 0; }
#shopform input.text { color: #666; }
#shopform input.activetext { color: #000; }
#shopform input.submit { height: 18px; color: #0059AA; width: 80px; border: 1px solid #0059AA;  margin: 0 0 3px 0; font-weight: bold; background: #ccc; }
#shopform table { position: relative; }
#shopform th { width: 180px; }
#shopform th, #shopform td { vertical-align: top; font-weight: normal; text-align: left; }
/* SHOP RULE */
.confirmation { position:relative; margin: 0; padding: 4px 4px 30px 4px; background: #eee; border: 1px solid #81858B; }
.confirmation a, .confirmation a:link, .confirmation a:visited { color: #81858b; text-decoration: none; }
.confirmation a:hover, .confirmation a:active { color: #000; text-decoration: underline; }
.confirmation table { position: relative; width: 100%; margin-top: 10px; border-collapse: collapse; border-top:1px solid #81858B;}
.confirmation table td { position: relative; width: 9%; padding: 0; }
.confirmation .rules table { margin: 0; padding: 0; border-top: 1px dotted #000;}
.confirmation .rules .header { background:#eee; color: #000; }
.confirmation .rules .header td { padding: 1px; }
.confirmation .rules .even td { background: #ddd; padding: 1px; }
.confirmation .rules .odd td { background: #fff; padding: 1px; }
.confirmation .rules .productnr, .confirmation .rules .header .productnr { text-align: left; }
.confirmation .rules .productname, .confirmation .rules .header .productname { width: 40%; text-align: left; }
.confirmation .rules .productname a { color:#009; }
.confirmation .rules .amount { width: 12%; text-align: center; }
.confirmation .rules .productamount { width: 20px; text-align: right; background-color:#FF0000; }
.confirmation .rules .productamount .amount { position: relative; width: 20px; height: 12px; margin:0; padding: 2px 0; border: 1px solid #666; text-align: center; font: normal 100%/1em Arial, Helvetica, sans-serif; color: #000; background: #fff; }
.confirmation .rules .productamount .productAmountControls { float: left; width: 22px; height: auto; overflow: hidden; }
.confirmation .rules .productamount .productAmountControls .input { float:left; width:22px; height:auto; margin:0; padding:0;}
.confirmation .rules .productamount .productAmountControls a.increase { float: left; width: 10px; height: 11px; display: block; text-align: center; background-color: #FFFFFF; line-height: normal; font-size:8px; margin: -1px 0 0 0; padding:0; border-left: 1px solid #666; border-bottom: 1px solid #666; }
.confirmation .rules .productamount .productAmountControls a.remove { float: left; width: 10px; height: 11px; display: block; text-align: center; background-color: #FFFFFF; line-height: normal; font-size:8px; margin: -1px 0 0 0; padding:0; border-right: 1px solid #666; border-bottom: 1px solid #666; }
.confirmation .rules .productamount	a.action { float: left; clear: left;}
.confirmation .rules .productprice { width: 12%; text-align: right; }
.confirmation .rules .subtotal { width: 16%; text-align: right; }
.confirmation .rules a { color:#009; }
.confirmation .rules a.action { font: bold 90% Arial,Helvetica,sans-serif; padding:1px; }
.confirmation .totals { color: #000; margin: 0; padding-top: 10px; border-top: 1px dotted #000; }
.confirmation .totals td { padding: 0 2px 0 0; text-align: right; width: 20%; }
.confirmation .totals .label { position: relative; padding: 0 0 0 4px; width: 80%; }
.confirmation .totals .totaal td { font-weight: bold; }




.prevnextprod {line-height:140%;}
.confirmation .btn { position:relative; margin-top:4px; line-height: 30px; height: 30px; padding-top: 4px; text-align: right; display:inline; }
.confirmation #btn {  }
/*.confirmation .btn a { position:relative; float:right; display: block; height: 12px; width: 180px; line-height:12px; padding: 2px 14px 2px 0; text-align: right; font-weight: bold; background: url(../../skins/default/pics/read-on_blue.gif) no-repeat 100% 3px;  } */
.confirmation .btn a, .confirmation #btn a { position: relative; line-height: 30px; display: block; float: right; display: inline; height: 30px; padding: 4px 36px 0 0; margin-right: 8px; text-align: right; font: bold 120%/140% Arial,Helvetica,sans-serif; color: #81858b; background: url(/skins/default/pics/btn_order.gif) no-repeat right top; }
.confirmation .btn a:hover { text-decoration : underline; }
.confirmation #backlink, .confirmation #btn #backlink { position: relative; display: inline; float:left; padding: 4px 0 0 36px; margin-left: 8px; text-align: left; background: url(http://blokhuttensite.redirect.site4u.nl/skins/default/pics/btn_back.gif) no-repeat left top;}
.confirmation p.small { font-size: 80%; line-height:1em;}
.confirmation p.error { font-size: 90%; line-height:1em; color:#930; font-weight:bold; }
.confirmation .header {font-weight: bold;}
.submitform {float: right; padding-right:40px; font-size:1.3em; font-weight: bold; cursor: pointer ; color: #000;}
.submitform a {border: 1px solid #000; display:block; padding: 3px 5px; margin-top:10px;background:#aaa;}