@charset "utf-8";
/* CSS Document */

/*********************************
**   STRUCTUUR  10 december 2010   **
*********************************/

/*  D O  N O T   E D I T   -   D O C U M E N T   W I L L   B E   O V E R W R I T T E N   P E R I O D I C A L L Y  */

/* onderdruk sheet.css, die is er alleen voor de promoties */
.banner1, .banner2, img.info {position: static; margin-left: 0}
h1, h2, h3, h4, p {padding: 0; margin: 0; color: inherit}
/* bestel forms */
.layer h4 {font-size: 100%; margin: 1px 0;}
.order {padding: inherit; border: 0 none} 
/*infopr3*/
span.error {float: none; background-color: transparent; color: inherit; }
select {border:  auto;  font-family: inherit; font-size: inherit; width: auto}
/*order03*/
.order .note {font-size: inherit; margin: 0; white-space:inherit} 



/* ELEMENTEN */

/* impopulaire html standaarden */
html#E25 {overflow-y: scroll}
body, p, table, input, textarea, select, button, pre, .group_container {font-family: Verdana, sans-serif; font-size: 10px; font-weight: normal; font-style: normal}
body, a, a:hover, a:active, a:visited {color: #000}
th, td {padding: 0}
pre {display: inline}
table{padding:0;background-color:transparent}
/* blokelementen en basis klasses */
.item, .layer, .section, .promo {clear: both}
.section_stop {background-position: bottom}
div {zoom: 1} /* force 'hasLayout' on anything so we can float happily ever after */
p {*width: expression(parentNode.clientWidth > 386 ? "384px" : "auto");} /* leesbare tekstbreedtes; msie6 kent max-width niet */
p {max-width: 384px}
ol, ul {padding-left: 36px}
address {width: 208px}
.group_container br, .total_item br {line-height: 1px} /* ruimte wordt vanzelf opgevuld waar nodig; niet nul ivm lege cellen */
.news br, newsGeneral br {line-height: 100%}

/* regelelementen */
/*a img, a:hover img, map img, map:hover img {border: 0 none; text-decoration: underline}*/
a img, map img {border: 0 none; text-decoration: none !important}
a {cursor: pointer; text-decoration: underline;}
a.script_link, a.button_flex, a.button_option, a.button_order, a.icon_link, a.text_link {display: inline-block}/*n*/
a.script_link, a.script_link img, a.script_link span, a.icon_link, a.icon_link span, a.icon_link img {display: inline-block;vertical-align: baseline;*vertical-align: middle}/*n*/
/* formulieren */
form, fieldset {margin: 0; padding: 0; border: 0 none;/* width: 100%;*/}
/* keep it cross-browser, let a select behave as a text-input  */
.checkbox_input, .radio_input {margin: 3px 6px 4px 3px; vertical-align: middle}
.text_input {margin: 1px 0}
strong.text_input {display: inline-block; padding: 3px}
input {*margin: auto !important; }
select {margin: 1px 0; padding: 1px 0;}
label {white-space: nowrap; padding-top: 1px; padding-top: 2px /*2 vw radios*/}
/* text_N reflects the maxlength property; */
.text_2, .text_3, .text_4, text_qty {width: 32px} /* 4 x 8px/char */
.text_5, .text_6, .text_8, .text_9, .text_10, .text_11, .text_12, .text_14, .text_15 {width: 80px}
.text_20, .text_25, .text_30, .text_35, .text_50, .text_60, text_search {width: 160px}
.text_100, .text_150, .text_250, .text_256, .text_750, .text_1000, .text_1500 {width: 320px}
textarea {width: 320px; height: 52px; padding: 1px 0}
#nom_search .text_search {width: 160px}
#comparison .text_qty {width: 20px}

/* CONSTRUCTIES */

/* containers *//* klassen om meerdere buttons in in te pakken */
.button_link {text-align: right; margin: -6px 0; padding: 12px 0} /* margin/padding spel voor MSIE7 / voor het maatwerk */
.buttons {text-align: right; padding: 3px 0}

/* stappen, geen knoppen */
.step_link, .step_end, .step_text {display: inline-block;}
.step_link {background-repeat: no-repeat; background-position: left; text-decoration: none; vertical-align: middle; }
.step_link .step_end {background-repeat: no-repeat; background-position: right;}
.step_link .step_text {background-repeat: repeat-x; background-position: center; margin: auto 6px auto 18px; line-height: 13px; height: 15px; font-weight: bold;}
.step_1 .step_link {background-image: url(/images/step-1.gif)}
.step_2 .step_link {background-image: url(/images/step-2.gif)}
.step_3 .step_link {background-image: url(/images/step-3.gif)}
.step_4 .step_link {background-image: url(/images/step-4.gif)}
#ORDER04N #context .step_1 .step_link, #ORDER04 #context .step_1 .step_link, #step_link_shipinv {background-image: url(/images/step_1.gif)}
#ORDER04N #context .step_2 .step_link, #ORDER04 #context .step_2 .step_link, #step_link_closure {background-image: url(/images/step_2.gif)}
/*#ORDER04 #names {visibility: hidden}*/

/* knop volle breedte */
.button_full {background-image: url(/images/basket_button2_left.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; display: block}
.button_full_right, .button_full .button_end {background-image: url(/images/basket_button2_right.gif); background-repeat: no-repeat; background-position: right center; padding: 1px 0; display: block}
.button_full_middle, .button_full .button_text {background-image: url(/images/basket_button2_middle.gif); background-repeat: repeat-x; background-position: center center; padding: 7px 1px; margin: auto 3px auto 29px; font-weight: bold; text-align: center; display: block}

/* knop flexibele breedte */
.button_minor, .button_flex, .button_option, .button_order, .button_end, .button_text {background-repeat: no-repeat; padding: 0; display: inline-block;}
.button_minor, .button_flex, .button_option, .button_order {background-position: left top; text-decoration: none; white-space: nowrap}
.button_end {background-position: right top}
.button_text {background-repeat: repeat-x; background-position: center top; font-weight: bold; _paddding-top: 5px; margin: auto 6px; line-height: 18px; height: 20px; min-width:10px; text-align:center;}
.button_text {_width: expression(this.clientWidth < 12 ? "10px" : "auto")}
/*_pad bugfix ie6 knoppen met plaatjes in de tekst */
#cmp_buttons .button_option, body.login #context .closure .button_option, #ORDRER03 #context .closure .button_option {float: left}

/* achtergronden knopjes */
/* klantkleur 18px */
.button_flex {background-image: url(/images/button_left.gif)} 
.button_flex .button_end {background-image: url(/images/button_right.gif)}
.button_flex .button_text {background-image: url(/images/button_middle.gif)}
/* groen 18px */
.button_order {background-image: url(/images/button_left2.gif)}
.button_order .button_end {background-image: url(/images/button_right2.gif)}
.button_order .button_text {background-image: url(/images/button_middle2.gif)}
/* grijs 18px; was  button_back  */
.button_option {background-image: url(/images/button_left4.gif)} 
.button_option .button_end {background-image: url(/images/button_right4.gif)}
.button_option .button_text {background-image: url(/images/button_middle4.gif)}
/* klantkleur 22px */   /* question */
.island .button_flex {background-image: url(/images/button_left3.gif)} 
.island .button_flex .button_end {background-image: url(/images/button_right3.gif)}
.island .button_flex .button_text {background-image: url(/images/button_middle3.gif); margin: auto 8px; line-height: 20px; height: 22px}
/* extra groot *//* winkelwagen knop in context */
#context .basket_button {background-image: url(/images/basket_button_left.gif)} 
#context .basket_button .button_end  {background-image: url(/images/basket_button_right.gif)}
#context .basket_button .button_text {background-image: url(/images/basket_button_middle.gif); margin: auto 3px auto 29px; padding: 0 12px 0 10px;  line-height: 24px; height: 26px}
#compare .button_full {background-image: url(/images/basket_button3_left.gif)}
#compare .button_full_right {background-image: url(/images/basket_button2_right.gif)}
#compare .button_full_middle {background-image: url(/images/basket_button2_middle.gif)}

/*  D O  N O T   E D I T   -   D O C U M E N T   W I L L   B E   O V E R W R I T T E N   P E R I O D I C A L L Y  */

/* ordinaire tabellen */
.data_tab th {text-align: left; vertical-align: top; padding-right: 3px; font-weight: normal}
.data_tab td {text-align: right; vertical-align: top}
.data_tab_vertical th {font-weight: bolder; background: url(/images/dotLine4.gif) left bottom repeat-x}
.data_tab_vertical td {background: url(/images/dotLine5.gif) left bottom repeat-x}

/* winkelwagen */
#newBasket {padding: 0; margin: 0}
#newBasket .section {padding: 0}
#newBasket .item {margin: 0}
#newBasket table {font-size: 9px; font-weight: normal; margin: 3px 0; width: 100%}
#newBasket table tr.shoptrkleur td {border-bottom-width: 1px; border-bottom-style: solid; }

/* visueel handelsmerk van easyorder */
.ruler_base {font-size: 3px; margin-bottom: 3px}
/* ie6 */ .ruler_base {height: 5px}
.ruler_cell {height: 5px; width: 30px; border-style: solid; border-width: 0 1px; margin: 0 20px 0 auto;}

/* linkjes en koppen */
.intro h4, .intro h5 {margin: 0;font-style: italic}
.intro_link {float: right}
.intro .script_link img {margin:0 6px !important;}
.intro div a {float: none}
.script_link a, a.script_link {text-decoration: none; white-space:nowrap;}
.script_link img { margin: 0 6px 0 9px}/*  eruit maart 2010 vertical-align: bottom;*/
.tools, .view, .paginate {text-align: right}
.tools a, .view a, .paginate a {text-decoration: none}
.showhide_link {float: left !important}

/* kleine interactieve linkjes*/
#INFODB3 #cnt_tools a.script_link {float: right; margin-top: 4px} /* v.w. het invoerveld */
/*.script_link span {text-decoration: underline} ?*/

/* meerdere dingen naast elkaar zetten. m.n. in de kop van een pagina */
.tools a, .view a {float: none}
.view {margin-top: 3px}
.tools form, .view form, .closure form {display: inline; margin-right: 6px}
.float_container .head, .float_container .button_option, .float_container .title, .float_container .hilite {float: left}
.float_container .tail, .float_container .button_link, .float_container .script_link {float: right}
.float_container .icon_link {float: right; margin: 6px 0 3px 0}
.float_container .button_link {padding: 0; *padding: 3px 0; white-space: nowrap}

/* tab_tekst structuur */
.tab_links {width: 100%}
.tab_link {background: url(/images/tab_norm_left.gif) no-repeat left center; text-decoration: none; padding: 3px 0; display: block; cursor: pointer; margin-right: 1px}
.tab_link_right {background: url(/images/tab_norm_right.gif) no-repeat right center; padding: 3px 0; display: block}
.tab_link_middle {background: url(/images/tab_norm_middle.gif) repeat-x center; padding: 3px 0; margin: auto 6px; font-weight: bold; text-align: center; display: block; white-space: nowrap}
.selected .tab_link {background-image: url(/images/tab_sel_left.gif)}
.selected .tab_link_right {background-image: url(/images/tab_sel_right.gif)}
.selected .tab_link_middle {background-image: url(/images/tab_sel_middle.gif)}
.empty .tab_link {background-image: url(/images/tab_no_left.gif); cursor: auto}
.empty .tab_link_right {background-image: url(/images/tab_no_right.gif)}
.empty .tab_link_middle {background-image: url(/images/tab_no_middle.gif)}
.empty {width: 75%}
.tab_txt {_height: expression(this.scrollHeight < 126 ? "128px" : "auto");}
.tab_txt {display: none; min-height: 128px}
#tab_txt_product_info table {float: left; margin-right: 18px}
#tab_txt_product_info table th .product_label_container {height: 32px} /* als attributenlijst */

.quant .text_qty {width: 48px;}
.quant .quant_more {position: relative; top: -4px;}
.quant .quant_less {position: relative; top: 4px; left: -8px}

/*  D O  N O T   E D I T   -   D O C U M E N T   W I L L   B E   O V E R W R I T T E N   P E R I O D I C A L L Y  */

/* product details */
#product_brand, #product_attr {min-height: 16px; padding-bottom: 6px}
#product_brand_tall {padding-top: 6px; text-align: left}
/* ruimte voor kolommen: (als de group float heeft)
 context/width item/margin item/padding const/padding
     588      -    6-6    -    6-6     -     12-12   = 540 => 200+340; 340=190+150
 */
#product_image {/*width: 200px; */width: 38%; text-align: right; float: left}
#product_image img {max-width: 200px} /* laat alt van missend plaatje de opmaak niet ver****en */
#product_image a {text-decoration: none}
.product_thumbnail {/*max-width: 80px; _width: expression(this.clientWidth > 78 ? "80px" : "auto");*/width: 80px}
#product_constants {/*width: 190px; padding: 0 12px;*/ width: 30%; padding: 0 2%;text-align: left; float: left}
#product_vars {/*width: 150px; */width: 28%; text-align: right; float: left}
#product_ctrls {text-align: right; /*padding: 6px 0 0 12px; width: 352px;*/padding: 1% 0 0 2%; width: 60%; float: right}
#product_ctrls .data_tab {float: left}
#product_ctrls table.list_quantity {display: inline-table;margin-right: 12px; vertical-align: bottom}
#product_ctrls div.basket_button {float: right}
#product_attr {text-align: left; clear: both; padding: 6px 0 0 0} /* marge + img hoogte = prod_img/hoogte */
#list_attr img, .product_label {
	max-width: 24px; _width: expression(this.clientWidth > 22 ? "24px" : "auto");
	width: 24px; height: 24px /*ipv #list_attr img, #prod_attr img, #tab_txt_product_info table th img */
}
/* product details opmaak */
#prod_price {font-size: 133%; font-weight: bolder}
#prod_discount th, #prod_discount td {font-weight: bold; vertical-align: bottom}
#prod_memo input, #prod_memo textarea {width: 210px}
#prod_options {margin: 12px 0 6px 0}
#prod_options input {border: 0 none;}
.prod_ordered {padding: 1px 2px}
#prod_chk_compare {vertical-align: baseline; position: relative; top: 3px; }

/* related items in de options (banner kolom) */
#options .specs {text-align: center}
#options .specs img {vertical-align: middle; max-width: 80px}
#options .specs span {white-space: nowrap; margin-left: 3px;}
#options .quant {width: auto; float: left; margin: 4px -8px 4px 0;} /* -8 vw. verplaasting elementen */
#options .quant input {width: 32px}
/* #options .button_flex {float: right; margin: auto 3px auto 3px; white-space: nowrap} e25 */

/*  D O  N O T   E D I T   -   D O C U M E N T   W I L L   B E   O V E R W R I T T E N   P E R I O D I C A L L Y  */

/* product lists like in infopr3, infopr4, order03 */
.list_item {width: 100%} /* product container */
.list_item th, .list_item td {padding: 6px 3px}
.list_item th {padding-right: 6px; vertical-align: top; width: 86px; text-align: left} /* switchable image container */
/* .list_item th img {position: absolute;}  alttxt changed to prdcod *//* bugfix for ie8, where containg TH takes width of alt-text */
.list_item .total_descr {width: auto}
.list_general, .list_store {margin-bottom: 2px}
.list_more .list_order {text-align: center} /* de orderknop in productlijstjes */
/* data items - v-aligning; push down content 3px less for each line */
div.list_self {float: left; margin-top: 0px; margin-right: 6px}
div.list_status {float: right; margin-top: -2px; margin-top: 0; margin-left: 6px; text-align: right}
.list_status .shop_field {margin-top: 2px}
.list_error {float: right}
.list_expected {display: block;}
.list_more div.list_avail {float: left; margin-top: 6px; margin-right: 6px}
div.list_history {float: left; margin-top: 6px; margin-right: 6px; width: 120px}
span.list_attr img {margin-top: 2px}
div.list_attr {float: left; margin-top: 9px; margin-right: 6px}
div.list_code {float: left; margin-top: 0px; margin-right: 6px}
div.list_memo {float: left; margin-top: 0px; margin-right: 6px; text-align: left;}
div.list_price {float: right; margin: 0 9px; width: 104px}
.list_price strong {float: right}
.list_item div.list_quantity, .list_item table.list_quantity {float: right; margin-top: 3px; margin-left: 6px; max-width: 76px; overflow-x: hidden}
#options .list_item table.list_quantity {float: left;}
table.list_quantity td {padding: 0; vertical-align:middle;}
table.list_quantity td.caption {padding-right: 2px}
table.list_quantity td.unit, table.list_quantity td.act {padding-left: 3px}
table.list_quantity td.ctrl a {display: block}

/*#product_ctrls table.list_quantity {float: none; display: inline; max-width: none}*/
div.list_order {float: right; margin-top: 6px; margin-left: 6px; width: 92px} /* lang woord moet passen */
body.order .list_order {text-align: right; padding-right: 18px; width: 80px}
.list_price_quant, .list_price_amount, .list_price_quant {display: none} /* breaks */
.list_more div.list_order {padding: 6px 0}
.list_purchase div.list_order {margin-top: 3px}
/* data details */
.list_line {padding: 1px 2px}
.list_line img {vertical-align: top}
.list_line input {vertical-align: middle; border: 0 none}
.list_quantity .text_qty {width: 32px; }
.list_memo input {width: 144px;}
.list_memo textarea {width: 160px; height: 26px}
.list_order a.custom_color {margin-bottom: 3px; display: block}
.float_end {clear: both; float: none; width: 0; height: 0; line-height: 0; font-size: 0}

/* structuur voor aanpasbare lijsten onderdelen kunnen een breedte krijgen */
/* floating functional */
div.total_left, div.total_descr, div.total_radio, div.total_chkbx, div.total_logo, div.total_adress, div.total_body, div.total_text, div.total_detail, div.total_message {float: left; margin-right: 6px;} 
div.total_right, div.total_symbol, div.total_brief, div.total_amount, div.total_date {float: right; margin-left: 6px}
.total_descr, .total_radio, .total_chkbx, .total_logo, .total_adress, .total_body, 
.total_text, .total_detail, .total_message, .total_symbol, .total_brief, .total_amount, .total_date {display: inline-block; float: none; vertical-align: top; margin-right: 6px}

/* floating tabular / divs */
.total_twothird, .total_threefifth, .total_half, .total_twofifth, .total_third, .total_quarter, .total_fifth, .total_sixth, .total_seventh {float: left} 
.total_whole {width: 98%; margin-right: 6px}
.total_twothird {width: 60%; margin-right: 24px}
.total_threefifth {width: 54%; margin-right: 24px}
.total_half {width: 46%; margin-right: 16px}
.total_twofifth {width: 38%; margin-right: 8px}
.total_third {width: 31%; margin-right: 6px}
.total_quarter {width: 24%; margin-right: 4px}
.total_fifth {width: 18%; margin-right: 4px}
.total_sixth {width: 15%; margin-right: 3px}
.total_seventh {width: 13%; margin-right: 2px;white-space: nowrap; overflow: hidden; text-align: center}

.total_amount {width: 96px; text-align: right} /* voor bedragen */
.total_symbol {width: 9px; } /* +-!* */
.total_brief {width: 36px} /* radios, chkbxs, two icons, three catipals */ 
.total_brief .icon_link {float: none} 
.total_descr {width: 128px}
.total_date {width: 192px}
.total_detail {width: 256px}
.total_adress {width: 256px}
.total_message {width: 320px}
body.order #cnt_totals .total_descr, #INFOOR4 #cnt_totals .total_descr {width: 384px}
body.order #cnt_totals .total_descr {float: left}
body.order #cnt_totals .total_amount {float: right}
body.order #cnt_shares .total_descr {width: 160px}
body.order #cnt_shares .total_item {font-style: italic; margin-left: 240px}
body.order .total_symbol:before {content: '\001f'} /*  ff toont geen lege float, spatie ervoor */
.total_text {} /* floating, no set width, but contents should be known to be short */
/* not floating */
.total_matrix {margin: 3px -6px 3px 0; padding: 0; _margin-right: -12px;} /* variabel vulbaar, elementen kunnen allemaal een margin-right: 6px hebben*/
div.total_item {font-weight: normal; font-style: normal; font-size: 100%} /* niet floatend -  ook in h4 */
.total_sum {background: url(/images/dotLine4.gif) left top repeat-x; padding-top: 3px; margin-top: 3px; font-weight: bolder} /* om een +--- lijn te krijgen */
.total_container, .total_title, body.order .payment_type, body.order .shipping_method {background: url(/images/dotLine4.gif) left bottom repeat-x; padding-bottom: 3px; margin-bottom: 3px} /* niet floatend */
div.total_item span.total_descr, div.total_item span.total_symbol, div.total_item span.total_brief, div.total_item span.total_detail, div.total_item span.total_message, div.total_item strong.total_descr, div.total_item strong.total_symbol, div.total_item strong.total_brief, div.total_item strong.total_detail {padding-top: 4px;} /* omschrijvingen op zelfde basislijn als invoervelden */

#ORDER04 #cost_center .total_descr {width: 96px}
#INFOOR4 .total_adress {width: 28%}
body.order #order_references .total_descr, body.order #order_line_layer .total_descr {width: 17%}
body.order #total_lists .total_left {width: 46%; margin-right: 12px;}
body.order #total_lists .data_tab {width: 100%;}
body.order #shipping_methods .total_body {width: 72%} /* geen icoon */
body.order #payment_types .total_body {width: 64%} /* wel een icoon */
body.order #payment_types .total_logo {width: 39px; overflow: hidden;}
body.order #closure .total_item {margin-bottom: 6px}
input.total_third, input.total_sixth, input.total_half {margin-right: 6px; padding: 0}
.step {padding: 0 0 6px 0; clear: both}
.step_2, .step_3, .step_4, .step_4 {background: url(/images/dotLine4.gif) left top repeat-x; padding: 6px 0}
#step_closure {background: url(/images/dotLine.gif) left top repeat-x; padding: 6px 0}
.step_button {float: right; margin: 1px 18px 0 0}
.step_link {cursor: pointer; margin-top: 3px}
.step_icon {vertical-align: middle; margin-right: 9px}

/*  D O  N O T   E D I T   -   D O C U M E N T   W I L L   B E   O V E R W R I T T E N   P E R I O D I C A L L Y  */

strong, body * .active, body * .hilite {font-weight: bolder}
.inactive, .lolite {filter: alpha(opacity=60); opacity: 0.6}
.active a {text-decoration: none}
.detail {font-size: 80%; font-weight: normal}
#basket .detail {font-weight: bold}
.aligning_input {width: 1px; visibility: hidden}
.alert {color: red}
.alert_error span, .alert_warning span { }
.alert_error img, .alert_warning img {float: left; margin-right: 12px}
select#calendarMonth, select#calendarYear {display: none;}

#saveMoreScale td {padding: 6px}

/* allerlei absoluut gepositioneerde lagen, steeds 1,5x breder */
.layer {position:absolute;z-index: 25}
.array {width: 160px}
.dialog {width: 224px}
.control {width: 348px}
.message {width: 512px}
.panel {left: -384px; margin-left: 50%; top: 128px; z-index:75; width: 768px}
.layer iframe.tab_txt {display: block !important;} 
.maximal iframe.tab_txt {overflow: auto}
.maximal {left: 0; top: 0 !important; z-index:75; width: 100%; height: 100%; margin: 0}
.maximal .section {background: #fff !important}

.section_start, .section_stop {font-size: 0}
.section .section_start, .section .section_stop {display: none}
.section .section_body {background: none; border: none; margin: 0; padding: 0}
#EO2 #scrim {display: none}
#scrim {position:absolute;left:0;top:0;width:100%;height:100%;z-index:50;opacity:0.75;filter: alpha(opacity=75)}
#preloader_cnt {z-index:100;}


.layer_message {margin: 3px; clear: both}
#layer_compare_list a.script_link {float: right}/*tijdelijk rel 10.1*/

#INFOPR4N #layer_compare_list, #INFOPR4 #layer_compare_list {padding: 0;}
#INFOPR4N #layer_compare_list .item, #EO2 #INFOPR4 #layer_compare_list .item {margin: 0; padding: 1px 6px 3px 6px;}
#comparison table.cmp_table {width: 100%; table-layout: fixed}
#comparison th, #comparison td.cmp_col {vertical-align: top; overflow: hidden}
/*#comparison .total_sixth {width: 133px !important}*/
#comparison th {text-align: left;/*white-space:nowrap;width:12%;*/}
#comparison td.cmp_col {padding-left: 9px}
#comparison .list_error {float: none}
/*.layer table.list_quantity {float: left; margin-right: 6px} waarom? 3nov11 */

.option_link {line-height: 150%; display: block; text-decoration: none}

#layer_order_form table {width: 100%}
#layer_order_form table * {white-space: nowrap}
#layer_order_form td {text-align: left; vertical-align: top; padding: 0 3px;} 


#orderHistory td {text-align: center}
#EO2 #question {left: 70px; top: 300px;}
#E25 #question {left: 140px; top: 300px;}

#calendar_layer .previous {float: left}
#calendar_layer .next {float: right}
#ORDERUPL1S #help_dialog {left: 64px; top:160px; width: 384px}

/* infopr3 */
#templateName_layer {left: 100px; top: 100px}  /* voor maatwerk */
#layer_compare_list .text_link {width: 286px}

/* grouppages */
.group_container .thumbnail_container, .group_container .brand_container {text-align: left; margin: 6px 0; display: block}
/* #page_breadcrumbs {-width: 98%} zodat het ook in ie6 getoond wordt */
.group_container h3 {overflow: hidden}
.group_container h4 a {display: block;}
.group_container h3 a, .group_container ul a{text-decoration: none; vertical-align: top}
.group_container ul, ul.group_list {text-align: left; padding: 1px 0 2px 0; margin: 0; list-style: none; max-width: 100%; _width: auto}
#context .group_container ul {padding: 0 0 3px 0; margin: 0 0 3px 0; }
.group_list li {margin: 1px 0; list-style: none} /* hier list style v.w. brandwizard */
#context .group_list li {margin: 3px 0 0 0;padding-right: 18px}
.icon_link {float: right; margin: 0 3px}
.list_link {margin: 0 3px}
.text_link {margin: 0 3px;}
.main_link {display: block}
#INFODB3 #context .text_link {width: 32%;}
#INFODB3 #context .icon_link {width: 15%;}
.thumbnail_container img {font-size: 9px; font-weight: normal; height: 75px }
.thumbnail_container li a img {height: auto} /* v.w. des-record (CIB, vanBeek) */
.thumbnail_container li a {font-weight: normal} /* v.w. des-record (CIB, vanBeek) */
.brand_container img {font-size: 9px; font-weight: normal; width: 130px }


.iFrameHolder {width: 528px; overflow-x: hidden; margin-top: 6px}
.iFrameHolder iframe {width: 536px;}
.info #cnt_core {min-height: 128px}
.closure.item_top {background-image: none}  /* intended for footers, taglines */
#cnt_view {padding-top: 3px}
.cnt_buttons {text-align: right;}
.cnt_buttons .island {padding: 3px 6px; margin: 3px 6px}

/*winkelwagen*/
.percentImage {margin: 0pt; padding: 0pt; width: 116px; height: 12px; background-image: url(/images/percentImage_back1.png); background-position: -118px 50% }
#pMass, #pVolume {display:block}


/*  D O  N O T   E D I T   -   D O C U M E N T   W I L L   B E   O V E R W R I T T E N   P E R I O D I C A L L Y  */
/*orderclosing*/
#address_dialog input {width: 256px;}

.list_general, .list_purchase {text-align: left}
body.order .list_alt {float: right; margin: 0 12px}
body.order .list_code, body.order .list_avail, body.order .list_attr {float: left; margin: 0 6px 0 0}
body.order .list_attr {padding: 2px}

/* start1 */
#options .email_address {overflow-x: hidden; overflow: hidden; _width: 100%}
#opt_shopswitch select {width: 100% !important; position: static}
#START1N #cnt_more .ruler_base {display: none}
#START1 #cnt_core .news {clear: both}
#START1 #cnt_core .total_half .news {clear: none}
/*#START1 #cnt_core .total_half {width: 47.5%; margin-right: 12px; }*/
#START1 #cnt_core .total_half  h4.custom_color {display: none}

.overview h2 {float: left}
.overview a.script_link {float: right}
.overview table {clear: both; width: 100%;}
.overview th, .overview td {text-align: left; vertical-align: top}
.overview .amount {padding-right: 6px; text-align: right}
.overview .amount strong {white-space:nowrap}
.overview .quant {text-align: center}

/* bugfix */
#HEADER01N {overflow: hidden} /* issue 1453 */


/* uni-html navigation structure */
.grp_spacing {display: inline-block;}/* set width/height in custom.css */
#nom_search li, #nom_menu li, #main_menu li {list-style: none}
#main_menu .group_list {z-index: 100}

/* uni-html navigation; horizontal*/
.css_horizon {font-size: 0;}/* firefox puts spaces betw spans */ 
.css_horizon .group_container {display: inline-block; vertical-align: top}
.css_horizon h3 {display: inline; position: relative; /*12.1*/ margin: 0; white-space: nowrap;}
.css_horizon .group_list {position: absolute;display: none}
.css_horizon .group_list li {white-space: nowrap}
.css_horizon h3, .css_horizon li {font-size: 9px} /*fs-->custom*/
.css_horizon h3 a {background-repeat: repeat-x; display: inline-block; text-decoration: none; line-height: 11px}/*lh-->custom*/
.css_horizon h3 a:hover {background-repeat: repeat-x}
.css_horizon .grp_spacing {background-repeat: no-repeat; display: inline-block}

/* idee ?
.group_list li a {background-image: url(/images/icon_list.gif);}
*/
.css_vertica {font-size: 0;}/* ie8 puts spaces betw comments */ 
.css_vertica br {display: none;}
.css_vertica h3 {margin: 0;}
.css_vertica .item {padding: 0}
.css_vertica .group_container, .css_vertica h3 a {display: block}
.css_vertica .group_container h3 {}
.css_vertica .group_list {display: none}
.css_vertica .grp_spacing {display: none;}

#INFOPR21CRF .set select {width: 98%}
#INFOPR21CRF .set #imageContainer {margin-bottom: 3px;height:88px; text-align:center}
#INFOPR21CRF .set #imageContainer img {max-width:98%;max-height:88px}
#INFOPR21CRF .set input.text_search {width: 112px}

/*#context: product categories; wrapped listing*/
#context .group_container .group_list {/*position: absolute*/}
#context .group_container {display: inline-block; vertical-align: top;}/* set width in custom.css */
#context .group_container h3 {display: inline; position: relative; /*12.1*/ margin: 0;}
#context .group_container .group_list {display: auto}

#EO2 #preloader_cnt {left: 96px; top: 128px}
#E25 #preloader_cnt {left: 344px; top: 240px}
#preloader_cnt img {margin-right: 6px; vertical-align:top}
#E25 #preload_cmp {text-align: left;}

#E25 #INFOPR3QCK .list_status {margin: 3px 12px}
#E25 #INFOPR3QCK .list_attr {float: right; margin: 3px 6px}
#E25 #INFOPR3QCK .list_self {float: none;}
#E25 #INFOPR3QCK .list_self a {display: inline}

/* styles for print and print-preview */
body.preview {background: #fff !important; margin: 0 !important; width: auto !important}
.preview #page, .preview #main, .preview #context {float: none !important; margin: 0 0 6px 0 !important; width: auto !important; height: auto !important}
.preview #page_opening,.preview #page_closure {display: none}
.preview * {position: static !important; background: #fff !important; color: #000 !important}
.preview .item_top {border-top: 1px dotted #777}
.preview .item_bottom {border-bottom: 1px dotted #777}
.preview .item_top .row1 td {border-top: 1px dotted #777}
/*.preview .item_top tbody td {padding: 3px;} ?*/
.preview .tab_links td {padding-right: 12px; vertical-align: top}
.preview .tab_links {width: 100%}
.preview .tab_links .data_tab {margin-bottom: 12px}
@media print {
	.preview .tools {display: none}
}

span.hilite {white-space: nowrap}
#main_image {cursor: pointer}

#prod_preview {padding-top: 3px}
.readState .mk_read, .unReadState .mk_unread {display: none}
.message_text {margin-top: 3px}

#nav_lan {position: absolute;right: 0;}
#nav_lan a {font-size: 0;}
#nav_lan a span {font-size: 0; visibility: hidden;}
#nav_lan a img {vertical-align: middle;}

/*promoties*/
.promo {overflow:hidden; overflow-x:hidden; overflow-y:hidden;}
* html .promo {width: 100% /*ie6*/}
table.item {padding: 0; background-color: transparent}
.promo th {padding: 0}
.promo a {text-decoration: none}
.prm_title a:hover span, .prm_detail a:hover span, .prm_desc a:hover span {text-decoration: underline}
.prm_title {padding: 0; text-align: center; vertical-align: top; font-weight:bolder}
.prm_detail,.prm_banner {text-align: center; vertical-align: top}
.prm_price {padding: 2px; text-align: left; vertical-align: bottom; font-weight:bolder}
.prm_attrib {padding: 2px; text-align: right; vertical-align: bottom}
.prm_wide td {text-align: left; vertical-align: top}
.prm_wide td.prm_img {padding-right: 4px; vertical-align:middle}
.prm_detail span {display: inline-block; width: 100%; overflow: hidden}
.prd_simple span {display:inline-block}
.prm_top th,.prm_bottom th,.prm_junct th{font-size:1px;line-height:1px}
/*labels*/
.prm_detail a, .prm_simple a {position: relative; display: inline-block; vertical-align: top}
.prm_lbl {position: absolute; right: 0; top: 0; display: none}
.prm_attrib img.product_label {max-height: 50px; max-width: 50px; height: auto; width: auto}
/*bewegen*/
div.promo {position: relative; white-space: nowrap}
.promo_slide_box {position: relative; overflow:hidden; overflow-x:hidden; overflow-y:hidden}
.promo .item * {white-space: normal}
.promo .prm_carrousel, .promo .prm_random {position: relative;}
#main .prm_carrousel, #main .prm_random, #context .prm_carrousel, #context .prm_random {display: inline-table}
#main .promo table, #context .promo table {_display: inline-block}/*ie6*/
#main .promo table.prm_table, #context .promo table.prm_table {*display: inline}/*ie7 2x*/

/*
.prm_tall .prm_title
.prm_tall .prm_detail
.prm_tall .prm_price  --  .prm_tall .prm_attrib

.prm_wide .prm_img  --  .prm_wide .prm_title
                    --  .prm_wide .prm_desc
                    --  .prm_wide .prm_price

.prm_simple .prd_simple
*/

a.showhide_link {display: none}