/*
Basis kleuren

    .menu lichtgrijs: #a3a3a3
    .menu highlight: #ed1c24
    rood:       #ed1c24
    lichtblauw: #82b0dd

*/

body, html { margin: 0; padding: 0; background: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
body * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
pre, pre * { font-family: "Courier New", Courier; }

body { min-width: 850px; text-align: center; }
div#body { margin: 10px auto; text-align: left; width: 790px; }
a { color: black; text-decoration: none; }
a img { border: none; }
table td { vertical-align: top; }
ul.errors li { list-style-type: none; color: red; }

#header { position: relative; height: 95px; }
#logo { position: absolute; left: -60px; }
#quick-login { position: absolute; right: 0; top: 38px; text-align: right; margin-right: 110px; }
#quick-login label { display: none; }
#quick-login label input { margin-right: 5px; }
#quick-login form.active label { display: inline; }
#quick-login a.menu { position: absolute; right: -110px; top: 4px; width: 110px; }
#quick-login p.msg { position: absolute; right: -110px; top: 20px; width: 600px; display: none; }
#quick-login form.active p.msg { display: block; }
#languages { position: absolute; left: -40px; top: 105px; }
#languages a { margin: 0 0 4px 0; padding: 0; }
#languages a img { border: 0; opacity: 0.4; }
#languages a:hover img { opacity: 1; }
#languages a.selected img { opacity: 1; }

#menu_main { position: absolute; right: 0; bottom: 6px; }

#footer { position: relative; clear: both; border-top: 1px solid black; padding: 5px 0; }
#footer_logo { position: absolute; top: 5px; right: 0; }
#footer_logo img { margin-bottom: 5px; }

#content { margin: 10px 0; }

#left { float: left; width: 210px; margin-bottom: 5px; }
#top-left { position: relative; width: 210px; height: 210px; overflow: hidden; }
#top-left h1 { font-size: 18px; font-weight: bold; padding: 10px; }
#top-left h3 { font-size: 13px; font-weight: bold; padding: 10px; }
#top-left h5 { padding: 10px; color: black; }
#top-left #basket-contents { position: absolute; padding: 5px 10px; left: 0; bottom: 0; font-weight: bold; }
#top-left #basket-contents a { color: white; }
#top-left #basket-contents img { vertical-align: middle; padding-bottom: 4px;}
#left .left { width: 210px; margin-top: 5px; }
#left .left h2 { font-size: 23px; font-weight: bold; padding: 10px; }
#left .left h3 { font-size: 12px; border-bottom: 1px solid white; padding-bottom: 5px; margin-bottom: 5px; }
#left .left form { padding: 10px; }
#left .left form.more-orders { padding: 0; }
#left .left form label { font-weight: bold; padding-top: 2px; white-space: nowrap; }
#left .left form input.textbox { width: 110px; _width: 107px; }
#left .left form input.password { width: 110px; _width: 107px; }
#left .left form input.submit { font-size:12px; cursor:pointer; width:90px; height:18px; border:0; text-align:left; background-image:url(/style/left-submit-bck.gif); color: #a3a3a3; font-weight: bold; margin: 2px 0 0 1px; padding: 1px 5px; }
#left .left .snippet { padding: 10px; }
#left .left .snippet a { color: #dfdfdf; }
#left .left .snippet li { margin-left: 20px; }
#left .left .snippet p { margin: 10px 0; }

#right { margin-left: 215px; margin-bottom: 5px; }
#top-right { height: 210px; overflow: hidden; }
#top-right .snippet { height: 170px; border: 5px solid #a3a3a3; padding: 15px; background: white; color: #555555; font-size: 23px; font-weight: bold; }
#top-right .myprinters { height: 180px; border: 5px solid #a3a3a3; padding: 10px; background: white; color: #555555; }
#top-right h3 { font-size: 23px; font-weight: bold; }
#top-right #search { padding: 10px; }
#top-right #search input { width:298px; font-size:16px; border:1px solid #555555; color:#555555; }
#top-right #search input.submit { font-size:12px; cursor:pointer; margin: 10px 0 0 0; height:23px; border:0; color:#DFDFDF; background-image:url(/style/printersubmit-bck.gif); }
#top-right #search input.submit:hover { background-image:url(/style/printersubmit-active-bck.gif); }
.pagination_pagesize { height:20px; position:relative; background-color:#fff; border-bottom:1px solid #ccc; padding: 4px 4px; margin: 6px 0; }
.pagination_pagesize .pagesize { position:absolute; right: 4px; top: 0; }
.pagination_pagesize .selected { font-weight: bold; text-decoration: underline; }

#right .right { margin-top: 5px; }
.full-right { margin: 5px 0; position: relative; border: 5px solid #a3a3a3; padding: 10px; font-size: 12px; min-height: 180px; }
.full-right h2 { font-size: 16px; color: #a3a3a3; margin-bottom: 15px; }
.full-right form h2 { font-size: 16px; color: #a3a3a3; margin-bottom: 15px; }
.full-right form h3 { border-top: 1px solid black; width: 530px; _width: 520px; border-bottom: 1px solid black; background: #dfdfdf; padding: 2px 5px; margin: 5px 0; }
.full-right table { width: auto; }
.full-right form { _xwidth: 540px; _xoverflow: hidden; }
.full-right form table { width: 540px; }
.full-right form table td { padding: 2px 5px 2px 0;  border-bottom: 0; vertical-align: top; }
.full-right form input.radio { margin: 0 5px; }
.full-right form input.submit { font-size: 12px; cursor:pointer; color:white; width:298px; border: 0; height:23px; background-image: url(/style/printersubmit-bck.gif); }
.full-right form input.submit:hover { background-image: url(/style/printersubmit-active-bck.gif); }
.full-right form input.textbox, .full-right form input.password, .full-right form textarea { width: 204px; }
.full-right form select { width: 204px; }
.full-right form option { width: 174px; }
.full-right form div.readonly { width: 198px; border: 1px solid #a3a3a3; padding: 1px 2px; color: #555555; }
.full-right form .imgbutton { cursor: pointer; position: relative; top: 4px; }
.full-right h1 { font-size: 16px; color: black; margin: 10px 0; }
.full-right li { margin-left: 24px; }
.full-right table { border-spacing: 0; margin-bottom: 10px; }
.full-right table td { padding: 3px 1px; border-bottom: 1px solid #555555; vertical-align: middle; }
.full-right table td p { font-weight: normal; font-size: 10px; width: 204px; }
.full-right table td ul li { width: 204px; }
.full-right table td p a { font-weight: bold; font-size: 11px; }
.full-right div.shopprofile { font-weight: normal; font-size: 12px; width: 204px; padding: 4px 1px; }
.full-right form input.submit.small { width: 196px; background-image: url(/style/submit-middle-bck.gif); }
.full-right form input.submit.small:hover { background-image: url(/style/submit-middle-active-bck.gif); }
.full-right #containers { position: relative; }
.full-right #container-left { width: 265px; }
.full-right #container-right { position: absolute; right: 0; top: -10px; width: 265px; }
.full-right #container-left form table { width: 265px; }
.full-right #container-left form table td input.textbox { width: 145px; }
.full-right #container-left form table td select { width: 145px; }
.full-right #container-left form table td option { width: 145px; }
label a { color: #a3a3a3; }

form.consumer .form-companyname { display: none; }
form.consumer .form-extra-users { display: none; }

#right .right .noresult { padding: 15px; background: #dfdfdf; color: black; }

.myprinters { border: 5px solid #a3a3a3; background: white; color: #555555; padding: 10px; font-size: 12px; min-height: 130px; }
.myprinters h2 { font-size: 18px; font-weight: bold; color: #a3a3a3; margin-bottom: 7px; }
#top-right .myprinters .printers { height: 151px; overflow-y: scroll; position: relative; }
.myprinters .printer { position: relative; border-top: 1px solid #555555; padding: 1px 0 4px 0; padding-right: 60px; }
.myprinters .printer .controls { position: absolute; top: 10px; right: 5px; }
.myprinters .printer form { display: none; position: absolute; top: 22px; left: 45px; width: 324px; height: 54px; background: white; border: 1px solid #a3a3a3; padding: 5px; }
.myprinters .printer form textarea { width: 300px; height: 50px; }
.myprinters .printer form .buttons { position: absolute; bottom: 5px; right: 4px; width: 16px; }
.myprinters .printer.selected { background: #dfdfdf; }
.myprinters .printer h3 a { font-size: 18px; font-weight: normal; color: black; }
.myprinters .printer.selected h3 a { color: red; }
.myprinters .printer a.info { position: absolute; top: 22px; left: 17px; }
.myprinters .printer a.more { color: red; }
.myprinters .printer p.less a { color: red; display: none; }
.myprinters .printer p { margin-left: 45px; min-height: 20px; _height: 20px; }
.myprinters .printer p.less { display: none; }
.myprinters .printer p span.less { }
.myprinters .printer p span.more { display: none; }
.myprinters .printer.active p span.less { display: none; }
.myprinters .printer.active p.less a { display: inline; }
.myprinters .printer.active p span.more { display: inline; }
.myprinters .printer.active p a.more { display: none; }
.myprinters .printer.active p.less { display: block; }
.myprinters .printer .registered_by { font-size: 11px; }

#home { clear: both; }
#menu_home { padding: 8px; font-size: 12px; font-weight: bold; background: white; }
#menu_home a { padding: 0 10px; color: black; }
#menu_home a:hover { color: #888888; }
#snippets_home { margin: 5px 0; position: relative; overflow: hidden; height: 172px; border: 5px solid #555555; z-index: 1; }
#snippets_home .snippet { position: absolute; top: 0; left: 0; height: 172px; width: 760px; padding: 20px; background: white; color: #555555; z-index: 1; font-size: 23px; font-weight: bold; }

#cartridge_selector { padding: 10px; }
.cartridge_selector_input { color:#555555; width:298px; font-size:16px; font-weight:bold; margin-bottom: 15px; }
.cartridge_selector_input.inactive { color:#a3a3a3; }
#cartridge_selector option { padding: 1px 4px;}
#cartridge_selector .submit { font-size: 12px; cursor:pointer; color:white; width:298px; border: 0; height:23px; background-image: url(/style/printersubmit-bck.gif); }
#cartridge_selector .submit:hover { background-image: url(/style/printersubmit-active-bck.gif); }
#cartridge_selector .submit.inactive { cursor:auto; color: #dfdfdf; }
#cartridge_selector .submit.inactive:hover { background-image: url(/style/printersubmit-bck.gif); }

.menu { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-weight: bold; }
#quick-login.user { text-transform: none; margin-right: 0; }
p.msg  { text-transform: none; letter-spacing: 0; }

dl { text-decoration: none; margin: 8px 0 0 0; font-size: 12px; }
dt { cursor: pointer; font-weight:bold; margin: 8px 0 0 8px; }
dd { display: none; margin: 4px 0 0 28px; }
dd.active { display: block; }

#top-left form { text-align: center; }
#top-left form input { cursor:pointer; margin: 10px 0 0 0; width:188px; height:23px; border:0; color:black; background-color:#555555; background-image:url(/style/addprintersubmit-bck.gif); }
#top-left form input:hover { background-image:url(/style/addprintersubmit-bck.gif); }

.articlegroup { position: relative; background: #555555; color: white; height: 20px; padding: 5px 10px; font-size: 16px; font-weight: bold; }
.articlegroup a { color: white; }
.articlegroup.oem { margin-top: 5px; background: #555555; }
.articlegroup .goto-order { position: absolute; right: 10px; top: 5px; }
.articlegroup .goto-order img { vertical-align: middle; }

.product { position: relative; margin-top:5px; background: #dfdfdf; }
.productdata { position: relative; min-height: 56px; _height: 56px; }
.product .promo { padding: 2px; text-align: center; font-size: 10px; font-weight: bold; background: #a3a3a3; color: white; }
.product .thumb { position: relative; float:left; margin: 5px 0 5px 5px; }
.product .info { width: 200px; margin-left: 50px; padding: 5px; }
.product .infoimg { position: absolute; top: 5px; left: 265px; width: 28px; height: 28px; overflow: hidden; }
.product .price { position: absolute; top: 5px; left: 298px; width: 80px; text-align: right; font-size: 18px; font-weight: bold; }
.product .vat { position: absolute; top: 5px; left: 382px; width: 28px; font-size: 11px; }
.product .add-order { position: absolute; top: 5px; right: 0; }
.product .add-order input.quantity { position: relative; top: -6px; border:1px solid #a3a3a3; text-align: right; width:35px; font-size:18px; color:black; background-color:white; }
.product .bulkprices { position: absolute; top: 33px; left: 265px; font-size: 11px; }
.product .bulkprices img { vertical-align: top; }
.add_to_order_snippet .loader { margin: 0 5px 4px 0; }

.full-right .orderheader { font-size: 14px; font-weight: bold; color: #a3a3a3; margin-bottom: 10px; }
.full-right .orderheader .selected { color: #555555; }
.update_order_snippet input.quantity { position: relative; top: -2px; border:1px solid #a3a3a3; text-align: right; width:35px; font-size:18px; color:black; background-color:white; }
.update_order_snippet h5 { font-size: 11px; }
.update_order_snippet .q { position: absolute; bottom: 0; right: 245px; width: 53px; }
.update_order_snippet .q h5 { position: relative; top: -2px; }
.update_order_snippet .q p { position: relative; top: -2px; font-size: 18px; border:1px solid #dfdfdf; text-align: right; width:35px;}
.update_order_snippet .unitprice { position: absolute; bottom: 4px; right: 155px; width: 90px; }
.update_order_snippet .subtotal { position: absolute; bottom: 4px; right: 55px; width: 90px; }
.update_order_snippet .price { position: relative; top: 0; left: 0; width: auto; }
.update_order_snippet .update-order { position: absolute; bottom: 0; right: 0px; width: 50px; }
.update_order_snippet .update-order form { display: inline; position: relative; }
.update_order_snippet .update-order form span.ref { position: absolute; right: 0px; top: 8px; white-space: nowrap; }
.update_order_snippet .update-order form span.ref img { position: relative; top: 2px; }
.update_order_snippet .info.voucher { width: 330px; }
.order-total { position: relative; min-height: 144px; _height: 144px; _top: 10px; }
.order-total-line { position: relative; margin: 8px 0; }
.order-total-line.total { font-weight: bold; }
.order-total-line .title { position: relative; display: inline; margin-left: 250px; width: 200px; padding: 2px; font-size: 18px; }
.order-total-line .price { position: absolute; display: inline; width: 98px; right: 53px; background: #dfdfdf; padding: 2px; font-size: 18px; text-align: right; }
.order-total-line.total .price { background: #a3a3a3; }
.order-total .voucherform { z-index: 10; position: absolute; top: 0; left: 0; padding: 6px 8px; width: 148px; border: 1px solid #dfdfdf; }
.order-total .voucherform h1 { font-size: 18px; }
.order-total .voucherform form input { margin: 2px 0; width: 144px; }
.order-total .voucherform form input.submit { width: 90px; background-image:url(/style/right-submit-bck.gif); }
.order-total .voucherform form input.submit:hover { background-image:url(/style/right-submit-active-bck.gif); }
.steps { position: relative; background: #a3a3a3; color: white; height: 27px; }
.full-right form .steps input.submit { background: #a3a3a3; color: white; width: auto; padding: 0 4px; font-size: 14px; font-weight: bold; }
.full-right form .steps input.submit { position: absolute; right: 0; }
.full-right form .steps input.reset { position: absolute; left: 0; right: auto; }
.hidden { display: none; }

.product_detail .productimg { position: relative; float: left; margin: 0 50px 10px 0; min-height: 100px; width: 153px; }
.product_detail .info h2 { font-size: 24px; color: #a3a3a3; }
.product_detail .info h3 { position: relative; left: -28px; font-size: 14px; }
.product_detail .info h3 img { vertical-align: middle; margin-right: 5px; }
.product_detail .info .slogan { font-weight: bold; padding: 4px 0; }
.product_detail .info table { border-spacing: 0; margin-bottom: 10px; }
.product_detail .info thead td { padding: 1px 1px; }
.product_detail .info tbody td { padding: 3px 1px; border-bottom: 1px solid #555555; vertical-align: middle; }
.product_detail .info td.label { font-weight: bold; }
.product_detail .priceinfo { background: #a3a3a3; color: white; width: 100%; _width: 540px; position: relative; height: 29px; }
.product_detail .priceinfo .l { position: absolute; top: 0; left: 0; }
.product_detail .priceinfo .r { position: absolute; top: 0; right: 0; }
.product_detail .priceinfo .price { font-size: 18px; font-weight: bold; position: absolute; top: 4px; left: 204px; }
.product_detail .priceinfo .vat { font-size: 12px; font-weight: normal; margin-left: 5px; }
.product_detail .priceinfo .add-order { position: absolute; top: 1px; right: 10px; vertical-align: middle; }
.product_detail .priceinfo .add-order .q { position: relative; top: -6px; }
.product_detail .priceinfo .add-order input.quantity { position: relative; top: -6px; border:1px solid #a3a3a3; text-align: right; width:35px; font-size:18px; color:black; background-color:white; margin-left: 4px; }
.product_detail .bulkprices { margin: 5px 0 5px 90px; }
.product_detail .bulkprices img { vertical-align: middle; margin-right: 5px; }

#left .left .related_products { font-size: 16px; font-weight: bold; padding-bottom: 15px; } 
#left .left .related_products h3 { padding: 10px; border: 0; font-size: 16px; font-weight: bold; } 
#left .left .related_products .related_product { position: relative; padding: 6px 10px; border: 0; margin-top: 5px; background:#f1f1f1; color: #a3a3a3; } 
#left .left .related_products .related_product a { color: #a3a3a3; } 
#left .left .related_products div.black { background:#0f0f0f; } 
#left .left .related_products div.black a { color: #ffffff; } 
#left .left .related_products div.cyan { background:#00adef; } 
#left .left .related_products div.cyan a { color: #ffffff; } 
#left .left .related_products div.magenta { background:#ec008c; } 
#left .left .related_products div.magenta a { color: #ffffff; } 
#left .left .related_products div.yellow { background:#fff200; } 
#left .left .related_products div.yellow a { color: #a3a3a3; } 
#left .left .related_products div.green { background:#669900; } 
#left .left .related_products div.green a { color: #ffffff; } 
#left .left .related_products div.red { background:#cc0000; } 
#left .left .related_products div.red a { color: #ffffff; } 
#left .left .related_products div.grey { background:#cccccc; } 
#left .left .related_products div.grey a { color: #a3a3a3; } 
#left .left .related_products div.blue { background:#0000cc; } 
#left .left .related_products div.blue a { color: #ffffff; }
#left .left .related_products .related_product div.r { position: absolute; top: 0; right: 0; }
#left .left .related_products .related_product div.r img.related { margin: 6px 0; }
#left .left .related_products .related_product p { font-size: 11px; font-weight: normal; margin-top: 4px; }

#left .left .crossupsell { }
#left .left .crossupsell h2 { font-size: 14px; text-align: center; padding: 10px; text-transform: uppercase; color: #dfdfdf; }
#left .left .crossupsell .article { position: relative; padding: 10px; border-top: 4px dashed white; }
#left .left .crossupsell .article h3 { font-size: 18px; border: 0; }
#left .left .crossupsell .article div.price { position: relative; font-size: 24px; font-weight: bold; }
#left .left .crossupsell .article div.price a { position: absolute; right: 0; _right: 10px; }

#left .left .orderhistory .order { position: relative; }
#left .left .orderhistory .order .date { position: absolute; right: 0; _right: 10px; }
#left .left .orderhistory .order .total { position: absolute; right: 0; _right: 10px; font-weight: bold; }
#left .left form.more-orders input { cursor:pointer; margin: 10px 0 0 0; width:188px; height:23px; border:0; color:black; background-color:#a3a3a3; background-image:url(/style/addprintersubmit-bck.gif); }
#left .left form.more-orders input:hover { background-image:url(/style/addprintersubmit-bck.gif); }
.full-right table.orderhistory { border-top: 1px solid #555555; width: 540px; }
.full-right table.orderhistory th { padding: 1px 2px; border-bottom: 1px solid #555555; }
.full-right table.orderhistory td { vertical-align: top; }
.full-right table.orderhistory td.total { text-align: right; }
.full-right table.orderhistory td.date { text-align: right; }

.multicopy .menu { color:#a3a3a3; }
.multicopy .menu a { color: #a3a3a3; }
.multicopy .menu a:hover { color: #ed1c24; }
.multicopy #footer { border-color: #a3a3a3; }
.multicopy p.msg  { color: #ed1c24; }
.multicopy ul.errors li { color: #ed1c24; }
.multicopy #top-left { background: #ed1c24; color: white; }
.multicopy #top-left #basket-contents a { color: white; }
.multicopy #top-left #basket-contents .emptybasket { display: inline; }
.multicopy #top-left #basket-contents .nonemptybasket { display: none; }
.multicopy #left .left { background: #a3a3a3; color: white; }
.multicopy #left .left .snippet a { color: #dfdfdf; }
.multicopy #top-left form input { background-color:#555555; }
.multicopy #top-right { background: #dfdfdf; color: black; }
.multicopy #top-right .snippet { border-color: #a3a3a3; background: white; color: #ed1c24; }
.multicopy #top-right .myprinters { border-color: #a3a3a3; background: white; color: #555555; }
.multicopy #right .right .noresult { background: #dfdfdf; color: black; }
.multicopy .full-right { background: white; color: black; }
.multicopy .full-right h2 { color: #a3a3a3; }
.multicopy .full-right form h2 { color: #a3a3a3; }
.multicopy .full-right form h3 { background: #f1f1f1; border-color: #a3a3a3; }
.multicopy .myprinters { background: white; color: #555555; }
.multicopy .myprinters h2 { color: #a3a3a3; }
.multicopy .myprinters .printer.selected { background: #f1f1f1; }
.multicopy .myprinters .printer h3 a { color: black; }
.multicopy .myprinters .printer.selected h3 a { color: #ed1c24; }
.multicopy .myprinters .printer a.more { color: #ed1c24; }
.multicopy .myprinters .printer a.less { color: #ed1c24; }
.multicopy #menu_home { background: #a3a3a3; color: white; }
.multicopy #menu_home a { color: white; }
.multicopy #menu_home a:hover { color: black; }
.multicopy #snippets_home { border-color: #ed1c24; }
.multicopy #snippets_home .snippet { background: white; color: #ed1c24; }
.multicopy .articlegroup { background: #82b0dd; color: white; }
.multicopy .articlegroup a { color: white; }
.multicopy .articlegroup.oem { background: #a3a3a3; }
.multicopy .full-right .orderheader { color: #a3a3a3; }
.multicopy .full-right .orderheader .selected { color: #555555; }
.multicopy .product { background: #f1f1f1; }
.multicopy .product .promo { background: #ed1c24; color: white; }
.multicopy .product .add-order input.quantity { border:1px solid #82b0dd; }
.multicopy .product_detail .info h2 { color: #82b0dd; }
.multicopy .product_detail .priceinfo { background: #82b0dd; color: white; }
.multicopy .left form input.submit { color: #a3a3a3; }
.multicopy #left .related_products .related_product { background: #f1f1f1; } 
.multicopy #left .related_products .related_product a { color: #a3a3a3; } 
.multicopy #left .left .crossupsell h2 { color: #ed1c24; }
.multicopy #left .left form.more-orders input { background-color:#a3a3a3; }
.multicopy .order-total-line .price { background: #f1f1f1; }
.multicopy .order-total-line.total .price { background: #82b0dd; color: white; }
.multicopy label a { color: #ed1c24; }
.multicopy .full-right .orderheader { color: #a3a3a3; }
.multicopy .full-right .orderheader .selected { color: #82b0dd; }
.multicopy .update_order_snippet input.quantity { border-color: #82b0dd; color:black; background-color:white; }
.multicopy .steps { background: #82b0dd; color: white; }
.multicopy .full-right form .steps input.submit { background: #82b0dd; color: white; }