/****************************************************
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 */
#topMenu li
{
	float: left;
	position: relative;
}

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

/* Set the properties for distinct LI classes */
#topMenu li.first
{
	padding-left: 12px;
}

#topMenu li.noBackground
{
	background: none;
}

#topMenu li.last
{
	padding-right: 12px;
}

#topMenu li.rightAlign
{
	float: right;
}

#topMenu li.checkoutLink
{
}

#topMenu 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: 175px;
}

/* Submenu LI */
#topMenu ul li
{
	width: 100%;
	text-align: left;
    background-image:url(../statimages/submenu_transparent.png) !important;
    background-color:transparent;
    height:30px;
    line-height:30px;
    padding:2px 5px;
}

/* 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: 50px;
	z-index: 99;
}

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

ul#topMenu li li:hover ul, ul#topMenu li li.topMenuHover ul
{
	left: 184px;
	top: 0;
    background-image:none !important;
    background-color:red;
}

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



#topMenu
{
	width: 920px;
	padding-left: 0px;
	padding-right: 0px;
	height: 50px;
	background: white url(../statimages/nav_menu.gif) no-repeat top left;
}

#topMenu li
{

 height:50px;
display:block;
line-height: 31px;
}

#menu1 {
    width:153px;
}

#menu2 {
    width:153px;
}

#menu3 {
    width:153px;
}

#menu4 {
    width:153px;
}

#menu5 {
    width:153px;
}

#menu6 {
    width:155px;
}

#menu1 a:hover {
	background:url(../statimages/nav_menu.gif) no-repeat 0px -50px;
}

#menu2 a:hover {
	background:url(../statimages/nav_menu.gif) no-repeat -153px -50px;
}

#menu3 a:hover {
 	background:url(../statimages/nav_menu.gif) no-repeat -306px -50px;
}

#menu4 a:hover {
	background:url(../statimages/nav_menu.gif) no-repeat -459px -50px;
}

#menu5 a:hover {
	background:url(../statimages/nav_menu.gif) no-repeat -612px -50px;
}

#menu6 a:hover {
	background:url(../statimages/nav_menu.gif) no-repeat -765px -50px;
}

#topMenu a
{
    display:block;
    height:50px;
line-height: 31px;
}

#topMenu a, #topMenu a:visited
{
	color: #fff;
}

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

#topMenu ul a:hover
{
    background-image:none !important;
}