body{ background-color: #CCC; margin: 0 8px; padding: 0; color: #000000; font: 74%/1.45em  Arial, Helvetica, sans-serif; }

/* toolbox */
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block !important; }
.clearright{ clear: right !important; }
.clearleft{ clear: left !important; }
.noclear{ clear: none !important; }
.ultrasmall{ font-size: 60%; }
.desc{ font-size: 90%; }
.atta{ font-size: 105%; }
.bigtxt{ font-size: 130%; }
.left{ float: left !important;}
.leftimg{ margin: 4px 12px 4px 0; float: left; position: relative;}
.lefttxt { text-align: left; }
.padding{ padding: 12px; }
.smallpadding{ padding: 6px; }
.rightpadding{ padding: 6px 12px 6px 0; }
.right{ float: right !important; }
.rightimg{ float: right; margin: 4px 0 4px 12px; }
.righttxt{ text-align: right; }
.block{ display: block; }
.wrap{ white-space: normal; }
.nowrap{ white-space: nowrap }
.nobg{ background: none !important; }
.nomargin{ margin: 0 !important; }
.nobor{ border: none !important; }
.nopad{ padding: 0 !important; }
.noline{ text-decoration: none; }
.hide{ display: none !important; }
.auto{ width: auto; }
.full{ width: 100% !important; }
.linenorm{ line-height: normal; }
.rel{ position: relative; }
.spacerleft{ margin-left: 12px !important; }
.spacerright{ margin-right: 12px !important; }
.spacertop{ margin-top: 12px !important; }
.spacerbottom{ margin-bottom: 12px !important; }
.spacerlefts{ margin-left: 8px !important; }
.spacerrights{ margin-right: 8px !important; }
.spacertops{ margin-top: 8px !important; }
.spacerbottoms{ margin-bottom: 8px !important; }
.bordertop{ border-top: 2px solid #CCC; }
.bordertopl{ border-top: 2px solid #F3F3F3; }
.borderbottom{ border-bottom: 2px solid #CCC; }
.icon{ width:13px; }
.alert{ color: #E01117 !important; }
input.alert{ border-color: #E01117 !important; }
.add{ font-size: 300%; font-weight: bold; padding: 2px 0 6px 30px; }
.addnorm{ font-size: 220%; font-weight: bold; padding: 4px 0 4px 0px; clear: both; }
.combo{ font-size: 140%; position: relative; }
.combo .strike{ position: absolute; top: -1.5em; left: 1.5em; font-size: 65% !important;  }
.alt{ background: #F3F3F3; }
.altcol { background: #F9F9F9 !important; }
.disable{ -moz-opacity: 0.25; opacity: 0.25; }
.bold{ font-weight: bold; }
.strike{ text-decoration: line-through; }
.quantity input{ font-size: 90%; }
div.error, span.error, label.error { color: red; }
.video{ position: absolute !important; top: 0px !important; left: 0px !important; float: left; }
fieldset { border: none; margin: 0; padding: 0; }

body.dialog{ background: #FFF !important; }
body.dialog #content{ border: none; }

img, img a{ border: none; }
a{ text-decoration: underline; color: #000; }
a:hover{ text-decoration: underline; color: #00A4E3; }
a:focus { -moz-outline: none;}
li a{ text-decoration: none; color: #000; }
li a:hover{ background-color: transparent; text-decoration: underline; color: #000; }
a.more{ background: url(../images/arrow.gif) 0em 0.4em no-repeat; padding: 0 0 0 0.7em; }
a.bold{ font-weight: bold; font-size: 115%; text-decoration: none; }
p{ padding: 0; margin: 0.2em 0 0.8em 0; }
hr.line { color: #CCC; height: 2px; line-height: 1px; background: #CCC; margin: 0 0 10px 0; padding: 0; border: 0; }
img.border{ border: 2px solid #CCCCCC; }
a img.border:hover{ border: 2px solid #00A4E3; }
img.borders{ border: 1px solid #CCCCCC; }
img.borders:hover{ border: 1px solid #00A4E3; }
a.borders{ border: 1px solid #CCCCCC; }
a.borders:hover{ border: 1px solid #00A4E3; }
.bgblue img.border{ border: 2px solid #CCCCCC; }
.bgblue a img.border:hover{ border: 2px solid #1CC0FF; }
.bgblue a:hover{ color: #000; text-decoration: underline; }

h1, h2, h3, h4, h5 { font-weight: normal; line-height: normal; font-family: Arial, Helvetica, sans-serif; color: #000000; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
h1{ font-size: 210%; margin:  0.1em 0 0.2em 0; padding: 0 0 0.2em 0; font-weight: bold;}
h2{ font-size: 145%; margin: 0.1em 0 0.2em 0; padding: 0.3em 0 0 0; font-weight: bold; }
h3{ font-size: 125%; margin: 0.1em 0 0.2em 0; padding: 0.3em 0 0 0; font-weight: bold; }
h4{ font-size: 115%; margin: 0 0 0.2em 0; padding: 0.3em 0 0.1em 0; font-weight: bold; }
h5{ font-size: 110%; margin: 0 0 0.1em 0; padding: 0.1em 0 0.1em 0; font-weight: bold; }

h1 { float: left; clear: left; width: 690px; padding-right: 50px; }
h1 img { vertical-align: middle; }
html.small h1 { width: 470px; }
h1.indent{ width: 470px; position: relative; left: 220px; }
html.small h1.indent{ width: 275px; position: relative; left: 195px; }

form{ margin: 0; padding: 0; }
form p{ margin: 0.3em 0.3em 0.3em 0; padding: 0; }
input, textarea{ border: 1px solid #007EAE; padding: 0px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; }
textarea{ font-size: 114%; font-family: Arial, Helvetica, sans-serif; }
.product input, td input{ border: 1px solid #00A4E3; padding: 0 2px 0 2px !important; }
label{ cursor: pointer; }
label.greytxt{ cursor: default !important; }
form .spacerleft{ margin-left: 10px !important; }
form .spacerright{ margin-right: 10px !important; }
form .spacertop{ margin-top: 10px !important; }
form .spacerbottom{ margin-bottom: 10px !important; }

form p { overflow: hidden; width: 100%; }
form p span.error { display: block; float: right; }
form p label { margin-right: 0px; }
form p span.fieldset,
form p span.select-container { display: block; float: left; width: 366px; }
form p input.error, form p textarea.error { border: 1px solid red; }
form p input.radio { border: none; }
form .formwidth { width: 536px; }
.third textarea { width: 215px; }

html.small form p span.fieldset,
html.small form p span.select-container { width: 275px; }
html.small .formwidth { width: 400px; }
html.small .generic-form .quart{ width: 125px !important; }
html.small .generic-form .quarter{ width: 110px !important;}
html.small .generic-form .fixhalf{ width: 269px !important; }
html.small .third textarea { width: 145px; }

table{ font-size: 100%; }
table.order td, table.order th{ padding: 6px 4px; border-collapse: collapse; empty-cells: show; }
table.overview td, table.overview th{ padding: 2px 8px; border-collapse: collapse; empty-cells: show; }

table.bestellen{ border: 2px solid #CCC; }
table.bestellen td, table.bestellen th{ padding: 8px 8px; border-collapse: collapse; empty-cells: show; }
table.bestellen .nopad{ padding: 2px 8px !important; }

table.listview td{ border-bottom: 2px solid #CCC; padding: 2px 8px 0px 8px !important; width:30%; }
table.listview td select{ font-size: 90%; }
table.listview td.fixed{ width: 27px !important; }

.whitetxt, .whitetxt * { color: #FFFFFF;}
a.whitetxt:hover, .whitetxt a:hover { color: #FFFFFF !important; text-decoration: underline !important; }
.blacktxt, .blacktxt * { color: #000000 !important;  }
a.blacktxt:hover, .blacktxt a:hover { color: #000000 !important; }
.yellowtxt, .yellowtxt * { color: #F4DA02 !important;  }
a.yellowtxt:hover, .yellowtxt a:hover { color: #F4DA02 !important; }
.bluetxt, .bluetxt * { color: #00A4E3 !important;  }
a.bluetxt:hover, .bluetxt a:hover { color: #00A4E3 !important; }
.greytxt, .greytxt * { color: #BFBFBF !important;  }
a.greytxt:hover, .greytxt a:hover { color: #BFBFBF !important; text-decoration: underline !important; }
.darkgreytxt, .darkgreytxt * { color: #8B8B8B !important;  }
a.darkgreytxt:hover, .darkgreytxt a:hover { color: #8B8B8B !important; text-decoration: underline !important; }

a.arrowblue, h2.arrowblue, h3.arrowblue { background-image: url(../images/arrow_blue.gif); background-position: 0em 0.3em; background-repeat: no-repeat; padding: 0 0 0 0.8em; }
a.arrowblack, h2.arrowblack, h3.arrowblack { background-image: url(../images/arrow_black.gif) !important; background-position: 0em 0.3em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
a.arrowyellow, h2.arrowyellow, h3.arrowyellow { background-image: url(../images/arrow_yellow.gif) !important; background-position: 0em 0.3em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
a.arrowwhite, h2.arrowwhite, h3.arrowwhite { background-image: url(../images/arrow_white.gif) !important; background-position: 0em 0.3em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
a.arrowgrey, h2.arrowgrey, h3.arrowgrey { background-image: url(../images/arrow_grey.gif) !important; background-position: 0em 0.3em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
a.arrowbluedown, a.arrowbluedown:hover { background: url('../images/arrow_blue_down.gif') no-repeat 0em 0.4em; padding: 0 0 0 1.1em; }
a.arrowblueup,   a.arrowblueup:hover   { background: url('../images/arrow_blue_up.gif')   no-repeat 0em 0.4em; padding: 0 0 0 1.1em; }

a.plus { background-image: url('../images/icon_plus.gif'); background-position: 0em 0.1em; background-repeat: no-repeat; padding: 0 0 0.2em 1.4em; }
a.min { background-image: url('../images/icon_min.gif'); background-position: 0em 0.1em; background-repeat: no-repeat; padding: 0 0 0.2em 1.4em; }
a.close { background-image: url('../images/icon_closegrey.gif'); background-position: 0em 0em; background-repeat: no-repeat; padding: 0; width: 13px; height: 13px; text-indent: -999px; overflow: hidden; }
a.close:hover { background-image: url('../images/icon_close.gif'); }
a.compare { background-image: url('../images/icon_compare.gif'); background-position: 0em 0.1em; background-repeat: no-repeat; padding: 0 0 0.2em 1.4em; }
a.help { margin: 0 0 0 0.5em; }
a.print { position: absolute; right: 4px; top: -29px; background: url('../images/icon_print.gif') no-repeat 0em 0.4em;; padding: 0 0 0.2em 1.6em; }
a.printicon { background: url('../images/icon_print.gif') no-repeat 0em 0.3em; padding: 0 0 0.2em 1.4em; }
a.back { background-image: url('../images/buttons/bread-prev.gif') !important; background-position: top left !important; background-repeat: no-repeat !important; padding: 2px 0 0 28px; font-size: 100%; line-height: 18px; white-space: nowrap; height: 20px; }
a.start-chat { display: block; margin-top: 15px; width: 144px; line-height: 20px; text-indent: -9999em; overflow: hidden; background: transparent url('../images/open_chat_content.gif') no-repeat top left; }

ul{ list-style: none; margin: 0; padding: 0;}
ul.clean{ list-style: none; margin: 0; padding: 0; }
ul li { background-image: url(../images/bullet.gif); background-position: 0em 0.45em; background-repeat: no-repeat; padding: 0 0 0 0.8em; margin: 0.2em 0; line-height: normal !important; }

ul.arrowblue, ul.arrowblack, ul.arrowyellow, ul.arrowwhite{ list-style: none; margin: 0; padding: 0; position: relative; }
ul.arrowblue li { background-image: url('../images/arrow_blue.gif'); background-position: 0em 0.35em; background-repeat: no-repeat; padding: 0 0 0 0.8em; }
ul.arrowblack li { background-image: url(../images/arrow_black.gif) !important; background-position: 0em 0.35em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
ul.arrowblack li.no-link { background-image: none !important; position: relative; left: -9px; }
ul.arrowyellow li { background-image: url(../images/arrow_yellow.gif) !important; background-position: 0em 0.35em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
ul.arrowwhite li { background-image: url(../images/arrow_white.gif) !important; background-position: 0em 0.35em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
ul.arrowgrey li { background-image: url(../images/arrow_grey.gif) !important; background-position: 0em 0.35em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }
ul.arrowbluedown li { background-image: url(../images/arrow_blue_down.gif) !important; background-position: 0em 0.4em !important; background-repeat: no-repeat !important; padding: 0 0 0 1.1em; }
ul.square li { list-style: none; background-image: url(../images/bullet_square.gif) !important; background-position: 0em 0.5em !important; background-repeat: no-repeat !important; padding: 0 0 0 0.8em; }

.icon-cart{ background-image: url(../images/icon_cart.gif); background-position: top right; background-repeat: no-repeat; }
.icon-horse{ background-image: url(../images/icon_horse.gif); background-position: top right; background-repeat: no-repeat; }
.icon-cbox{ background-image: url(../images/icon_cbox.gif); background-position: top right; background-repeat: no-repeat; }
.icon-bulb{ background-image: url(../images/icon_bulb.gif); background-position: top right; background-repeat: no-repeat; }
.icon-tip{ background-image: url(../images/icon_tip.gif); background-position: top right; background-repeat: no-repeat; }
.icon-truck{ background-image: url(../images/icon_truck.gif); background-position: top right; background-repeat: no-repeat; }
.icon-flag{ background-image: url(../images/icon_flag.gif); background-position: top right; background-repeat: no-repeat; }
.icon-forum{ background-image: url(../images/icon_forum.gif); background-position: top right; background-repeat: no-repeat; }
.icon-info{ background-image: url(../images/icon_info.gif); background-position: top right; background-repeat: no-repeat; }

.pager{ clear: both; overflow: hidden; width: 100%; }
.pager a.prev{ background-image: url('../images/buttons/bread-prev.gif'); background-position: top left; background-repeat: no-repeat; padding: 0; width: 21px; height: 20px; }
.pager a.next{ background-image: url('../images/buttons/bread-next.gif'); background-position: top right; background-repeat: no-repeat; padding: 0; width: 21px; height: 20px; }
.pager .num a, .pager .num strong{ display: block; margin: 0; float: left; height: 21px; width: 26px; text-align: center; }
.pager .num strong{ position: relative; top: 0.05em; }
.pager .num{ font-size: 130%; float: left; padding: 0.5em 0; }
.pager a span{ display: none; }
.pager .select{ font-size: 90%; padding: 0.5em 0; float: left; }


.bgwhite{ background-color: #FFF; }
.bglightgrey{ background-color: #F9F9F9; }
.bggrey{ background-color: #F3F3F3; }
.bggreydark{ background-color: #E4E4E4; }
.bgblue{ background-color: #00A4E3 !important; }
.bgyellow{ background-color: #FDF8CC !important; }
.bgstripe{ background: url(../images/stripe_tile.gif); }
.rnddrop{ border-color: #CCCCCC; border-style: solid; border-width: 0px 0px 1px 1px; }
.rnddropblue{ border-color: #007EAE; border-style: solid; border-width: 0px 0px 1px 1px; }
.transfer{ border: 2px dotted #00A4E3; }
.options{ padding: 0 5px 4px 0; margin: 12px 0 0 0; float: left; width: 100%; font-size: 90%; }
.options a{ margin: 0 0.5em 0 0; }
.form div{ padding: 0.15em 0; }
.msgspecial{ background: #000; color: #FFF; font-size: 110%; font-weight: bold; width:100%; }
.msgspecial .smallpadding{ padding: 6px 6px 6px 12px; }
.searchcontainer{ position: relative; }

.cell{ position:relative;margin: 0 4px 4px 0; overflow:hidden !important; height:103px; width: 169px; background-color: #F3F3F3; background-position: bottom right; background-repeat: no-repeat;}
.cell .content{ display: none;width:280px; }
.cell h5{ font-size: 100%; }
.cell { font-size: 90%; }
.cell ul.arrowblue { float: left; width: 138px; }
.cell ul.arrowblue li { padding-right: 5px; }
.cell ul.arrowblue li a { display: block; width: 100%; }
.cell ul.arrowblue li a:hover { color: #00A4E3; }
.active{ background: #F3F3F3 url(../images/stripe_tile_blue.gif) !important;}
.active h5 a:hover{color: white }
.active ul.arrowblue li {  background-image: url(../images/arrow_white.gif) !important; }
.active ul.arrowblue li a { color:white !important; }

/*.active ul.arrowwhite li { background-image: url(../images/arrow_blue.gif) !important; }
.active a:hover, .active *{ color: #000 !important; }*/
.cell .bottom{ position: absolute; bottom: 10px; }
.griddb{ margin: 0 22px 0 0; }

.ac_results { margin-top:3px; position: absolute; z-index: 200 !important; display: none; }
.ac_results .box{ background: #F3F3F3; width:326px; padding: 2px; float: left;  }
.ac_results .item img{ margin-left:2px; }
.ac_results .item{cursor: pointer; float: left; }
.ac_results ul, .ac_results li{ list-style: none; margin: 0;  }
.ac_results li{ float: left; display: block }
.ac_results .odd{background: #F3F3F3;}
.ac_results .even{background: white;}
.ac_over {cursor: pointer; background-color: #F4DA02; float: left; width: 314px; }
.ac_over .borders{ border: 1px solid #00A4E3; }

/* product */
.product { position: relative; float: left; width: 100%; font-size: 96%; }
.product .artnr { }
.product .price { white-space: nowrap; }
.product .price .atta{ padding-left: 5px; font-size: 114%; }
.product .price .atta.spacerleft { margin-left: 0px !important; }
.product input.box{ position: relative; top: 50px; left: -2px; }
.product input.boxs{ position: relative; top: 30px; left: -2px; }
.product .details h2, .product .details h3 { margin-bottom: 0; }
.product .details h2 a:hover{ text-decoration: none; }
.product .details .price.spacerright { margin-right: 30px !important;}
.product .details ul{ margin-top: 0.5em !important; padding-left: 0px !important;}

/* product image zoom */
.product a.left { clear: left; position: relative; height: 113px; z-index: 20; }
.product a.left img { position: absolute; top: 0px; left: 0px; }
.product .actieicon { position: absolute; top: 1px; left: 0px; background: transparent url('../../images/banner_actie.png') no-repeat top left; width: 46px; height: 25px; z-index: 50; }
.product .actieicon img { display: none; }
.product .actieicon.box { position: absolute; top: -8px; left: auto !important; right: -8px !important; }
.half .details ul { padding-left: 150px !important; }

/* add to cart button */
.product .config{ float: right; margin-top: 10px !important; padding-right: 4px; }
.product .config div { float: left; }
.product .config label { float: left; padding-top: 1px; padding-right: 5px; line-height: 24px; }
.product .config .quantity { float: left; margin-top: 5px; margin-right: 15px; font-size: 100%; border: 1px solid #00A4E3; }
.product .config input.quantity { text-align: right; width: 29px; }
.bgblue.product .config input.quantity { border-color: #007EAE !important; }
.product.half .config .quantity { margin-right: 10px; width: 19px; }

/* product offer variant */
.product.offer a { height: auto; width: auto; color: white; }
.product.offer a.left img { position: static; }
.product.offer h2 { padding-left: 40px; }
.product.offer .add { padding: 50px 10px 0px 0px; clear: none; width: auto; font-size: 300%; font-weight: bold; color: white; }
.product.offer .combo { position: relative; top: 50px; font-size: 140%; color: white; }
.product.offer .button { position: relative; left: 30px; top: 55px; }

.nosrc input.box{ position: relative; top: 10px; left: -2px; }
html.small .details ul{ width: 322px; }
html.small .view .details ul{ width: 262px; }
html.small .options{ padding: 0 20px 4px 0; margin: 12px 0 0 0; float: left; }

.home .quarter{ width: 170px !important;  }
.home .third{ width: 550px !important; }
.home .twothird{ width: 550px !important; }
.home .half{ width: 50% !important; }
html.small .home .quarter{ width: 170px !important;  }
html.small .home .third{ width: 345px !important; }
html.small .home .twothird{ width: 345px !important; }
html.small .home .half{ width: 50% !important; }

.half .quarter{ width: 180px !important; }
.quarter{ width: 180px !important; }
.threequarter{ width: 520px !important; }
.sixth{ width: 123px !important; }
.quart{ width: 170px !important; }
.third{ width: 230px !important;}
.twothird{ width: 470px !important;}
.half{ width: 49% !important; }
.fixhalf{ width:360px !important; }
html.small .product, html.small .wide{ width: 520px !important; }
.details{  padding: 0; margin: 0; width: 565px; float: right !important; clear: right; }
.half .details{  padding: 0; margin: 0; width: auto; float: right !important; }
.nosrc .details{ padding-left: 0px; width: 720px; float: right; }
.view .details{ padding-left: 0px; width: 740px; float: left !important; }
.product, .wide{ width: 735px; }
html.small .half .quarter{ width: 220px !important; }
html.small .quarter{ width: 49% !important; }
html.small .subnav .quarter{ width: 155px !important; }
html.small .third{ width: 160px !important; }
html.small .twothird{ width: 320px !important; }
html.small .half{ width: 44% !important; }
html.small .product.half{ width: 49% !important; }
html.small .product{ width: 515px;  }
html.small .details{ padding: 0; margin: 0; width: 345px; float: right !important;}
html.small .half .details{  padding: 0; margin: 0; width: 240px; float: right !important; }
html.small body.dialog .half .details { width: 100% !important; }
html.small body.dialog .half .details ul { width: 100%; }

html.small .nosrc .details{ padding-left: 0px; width: 500px; float: right; }
html.small .view .details{ padding-left: 0px; width: 520px; float: left !important; }
html.small .quart{ width: 240px !important; }

html.small .threequarter{ width: 325px !important; }
html.small .quarterfix{ width: 49% !important; }
html.small .quarterfix .quarter{ clear: both; width: 100% !important; }
html.small .fixhalf{ width:250px !important; }

#footer { overflow: hidden; width: 944px; padding: 9px 15px 15px 15px; border-left: 1px solid #C3AA00; border-bottom: 1px solid #C3AA00; background-color: #F4DA02; }
#footer .footer-box { padding-right: 20px; width: 233px; }
#footer .footer-box.right { padding-right: 0px; width: 184px;}
#footer .footer-box h5 { padding: 3px 0px 4px 0px; border-bottom: 2px solid #DFC200; }
#footer .footer-box h5.chat { background: transparent url('../images/icon_chat.gif') no-repeat top right; }
#footer .footer-box a.start-chat { display: block; margin-top: 5px; width: 117px; line-height: 17px; text-indent: -9999em; overflow: hidden; background: transparent url('../images/open_chat_footer.gif') no-repeat top left; }
#footer .footer-box ul { padding-top: 2px; }
#footer .footer-box ul.dual { width: 115px; }
#footer .footer-box p { padding: 2px 0px 0px 0px; }
html.small #footer {width: 724px;}
html.small #footer .footer-box {width: 165px;}
html.small #footer .footer-box ul.dual {width: 75px;}

#framework{ width: 975px; margin: auto; position: relative; height: 100%; }
html.small #framework{ width: 755px; }

#container{ background: white; height: 100%; overflow: hidden; width: 975px; }
html.small #container{ width: 755px; }
#content{ position: relative; border-left: 1px solid #999999; overflow: hidden; width: 974px; }
html.small #content{ width: 754px; }

#columnleft{ width: 740px; float: left; clear: left; position: relative; }
html.small #columnleft{ width: 520px; float: left; }
html.small #columnleft.home{ width: 540px; float: left; }
#columnright{ width: 185px; float: right; position: relative; top: -2.2em; font-size: 96%; }

#header { position: relative; background: #000; overflow: hidden; padding-right: 15px; width: 959px; border-left: 1px solid black; }
html.small #header { width: 739px; }
#header #logo { float: left; }
#header #logo a { display: block; }
#header #logo img { margin: 0; padding: 0; vertical-align: bottom; }

#header #generic { position: relative; right: -20px;}
#header #generic ul { margin: 12px 0px 8px 0px; padding: 0; list-style: none; float: right; }
#header #generic li { margin: 0; padding: 0px 20px 0px 10px; list-style: none; float: left; }
#header #generic li a { color: #FFF; text-decoration: none; }
#header #generic li a:hover { text-decoration: underline; }

#header .user { margin: 10px 5px 8px 0px; color: #FFF; float: right; white-space: nowrap; }

#visual { float: left; clear: left; margin-bottom: 15px; height: 63px; width: 735px; background-repeat: no-repeat; background-position: top left; }
#visual.large { height: 245px;}
html.small #visual { width: 520px; }
	 
/* search */
#header #search { clear: right; float: right; margin: 8px 0px 25px 0px; padding: 0px 0px 0px 0px; height: 33px; width: 330px; color: white; background: transparent url('../images/search-background-left.gif') no-repeat 0px 0px; z-index: 100 !important; }
#header #search .searchcontainer{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 8px; height: 33px; background: transparent url('../images/search-background-right.gif') no-repeat top right; }
html.small #header #search .searchcontainer { }
#header #search label { position: absolute; top: 0px; line-height: 33px; font-weight: bold; white-space: nowrap; }
#header #search label.livesearch { right: 275px; }
#header #search input.livesearch { position: absolute; top: 7px; right: 64px; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 4px; font-size: 100%; line-height: 15px; height: 16px; width: 196px; border: 1px solid #007EAE; }
#header #search input.submit { position: absolute; top: 7px; right: 4px; border: none; }

/* SIS search.large */
#header #search.large { width: 497px; }
#header #search.large label.livesearch { right: 225px; }
#header #search.large input.livesearch { width: 146px; }
#header #search.large label.catalog { left: 9px; }
#header #search select.catalog { position: absolute; top: 6px; left: 59px; width: 155px; font-family: Arial; font-size: 106%; }
#subheader { margin: 0; padding: 0; overflow: hidden; width: 974px; height: 5px; background: #F4DA02; border-left: 1px solid #C3AA00; }
#subheader.home { height: auto; }

html.small #subheader{ width: 754px; }
#subheader p{ margin: 0; padding: 0; }

#cartmemory ul { list-style: none; margin: 0; padding: 0 0 1em 0; }
#cartmemory ul li.productitem { position: relative; padding: 4px 3px 9px 4px; margin: 0px 0; width: 167px; overflow: hidden; background-image: none !important; list-style: none !important; }
#cartmemory ul li.productitem strong { display: block; padding-right: 15px; }
#cartmemory ul li.productitem .close{ position: absolute; top: 5px; right: 5px; }
#cartmemory ul li.productitem .quantity a { display: block; background-position: 1px 0.3em !important; overflow: hidden; width: 100%; }

#cartmemory ul li.productitem.edit { top: -1px; padding-bottom: 0px; border-top: 1px solid #007EAE; background: #00A4E3 !important; color: #FFF; }
#cartmemory ul li.productitem.edit .close{ display: none; }
#cartmemory ul li.productitem.edit form { padding: 3px 0px 4px 0px; overflow: hidden; width: 100%; }
#cartmemory ul li.productitem.edit input.text { float: left; display: block; font-size: 100%; height: 13px; text-align: right; width: 30px; border: 1px solid #007EAE; }
#cartmemory ul li.productitem.edit label { float: left; display: block; font-size: 100%; line-height: 16px; padding-left: 3px; }
#cartmemory ul li.productitem.edit input.btnpasaan { float: right; position: relative; top: 1px; border: none; }

#breadcrumb{ width: 100%; margin: 8px 0 16px 0; clear: both; float: left; font-weight: bold; }
#breadcrumb div{ background: #00A4E3; float: left; color: #FFF; }
#breadcrumb div strong{ height: 17px; color: #000; background: url(../images/crumb_bg_b.gif) bottom left #F3F3F3 repeat-x; padding: 1px 6px 2px 4px; float: left; }
#breadcrumb a{ height: 17px; background: url(../images/crumb_bg_a.gif) bottom left #00A4E3 repeat-x; color: #FFF; padding: 1px 4px 2px 6px; text-decoration: none; float: left; }
#breadcrumb span{ background: url(../images/crumb_div.gif) no-repeat; width: 11px; height: 20px; float: left; text-indent: -999px; }
#breadcrumb span.end{ background: url(../images/crumb_div_end.gif) no-repeat; width: 11px; height: 20px; float: left; text-indent: -999px; }
#breadcrumb a.start{ margin: 0 !important; padding: 0 !important; }
#breadcrumb a:hover{ text-decoration: underline; }

.tabs{ position: relative; }
.tabs ul{ margin: 0 0 0 10px; padding: 0; list-style: none !important; position: relative; bottom: 0px; }
.tabs li{ float: left; background: none !important; list-style: none; padding: 0; }
.tabs a{ font-weight: bold; background: #00A4E3; color: #FFF; padding: 2px 8px 2px 8px; margin: 0 6px 0 0; border-bottom: 1px solid #007EAE; }
.tabs a:hover{ background: #00A4E3; color: #FFF; }
.tabs li.current a{ font-size: 120%; background: #FFF; color: #000; border-color: #CCCCCC; border-style: solid; border-width: 2px 2px 0px 2px; padding: 4px 8px 8px 8px; margin: 0 6px 0 0; position: relative; top: -4px; }

.steps{ float: left; width: 100%; clear: both; }
.steps div div { margin: 0 20px 0 0; float: left; }
.steps img{ float: left; margin: 0 4px 0 0; }
.steps strong, .steps span{ position: relative; top: 6px; }

/* sold-most */
.sold-most { margin-top: 0px; margin-right: 5px; margin-bottom: 25px; min-height: 203px; }
.sold-most h4 { padding: 10px 0px 0px 10px; }
.sold-most ul { margin: 10px 20px 10px 10px; }

/* categories */
.categories { overflow: hidden; width: 716px; padding: 0px 10px 15px 10px; margin-bottom: 20px; }
.categories h4 { line-height: 2em; border-bottom: 2px solid white; }
.categories ul { float: left; margin: 5px 25px 5px 0px; padding: 0px 0px 0px 0px; width: 152px; }
html.small .categories { width: 501px; }

/* brandbox - categories */
.negindent a.brandbox { position: relative; left: -10px; }
a.brandbox { display: block; float: left; margin: 0px 25px 5px 0px; padding: 10px; width: 140px; /* 136 + 4 */ font-size: 90%; color: #000; text-decoration: none; cursor: pointer; }
a.brandbox:hover { color: #000; text-decoration: none; background: url('../images/stripe_tile.gif'); }
a.brandbox img { border: 2px solid #00A4E3; margin-bottom: 0.2em; }
a.brandbox strong { display: block; padding: 0 0 0 0.8em; height: 3.2em; line-height: 1.6em; background: transparent url('../images/arrow_blue.gif') no-repeat 0em 0.45em; }
a.brandbox:hover strong { text-decoration: underline; }
html.small a.brandbox { margin: 0px 12px 5px 0px; padding: 10px; font-size: 90%; }

.productbox{ position: relative; width: 150px; float: left; margin: 12px 32px 12px 0; min-height: 220px; }
.productbox .bottom{ position: absolute; bottom: 0px; }
html.small .productbox{ position: relative; width: 150px; float: left; margin: 12px 12px 12px 0; min-height: 220px; }

/* billing */
p#on_account_no_message { display: none; }
p#on_account_no_message.show { display: block; }
.terms_of_payment input.text { width: 1.5em; }
.terms_of_payment.darkgreytxt input.text { border: 1px solid #8B8B8B; }

/* third party css */
.stripViewer{ position:relative;overflow:hidden; border:2px solid #00A4E3; margin:0 0 1px 0; }
.stripViewer:hover{ border:2px solid #00A4E3; }
.stripTransmitter{ clear:left; padding: 0; margin: 4px 0 0 0; float: left; }
.stripTransmitter a{ font:bold 10px Verdana,Arial;text-align:center; margin: 0 0 4px 5px; padding: 0px !important; float: left !important; border: 1px solid #CCC; text-decoration:none; }
.stripTransmitter a:hover,a.current{ color:#FFF; border: 1px solid #00A4E3; }
.stripTransmitter ul{ list-style-type:none; margin: 0 !important; padding: 0 !important; float: left; }
.stripTransmitter ul li{ /*width:20px;*/ float:left; padding: 0; background-image: none !important; list-style: none !important;  }
.stripViewer ul{ position:relative; left:0; top:0; width:100%; list-style-type:none !important; float: left; margin: 0 !important; padding: 0 !important; }
.stripViewer ul li{ float:left; margin: 0 !important; padding: 0 !important; background-image: none !important; list-style: none !important; }
.stripViewer li img{ float: left; margin: 0 !important; padding: 0 !important; }

/* new slider */
.search-filter-sliders .newslider { display: block; margin: 0 0 1em 0 !important; font-size: 90%; width: 100%; overflow: hidden; }
.newslider .label{ display: block; float: left; width: 30px; text-align: center; background: white; border: 1px solid #007EAE; }
.newslider .track { position: relative !important; float: left; margin: 5px 0 0 4px; padding: 1px; width: 100px; height: 5px; background: #CCC; border: 1px solid white; }
.newslider .track .marker,
.newslider .track .knob { position: absolute !important; top: -4px; width: 12px; height: 15px; }
.newslider .track .marker { width: 12px; height: 15px; background: #00a4e3 url('../images/slider-handle.gif') no-repeat top left; }
.newslider .track .band { position: relative; height: 5px; width: 100%; overflow: hidden; background: white; }
.newslider input { padding: 3px 0px 0px 3px; width: 27px; height: 14px; }

.search-filters { padding-bottom: 10px; overflow: hidden; width: 100%; }
.search-filters h5 { margin-top: 12px; margin-bottom: 8px; border-bottom: 2px solid #f3f3f3; }
.search-filters .search-filter-sliders { float: left; padding-left: 10px; width: 150px; }
.search-filters .search-filter-lists { float: right; overflow: hidden; width: 565px; }
html.small .search-filters .search-filter-lists { width: 350px; }
body.dialog .search-filters .search-filter-lists { width: 98% !important; }
.search-filters .search-filter-list { float: left; padding-right: 10px; width: 103px; }
.search-filters .search-filter-list ul { overflow: hidden; }
.search-filters .search-filter-list ul li { font-size: 90%; }
html.small .search-filters .newline { clear: both; }
body.dialog .search-filters .newline { clear: none !important; }

/* active filters */
.search-filters .search-filter-list.active-filters { float: right; }
.search-filters ul.active-filters { padding-left: 10px; border-left: 2px solid #ccc; }
.search-filters ul.active-filters li { position: relative; padding: 1px 0px 2px 0px; width: 90px; background-image: none !important; }
.search-filters a.show-all { display: block; clear: right; float: right; font-size: 90%; line-height: 1.45em; margin-top: 10px; white-space: nowrap; padding-right: 6px; }

/* delete button */
input.delete { position: absolute; bottom: 2px; right: 0px; width: 13px; height: 13px; border: none; padding-left: 13px; text-indent: -999em; line-height: 999em; overflow: hidden; background: transparent url('../images/icon_delete.gif') no-repeat 0em 0em; cursor: pointer; }
input.delete.highlight { background-image: url('../images/icon_delete_highlight.gif'); }
input.delete.hover,
input.delete:hover { background-image: url('../images/icon_delete_grey.gif'); }
input.delete.highlight.hover-highlight,
input.delete.highlight:hover { background-image: url('../images/icon_delete_highlight_grey.gif'); }

/* button fest */
.button,.button .inner { float: left; background-color: transparent; background-repeat: no-repeat; }
.button { overflow: visible; font-weight: bold; background-position: right top; }
#columnright .button { font-size: 104%; }
.button .inner { background-position: top left; padding-top: 1px; }
.button .inner input { padding: 0px; margin: 0px 1px 0px 0px; width: auto; overflow: visible; font-weight: bold; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; border: none !important; background: transparent; cursor: pointer; }
.button .inner a { padding: 0px 4px; }
.button { height: 20px; }
.button .inner { padding-left: 5px; padding-right: 5px; padding-top: 1px; height: 19px; font-size: 100%; }
.button .inner input { font-size: 100%; }
.button .inner.cart { padding-left: 22px; padding-right: 5px; }
.button.big { height: 25px; }
.button.big .inner { padding-top: 2px; height: 23px; font-size: 127%; }
.button.big .inner input { font-size: 100%; }
.button.big .inner.cart { padding-left: 25px; padding-right: 3px; }
.button,.button input,.button.big input, .button a, .button a:hover { color: white; text-decoration: none; }
.button { background-image: url('../images/buttons/blue-right.gif'); }
.button .inner { background-image: url('../images/buttons/blue-left.gif'); }
.button .inner.cart { background-image: url('../images/buttons/blue-cart-left.gif'); }
.button.big { background-image: url('../images/buttons/blue-big-right.gif'); }
.button.big .inner { background-image: url('../images/buttons/blue-big-left.gif'); }
.button.big .inner.cart { background-image: url('../images/buttons/blue-big-cart-left.gif'); }
.button.highlight input,.button.highlight-big input, .button.highlight a { color: #00A4E3 !important; }
.button.highlight { background-image: url('../images/buttons/white-right.gif'); }
.button.highlight .inner { background-image: url('../images/buttons/white-left.gif'); }
.button.highlight .inner.cart { background-image: url('../images/buttons/white-cart-left.gif'); }
.button.highlight-big { background-image: url('../images/buttons/white-big-right.gif'); }
.button.highlight-big .inner { background-image: url('../images/buttons/white-big-left.gif'); }
.button.highlight-big .inner.cart { background-image: url('../images/buttons/white-big-cart-left.gif'); }

/* tip paragraph */
p.tip { margin-top: 12px; }
p.tip strong{ display: block; float: left; padding-left: 1%; width: 5%; }
p.tip span { display: block; float: left; padding-left: 1%; width: 60%; }


/* thickbox */
/*#TB_window *{padding: 0; margin: 0;}*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666666; }
/*#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus{ color: #666666; }*/
#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url(../images/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color: #000; -moz-opacity: 0.75; opacity: 0.75; }
#TB_window { display: none; position: fixed; background: #ffffff; z-index: 102; color: #000000; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow{ height: 25px; padding: 11px 25px 10px 0; float: right; }
#TB_closeAjaxWindow{ padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle{ float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title{ background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent{ clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal{ padding: 15px; }
#TB_ajaxContent p{ padding: 5px 0px 5px 0px; }
#TB_load{ position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
#TB_HideSelect{ z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
#TB_iframeContent{ clear: both; border: none; margin-bottom: -1px; margin-top: 1px; }

#carrousel { height: 75px; width: 650px; float: left; background: #F4DA02; }
#carrousel .item { width:85px; float:left; height: 75px; overflow:hidden; background: #F4DA02; }
#carrousel .item .content{margin-left: 85px; width: 240px; }
#carrousel .divider{ margin-top:2px; height:71px; width:2px; float:left; background:#DFC200; }
#carrousel #item01{ background: url('../images/carrousel_1.jpg') no-repeat 0px 2px; }
#carrousel #item02{ background: url('../images/carrousel_2.jpg') no-repeat 0px 2px; }
#carrousel #item03{ background: url('../images/carrousel_3.jpg') no-repeat 0px 2px; }

/* switcher */
.switcher .selected {background:#F3F3F3 !important}

/* dialog */
body.dialog { background-color: #FFF !important }
body.dialog #container { width: auto !important; }
body.dialog #content { border: none; width: 670px; }
body.dialog #columnleft { width: 670px; }
body.dialog table { width: 100%; }

/* forms */
form.basic label {display:block;width: 100px;}
form.basic .auto {width: auto !important;}

/* about */
.header1{background:url('../images/heading_1.gif') no-repeat;padding:2px 0 2px 30px;}
.header2{background:url('../images/heading_2.gif') no-repeat;padding:2px 0 2px 30px;}
.header3{background:url('../images/heading_3.gif') no-repeat;padding:2px 0 2px 30px;}

/* gerritse code */
.gerritse-code { position: absolute; right: 65px; top: -30px; line-height: 1.52em; }
.gerritse-code span,
.gerritse-code select { font-size: 93%; }
.gerritse-code label { padding-right: 5px; font-weight: bold; font-size: 100%; }