/****************************************************
Standard menu styling for a jQuery Superfish menu

The first half of this file contains standard
build elements, the second half is for 'skinning'

****************************************************/

/* List elements for the top menu */
#headerMenu ul li
{
	float: left;
	position: relative;
}

/* To fix the IE7 'sticky' bug, we need to set inherited visibility on the hover psuedo-tag */
#headerMenu ul li:hover
{
	visibility: inherit;
}

/* Set the properties for distinct LI classes */
#headerMenu ul li.first
{
	padding-left: 0;
}

#headerMenu ul li.noBackground
{
	border-width:0 !important;
}

#headerMenu ul li.last
{
	padding-right: 0;
}

#headerMenu ul li.rightAlign
{
	float: right;
}

#headerMenu ul li.checkoutLink
{
}

#headerMenu ul a
{
	display: block;
	position: relative;
}

/****************************************************
Submenus are stored in UL elements which are
positioned offscreen when the page loads.

Note: The submenu UL width must match the offset
value of sub-submenus in order for there to be no
overlap.

****************************************************/

/* Submenu UL */
#topMenu ul
{
	position: absolute;
	top: -999em;
	width: 250px;
}

/* Submenu LI */
#topMenu ul li
{
	width: 100%;
	text-align: center;
}

/* When the top li element is hovered over, change the ul
submenu element so that it's on the screen. Matches either on the
:hover psuedo element or jQuery will assign the topNavHover
class on mouse-over */
#topMenu li:hover ul, #topMenu li.topMenuHover ul
{
	top: 31px;
	z-index: 99;
}

ul#topMenu li:hover li ul, ul#topMenu li.topMenuHover li ul
{
	top: -999em;
}

ul#topMenu li li:hover ul, ul#topMenu li li.topMenuHover ul
{
	left: 250px;
	top: 0;
}

ul#topMenu li li:hover li ul, ul#topMenu li li.topMenuHover li ul
{
	top: -999em;
}

ul#topMenu li li li:hover ul, ul#topMenu li li li.topMenuHover ul
{
	left: 250px;
	top: 0;
}

/***************************************************************************************
Start of skinning section
***************************************************************************************/


#headerMenu ul
{
	background-color: transparent;
	height: 12px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}

#headerMenu ul li
{
	line-height:12px;
	border-right:0px solid #000;
}


#headerMenu ul a
{
	padding: 0 0px 0 0px;
}
#headerMenu #topMenu a
{
	padding: 0 20px 0 20px;  /* change width of top links */
}

#headerMenu ul a, #headerMenu ul a:visited
{
	color: #fff;
}

#headerMenu ul a:hover
{
	color: #ff0;
	text-decoration: underline;
}


#topMenu ul
{
	border: 1px solid black;
}


#basketMenu {float:right;}
#headerMenu #basketMenu li {border-right:1px solid #D51C27;}
#topMenu {width:750px;float:left;}



#headerMenu ul#newMainMenu li {
	height:66px;
	line-height:66px;
	font-size:12px;
	padding:0;
	margin:0;
	list-style:none;
}
#headerMenu ul#newMainMenu li a {
	height:66px;
	line-height:66px;
	display:block;
	padding:0 12px;
}