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

/*********************************
**   STRUCTUUR  27 juni 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}

/* blokelementen en basis klasses */
.item, .layer, .section {clear: both;}
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 */
ol, ul {_width: expression(parentNode.clientWidth > 350 ? "348px" : "auto");}
p {max-width: 384px}
ol, ul {max-width: 348px; 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%}
pre {display: inline}

/* regelelementen */
a img {border: 0 none;}
a {cursor: pointer; display: inline-block; text-decoration: underline; vertical-align:top;}
table {padding: 0}
/*#E25 th, #E25 td {text-align: left; vertical-align: top}*/

/* 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 3px 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; display: block; padding-top: 1px}
/* 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_flex, .button_option, .button_order, .button_end, .button_text {background-repeat: no-repeat; padding: 0; display: inline-block;}
.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}/*_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}
.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}
.view 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 {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; 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");}
#product_constants {width: 190px; text-align: left; padding: 0 12px; float: left}
#product_vars {width: 150px; text-align: right; float: left}
#product_ctrls {text-align: right; padding: 6px 0 0 12px; width: 352px; 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_rrp td {text-decoration: line-through}
#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 0} /* eigenschap eerst alleen bij list_item, bij het importeren van sheet kreeg table geen padding meer  */
.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 */
/* data groups ("rows" when content floats) */
.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_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, .total_brief {display: inline-block; float: none; vertical-align: top; margin-right: 6px}
/* floating tabular */
.total_whole {margin-right: 6px}
.total_half, .total_twothird, .total_third, .total_quarter, .total_fifth, .total_sixth, .total_seventh {float: left; margin-right: 6px} 
.total_whole {width: 564px} /* (588-24-(0*6))/1 */
.total_half {width: 279px} /* (588-24-(1*6))/2 */
.total_third {width: 184px} /* (588-24-(2*6))/3 */
.total_quarter {width: 136px} /* (588-24-(3*6))/4 */
.total_sixth {width: 89px} /* (588-24-(5*6))/6 */
.total_seventh {width: 13%; margin-right: 2px; white-space: nowrap; overflow: hidden; text-align: center}
.iframe .total_whole {width: 99%} .iframe .total_half {width: 49%} .iframe .total_twothird {width: 65%} .iframe .total_third {width: 32%} .iframe .total_quarter {width: 24%} .iframe .total_fifth {width: 19%} .iframe .total_sixth {width: 16%} .iframe .total_seventh {width: 13%}
.config .total_whole {width: 99%} .config .total_half {width: 49%} .config .total_twothird {width: 65%} .config .total_third {width: 32%} .config .total_quarter {width: 24%} .config .total_fifth {width: 19%} .config .total_sixth {width: 16%} .config .total_seventh {width: 13%}
.layer .total_whole {width: 98%} .layer .total_half {width: 48%} .layer .total_twothird {width: 65%} .layer .total_third {width: 32%} .layer .total_quarter {width: 24%} .layer .total_fifth {width: 19%} .layer .total_sixth {width: 16%} .layer .total_seventh {width: 13%}
.total_amount {width: 96px; text-align: right} /* voor bedragen */
.total_symbol {width: 12px}
.total_brief {width: 36px}
.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_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: 6px -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 */

body.order #adressing .total_descr, .order #cost_center .total_descr {width: 19%}
body.order #adressing .total_adress, body.order #cost_center .total_text, #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 {float: left; width: 180px; margin-right: 6px; padding: 0} /* inputs 4 minder breed v.w. border */
input.total_sixth {float: left; width: 85px; margin-right: 6px; padding: 0}
input.total_half {float: left; width: 272px; 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;}

/* allerlei absoluut gepositioneerde lagen, steeds 1,5x breder */
.array {width: 160px}
.dialog {width: 224px}
.control {width: 348px}
.message {width: 512px}
.panel {width: 768px}

.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 th, #comparison td.cmp_col {vertical-align: top}
#comparison th {text-align: left}
#comparison td.cmp_col {padding-left: 9px}
#comparison .list_error {float: none}
.layer table.list_quantity {float: left}
.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 div.total_seventh {width: 26px; margin: 0 1px}
#calendar_layer .script_link img {margin: 0 2px}
#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} /*comparison, text must break for remove icon */
.group_container h3 a, .group_container ul a{text-decoration: none}
.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: left;float: right; margin: 0 3px}
.list_link {float: left; margin: 0 3px}
.text_link {float: left;float: none; margin: 0 3px}
.main_link {display: block}/*
.total_whole .text_link {width: 546px}
.total_half .text_link {width: 261px}
.total_third .text_link {width: 166px}
.total_quarter .text_link {width: 118px}*/
#PURSHT01 .total_whole .text_link {width: 456px} /* 90 smaller voor ikonen en extra scheiding */
#PURSHT01 .total_half .text_link {width: 189px} /* 72 smaller */
#PURSHT01 .total_third .text_link {width: 102px} /* 64 smaller */
#PURSHT01 .total_quarter .text_link {width: 72px} /* 46 smaller (minimaal) */
#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 .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}

/* 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; margin: 0;}
.css_horizon .group_list {display: none}
.css_horizon .group_list {position: absolute}
.css_horizon .group_list li {white-space: nowrap}
.css_horizon h3, .css_horizon li {font-size: 9px}
.css_horizon h3 a {background-repeat: repeat-x; display: inline-block; text-decoration: none; line-height: 11px}
.css_horizon h3 a:hover {background-repeat: repeat-x}
.css_horizon .grp_spacing {background-repeat: no-repeat; height: 15px; width: 1px}

/*.css_vertica */

/*#menu: header; horizontal
#main_menu .group_list {position: absolute}
#main_menu .group_list li {white-space: nowrap}
#main_menu .group_container {display: inline-block; vertical-align: top}
#main_menu h3 {display: inline; position: relative; margin: 0;}
#main_menu .group_list {display: none}
#main_menu h3, #main_menu li {font: 9px Verdana, sans-serif;}
#main_menu {
	background:url(/images/bg_nav.gif) repeat-x; 
	font-size: 0;
}
#main_menu h3 a {background: url(/images/bg_navItem.gif) repeat-x; padding: 1px 25px 3px 25px; display: inline-block; color: #fff; text-decoration: none; line-height: 11px}
#main_menu h3 a:hover {background: url(/images/bg_nav2.gif) repeat-x; color: #000}
#main_menu .grp_spacing {background: url(/images/stripe_nav.gif) no-repeat; height: 15px; width: 1px}
*/

/*#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; 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 {margin: 0 !important; width: auto !important}
.preview #page, .preview #main, .preview #context {float: none !important; margin: 0 0 8px 0 !important; width: auto !important}
.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 .tab_links td {padding-right: 12px; vertical-align: top}
.preview .tab_links {width: 100%}
.preview .tab_links .data_tab {margin-bottom: 12px}
#panel iframe.tab_txt {display: block !important; height: 500px}
@media print {
	.preview .tools {display: none}
}

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