#bar {font-family: Arial; font-size: 12px; color: #333; float: right; padding: 6px 35px 0 0; white-space:nowrap; color: #fff; }
#bar a {color: #fff}
#bar form {display: inline}
#bar img {vertical-align: middle; margin-right: 2px; margin-left: 2px}
#basketsmallcountbutton {position: absolute; z-index: 125; margin-left: 732px; margin-top: -45px}
#notice {padding: 0 8px 0 8px;}
#notice .button {margin: 0 auto;}
#paymentoptions label {width: 100%}
#popupinfo {cursor:pointer; font-size: 12px; color: #000; position: absolute; padding: 10px; margin: 0; width:100px; background-color: #fff; z-index: 5; border:1px solid #000; visibility: hidden; text-align:left}
#search {display:inline}
#site_showcase {margin-left: 0; border: 0; height: 130px}
#toplogo img {}
* html .topmenu a, * html .topmenu a:visited {width:149px; w\idth:138px;}
* html .topmenu ul ul {top:30px;t\op:31px;}
* html .topmenu ul ul a, * html .topmenu ul ul a:visited {width:150px;w\idth:128px;}
.actiontag {font-size:50%; color:#FF0000}
.actiontag {font-size:50%; color:#000000}
.article_special {color: #356FC3 !important; font-style: italic; font-weight: bold; height: 18px}
.basketbox {position: absolute; z-index: 100; background-color: #fff; border: 1px solid #000; padding: 4px; color: #000}
.basketcol1 {float:left; width: 90px; font-weight: bold}
.basketcol2 {float:left; width: 100px}
.basketcol3 {float:left; width: 100px}
.basketcol4 {float:left; width: 100px}
.basketcol5 {float:left; width: 400px}
.basketcol5 a {text-decoration: none; color: #000; font-size: 11px}
.basketcol5 a:hover {text-decoration: underline}
.basketcol6 {float:left; width: 50px; text-align:right}
.basketcol7 {float:right; width: 115px; text-align:right}
.baskethead {float:left; width: 130px}
.basketinfo {font-size: 14px; font-weight: bold; float:left}
.basketrow {background-color: white; color: black; float:left}
.basketsmall {background-color:#FDFFC4; padding: 5px; border: 1px solid #FAFF5E}
.basketsmallproductinfo {font-size: 11px; font-weight: bold}
.bodyframe {margin: 0 auto; text-align:left; width:980px; padding-top: 70px; clear:both}
.box {padding: 0px 5px 0px 5px; border: 0; line-height: 20px}
.boxin {padding: 0; border: 0}
.brandblock {float:left; width: 162px;}
.button {text-decoration: none; background: url('render.php?output=buttonbg') no-repeat 50% 0; cursor: hand; text-align:center;vertical-align : middle; color: #000; padding: 5px 0px 0px 0px; display:block; cursor: pointer; font-size: 11px; width:160px; height:26px; border:0}
.button:hover {color: #f00;}
.button_img {background-color:#fff; border: 0; margin: 10px 0px 0px 0px;}
.button_info {padding: 0px 0px 20px 10px}
.buttonback {text-decoration: none; background: url('render.php?output=buttonbacklongbg') no-repeat 50% 0; cursor: pointer; text-align:center;vertical-align : middle; color: #000; padding: 5px 0px 0px 0px; display:block; cursor: pointer; font-size: 11px; width:197px; height:27px;}
.buttonbasket {text-decoration: none; background: url('render.php?output=buttonbasketbg') no-repeat 50% 0; cursor: pointer; text-align:center;vertical-align : middle; color: #000; padding: 5px 0px 0px 0px; display:block; cursor: pointer; font-size: 11px; width:160px; height:26px;}
.buttoncart {text-decoration: none; background: url('render.php?output=buttoncartbg') no-repeat 50% 0; cursor: pointer; text-align:center;vertical-align : middle; color: #000; padding: 12px 0px 0px 0px; display:block; cursor: pointer; font-size: 12px; width:278px; height:36px;}
.buttonnews {text-decoration: none; background: url('render.php?output=buttonnewsbg') no-repeat 50% 0; cursor: pointer; text-align:center;vertical-align : middle; color: #000; margin-top:3px; padding: 5px 0px 0px 0px; display:block; cursor: pointer; font-size: 11px; width:127px; height:29px;}
.buttonpay {text-decoration: none; background: url('render.php?output=buttonpaybg') no-repeat 50% 0; cursor: pointer; text-align:center;vertical-align : middle; color: #000; padding: 34px 0px 0px 0px; display:block; cursor: pointer; font-size: 11px; font-weight:bold; width:277px; height:54px;}
.buttonpay:hover {color: #f00}
.buttonsave {background: url('render.php?output=buttonsavebg') no-repeat 50% 0; cursor: pointer; text-align:center;vertical-align : middle; color: #000; padding: 5px 0px 0px 0px; display:block; cursor: pointer; font-size: 11px; width:160px; height:26px;}
.caseleft {width:50%; padding: 0px 8px 0px 0px;line-height: 20px; vertical-align: top}
.caseleft a {}
.caseleft a:hover {text-decoration: underline}
.caseright {padding: 0px 8px 0px 0px; vertical-align: top; line-height: 20px}
.caseright a {}
.caseright a:hover {text-decoration: underline}
.clearl {clear:left;}
.col1 {font-family: Arial; font-size: 12px; color: #333; float:left; width: 100px}
.col2 {font-family: Arial; font-size: 12px; color: #333; float:left; width: 100px}
.col3 {font-family: Arial; font-size: 12px; color: #333; float:left; width: 100px}
.col3 input {width: 100%}
.col4 {font-family: Arial; font-size: 12px; color: #333; float:left; width: 400px}
.col5 {font-family: Arial; font-size: 12px; color: #333; float:left; width: 105px; text-align:right}
.col6 {font-family: Arial; font-size: 12px; color: #333; float:right; width: 105px; text-align:right}
.cola {float: left; width: 50%}
.colb {float: left; width 49%}
.copyright {margin-top: 50px}
.copyright a {font-size: 11px; color: #999}
.crumblink {color: #000 }
.detailimage {position: relative; text-align: center}
.detailimage .ad {position: absolute; bottom: 0; margin-left: 20px}
.dotted-line {width: 100%; height: 1px; border-bottom: 1px dashed #777; margin: 3px 0 3px 0}
.emailcol1 {font-family: Arial; font-size: 12px; color: #333;float:left; width: 150px}
.emailcol2 {font-family: Arial; font-size: 12px; color: #333;float:left; width: 300px}
.emailcol3 {font-family: Arial; font-size: 12px; color: #333;float:left; width: 200px}
.emailcol4 {font-family: Arial; font-size: 12px; color: #333;float:left; width: 200px}
.externalsites {display:inline}
.externalsites img {border: 1px solid #5B797A}
.gradient1 {border: 0}
.gradient2 {border: 0}
.gradient3 {border: 0}
.gradient4 {border: 0}
.gradient5 {border: 0}
.gradient5 a {border: 0}
.headtitle {font-family: Arial; font-size: 12px; color: #333; font-size: 12px; color:#525252; padding: 2px 2px 2px 0px; font-weight: bold}
.hotword  {color: #00f; font-size: 12px; cursor: pointer; text-decoration:underline}
.hotword_box {margin: 10px; text-align: left; overflow: auto; cursor: pointer}
.htab .containeractive {width: 180px; float:left; padding:0; margin: 0px 4px 0px 0px}
.htab .containergreyed {width: 180px; float:left; padding: 0; margin: 0px 4px 0px 0px}
.htab .containernormal {width: 180px; float:left; padding: 0; margin: 0px 4px 0px 0px}
.htab a {font-size: 12px !important}
.imagekey {border: 1px dotted #333; margin-left: 3px}
.imagesmall {float:left; padding:2px}
.important {font-family: Arial; font-size: 12px; color: #333; margin:0; font-size: 12px}
.importantbuttons .green button {background-color:#fff; font-size: 10px; border: 0px;}
.importantbuttons button {display: inline; padding: 2px; background-color: #fff; color: #000; font: 13px arial; font-weight: bold; margin: 1px; float:left}
.importantbuttons div {display: inline}
.info {font-family: Arial; font-size: 12px; color: #333; font-size: 12px; font-weight: normal; color: #000}
.iteminnerpadding {padding:2px}
.legenda {font-family: Arial; font-size: 12px; color: #333; font-size: 12px; font-weight: normal; color: #000;  padding: 20px 2px 2px 0px}
.link {padding: 5px}
.linkcloud {width: 100%; position:relative}
.linkcloud a {text-decoration: none; color: #545454}
.linkcloud a:hover {text-decoration: underline}
.listnav {text-align: center; margin-right: 4px; font-size: 8pt; display: inline-block; width: 12px; height: 16px; border: 1px solid #777; background-color: #ccc; color: #000; text-decoration: none}
.menu li {font-weight: normal; font-size: 11px; padding: 0; margin: 2px 0px 0px 0px; }
.menu li a:hover {font-weight: bold}
.menu li a:link {color:#00f; display: block; padding: 1px 1px 1px 0px; text-decoration: underline}
.menu li a:visited {color:#00f; display: block; padding: 1px 1px 1px 0px; text-decoration: underline}
.menu ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px;}
.menuhead {font-family: Arial; font-size: 12px; color: #333; font-size: 14px; padding: 2px 2px 2px 0px; font-weight: bold}
.model {font-weight:bold; color: #000; margin-top: 10px}
.noshow {display: none}
.notice {border: 1px solid #00f; background-color: #7faaff; padding: 4px; margin: 10px 0 10px 0}
.pageselect {padding: 10px 0px 10px 0px}
.part_done {width: 180px; background-color: #0084ff; float:left; border: 1px solid #007; margin: 0px 2px 0px 0px; height: 10px}
.part_todo {width: 180px; background-color: #d9d9d9; float:left; border: 1px solid #007; margin: 0px 2px 0px 0px; height: 10px}
.paymentoptionsblock {border-bottom: 1px dotted #777; background-color: #eee; margin-bottom: 2px; padding-left: 10px; padding-top: 5px}
.paymentoptionsblock div {float: left; padding-left: 15px; font-weight: bold; margin-bottom: 5px}
.paymentoptionsblock input.sselect {float: left; border: 0; height: 16px; background-color: transparent}
.paymentoptionsblock label {cursor: pointer}
.pricelowtag {font-size: 60%; color: #FF0000;}
.product_warrant {font-size: 10px; color: #000; padding: 10px 2px 2px 2px;}
.productbox {width: 180px; height: 300px; float: left; border: 1px solid #dfdfdf; margin: 0 2px 2px 0}
.productbox2 {width: 130px; height: 260px; float: left; border: 1px solid #dfdfdf; margin: 0 2px 2px 0}
.productbox2:hover {border: 1px solid #7f7fff}
.productbox:hover {border: 1px solid #7f7fff}
.productboxin {padding: 8px}
.productimage {height:130px; width: 100%; text-align: center}
.productimage2 {height:120px; width: 100%; text-align: center}
.productinfo {text-align: center; height:30px; overflow: hidden; position: relative; z-index: 10}
.productinfo a:hover {text-decoration: underline}
.productprice {position: relative; z-index: 10; margin-right: 4px}
.productspecs {height: 25px; overflow: hidden; position: relative; z-index: 10; padding: 5px 0px 5px 0px; font-size: 9px}
.refkeywords {width: 975px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 4px; margin: 10px 0 10px 0; text-align: justify; color: #ddd;}
.refkeywords li {float: left: width: 20%; display: inline-block; list-style: square outside; font-style: italic}
.relatedbox {padding-top: 5px}
.relatedlink {line-height: 5px}
.relatedtitle {margin-top: 5px}
.review_by {padding: 0px 0px 0px 0px}
.review_score {padding: 0px 0px 0px 0px;}
.review_text {padding: 10px; background-color:#efefef; border: 1px solid #cfcfcf}
.right {float:right; }
.selector {color: #fff; background-color: #0084ff}
.shipblock {border-bottom: 1px dotted #777; background-color: #eee; margin-bottom: 2px; padding-left: 10px; padding-top: 5px; }
.shipblock div {float: left; padding-left: 15px; font-weight: bold; margin-bottom: 5px}
.shipblock input.sselect {float: left; border: 0; height: 16px; background-color: transparent}
.shipblock label {cursor: hand}
.sitefont {line-height: 14px}
.sitefont .info {font-size: 10px; color: #777; margin-top: 8px}
.spacer {clear:both}
.specialsbar {font-size: 10px; color: #f00; padding: 2px 2px 2px 0px; font-weight: bold}
.specialsbar a {margin: 0 4px 0 4px}
.specselectorcontainer {padding: 10px 0px 10px 0px}
.specsheet_explain {font-size: 10px; color: #f00}
.startonlinepayment {background-color: #FFADAD; padding: 5px; margin: 5px; border: 1px solid #999}
.strike-image {position: relative; top:0; left: 0; z-index:25; height: 0; text-align: right}
.strike-image-list {position: relative; top:0; left: 0; z-index:25; height: 0}
.textarea {font-size: 10px}
.textimages {float:left;  border: 1px solid #efefef; margin: 0px 10px 0px 0px}
.toplogo {padding-bottom: 10px; height:80px;}
.topmenu {width:auto; height:32px; position:relative; z-index:100;border-right:1px solid transparent; background: transparent; font-family:arial, sans-serif;}
.topmenu :hover > a, .topmenu ul ul :hover > a  {color:#fff; background:#787878 !important;}
.topmenu a, .topmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#000; width:auto; height:30px; border:1px solid #666; border-width:0 0 0 1px; background:#aaa; line-height:29px; text-align: center;}
.topmenu a:hover, .topmenu ul ul a:hover {color:#fff; background:#787878 !important;}
.topmenu li {float:left;width:81px;position:relative;}
.topmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.topmenu ul {padding:0;margin:0;list-style-type:none;}
.topmenu ul :hover ul :hover ul {visibility:visible !important;}
.topmenu ul :hover ul ul, .topmenu ul a:hover ul {visibility:hidden !important;}
.topmenu ul li a.actief {background:#393a39 !important; color: #fff !important;}
.topmenu ul li a.special {background:#787878 !important;}
.topmenu ul li a.special:hover {color: #fff}
.topmenu ul li:hover ul {visibility:visible;}
.topmenu ul ul {width:149px;}
.topmenu ul ul {visibility:hidden; position:absolute;height:0;top:30px;left:0; width:149px;border-top:1px solid #666;}
.topmenu ul ul :hover > a.drop, .topmenu ul ul a.drop:hover {background:#787878 url(render.php?output=topmenu-blue-arrow.gif) no-repeat 130px center !important; color: #fff !important;}
.topmenu ul ul a, .topmenu ul ul a:visited {background:#92B0D1; height:auto; line-height:1em; padding:5px 10px; text-align: left; width:128px;border-width:0 1px 1px 1px;}
.topmenu ul ul a.drop, .topmenu ul ul a.drop:visited {background:#caa url(render.php?output=topmenu-grey-arrow.gif) no-repeat 130px center;}
.topmenu ul ul ul {left:149px; top:-1px; width:149px;}
.topmenu ul ul ul a, .topmenu ul ul ul a:visited {background:#e2dfa8 !important;}
.topmenu ul ul ul a:hover {background:#787878 !important;}
.topmenu ul ul ul.left {left:-149px;}
a {color: #00f; font-size: 12px; cursor: pointer}
a:hover {color: #f000}
basketsmallproduct a {font-size: 11px; font-weight: normal; padding: 0; text-align:left;}
body {font-family: Arial; font-size: 12px; color: #333; background: url('render.php?output=bodybg') no-repeat 50% 0; margin: 0 auto}
div {border: 0px solid #000;}
form {margin: 0}
form input.error {background-color: #ffa0a0; border: 1px solid #f00}
form label {display: inline-block; line-height: 1.8; vertical-align: top; cursor: hand; width: 185px}
form label.error {margin-left: 10px; width: 115px; color: red; font-size: 0.9em}
form p {margin: 2px 0px 2px 10px}
form p input, select {width: 130px; border: 1px solid #aaa}
h1 {font-size: 16px; font-weight:bold; padding: 4px 0px 4px 0px; margin 0}
h2 {font-size: 14px; font-weight:bold}
h3 {font-size: 12px; font-weight:bold;}
hr {height: 1px; border: 1px; color: #AAABAB; background-color: #AAABAB}
html {background: url(render.php?output=htmlbg) repeat-x 0 0}
img {border: 0;}
input, textarea, select {font-family: Arial; font-size: 12px; color: #333; border: 1px solid #000; background-color: #fff}
label {cursor: pointer}
pre {font-family: Arial; font-size: 12px; color: #333}
span.price {width: 100%; text-align: right; font-size:42px; font-weight:bold; line-height: 0.9em; display: block; position: relative; color: #000}
span.price span {font-size: 0.4em; position: relative; top: -1.1em; margin-left: 3px; }
span.price2 {width: 100%; text-align: right; font-size:26px; font-weight:bold; line-height: 0.9em; display: block; position: relative; color: #000}
span.price2 span {font-size: 0.4em; position: relative; top: -1.1em; margin-left: 3px; }
span.pricelow {width: 100px; text-align: right; font-size:18px; font-weight:bold; line-height: 0.9em; display: block; position: relative; color: #000; float: right}
span.pricelow span {font-size: 0.5em; position: relative; top: -1.1em; margin-left: 3px; }
span.pricesmall {font-size:22px}
span.pricesmall2 {font-size: 18px}
table.specsheet {border-collapse: collapse; margin-top: 30px}
table.specsheet .col1 {width: 250px}
table.specsheet .col2 {width: 120px; text-align: right}
table.specsheet .col3 {width: 30px}
table.specsheet .col4 {width: 100px;  text-align: right}
table.specsheet .col5 {width: 30px; text-align: left}
table.specsheet .specsheet_explain {display:none; border: 1px solid #efefef}
table.specsheet tr {border-bottom: 1px solid #ccc}
table.staff {border-collapse: collapse; margin-left: 10px; margin-bottom: 10px;}
td {}
ul#nav {margin:0; padding:0}
ul#nav a {display:block; text-decoration:none; padding: 8px 2px 8px 2px;background-color: #aaa; font-size: 12px; color: #000; border-right: 1px solid #666}
ul#nav a:hover {color: #FFF; background-color: #787878}
ul#nav li {float:left; width:81px; text-align:center; list-style-type: none; margin-right: 0px}
ul#nav li.actief a,ul#nav a:hover {color: #FFF; background-color: #393a39}
ul#nav li.special a {color: #000; background-color: #787878}
ul#nav li.special a:hover {color: #FFF; background-color: #787878}