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

/***************************
**   CLASSIC STYLE MODEL  **  
***************************/

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

/********************
**   PAGE CLASSES  **  
********************/

html, #EO2 body {margin: 0 !important; /*overflow-x: hidden*/}
#E25 body {margin:0 auto; background-position: 0px 118px;}
#page_opening, #page_closure {position: fixed; _position: absolute;} 

/**********************
**   BASIC ELEMENTS  **  
***********************/

/* company imagery, webshop settings */
#main {position: absolute; left: 0; top: 0; width: 1024px !important; height: 118px; background-color: #fff; z-index: 25}
#main_image{position: absolute; left: 8px; top: 8px; width:830px; height:83px; background: transparent url(/images/header.gif) no-repeat scroll 0 0;}
#main_menu {position: absolute; left: 0; top: 97px; width: 960px !important /* 952*/;
	background:url(/images/bg_nav.gif) repeat-x; padding-left: 40px; margin: 0 8px; height: 15px;
	font-size: 0; /* firefox renders spaces between spans */ /* uit structure */
}

#main #login {position: static !important; left: 0 !important; top: 0 !important; width: auto !important;} /* tijdelijk/decl uit custom halen */
#main #login_greet {padding: 1px 3px 6px 3px; display:block}
#main #login_greet span {display:inline-block}
#main #login_interact {float:right;padding:3px;display:inline-block;text-align:right}
#main #login_logo {float:left;padding:3px;}

/*#menu: header; horizontal*/
#main_menu .group_container {display: inline-block; vertical-align: top}
#main_menu h3 {display: inline; position: relative; margin: 0; white-space: nowrap /* ie8 #mm (w:auto) */}
#main_menu h3 a {background: url(/images/bg_navItem.gif) repeat-x; display: inline-block; text-decoration: none;}
#main_menu h3 a:hover {background: url(/images/bg_nav2.gif) repeat-x}#main_menu h3, #main_menu li {font: 9px Verdana, sans-serif;}
#main_menu .group_list {position: absolute; background: #fff url(/images/bg_navlist2.gif) repeat-x bottom left; min-width: 160px;display: none}
#main_menu .group_list li {background: url(/images/bg_navlist.gif) repeat-x top left; white-space: nowrap}
#main_menu .group_list li:hover {background: url(/images/bg_navlist3.gif) repeat-x top left}
#main_menu .group_list li a {background-image: url(/images/icon_list.gif);}
#main_menu .group_list {display: none}
#main_menu .grp_spacing {background: url(/images/stripe_nav.gif) no-repeat; height: 15px; width: 1px}


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

/* search, producttree */
#names {position: absolute; left: 12px; top: 130px; width: 231px; z-index: 12}
/*#names: nomenclature; vertical*/
#nom_menu br {display: none;}
#nom_menu h3 {margin: 0;}
#nom_menu .item {padding: 0}
#nom_menu .group_container, #names h3 a {display: block}
#nom_menu .group_container h3 {background: url(/images/section_closed.gif) no-repeat scroll 96% 50%; }
#nom_menu .group_container h3.selected {background:#F4C700 url(/images/section_open.gif) no-repeat scroll 96% 50%;}
/*#nom_menu .group_list {display: none} -> css vertic */

#nom_menu .grp_spacing {display: none}


/* page purpose */
#EO2 #ORDER04N #context {left: 249px} /* oud maatwerk */
#E25 #context {position: absolute; left: 249px; top: 130px; width: 588px; z-index: 10}
#EO2 #context {position: absolute; left: 0; top: 15px; width: 588px}
#EO2 .config #context {width: 735px} /*infodb3 in eo2*/
/*#context: product categories; wrapped listing*/
#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_list {display: auto}


/* basket, important parameters, promotions */
#E25 #options {position: absolute; left: 843px; top: 130px; width: 148px; z-index: 10}
#EO2 #options {position: absolute; left: 596px; top: 15px; width: 141px}


/* static tagline, sponsor messages */ 
#page_closure {left: 0; bottom: 0; /*width: 1024px*/}


/*************************
**   MOVEABLE ELEMENTS  **  
*************************/

#newLoginBox {position:absolute; left: 844px; top: 8px; width: 148px /*148*/; height: 83px; margin: 0; padding: 0}
 
/***********************
**   PAGE DEVIATIONS  **  
***********************/

#LOGINB2B #context .text_input, #LOGINB2C #context .text_input {width: 320px}


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