/************ GENERAL HEADER MENU STYLES **************************************/
/*                                                                            */
/*  These set the styles that are common to all lists  in the menu, headings  */
/*  and sub-menus included. Styles specifically for the dropdowns and the     */
/*  headings are further down the file                                        */
/*                                                                            */
/******************************************************************************/

#navTop ul li {
	display:inline;
	padding:0 5px;
	border-left:1px solid #fff;
}
#navTop ul li.first	{
	display:		inline;
	padding:		0;
	border-left: 	0 solid #fff;
}
#navTop ul li a, #navTop ul li a:visited {color:#ffffff;}
#navTop ul li a:hover	{color:#cccccc;text-decoration:none;}

/* Stops menus freezing in Explorer 7 (I for one welcome our new Microsoft Overlords...) */
#navTop li:hover, #navTop li.sfhover {position:static;}


/*********** NAVHOME STYLES ***************************************************/
/*                                                                            */
/*  These set the styles for the navhome menu                                 */
/*                                                                            */
/******************************************************************************/

#navHome, #navHome ul { /* ALL MENUS IN THE NAVHOME MENU */
	padding: 0;
	margin: 0;
	list-style: none;
}
#navHome { /* NAVHOME MENU */
	margin:0;
	width:auto;
	line-height:12px;
	height:12px;
	color:#FFF;
	padding:4px 0 5px 5px;
}
#navHome a { /* ALL LINKS IN THE NAVHOME MENU */
	display: block;
	width: 170px;
	padding:0;
	color:#FFF;
	text-decoration:none;
}
#navHome a:hover {  /* ALL LINKS IN THE NAVHOME MENU */
	text-decoration:none;
	color:#FFF000;
}
#navHome li { /* ALL LIST ITEMS IN THE NAVHOME MENU */
	float: left;
	width: 170px; /* width needed or else Opera goes nuts */
	height:18px;
	line-height:18px;
}
#navHome li ul { /* DROPDOWN MENUS ONLY */
	position: absolute;
	background-color:#BE2A40;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid #000;
	z-index:100;
}
#navHome li ul li { /* ALL LIST ITEMS IN THE NAVHOME MENU */
	border-width:0px;
}

/* MAKES HOVERS WORK */

#navHome li:hover ul ul, #navHome li:hover ul ul ul, #navHome li.sfhover ul ul, #navHome li.sfhover ul ul ul {
	left: -999em;
}
#navHome li:hover ul, #navHome li li:hover ul, #navHome li li li:hover ul, #navHome li.sfhover ul, #navHome li li.sfhover ul, #navHome li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*********** NAVCHECKOUT STYLES ***********************************************/
/*                                                                            */
/*  These set the styles for the navcheckout menu                             */
/*                                                                            */
/******************************************************************************/

#navCheckout {
	display:inline;
	float:right;
	margin:0;
	line-height:21px;
	height:21px;
	text-align:	right;
	color:#FFF;
	padding:0 0 0 5px;
}
#navCheckout form {display:inline;}


/*********** TOP LEVEL STYLES *************************************************/
/*                                                                            */
/*  This stuff makes the top level links on the navhome menu look different   */
/*  to the submenus. If you want to change the look of the links in the main  */
/*  navbar, this is the place                                                 */
/*                                                                            */
/******************************************************************************/

#navHome li.top
 {
	width:auto !important;
	padding:0;
	border-left:1px solid #FFF;
	border-bottom:0px;
	height:12px;
	line-height:12px;
} 
#navHome li.first
{
	border-width:0;
} 
#navHome li.top a.top {
	display:block;
	width:auto !important;
	padding:0 5px;
	color:#FFF;
}
#navHome li.top a.top:hover {color:#FFF000;}