#header
{ 
    clear: both;   
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;    
    z-index: 500;
}

/*
--------------------------
---- Top menu section ----
--------------------------
*/
/*
    Class is used exclusively in IE6 
    to overlap the comboboxes by 2nd level menu 
    because of the specificity of combobox control used by IE6.
    In IE6 the <iframe/> tag is used as the underlayer for <ul /> based menu
*/
.menu_iframe
{
    position: absolute;
    left: -2px;
    top: 0px;
    z-index: -1;
    filter: mask(); 
	width: 15.5em;
}

#main_menu 
{
	background: url(../images/header/menu_background.gif) repeat-x 0px 0px; 
	float: left; 
	width: 100%;
}

#header_navigation 
{    
    height: 32px;    
	margin-left: 8px;	
	float: left;
}

#nav, #nav ul, 
#quick_links, #quick_links ul,
#help
{
	padding: 0px; 
	font-weight: bold; 
	font-size: 11px; 
	background: #adb7bc; 
	float: left; 
	margin: 5px 0;
	text-transform: uppercase; 
	list-style: none
}

#nav, #quick_links, #help
{
	white-space: nowrap;
}

#nav a, #quick_links a, #help a
{
	display: block; 
	cursor: pointer; 
	cursor: hand;
	color: #555; 
	font-family: arial; 
	text-decoration: none;
	padding: 0.45em 0.75em 0.40em 0.75em
}

#nav li, #quick_links li
{
	padding: 0px; 
	float: left; 
	white-space: nowrap
}

#nav li ul, #quick_links li ul
{
	border: #bcc6cb 2px solid; 
	font-weight: normal; 
	z-index: 500; 
	background: #d1d9dd; 
	left: -999em; 
	margin: 0px; 
	text-transform: none; 
	width: 15.4em;
	/* 
        Hack for IE6
        Used to correct the specificity of sizes calculation 
        of page box controls by IE6. Sets the width of 2nd level dropdown menu
        Overrides the previous width declaration. Ignored by other browsers
    */	
	w\idth: 14.9em; 
	position: absolute;
	height: auto; 
	text-align: left
}

#nav li li,
#quick_links li li
{
	width: 14.9em;
	z-index: 500;
}

#nav li ul a,
#quick_links li ul a 
{
	width: 14em;
	/* 
        Hack for IE6
        Used to correct the specificity of sizes calculation 
        of page elements by IE6. Stretches the <a /> tag representing the menu item
        by the width of <li /> container.
        Ignored by other browsers
    */
	w\idth: 13.7em;
	font-weight: normal;
}

#quick_links li ul
{
    float: left;
}

#nav li:hover ul, 
#nav li.sfhover ul,
#quick_links li:hover ul,
#quick_links li.sfhover ul
{
	left: auto;		
	z-index: 500;
}

#quick_links li:hover ul,
#quick_links li.sfhover ul
{
    right: 10px;
}

#nav li:hover, 
#nav li.sfhover,
#quick_links li:hover,
#quick_links li.sfhover,
#help a:hover,
#help.sfhover
{
	background: #BCC6CB;
	z-index: 500;
}

#menu_front
{
    background: #fff url(../images/header/menu_front.gif) no-repeat scroll 0 0;
    float: left;
    height: 32px;
    width: 8px;   
}

#menu_end
{
    background: #fff url(../images/header/menu_end.gif) no-repeat scroll right center;
    float: right;
    height: 32px;
    width: 10px;   
}

#help, #quick_links
{
    float: right
}

/* --- End --- */

/*
--------------------------
--- Strip menu section ---
--------------------------
*/
#strip_menu, .outer_strip_menu
{
    float: left;
    width: 100%;
    height: 32px;
    /* 
        IE6 height fix 
        IE6 incorrectly draws the thin line under the 1st level menu out of the menu control
    */    
    overflow: hidden;
    background: #d6dadc url(../images/header/strip_background.gif) repeat-x scroll 0 0; 
}

#strip, .inner_strip_menu
{
	float: left;
	z-index: 100;
	height: 32px;
	width: auto;	
}

#strip ul, .inner_strip_menu ul
{
	background: #d6dadc;
	list-style: none;
	margin: 5px;
	padding: 0;
	float: left;
	z-index: 100;			
}

#strip a, .inner_strip_menu a
{
	display: block;
	border-width: 0px;
	color: #555555;
	text-decoration: none;
	padding: 4px 10px;
	cursor: pointer;
	cursor: hand;
}

#strip a.selected, .inner_strip_menu a.selected
{
    font-weight: bold;
}

#strip li, .inner_strip_menu li
{
	float: left;
	position: relative;
	background: #d6dadc;
	z-index: 100;
	white-space: nowrap;	
}

#strip li div.delimiter, .inner_strip_menu li div.delimiter
{
    margin-top: 6px;
    background-color: #777;
    width: 1px;
    height: 10px;
}

#strip li img, .inner_strip_menu li img
{
    margin-top: 6px;
}

#strip_front, .front_strip_menu
{
    background: #FFFFFF url(../images/header/strip_front.gif) no-repeat scroll 0 0;
    height: 32px;
    width: 8px;    
    float: left;
    /*
        IE6 block position fix
        IE6 inserts the white space of 3px wide. Can be corrected by negative margins 
    */
    margin-right: -3px;
}

#strip_end, .end_strip_menu
{
    float: right;
    position: relative;
    background: #FFFFFF url(../images/header/strip_end.gif) no-repeat scroll right center;
    height: 32px;
    width: 10px;
}
/* --- End --- */

/*
--------------------------
----- Banner section -----
--------------------------
*/
#banner
{
    clear: both;               
    position: relative;
    text-align: center;
    width: 100%;
}

/* --- End --- */

/*
--------------------------
------ Logo section ------
--------------------------
*/
#logo
{
    float: left;
    height: 54px;
    width: 224px;   
}

#logo img
{
    position: relative;
    top: -10px;
    border: none;
}
/* --- End --- */

#title
{
	margin-left: 240px;
	color:#444444;
	font-size: 14px;
	font-weight:bold;
}

/*
    Position fix for IE6
    Used to fix the title (wholesaler name) position on European page
*/
* html #title
{
    margin-left: 10px;
    float: left;
}

/* Menu node separator*/

.menuGroupSeparator
{
    border-bottom-color: #ADB7BC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* End menu node separator*/