@charset "utf-8";

@import url("/css0/font-awesome.min.css");

/* CSS Document */

/************************************
**   STRUCTUUR  16 april 2012   **
************************************/

/*  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  */

/* 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}
caption {text-align: left; font-weight: bold;}
/* 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}
.address_block span, .address_block strong, .total_adress  span, .total_adress strong.text_input {display: block; padding: 0}

/* regelelementen */
a img, map img {border: 0 none; text-decoration: none !important}
a {cursor: pointer; text-decoration: underline; display: inline-block}
a.script_link, a.script_link *, a.icon_link, a.icon_link * {display: inline-block;vertical-align: baseline;*vertical-align: middle} /* pagineren */

/* 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: 2px}
input {*margin: auto} /*ie7 was !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 {width: 16px}
.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}
#address_dialog input.text_input {width: 256px;}

/* CONSTRUCTIES */
#page {margin:0 auto;position: relative; z-index:0}

/* 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 #invoice_block.total_half {margin-right: 0}

.island {margin: 6px; padding: 9px}
.island .island {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0}

/* 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)}

.button_flex, .button_order, .button_option {margin: 1px} /*n*/


/*  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: left; vertical-align: top}
.data_tab_vertical th {font-weight: bold; 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 div a {float: none}
.script_link, .script_link * {text-decoration: none; white-space:nowrap;margin: 0 3px}
.script_link span * {display: inline !important; margin: 0 !important}

.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 */

/* 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}
.layer .tab_txt .item {margin: 0}
.layer .tab_txt .item {margin: 0}
#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, #product_media, #prod_preview {min-height: 16px; padding-bottom: 6px}
#product_brand_tall {padding-top: 6px; text-align: left}
#product_image {/*width: 200px; */width: 38%; text-align: right; float: left}
#product_image .product_img {max-width: 200px} /* laat alt van missend plaatje de opmaak niet ver****en */
#product_image a {text-decoration: none}
.product_thumbnail {width: 80px}
#product_image .product_thumbnail, .intro .product_thumbnail {width: 48px}

#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 */
}

/*	Premium offered label */
.product_label.premiumLbl_label, .premiumLbl_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 #related .quant {width: auto; float: left; margin: 4px -8px 4px 0;} /* -8 vw. verplaasting elementen */
#options .promo .quant {width: auto; float: left; margin: 0 -8px 0 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: 98%;} /* product container */
#INFOPR3 .list_item, #ORDER03 .list_item {width: 100%;} /* product container */
.list_item th, .list_item td {padding: 6px 3px}
.list_item th, .list_item .list_img {width: 20px}
#ORDER03PRT .list_item th.thumbnail {width: 150px;}
.list_item th a, .list_item .list_img a {padding-right: 6px; vertical-align: top; width: 86px;} /* switchable image container */
.list_item .total_descr {width: auto}
.list_general, .list_store {margin-bottom: 10px}
.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 {clear: both}
.list_expected, .list_bestbefore {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 {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;}
label.TtlMemo {display: block;}
.list_item div.list_price {
	float: right;
	margin: 15px 9px 0px 9px;
	width: 104px;
}
#INFOPR3QCK .list_item div.list_price {
	float: left;
	margin: 0 10px 0px 0px;
	width: 135px;
}
#INFOPR3QCK .list_item div.price_desc {
	float: left;
	width: 80px;
}
#INFOPR3QCK .list_item div.price {
	float: left;
	width: 55px;
}
#ORDER03 .list_purchase {
  display: block;
  /*float: right;*/
}
#ORDER03 .list_item table.list_price {float: left;min-width:140px;}
#ORDER03PRT .list_item table.list_price {float: left; margin: 0 9px; min-width:96px;}
table.list_price td {text-align: left; padding: 1px}
table.list_price td.hilite>span {display: block; width: 45px; float: right;margin-right: 15px;}
table.list_price th {width: 55px; padding: 0px 5px 0px 0px;}
.list_price strong {float: right}
.list_item div.list_quantity, .list_item table.list_quantity {float: left; margin-left: 6px; min-width: 48px;	max-width: 76px; overflow-x: hidden;}
#INFOPR3QCK .list_item div.list_quantity, .list_item table.list_quantity {
	float: left;
	margin: 0px 10px 0px 0px;
	min-width: 48px;
	max-width: 76px;
	overflow-x: hidden;
}
#INFOPR3 .list_item table.list_quantity {
	float: right;
}
#ORDER03PRT .list_item table.list_quantity {float: left; margin: 0px 15px 0px 6px; min-width: 48px; max-width: 76px; overflow-x: hidden}
#options .list_item table.list_quantity {float: left;}
table.list_quantity {width: auto !important}
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}
.ctrl a.quant_more, .ctrl a.quant_less {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: 116px} /* lang woord moet passen */
div.tax_label {float: left;	width: 35px;}
#ORDER03PRT div.tax_label {float: left; width: 39px;}
div.tax_currency {float: left; width: 10px;}
#ORDER03PRT div.tax_currency {float: left; width: auto;}
div.tax_amount {float: left; width: 51px;}
#ORDER03PRT div.tax_amount {float: left; width: 70px;}
div.tax_icon {float: left; width: 15px; padding: 0px 0px 0px 5px;}
span.amount {display: inline-block;  margin-right: 6px; position: relative;}/*Remove width: 50px;*/
div.list_order div.prod_total {padding-right: 5px;}
#ORDER03PRT div.list_order div.prod_total {padding: 0px 0px 0px 38px;}
body.order .list_order {padding-top: 15px;}
#ORDER03PRT .list_order {float: right; padding-top: 15px; margin: 0px 0px 0px 10px;}
br.list_price_quant, br.list_price_amount, br.list_price_quant {display: none} /* breaks */
.list_more div.list_order {padding: 6px 0}
.list_purchase div.list_order { float: left;margin-top: 3px}
/* data details */
.list_line {display: inline-block;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: 1px; font-size: 1px}
#cnt_totals.item {
  margin: 0 0 0 12px;
  padding: 13px 16px 13px 13px;
  width: 537px;
}
#ORDER03 #cnt_totals.item {
	display: block;
	float: none;
  margin: 0px;
  padding: 10px 20px 10px 10px;
  width: auto !important;
}
#ORDER03PRT #cnt_totals.item {margin: 0 0 0 320px; padding: 13px 0px 13px 13px; width: auto !important;}
#ORDER03PRT #cnt_totals.item .island {margin: 0px; 	padding: 0px;}


/* 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_short, .total_currency, .total_amount, .total_date {display: inline-block; float: none; vertical-align: top; margin-right: 6px}

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

.total_amount {width: 96px;} /* voor bedragen */
#ORDER03PRT .total_amount {width: 92px; margin: 0px;}
.total_currency {width: 36px; text-align: right} /* voor valuta */
.total_symbol {width: 9px; } /* +-!* */
.total_brief {width: 36px} /* radios, chkbxs, two icons, three catipals */ 
.total_brief .icon_link {float: none} 
.total_short {width: 70px}
.total_descr {width: 128px}
.total_date {width: 192px}
.total_detail {width: 256px}
.total_adress {width: 256px}
.total_message {width: 320px}
#cnt_totals .total_descr {width: 384px}
#ORDER03PRT #cnt_totals .total_descr {width: auto;}
#cnt_shares .total_descr {width: 160px}
#cnt_totals .total_descr, #cnt_shares .total_descr {float: left}
#cnt_totals .total_amount, #cnt_shares .total_amount {float: right}
#cnt_shares .total_item {font-style: italic; margin-left: 40%}
body.order .total_symbol:before {content: '\001f'} /*  ff toont geen lege float, spatie ervoor */
.total_text {padding-top: 4px;} /* 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 {padding-top: 3px; margin-top: 3px;} 
#INFOOR4 .total_sum {padding-top: 3px; margin-top: 3px;} 
/* 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 span.total_amount, div.total_item span.total_adress,
div.total_item strong.total_descr, div.total_item strong.total_symbol, div.total_item strong.total_brief, .total_item .total_short, div.total_item strong.total_detail, .total_item .total_currency, div.total_item strong.total_amount {padding-top: 4px;} /* omschrijvingen op zelfde basislijn als invoervelden */

#ORDER04 #cost_center .total_descr {width: 96px}
#INFOOR4 .total_adress {width: 28%; width: 56% /*vw printpag is  smaller*/}
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_method .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}
body.order #closure .total_twothird {margin: 6px 0 6px 40%; text-align: left}
#ORDER10 #cnt_core .text_input {margin-right: 1%;}
#ORDER10 #cnt_core .total_half.text_input {width: 43%;}
#ORDER10 #cnt_core .total_sixth.text_input {width: 12%;}
#ORDER10 #cnt_core .total_third.text_input {width: 29%;}

.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: bold*/}
.tottax .hilite {cursor: help;}
.inactive, .lolite {filter: alpha(opacity=33); opacity: 0.33}
.active a {text-decoration: none}
.detail {font-size: 80%; font-weight: normal}
#basket .detail {font-weight: bold}
.aligning_input {width: 1px; visibility: hidden}
.alert, .alert a {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 geen z-index, ze staan achteraan in de html */
.layer {position:absolute;/*z-index: 25*/}
.array {width: 160px}
.dialog {width: 225px}
.control {width: 348px}
.message {width: 512px}
.panel {left: -384px; margin-left: 50%; top: 128px; /*z-index:75; */width: 768px}
.panel .intro h2 {}
.layer iframe.tab_txt {display: block !important; margin: 0 auto} 
.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: 1px; line-height: 1px}
.section .section, .item form.item {background: none !important; border: none !important; height: auto !important; margin: 0 !important; padding: 0 !important}

#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}

#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: 99%; 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}
#orderHistory td.alert {text-align: left}
#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 {display: inline-block}

/* 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}/* breedte nieuw */
.group_container ul, ul.group_list {text-align: left; padding: 1px 0 2px 0; margin: 0; list-style: none; max-width: 100%; _width: 100%/*was auto ie8*/}
#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 {width: 130px }


.iFrameHolder {width: 528px; overflow-x: hidden; margin-top: 6px}
.iFrameHolder iframe {width: 536px;}
.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  */
.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 {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;padding: 0 3px}
.overview .currency, .data_tab .currency {padding-right: 3px;}
.overview .amount, .data_tab .amount {padding-right: 6px; text-align: right; white-space: nowrap}
.overview .amount strong, .data_tab .amount strong {white-space:nowrap}
.overview .quant, .data_tab .quant {text-align: center}

#INFOOR4 .quant {text-align: left;}

#saveMoreScale td.amount {padding-left: 6px}
/*#scan_overview*/
#scan_overview .overview tbody th {width: 20px}
.overview tbody th {white-space: nowrap;}
.overview .act {vertical-align:middle}
.overview .product_thumbnail {width: 30px; height: auto; margin: 3px}
.overview .list_quantity {margin: 0 auto} 

/* 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: 1px}/* firefox puts spaces betw spans */ 
.css_horizon span.group_container, .css_horizon div.group_container {display: inline-block; vertical-align: top}
.css_horizon h3 {display: inline; position: relative; margin: 0; white-space: nowrap;}
#page .css_horizon .group_list {position: absolute;display: none}
#page .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: 1px}/* 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 {display: inline-block; vertical-align: top}/* width: 100%?? set width in custom.css */
#E25 #context .group_container {display: block; /* om b.v. dingen te kunnen centreren - onderbrengen bij .css_matrix *//*width: 100% is niet goed als er paading en border is*/ }
#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 {float: left; margin: 3px 0px;}
#E25 #INFOPR3QCK .list_attr {float: right; margin: 3px 6px}
#E25 #INFOPR3QCK .list_self {float: left; margin: 0px 10px 0px 0px; width: 320px;}
#E25 #INFOPR3QCK .list_self a {/*display: inline; was voor stock enq weg voor zoeken in omschrijving*/}
#INFOPR3PR .barcode {text-align: center; vertical-align: middle}

/* styles for print and print-preview */
body.preview {background: #fff !important; margin: 0 !important; width: auto !important}
body#INFOOR4.preview {background: #fff !important; margin: 0 !important; padding: 15px; width: auto !important}
.preview #page, .preview #main, .preview #context {float: none !important; border: 0 none !important; margin: 0 0 6px 0 !important; padding: 0 !important; width: auto !important; height: auto !important}
.preview #page_opening,.preview #page_closure {display: none}
.preview * {position: static !important;}
/*.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}
}
@media screen {
	#INFOPR4_HR #main, #INFOPR4_HR h2, #INFOPR4_HR strong {display: none !important}
}
#INFOPR4_HR .core {text-align: center}

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: 1px;}
#nav_lan a span {font-size: 1px;visibility:hidden}
#nav_lan a img {vertical-align: middle;}

.prod_from {text-decoration: line-through}

#INFOOR4 .item.item_top.priceTable {
  /*border-top: 1px solid #999999;*/
  float: right;
  padding: 4px;
}
#INFOOR4 .amount.priceTag:last-child {
  text-align: right;
  width: 75px;
}
#INFOOR4 #cnt_totals .total_amount {
  padding: 0 0 0 3px;
  width: 81px;
}

/*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}
.promo table table {display: inline-table}/* qty */
.prm_table {table-layout:fixed}/* gelijke boxjes */
/*opmaak*/
.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:bold}
.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_tall .prm_thumblink {display:block}
.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}
/*achtergrond*/
.prm_top .prm_left{background-position:left top;background-repeat: no-repeat}
.prm_top .prm_cont{background-position:center top;background-repeat: repeat-x}
.prm_top .prm_space{background-position:center top;background-repeat: repeat-x}
.prm_top .prm_right{background-position:right top;background-repeat: no-repeat}
.prm_middle .prm_slice1 .prm_left{background-position:left top;background-repeat: repeat-y}
.prm_middle .prm_slice1 td{background-position:center top;background-repeat: repeat}
.prm_middle .prm_slice1 .prm_space{background-position:center top;background-repeat: repeat-y}
.prm_middle .prm_slice1 .prm_right{background-position:right top;background-repeat: repeat-y}
.prm_middle .prm_slice2 .prm_left{background-position:left center;background-repeat: repeat-y}
.prm_middle .prm_slice2 td{background-position:center center;background-repeat: repeat}
.prm_middle .prm_slice2 .prm_space{background-position:center center;background-repeat: repeat-y}
.prm_middle .prm_slice2 .prm_right{background-position:right center;background-repeat: repeat-y}
.prm_middle .prm_slice3 .prm_left{background-position:left bottom;background-repeat: repeat-y}
.prm_middle .prm_slice3 td{background-position:center bottom;background-repeat: repeat}
.prm_middle .prm_slice3 .prm_space{background-position:center bottom;background-repeat: repeat-y}
.prm_middle .prm_slice3 .prm_right{background-position:right bottom;background-repeat: repeat-y}
.prm_junct .prm_left{background-position:left top;background-repeat: no-repeat}
.prm_junct .prm_cont{background-position:center top;background-repeat: repeat-x}
.prm_junct .prm_space{background-position:center top;background-repeat: repeat-x}
.prm_junct .prm_right{background-position:right top;background-repeat: no-repeat}
.prm_bottom .prm_left{background-position:left bottom;background-repeat: no-repeat}
.prm_bottom .prm_cont{background-position:center bottom;background-repeat: repeat-x}
.prm_bottom .prm_space{background-position:center bottom;background-repeat: repeat-x}
.prm_bottom .prm_right{background-position:right bottom;background-repeat: no-repeat}
#main .prm_slider .prm_top .prm_left, #context .prm_slider .prm_top .prm_left{background-position:right top}
#main .prm_slider .prm_top .prm_right, #context .prm_slider .prm_top .prm_right{background-position:left top}
#main .prm_slider .prm_middle .prm_slice1 .prm_right, #context .prm_slider .prm_middle .prm_slice1 .prm_left{background-position:right top}
#main .prm_slider .prm_middle .prm_slice1 .prm_right, #context .prm_slider .prm_middle .prm_slice1 .prm_right{background-position:left top}
#main .prm_slider .prm_middle .prm_slice2 .prm_right, #context .prm_slider .prm_middle .prm_slice2 .prm_left{background-position:right center}
#main .prm_slider .prm_middle .prm_slice2 .prm_right, #context .prm_slider .prm_middle .prm_slice2 .prm_right{background-position:left center}
#main .prm_slider .prm_middle .prm_slice3 .prm_right, #context .prm_slider .prm_middle .prm_slice3 .prm_left{background-position:right bottom}
#main .prm_slider .prm_middle .prm_slice3 .prm_right, #context .prm_slider .prm_middle .prm_slice3 .prm_right{background-position:left bottom}
#main .prm_slider .prm_bottom .prm_left, #context .prm_slider .prm_bottom .prm_left{background-position:right bottom}
#main .prm_slider .prm_bottom .prm_right, #context .prm_slider .prm_bottom .prm_right{background-position:left bottom}
#main .prm_slider .prm_left, #context .prm_slider .prm_left, #main .prm_slider .prm_right, #context .prm_slider .prm_right{width:40px !important}
#names .prm_slider .prm_top .prm_left, #options .prm_slider .prm_top .prm_left {background-position:left bottom}
#names .prm_slider .prm_top .prm_cont, #options .prm_slider .prm_top .prm_cont {background-position:center bottom}
#names .prm_slider .prm_top .prm_right, #options .prm_slider .prm_top .prm_right {background-position:right bottom}
#names .prm_slider .prm_bottom .prm_left, #options .prm_slider .prm_bottom .prm_left {background-position:left top}
#names .prm_slider .prm_bottom .prm_cont, #options .prm_slider .prm_bottom .prm_cont {background-position:center top}
#names .prm_slider .prm_bottom .prm_right, #options .prm_slider .prm_bottom .prm_right {background-position:right top}
/*labels*/
.prm_detail a, tbody .prm_simple a {position: relative; display: 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*/
.promo {position: relative; white-space: nowrap}
.promo_slide_box {position: relative; overflow:hidden; overflow-x:hidden; overflow-y:hidden}
.promo .item * {white-space: normal}
.prm_carrousel, .prm_random, .prm_slider {position: relative;}
.prm_stock {visibility: hidden}
#names .prm_stock, #options .prm_stock {position: absolute}
#main .prm_carrousel, #main .prm_random, #main .prm_slider, #context .prm_carrousel, #context .prm_random, #context .prm_slider {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*/

#search_suggestions, #crf_search_suggestions, #crf_advanced_suggestions {position: absolute; z-index: 150; border: 1px solid #999; background: #fff;padding:3px}
#crf_search_suggestions {width: 92%}
#crf_advanced_suggestions {width: 42%}
#crf_search_suggestions em strong, #crf_advanced_suggestions em strong {float: none;}
#search_suggestions .script_link, #crf_search_suggestions .script_link, #crf_advanced_suggestions .script_link {display: block}
#search_separator, #crf_search_separator {border-style: solid; border-width: 1px 0 0 0; border-color: #999 #fff #fff #fff;height:0; margin: 3px}
#search_thumb, #crf_search_thumb {position:absolute; margin: -20px 3px 0 0; border: 1px solid #999; background: #fff;padding: 2px; z-index: 175}

/* 2nd level */
#names .group_nodes h4 a {padding-left: 10%}
#names .group_nodes h4 h4 {padding-left: 12%; font-weight: normal}
#names .group_nodes li a {padding-left: 15%}

.search_table {display:block; width: 100%}
.search_table th {width: 95%}.search_table td {text-align:right}
#nom_search .search_table input.text_search {width: 95%}

#filters .group_container {margin-bottom: 1em}
#context #filters .group_list {height: 112px}
#filters .group_list {max-height: 112px; overflow: auto}
#filters .group_list label {white-space: normal}

#filters #slider-price-range {top: 2.5em; height: 1em}
#filters #slider-price-range {border-radius: 0; border: 0; background-color: #eee; border-top: 1px solid #777; border-bottom: 1px solid #777}
#filters #slider-price-range div {border-radius: 0; border: 0; background-color: #ddd}
#filters #slider-price-range a {text-decoration: none; height: 1em; width: 1em; top: 0; margin: 0 -0.9em 0 -0.6em; border: 0; background: transparent}
#anchor_slide_min {text-align: left; }
#anchor_slide_max {text-align: right}
#text_slide_min, #text_slide_max {position: absolute; font-size: 9px; border-radius: 0.33em; padding: 0 0.33em 0.1em; background-color: #222; color: #fff}
#text_slide_min {top: -0.8em; left: 0}
#text_slide_max {top: 0.8em; right: 0}
#filters #slider-price-min {}
#filters #slider-price-max {margin-top: 3em}


#page_closure {width: 100%}
#main #main_footer {display: none}
#main_footer {table-layout: fixed;margin: 0 auto; padding: 3px 6px; background: #fff}/* width of #page in custom */
#main_footer td {padding: 0 3px; vertical-align: top}
/*acc*/
#main_footer {width:996px;}
/*acc*/

/* IKEA
.list_grid:hover {overflow: visible;overflow-y: visible;}
.list_grid:hover .group_container {position: relative;z-index: 100;}
.list_grid .group_list {display:none;}
.list_grid:hover .group_list {display:block;}
.list_grid {min-height: 20px;overflow: hidden;overflow-y: hidden;} */
/* naar supplier
.list_grid {border-right: 1px dotted #ddd}
.list_grid:nth-child(4n+2) {border-right: none}
*/
.list_grid {margin:0 0 0 1%; padding: 0 1% 0 0}
.list_grid .group_container {min-height: 185px; margin-bottom: 6px;padding: 3px}
.layer .list_grid .group_container {min-height: 0;}
.list_grid .group_container h3 {display: block !important; height: 133px}
.list_grid .group_container h3 a {display: block; text-align: center; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/}

.list_grid .group_container h3 a.thumbnail_container {height: 75px}
/*
.list_grid .group_container h3 a.thumbnail_container img {height: auto}
*/
.list_grid .group_list {float: none !important;clear: both}
.list_grid div.list_status {float: none; clear: both; height: 30px; margin:0}
.list_grid .rating, .list_grid .list_icons {float: right;}
.list_grid .rating {clear: right}
.list_grid .list_price caption {white-space: nowrap}
.list_grid table.list_price th {text-align: left}
.list_grid .list_quantity {padding-top: 0}
.list_grid div.list_self {height: 86px}
.list_grid div.list_self, .list_grid div.list_code {margin:0;float:none}
.list_grid .list_line {display: block; clear: both;}
.list_grid div.list_attr, .list_grid .list_quantity {float: left; margin: 0}
.list_grid div.list_order {float: none; text-align: right; height: 44px}
.list_grid .list_order .button_order {float: right;}
.list_grid .list_price, .list_grid .list_quantity, .list_grid div.list_order {margin: 0; width: auto;}
.product_label {vertical-align:middle}
.list_grid .list_attr img {height: 20px; max-width: 20px; width: 20px;}
.float_end.item_bottom {width: 100%;}
.list_mixmatch_grid div {width: auto; position: static}

.brand_level {margin: 15px 0;}
.brand_level span a {float: right; padding-right:5px;}

/* back to top variant met image */
.scrollup{width:40px;	height:40px; text-indent:-9999px;	opacity:0.3; position:fixed; bottom:50px;	right:100px; display:none; background: url('/images/icon_top.png') no-repeat;}
/* back to top variant textlink */
#toTop {width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; /* this is the magic */
        bottom:30px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#333; font-family:verdana; font-size:11px; opacity: 0.6;}

/***** avalara validate address *****/
.validate {margin-left:150px;}
#valAddr {display:none; position:absolute; min-width:350px; left:280px; top:150px; padding: 10px;}

/***** AVALARA TAX *****/
#dettax {clear: both; display: none; left: 580px; margin: 30px 0 0; padding: 5px; position: absolute; width: 200px; z-index: 9999999 !important;}
.dettax_descr {display: inline-block; width: 130px; padding: 0px 5px 0px 0px;}
.dettax_curr {display: inline-block; width: 10px; padding: 0px 5px 0px 0px;}
.dettax_ammnt {display: inline-block; width: 40px; text-align: right;}
.prdDescr > th {padding: 6px 0px 6px 0px;}
#ORDER03PRT .currency {float: left;}
#INFOOR4 .currency {float: left; padding-right: 3px;}
#ORDER03PRT .amount {float: left; margin: 0; padding: 0; }/*Remove width: 70px;*/
#INFOOR4 div.amount {float: left; margin: 0; padding: 0; text-align: right;}/*Remove width: 55px;*/
#INFOOR4 .Pricetag {float: left; margin: 0; padding: 0; width: auto !important;}

/** SUPPLIES WIZARD **/
#context #cnt_intro #sppl_slct {margin: 0px 0px 20px 0px;}
#context #cnt_intro #sppl_slct #tab_txt_search.tab_txt, #context #cnt_intro #sppl_slct #tab_txt_my_supplies.tab_txt {padding: 15px 10px 15px 15px;}
/* #INFOPR21CRF #cnt_intro table.search_table {width: 521px; margin: 0 0 0px !important; padding: 8px 10px  6px 10px !important;} */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#cnt_intro table.search_table {
 	width: 501px;
 	}
}
#cnt_intro table.search_table th {width: 95%}
#cnt_intro table.search_table th input.text_search{width:465px}
#cnt_intro #crf_refine table.search_table th input.text_search{width:190px}
#cnt_intro #crf_refine table.search_table {width: 245px; margin: 0 0 0px !important; /*padding: 8px 10px  6px 10px !important; */}
#crf_refine #crf_advanced_suggestions {margin: -6px 0 0 10px; padding: 15px; width: 42%;}
#crf_refine #crf_advanced_suggestions a.script_link {padding: 5px 5px 0px 5px;}
#crf_refine #crf_advanced_suggestions a.script_link em {padding: 5px 0px 0px 0px;}
/* #context #cnt_intro #sppl_slct #crf_button_search.button_flex, #context #cnt_intro #sppl_slct #crf_button_search.button_flex .button_end {height: 18px; margin: -1px 0px 0px 0px !important; padding: 1px 0px 0px 0px !important;} */
#context #cnt_intro #sppl_slct #crf_search_suggestions {width: 511px; margin: -3px 0px 0px 0px; padding: 5px; position: absolute; z-index: 150;}
#crf_search_suggestions a.script_link {padding: 5px 5px 0px 5px;}
.script_link > img {margin: 0px 0px 0px 0px;}
#ajprdlist form h2.showType {cursor: pointer; width: 384px; margin: 0px; padding: 3px 10px 3px 35px; float: left;}
#ajprdlist form h2.hideType {cursor: pointer;	width: 384px; margin: 0px; padding: 3px 10px 3px 35px; float: left;}
#ajprdlist form .deviceGroup h2.showType {cursor: pointer; width: 384px; margin: 0px; padding: 3px 10px 3px 35px; float: left;}
#ajprdlist form a.type_link {float: left; height: 24px; margin: 0px; padding: 3px 5px 3px 0px;}
#ajprdlist form a.type_link>span {float: left; padding: 5px 0px 0px 5px;}
#ajprdlist form a.type_link>img {clear: both; padding: 2px 0px 0px 5px;}
.deviceGroup .list_item {clear: both;}
#tab_txt_my_supplies ul.list_supplies li.my_supply {margin: 0 0 5px !important;}
#tab_txt_my_supplies ul.list_supplies li.my_supply div.logo_brand {float: left; display: block; width: 50px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px;}
#tab_txt_my_supplies ul.list_supplies li.my_supply div.logo_brand img {max-width: 50px;}
#tab_txt_my_supplies ul.list_supplies li.my_supply div.text_supply {float: left; display: block; width: 405px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#tab_txt_my_supplies ul.list_supplies li.my_supply div.text_supply p.my_supply_txt {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#tab_txt_my_supplies ul.list_supplies li.my_supply div.tool_supply {float: left; display: block; width: 30px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#INFOPR21CRF #context #cnt_intro #sppl_slct #tab_txt_advanced_search #tab_txt_advanced_search_panel {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#INFOPR21CRF #context #cnt_intro #sppl_slct #tab_txt_advanced_search .total_matrix {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#INFOPR21CRF #context #cnt_intro #sppl_slct #tab_txt_advanced_search .total_half {margin: 10px 10px 0px 10px; padding: 0px 0px 0px 0px; width: 242px;}
#INFOPR21CRF #context #cnt_intro #sppl_slct #tab_txt_advanced_search .total_half select {width: 100% !important;}
#INFOPR21CRF #context #cnt_intro #sppl_slct #tab_txt_advanced_search .total_half .total_item select {margin: 0px 0px 9px 0px;}
#INFOPR21CRF #context #cnt_intro #sppl_slct #tab_txt_advanced_search .total_half #crf_refine {padding-top: 0px;}
#context #cnt_tools,#cnt_view{float:none;}
#context #cnt_tools #toolbar_left {
	float: left;
	width: 200px;
	padding: 10px;
}
.tab_txt_description_container, .tab_txt_product_info_container, #tab_txt_related_items .list_item {float: none; display: block; margin: 0 0 5px !important; padding: 10px !important;}
#tab_txt_product_info table th .product_label_container {padding: 0px 10px 0px 0px;}
#INFOPR4 .list_supplies li a {display: block; margin: 0 0 5px !important; padding: 10px !important; outline: none;}
.deviceGroup {margin: 0px 0px 10px 0px;}

.list_supplies {padding-left: 0;}
.my_supply {list-style:none; margin: 5px;}
.my_supply_txt {padding-left: 15px;}
#INFOPR21CRF .total_half {width: 250px;}
#INFOPR21CRF #crf_refine {padding-top: 20px;}
#INFOPR21CRF .cnt_intro input.text_search, #INFOPR21CRF .set input.text_search {width: 98%;}
#INFOPR4 .list_supplies li {list-style: none;}
#crf_search_suggestions {width: 52%}
.collapse {float:right;}
#INFOPR3 .list_price .prod_nett td.hilite {vertical-align: top;width: 75px;}

/** 13.4 **/
/** BUDGET FORM WIZARD **/

#budgetform #form-intro .toolbar {
	display: block;
	text-align: right;
	margin: 0px 0px 20px 0px;
}
#budgetform #form-intro .toolbar a.btn-relations {
	display: inline-block;
	margin: 0px;
	padding: 3px;
	overflow: auto;
	cursor: pointer;
}
#budgetform #form-intro .toolbar a.btn-relations img {
	float: left;
	margin: 0px 5px 0px 0px;
}
#budgetform #form-item {
	display: block;
	margin: 0px 0px 10px 0px;
}
#budgetform #form-item .form-descr {
	display: inline-block;
	float: left;
	width: 175px;
}
#budgetform #form-item .form-symbol {
	display: inline-block;
	width: 20px;
	text-align: right;
}
#budgetform #form-item .form-field {
	display: inline-block;
}
#budgetform .form-button {
	display: inline-block;
	margin: 0px;
	padding: 3px 15px 3px 15px;
	overflow: auto;
	cursor: pointer;
}
#budgetform .text_10 {
	width: 75px;
}
#budgetform .text_15 {
	width: 110px;
}
#budgetform .text_30 {
	width: 220px;
}

/** END BUDGET FORM WIZARD **/

/** Add Structure 2 Assortment **/
#page_breadcrumbs ul {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);display: inline-block;}
#page_breadcrumbs a {display: inline-block;}
#page_breadcrumbs ul ul {z-index:55;}

/** Search Filter **/
#filtersearch {
  height: 40px;
}
#filtersearch .text_input.text_search {
	position: absolute;
	width: 138px;
	height: 15px;
}
#filtersearch img {
  margin-left: 142px;
}
.clear_search_cnt {
  background-image: url("/images/reset-input.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 10px;
  margin: -15px 0 0 130px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 10px;
}

/* NEW JSON PROMOTIIONS FEB 2014 */
.inner {
	padding: 5%;
}
.ProdContainer a {
	margin: 0;
	padding: 0;
	outline: none;
}
.ProdLabel {
  float: left;
  padding-left: 5px;
}
.ProdLabel img {
  max-width: 30px;
}

/**** VERTICAL ****/
.ProdContainer.Vertical {
	display: block;
	padding: 0;
}
.ProdContainer.Vertical .PromTitle {
	height: 25px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.ProdContainer.Vertical .PromTitle h4 {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.ProdContainer.Vertical .ProdThumb {
	margin: auto;
	padding: 0;
	width: 70%;
}
.ProdContainer.Vertical .ProdThumb img {
	/* height: 98%; */
	margin: auto;
}
.ProdContainer.Vertical .ProdDescShrt {
	height: 40px;
	overflow: hidden;
	padding: 10px 0 0 0;
}
.ProdContainer.Vertical .ProdCode{
	height: 15px;
	overflow: hidden;
	padding: 10px 0 0 0;
}
.ProdContainer.Vertical .ProdPack{
	height: 15px;
	overflow: hidden;
	padding: 0 0 10px 0;
}
.ProdContainer.Vertical .ProdPrice {
	height: 15px;
	text-align: right;
	padding: 0 0 5px 0;
}
.ProdContainer.Vertical .ProdPriceLev {
	height: 15px;
	text-align: right;
	padding: 0 0 5px 0;
}
.ProdContainer.Vertical .ProdPriceAdv {
	height: 25px;
	padding: 0 0 5px 0;
}
.ProdQuant {
	padding: 10px 0 0 0;
}
#quantity {
	width: 30px;
}
.ProdContainer.Vertical .ProdIcons {
	padding: 8px 0;
}
.ProdContainer.Vertical .ProdIcons img {
	float: left;
	margin: 0 3px 0 0;
}
.ProdContainer.Vertical .SliderButton {
	float: right;
	display: block;
	height: 24px;	
	margin: 10px;
	padding: 0 10px;
}
/**** END VERTICAL ****/

/**** HORIZONTAL ****/
.ProdContainer.Horizontal {
	display: block;
}
.ProdContainer.Horizontal .ProdWrapper {
	padding: 3%;
}
.ProdContainer.Horizontal .PromTitle {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
}
.ProdContainer.Horizontal .PromTitle h4 {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.ProdContainer.Horizontal .ProdThumb {
	float: left;
	width: 40%;
	height: 100px;
}
.ProdContainer.Horizontal .ProdThumb .container {
	padding: 2%;
	margin: 0 5% 0 0;
}
.ProdContainer.Horizontal .ProdThumb img {
	border: 0px;
	width: 98%; 
	margin: auto;
}
.ProdContainer.Horizontal .ProdInfo {
	float: left;
	width: 60%;
	min-height: 100px;
}
.ProdContainer.Horizontal .ProdDescShrt {
  height: 40px;
  overflow: hidden;
}
.ProdContainer.Horizontal .ProdPrice {
	margin: 10px 0 10px 0;
}
.ProdContainer.Horizontal .ProdPriceLev {
	margin: 10px 0 10px 0;
}
.ProdContainer.Horizontal .ProdPriceAdv {
	margin: 10px 0 10px 0;
}
.ProdContainer.Horizontal .ProdIcons {
	float: left;
	margin: 8px 0 0 0;
}
.ProdContainer.Horizontal .ProdIcons img {
	float: left;
	margin: 0 3px 0 0;
}
.ProdContainer.Horizontal .SliderButton {
	float: right;
	display: block;
	height: 24px;	
	margin: 8px 0 0 0;
	padding: 0 10px;
}
/**** END HORIZONTAL ****/

/**** SIMPLE ****/
.ProdContainer.Simple {
	display: block;
}
.ProdContainer.Simple .PromTitle {
	height: 25px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.ProdContainer.Simple .PromTitle h4 {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.ProdContainer.Simple .ProdThumb {
	margin: 0;
	padding: 0;
	width: 70%;
	margin: auto;	
}
.ProdContainer.Simple .ProdThumb img {
	/* height: 98%; */
	margin: auto;
}
.ProdContainer.Simple .ProdDescShrt {
	height: 40px;
	overflow: hidden;
	padding: 10px 0 0 0;
}
.ProdContainer.Simple .ProdPrice {
  margin: 10px 0;
}
/**** END SIMPLE ****/

/**** DIRECTION CONTROLS (NEXT / PREV) *****/
.bx-wrapper .bx-controls-direction a.bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover {
	background-position: -41px 0;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	left: -25px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	right: -16px;
}
/**** DIRECTION CONTROLS (NEXT / PREV) ****/

/**** DIRECTION CONTROLS (UP / DOWN) ****/
#promotion_options_slider .bx-wrapper {
	margin-top: 20px;
}
#promotion_options_slider .bx-wrapper .bx-prev {
	left: 70px !important;
}
#promotion_options_slider .bx-wrapper .bx-next {
	right: 10px !important;
}
#promotion_options_slider .bx-wrapper .bx-prev:hover {
	background-position: 0 -66px;
}
#promotion_options_slider .bx-wrapper .bx-next:hover {
	background-position: -41px -66px;
}
#promotion_options_slider .bx-wrapper .bx-controls-direction a.bx-prev {
	position: absolute;
	top: -20px;
	left:	50%;
	margin: 0px 0px 0px -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
#promotion_options_slider .bx-wrapper .bx-controls-direction a.bx-next {
	position: absolute;
	top: auto;
	bottom: -20px;
	left: 50%;
	margin: 0px 0px 0px -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
/**** END DIRECTION CONTROLS (UP / DOWN) ****/

/**** QUANTITY CONTROL ****/
.list_quantity {float: right; padding: 0 3px !important; max-width: 76px; min-width: 48px; overflow-x: hidden;}
.ctrl {text-align: left; vertical-align: top;}
.ctrl a.quant_more, .ctrl a.quant_less {height: 9px;  display: block;  margin: 0;  padding: 0;}
.ctrl img {	margin: 0;	padding: 0;}
/**** END QUANTITY CONTROL ****/
#form-item-info {margin-bottom: 10px;}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  *margin-right: .3em;
  line-height: 20px;
  vertical-align: text-top;
  background-repeat: no-repeat;
}
.icon-search {background-image: url("/images/icon_search.gif");}
.icon-edit {background-image: url("/images/icon_edit.gif");}
.icon-trash {background-image: url("/images/icon_delete.gif");}

.obligedPayment {display: block; margin-right: 10px;}

/**** EDIT TEMPLATE INPUT[TYPE=NUMBER] ****/
#INFOPR3MUT .list_sequence input {min-width: 46px;}

/**** Standard DeadLines NO Display ****/
div#deadlines {display: none;}

/** Standard Customer Portal -- Context over two columns -- **/
#INQORD1 #context {width:77% !important;}
#INQORD1 #options {width:0 !important; display: none;}
#INQORD1 #cnt_buttons_intro {float: right; margin-top:-15px;}
#INQORD1 .set .view {margin-top: 45px;}
#INQORD1 .total_half .script_link {margin-top: 2px;}
#INQORD1 p {max-width:585px !important;}
#INQORD1 p.help {display:none;}
#INQORD1 .overview tr {line-height: 2em;}
/*#INQORD1 #context .buttons {text-align:left;}*/

/* Product Variations */
#product_variations .total_whole {margin-left: 2%;}
#product_variations #pvrError {display:block}

/* ---Start--- Style dropdown box ---Start--- */

#product_variations {width: 300px;text-align: right;float: right;margin: 40px 8px 0 0;}
.varopt.total_whole {width: 150px;text-align: left;margin: 0 0 6px 88px;}
#product_variations .total_whole label[id*="attribute"] {width: 50px;float: left;margin: 10px 0;text-align: left;}
#product_variations select[id*="soflow"], select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   -moz-appearance: button;
   -moz-border-radius: 2px;
   -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -moz-padding-end: 20px;
   -moz-padding-start: 2px;
   -moz-user-select: none;
   appearance: button;
   border-radius: 2px;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   padding-end: 20px;
   padding-start: 2px;
   user-select: none;
   background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 5px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100px;
   margin: 5px 7px 3px 0;
}

hr.style-one {
    border: 0;
    height: 1px;
	  width: 287px;
	  float: right;
	  margin: -20px 8px 0 0;
    background: #eee;
    background-image: -webkit-linear-gradient(left, #ccc, #eee, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #eee, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #eee, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #eee, #ccc); 
}

/* ---End--- Style dropdown box ---End--- */


/* RZ -- Begin -- Before You Go Page */
/* List_grid total_third */
#INFOB4UG .list_grid {
  border: 1px solid #ededed ! important;
  width: 160px;
  height: 245px;
  margin: 2% 0 0 2% !important;
  padding: 0 2% 0 0 ! important;
  box-shadow: 3px 3px 5px #8c8c8c;
}
#INFOB4UG .list_grid:hover {
  background-color: #d8d8d8;
  cursor: pointer;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}
#INFOB4UG .list_grid div.list_status {height: 0px ! important;}
#INFOB4UG .group_list.list_self {display: none;}
#INFOB4UG #context h3 a {font-size: 11px !important; 	text-align: left !important;}
#INFOB4UG a.button_order.button_flex {margin: 1px -8px 0 0;}
/* list order */
#INFOB4UG div.list_order {margin: 0 auto;	width: 165px !important;}
/* Prijs */
#INFOB4UG .list_grid .list_price {float: right; margin: 4px -3px 2px 2px;}
#INFOB4UG .list_grid div.list_attr {min-height: 45px;}
#INFOB4UG .list_grid .list_quantity {margin: 33px 0 0 0 !important;}
/* Besteld */
#INFOB4UG .list_line {float: left; margin: -60px 0 0 0; font-size: 12px;}
/* additional corrections in firefox */
@-moz-document url-prefix() {
  #INFOB4UG .list_grid{	border: 1px solid #ededed ! important; 	width: 160px; height: 245px; margin: 2% 0 0 2%;	padding: 0 2% 0 0 ! important; box-shadow: 3px 3px 5px #8c8c8c;	}
	#INFOB4UG .list_grid div.list_status {height: 0px ! important;}
	#INFOB4UG .group_list.list_self {display: none;	}
	#INFOB4UG #context h3 a {font-size: 11px !important; text-align: left !important;}
	#INFOB4UG a.button_order.button_flex {margin: 1px -8px 0 0;}
	/* list order */
	#INFOB4UG div.list_order {margin: 0 auto;	width: 165px !important;}
	/* Prijs */
	#INFOB4UG .list_grid .list_price {float: right; width: 100px; margin: -23px -4px 2px 2px}
	#INFOB4UG table.list_price td.hilite > span {margin: 0 0 2 0;}
	#INFOB4UG .list_grid div.list_attr {margin: 34px 0px -30px 6px; min-height: 45px;}
	#INFOB4UG .list_grid .list_quantity {margin: 31px 0 0 0 !important;}
	/* Button */
	#INFOB4UG #product_show .basket_button .button_text, .button_text {margin: 0 0 0 0;}
	/* Besteld */
	#INFOB4UG .list_line {float: left;	margin: -55px 0 0 -3px;	font-size: 12px;}
}
/* RZ -- End -- Before You Go Page */

.purshtTruncated {width: 60%;overflow: hidden;text-overflow: ellipsis;}
.errAjPurSht { color: red;}

/* new improvement 07-07-2015 to add additional classname to the panel */
.new-position-fixed {position: fixed;top: 10% !important;}

/* changes 29-07-2015 */
#parked-orders table {width:100%;}
.text-right {text-align:right !important;}
.text-center{text-align:center !important;}
.collapse {float: none;}
.table-title h1 {position: relative;display: block;margin: 0;font-weight: 400;line-height: 24px;padding: 5px 0;}
.table-title a {line-height: 24px;padding: 5px 0;}

/* changes 06-10-2015 */
body #page #context .intro a[alt="x"] {display:none;}

/* changes 19-02-2016 */
#LOGINB2C #context span.total_text {display: block;}
#LOGINB2C #context .text_input {width: 100%;}

/* changes 26-05-2016 */
.calhigh, .calhigh a { font-weight: bold;  /* color: red;   */   background-color: yellow;}

.product_3Dimg {border:none; overflow:hidden; width: 100% !important;   min-height: 350px;display:none;}	

/*	Compare popup: Add button Hidden	15-05-2017 */
#layer_compare_list #cmp_add_button{ display:none;}

/*	Handling inner table content*/

.text-left{text-align:left;}

.jobInvAddress .total_text.InvPadd{padding-top:0;}
.jobInvAddress .total_text strong{ padding-top:4px; display:block;}

.pointer {cursor: pointer;}
.eci-row{display:inline-block; width:100%; clear:both;}

.table-wrap{}
.table-wrap table { width: 100%;}
.table-wrap table thead{line-height: 2em; vertical-align:top; text-align:left;}
.table-wrap table th{word-break:break-all; white-space:normal; }
.table-wrap table td {line-height:2em;vertical-align: top;white-space:normal;}

.item-link{ width: 100%; display: block; text-decoration: none;}

.overview-header{ padding-bottom:15px;}
.overview-footer{ padding-top:15px;}

/*	Remove space between currency symbol and price */
td.hilite.aps_currencyEL{ text-align:right;}
/*td.aps_currencyEL{ text-align:right;}*/

#INFOPR3 table.list_price td.hilite.aps_currencyEL > span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
#INFOPR3 table.list_price td.hilite.aps_currencyEL > span.aps_amountEL{display: inline; float: none;}

#ORDER03 table.list_price td.hilite > span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
#ORDER03 table.list_price td.hilite > span.aps_amountEL{display: inline; float: none;}

#ORDER04 .data_tab td.aps_currencyEL{ text-align:right;}

#ORDER03PRT table.list_price td.hilite.aps_currencyEL > span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
#ORDER03PRT table.list_price td.hilite.aps_currencyEL > span.aps_amountEL{display: inline; float: none;}

#INFOPR21CRF table.list_price td.hilite.aps_currencyEL >span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
#INFOPR21 table.list_price td.hilite.aps_currencyEL > span.aps_amountEL{display: inline; float: none;}

#ORDER03SWS table.list_price td.hilite.aps_currencyEL > span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
#ORDER03SWS table.list_price td.hilite.aps_currencyEL > span.aps_amountEL{display: inline; float: none;}

#INFOOR4.preview span.amount.aps_amountEL{ width:auto;}
#ORDER04.order span.amount.aps_amountEL{ width:auto;}

#INFOB4UG table.list_price td.hilite.aps_currencyEL > span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
#INFOB4UG table.list_price td.hilite.aps_currencyEL > span.aps_amountEL{display: inline; float: none;}

#E25 table.list_price td.hilite.aps_currencyEL > span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
#E25 table.list_price td.hilite.aps_currencyEL > span.aps_amountEL{display: inline; float: none;}

form[name="plop01"] td.hilite.aps_currencyEL{ text-align:right;}
form[name="plop01"] td.hilite.aps_currencyEL > span.aps_csymbolEL{display: inline; width: auto; float: none; margin-right: initial;}
form[name="plop01"] td.hilite.aps_currencyEL > span.aps_amountEL{display: inline; float: none;}


/*    Generic Styling PORTAL Shops  */
.portal #page #names {width:0 !important;}
.portal #page #context {width:99% !important;}
.portal #page #options {display: block !important;}

.inline-view{ display:inline-block;}

/*	Modern Template - related products styling	18_11_2019	*/
#INFOPR4 .tab_txt .list_item td.list_desc{width:100%;}


/*	display custom text for weighed products	*/
.list_weight{ text-align:left; color: #ff0000; padding-top:3px; padding-bottom:3px; font-size: initial;}


/*	=========	BDM Switch User */
.d-none{display:none;}
.bdm_switchUser_body{}
.bdm_switchUser_body .intro .close{ display:none;}
.bdm_switchUser_body .intro .btn-back{ float:right;}
.bdm_switchUser_body .bdm_accountData{ font-size:12px;}
.bdm_switchUser_body .bdm_searchTool{ padding:5px 0; display:inline-block; width:100%; clear:both;}
.bdm_switchUser_body .bdm_searchTool form{ float:right;}
#panel .bdm_searchTool form *{ margin: 0;}
#panel .bdm_searchTool form .bdmSearch_input{padding:5px; border: 1px solid #ededed; outline: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.bdm_switchUser_body .bdm_searchTool form .btn-submit{float: right;border: none;margin: 0;}
.bdm_switchUser_body .bdm_searchTool form .btn-submit .icon-search{ padding-left:10px; padding-right:10px; background-position:0 5px;}

.bdm_dataTable{ margin-top: 5px; border: none;}
.bdm_dataTable thead th{ background-color: #d8d8d8;}
.bdm_dataTable table th, .bdm_dataTable table td{ padding:5px;}

.bdm_dataTable .custom-btn.bdm_btn{font-size: 14px;}
.bdm_dataTable [class^="icon-"], .bdm_dataTable [class*=" icon-"]{ width:auto; height:auto;}

.layer .bdm_switchUser_body .intro .close{ display:inline-block;}
.layer .bdm_switchUser_body .intro .btn-back{ display:none;}

.feedback { display: block; font-size: 90%; color: #dc3545;}