html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1.5; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { background: #f0f0f0; font: 12px/1.5 Verdana, Arial, sans-serif; color: #505050; }
h1 { margin-bottom: 18px; background: url(../images/bg_h1.gif) repeat-x 0 13px; font-size: 22px; font-weight: bold; }
h1 span { padding-right: 5px; background: #fff; }
h2 { font-size: 22px; font-weight: normal; color: #d11f33; }
ul, ol { margin: 0 0 18px 16px; }
p, form { margin: 0 0 18px 0; }
a { color: #505050; }
a:hover { color: #d11f33; }
input, textarea, select, button { font-size: 12px; font-family: Verdana, Arial, sans-serif; color: #505050; }
strong { font-weight: bold; }
em { font-style: italic; }

table { clear: both; width: 100%; margin-bottom: 5px; }
th { padding: 2px 5px; background: #949494; border-right: 1px solid #fff; font-size: 13px; font-weight: normal; vertical-align: bottom; color: #fff; }
td { padding: 2px 5px; border-bottom: 1px solid #bebebe; vertical-align: top; text-align: center; color: #909090; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 100%; background: #fff; }
#innerWrapper { width: 986px; margin: 0 auto; }
#header { position: relative; height: 200px; background: url(../images/bg_header.gif) repeat-x; }
#navigation { float: left; width: 179px; margin-left: 0; padding: 0 0 25px 0; }
#content { position: relative; float: right; width: 796px; padding-bottom: 30px; }
#footerWrapper { width: 986px; margin: 0 auto; }
#footer {	position: relative; top: -15px; height: 15px; margin: 0 0 10px 190px; background: #d11f33; border-bottom: 10px solid #da818a; color: #fff; font-size: 10px; }

/* loginpage & forgot password & request access & language selection
------------------------------------------------------------------*/
#loginPage #innerWrapper { width: 796px; padding-bottom: 50px; background: #d11f33; /*background: url(../images/bg_loginpage.gif) repeat-y;*/ }
#loginPage #header { background: #d11f33; border-top: 25px solid #d11f33; }
#loginPage #logo { width: 796px; height: 95px; margin-bottom: 20px; padding: 20px 0 0 0; background: #fff; text-align: center; }
#loginPage h1 { position: absolute; left: 230px; top: 82px; background: none; font-weight: normal; font-size: 16px; color: #fdbaba; }
#loginPage h1 span { background: transparent; color: #fff; }
#loginPage #content { position: relative; }
#loginPage .contentBox { float: left; display: inline; width: 243px; height: 260px; margin: 30px 50px 20px 50px; padding: 10px 40px 0 40px; background: #fff; }
#loginPage form { margin-bottom: 10px; }
#loginPage label { display: block; }
#loginPage input { width: 140px; margin-bottom: 5px; }
#loginPage textarea { width: 500px; }
#loginPage #noCustomer { margin-left: 0; }
#loginPage legend { display: none; }
#loginPage button { width: 126px; height: 24px; margin-top: 5px; background: url(../images/bt_login.gif) no-repeat; border: 0; color: #fff; cursor: pointer; font-size: 14px; }
#loginPage #customer a { clear: both; font-size: 10px; }
#loginPage #requestDemo,
#loginPage #textPage { width: 616px; height: auto; }
#loginPage #requestDemo input { width: 250px; }
#loginPage .langBlock { float: left; width: 348px; color: #fdbaba; font-size: 16px; }
#loginPage .langBlock a { padding-left: 20px; background: url(/images/bg_hp_language.gif) no-repeat; font-size: 23px; color: #fff; text-decoration: none; line-height: 40px; }
#loginPage .langBlock a:hover { text-decoration: underline; }
#loginPage #nederlands { padding-right: 50px; text-align: right; }
#loginPage #frans { padding-left: 50px; }
#loginPage #footerWrapper { width: 796px; }
#loginPage #footer { margin-left: 0; padding-left: 35px; }

/* header
------------------------------------------------------------------*/
#logo { width: 190px; height: 83px; padding-top: 60px; background: #fff; text-align: center; }
#header p { position: absolute; left: 240px; top: 58px; font-size: 18px; color: #fff; }
#siteSearch { position: absolute; left: 200px; top: 110px; height: 21px; background: url(../images/bg_search.gif) no-repeat right top; }
#siteSearch legend { display: none; }
#siteSearch input { width: 110px; margin-left: 10px; border: 0; }
#siteSearch button { width: 34px; height: 19px; margin: 1px 1px 0 0; background: #52aa32; border: 0; font-size: 10px; color: #fff; }
#shopLinks li a { position: absolute; top: 90px; height: 26px; padding-top: 20px; font-size: 13px; line-height: 16px; letter-spacing: 0.05em; font-weight: bold; text-decoration: none; }
#ordersLink a { left: 610px; width: 200px; background: url(../images/bg_orderlink.gif) repeat-x; text-align: center; }
#ordersLink a.active { background: url(../images/bg_orderlink_active.gif) no-repeat; color: #fff; }
#basketLink a { left: 822px; width: 155px; padding-left: 5px; background: url(../images/bg_basketlink.gif) no-repeat; }
#basketLink a.active { width: 152px; height: 41px; padding: 5px 0 0 8px; background: url(../images/bg_basketlink_active.gif) no-repeat; color: #fff; }
#basketLink a span { font-style: italic; font-weight: normal; }
#accountLinks { position: absolute; top: 150px; left: 268px; width: 718px; text-align: right; font-size: 11px; }
#accountLinks span { font-style: italic; }
#accountLinks ul,
#accountLinks li { margin-left: 20px; display: inline; }
#accountLinks li a { padding-left: 8px; background: url(../images/bg_accountlinks.gif) no-repeat 0 3px; text-decoration: none; font-weight: bold; }
#accountLinks li a:hover,
#accountLinks li.active a { background-image: url(../images/bg_accountlinks_active.gif); color: #d11f33; }

/* navigation
------------------------------------------------------------------*/
#navigation li { margin: 0 0 20px 0; }
#navigation li a { position: relative; padding-left: 15px; font-size: 14px; text-decoration: none; font-weight: bold; }
#navigation li.active a { color: #d11f33; }
#navigation li a span { position: absolute; left: 0; top: 0; display: block; width: 11px; height: 20px; background: url(../images/bg_navigation.gif) no-repeat; }
#navigation li.active a span,
#navigation li a:hover span { background-image: url(../images/bg_navigation_active.gif); }
#navigation li.active ul { margin: 0 0 20px 15px; }
#navigation li.active li { margin: 0 0 0 0; }
#navigation li.active li a { padding-left: 0; color: #505050; font-size: 12px; font-weight: normal; }
#navigation li.active li a:hover,
#navigation li.active li.active a { /*color: #d11f33;*/ text-decoration: underline; }

#navigation li.active a.kleurcode1 { color: #000; }
#navigation li.active a.kleurcode2 { color: #53AB32; }
#navigation li.active a.kleurcode3 { color: #d11f33; }

/* content
------------------------------------------------------------------*/
#path { text-align: right; font-size: 10px; color: #949494; }
#path a { color: #949494; }
#path a:hover { color: #d11f33; }
#path span { color: #505050; }

.text { clear: both; margin: 10px 0; }

.warning { margin-bottom: 8px; padding: 5px; border: 1px solid red; background: #FBD8D8; color: red; }
.message { margin-bottom: 8px; padding: 5px; border: 1px solid #6c0; background: #cf9; color: #000; }

.standardBlock .right { float: right; margin: 0 0 10px 10px; }
.standardBlock .left { float: left; margin: 0 10px 10px 0; }

/* new order */
#newOrderForm { margin: 30px 0 18px 0; }
#newOrderForm legend { display: none; }
#newOrderForm #step1 { float: left; width: 280px; padding-left: 60px; background: url(../images/bg_neworder_step1.gif) no-repeat; }
#newOrderForm #step2 { float: left; width: 280px; padding-left: 60px; background: url(../images/bg_neworder_step2.gif) no-repeat; }
#newOrderForm #step3 { margin-top: 60px; padding: 0 0 0 60px; background: url(../images/bg_neworder_step3.gif) no-repeat; }
#newOrderForm label,
#newOrderForm p { display: block; background: #fff; font-size: 13px; font-weight: bold; }
#newOrderForm ul { margin: 0; }
#newOrderForm ul li a { padding-left: 12px; background: url(../images/bg_accountlinks.gif) no-repeat 0 3px; text-decoration: none; font-size: 13px; font-weight: bold; }
#newOrderForm ul li a:hover { background-image: url(../images/bg_accountlinks_active.gif); }

/* products */
#orderName { float: left; margin-top: 12px; padding: 3px 5px; background: #53ab32; /*background: #737373;*/ color: #fff; font-size: 15px; }
td a { text-decoration: none; }
td input { border: 1px solid #505050; }
.prodName { text-align: left; white-space:nowrap}
.wrapping { white-space:nowrap }
.weight,
.quantity,
.price { text-align: right; }
.price { border-right: 0; }
#myassortmentLabel { clear: both; float: left; width: 137px; height: 30px; margin-left: 8px; margin-top: 15px; }
.nl #myassortmentLabel { background: url(/images/img_mijnassortiment_nl.gif) no-repeat; }
.fr #myassortmentLabel { background: url(/images/img_mijnassortiment_fr.gif) no-repeat; }
th.myassortment { text-indent: -9999px; }
td.myassortment { padding: 0; }
.myassortment input { border: 0; }
.prodCat { background: #d8d8d8; color: #737373; text-align: left; }
td.info { font-size: 10px; }
td.prodName { padding-left: 2px; }
td.prodName a { padding: 0 0 0 12px; background: url(../images/bg_prodfiche_closed.gif) no-repeat 2px 4px; }
tr.open td { background: #f7f7f7; border: none; color: #202020; }
tr.open .prodName a { background: url(../images/bg_prodfiche_open.gif) no-repeat 0 6px; }
tr.open .price { font-weight: bold; }
tr.open div { float: left; width: 200px; padding: 0 10px; background: #c0c0c0; font-size: 11px; color: #fff; }
tr.open div input { border: 0; vertical-align: middle; }
tr.open a.close { float: right; font-size: 10px; text-decoration: underline; }
tr.promo .prodName a { background-image: url(../images/bg_prodfiche_closed_promo.gif); color: #54ab33; }
tr.promo .prodName a.open { background-image: url(../images/bg_prodfiche_open_promo.gif); }
tr.promo .price,
tr.promo .info,
tr.promo .promoPrice { color: #54ab33; }
tr.new .prodName a { background-image: url(../images/bg_prodfiche_closed_new.gif); color: #fca805; }
tr.new .prodName a.open { background-image: url(../images/bg_prodfiche_open_new.gif); }
tr.new .price,
tr.new .info { color: #fca805; }
tr.notAvailable td { color: #c8c8c8; }
tr.notAvailable .prodName { padding-left: 14px; }
tr.promo .prodName a:hover,
tr.new .prodName a:hover { color: #d11f33; }
td.picture { padding-left: 14px; text-align: left; }
td.prodCount { border: 1px solid #000; }
tr.fiche { border-bottom: 1px solid #bebebe; }
tr.fiche td { text-align: left; }
tr.fiche ul { margin-bottom: 0; padding-bottom: 18px; list-style: disc; }
#buttons_top { overflow: hidden; position: realtive; }
#buttons_top .addToAssortment  { width: 270px; height: 41px; margin-bottom: 4px; padding: 0 0 0 15px; background: url(../images/bt_addtoassortment.gif) no-repeat; border: 0; text-align: left; color: #505050; cursor: pointer; font-size: 12px;position: absolute; top: 120px; right: 257px; }
#buttons_top .addToBasket  { width: 257px; height: 41px; padding: 0 0 0 15px; background: url(../images/bt_addtobasket.gif) no-repeat; border: 0; text-align: left; color: #505050; cursor: pointer; font-size: 12px; position: absolute; top: 120px; right: 0; }
.addToBasket { float: right; width: 257px; height: 41px; padding: 0 0 0 15px; background: url(../images/bt_addtobasket.gif) no-repeat; border: 0; text-align: left; color: #505050; cursor: pointer; font-size: 12px; }
.addToAssortment { float: right; width: 270px; height: 41px; margin-bottom: 4px; padding: 0 0 0 15px; background: url(../images/bt_addtoassortment.gif) no-repeat; border: 0; text-align: left; color: #505050; cursor: pointer; font-size: 12px; }
.removeFromAssortment { float: right; width: 270px; height: 41px; padding: 0 0 0 15px; background: url(../images/bt_removefromassortment.gif) no-repeat; border: 0; text-align: left; color: #505050; cursor: pointer; font-size: 12px; }
#printLink { float: left; display: block; height: 19px; margin-top: 12px; padding-left: 40px; background: url(../images/icon_print.gif) no-repeat; text-decoration: none; }
.userInfo { clear: both; float: left; width: 350px; margin: 12px 0 0 0; font-size: 10px; font-style: italic; }
#nextGroup { float: right; width: 350px; margin-top: 12px; font-size: 11px; text-align: right; }
#nextGroup input { vertical-align: middle; }
#printTable { margin-top: 10px; }
#newOrderLink { /*float: left;*/ display: block; width: 200px; height: 19px; margin-top: 12px; padding-left: 40px; background: url(../images/icon_neworder.gif) no-repeat; text-decoration: none; }
#fastOrder td.prodName { padding-left: 5px; }
#assortmentForm { clear: both; }
td input.searchedInput { border: 1px solid #d11f33; }
td.prodName span.prodMessage { color: #d11f33; }
#mypriceform .savePrices { float: right; width: 210px; height: 42px; padding: 0 0 0 12px; background: transparent url(../images/bt_saveorder.gif) no-repeat; border: 0; text-align: left; cursor: pointer; }
#mypriceform .checkbox { border: none; }
#mypriceform .priceError { color: #d11f33; text-align: left; }

/* orders */
#newOrderLink { margin-bottom: 1em; }
#orderView th { padding: 1.1em 0 2px 30px; text-align: left; }
#orderView .delete { padding: 2px 5px; border-right: 0; text-align: right; }
#orderView td { padding-left: 30px; text-align: left; color: #505050; }
#orderView td a { text-decoration: none; }
#orderView .orderType td { padding-left: 30px; background: #737373 url(../images/bg_ordertype.gif) no-repeat 10px 50%; border-top: 1px solid #fff; color: #fff; }
#orderView .orderType td.closed { background-image: url(../images/bg_ordertype_closed.gif); }
#orderView .orderType td a { color: #fff; }
#orderView .orderType td a:hover { color: #ededed; }
#orderView td.orderName { background: url(../images/bg_ordername.gif) no-repeat 15px 50%; }
#orderView td.finishOrder a { padding: 0 8px; background: #52aa32; color: #fff; }
#orderView td.finishOrder a:hover { color: #505050; }
#orderView .history td,
#orderView .history td a { color: #909090; }
#orderView .history td a:hover { color: #d11f33; }
#orderViewDetail .price { border-right: 1px solid #fff; }
#orderViewDetail .last { border: 0; }
#duplicateLink { float: left; display: block; height: 19px; margin-top: 12px; padding-left: 40px; background: url(../images/icon_duplicate.gif) no-repeat; text-decoration: none; }
#showAllOrders { float: right; display: block; width: 198px; height: 30px; padding: 12px 0 0 12px; background: url(../images/bt_showallorders.gif) no-repeat; text-decoration: none; }
a#showAllOrders:hover { color: #505050; }

/* basket */
#shoppingBasket th.price { border-right: 1px solid #fff; }
#shoppingBasket th.delete { border: 0; }
#shoppingBasket td.delete { text-align: right; }
#shoppingBasket td.delete input { border: none; }
#total td { background: #737373; text-align: right; color: #fff; font-weight: bold; }
#total td span { padding-right: 15px; }
#shoppingBasket .recalculate { float: right; width: 230px; height: 42px; padding: 0 0 0 12px; background: transparent url(../images/bt_recalculate.gif) no-repeat; border: 0; text-align: left; cursor: pointer; }
#shoppingBasket .sendOrder { float: right; width: 210px; height: 42px; margin: 0 0 10px 20px; padding: 0 0 0 12px; background: url(../images/bt_sendorder.gif) no-repeat; border: 0; text-align: left; color: #505050; cursor: pointer; font-size: 12px; }
#shoppingBasket .saveOrder { float: left; width: 210px; height: 42px; padding: 0 0 0 12px; background: transparent url(../images/bt_saveorder.gif) no-repeat; border: 0; text-align: left; cursor: pointer; }

/* order send */
#orderSend td.prodName { padding-left: 5px; }
#orderSend tr.promo td.prodName { color: #54ab33; }
#orderSend tr.new td.prodName { color: #fca805; }
#orderSend .price { border-right: 1px solid #fff; }
#orderSend .last { border: none; }
.bedanking { font-size: 14px; color: #54AB33; }

/* contact & account forms */
#contactForm { width: 400px; }
#contactForm,
#accountForm { margin: 10px 0; }
#accountForm fieldset { float: left; margin: 0 50px 10px 0; }
#contactForm label,
#accountForm label { display: block; }
#contactForm textarea { width: 400px; }
#contactForm legend { display: none; }
#accountForm legend { font-weight: bold; font-size: 13px; }
#contactForm button,
#accountForm button { clear: both; display: block; width: 126px; height: 24px; margin-top: 5px; background: url(../images/bt_login.gif) no-repeat; border: 0; color: #fff; cursor: pointer; font-size: 14px; }
#contactForm input,
#accountForm input { width: 250px; margin-bottom: 5px; }
#salesrep { float: right; width: 280px; padding: 10px; background: #ededed; /*position: absolute; top: 66px; right: 50px;*/ font-size: 13px; }
#salesrep p { margin-top: 18px; }

.messageBlock { margin-bottom:15px; padding-bottom: 2px; border-bottom:1px solid lightgrey; }

/* searchresults */
#searchResults { margin: 0; }
#searchResults li { width: 786px; padding-left: 10px; background: url(/images/bg_ordername.gif) no-repeat 0 50%; }
#searchResults li .promo { color: #54ab33; }
#searchResults li .new { color: #fca805; }

/* footer
------------------------------------------------------------------*/
#footer p { float: left; margin: 0 0 0 15px; }
#footer #siteLinks { margin-left: 140px; }
#siteLinks a { margin-right: 10px; }
#footer a { color: #fff; text-decoration: none; }
#duoLink { float: right; margin-right: 15px; text-decoration: none; text-transform: uppercase; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }



