/*
For more info: Son of Suckerfish Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/
*/

#listMenuRoot, #listMenuRoot ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 9999;
	font-weight:bold;
	line-height: normal;
	border-left: 1px solid #464646; text-transform:uppercase;
}

/*global*/
#listMenuRoot a {
	display: block;
	text-decoration: none;
	cursor: pointer !important;
}

/*first level*/
#listMenuRoot li {
	float: left;
	padding: 0;
	margin: 0;
	border-right: 1px solid #464646;
}

#listMenuRoot li a {
	line-height: 9px;
	font-size: 12px;
	padding: 15px 28px 16px 28px;
	color: #FFF; text-shadow:1px 1px 1px #666;
}

/*second level and deeper*/
#listMenuRoot li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 240px;
	margin: 0 0 0 0px;
	border-left: 0px;
	border-bottom: 3px solid #74182e;
}
#listMenuRoot li li {
	width: 240px;
	margin-left: 0px;
	border: 0px;
	border-bottom: 1px solid #9c435d;
}

#listMenuRoot li ul a {
	width: 200px;
	line-height: normal;
	padding:7px 20px;
	font-size: 11px;
	color: #FFF;
}

#listMenuRoot ul a.subind { /*inser submne arrow indicator bg here*/
}

/*third level and deeper*/
#listMenuRoot li ul ul {
	margin: -30px 0 0 180px;
	display: none;
}


/*nav states*/
#listMenuRoot li { /*first level bg*/
	background: #7c2139 url(../images/nav-lvl1-sprite.gif) left 0px repeat-x;
}
#listMenuRoot li:hover, #listMenuRoot li.sfhover { /*first level bg while on hover*/
	background: #90334d url(../images/nav-lvl1-sprite.gif) left -40px;
}
#listMenuRoot li:hover a, #listMenuRoot li.sfhover a, #listMenuRoot ul.currentpage li a {
	color: #fff;
}

#listMenuRoot li.currentpage { /*first level current page bg*/
	background: #000000 url(../images/nav-lvl1-sprite.gif) left -80px;
}
#listMenuRoot li.currentpage:hover { /*first level current page bg*/
	background: #000000 url(../images/nav-lvl1-sprite.gif) left -40px;
}
#listMenuRoot li.currentpage a {
	color: #000000;	
}
#listMenuRoot li.currentpage:hover a, #listMenuRoot li.currentpage a:hover {
	color: #fff;	
}

#listMenuRoot ul li { /*dropdown bg*/
	background: #8f324c;
}
#listMenuRoot ul li:hover, #listMenuRoot ul li.sfhover { /*dropdown bg while on hover*/
	background: #74182e;
}


/*For three level of dropdowns*/
#listMenuRoot li:hover ul ul, #listMenuRoot li:hover ul ul ul, #listMenuRoot li.sfhover ul ul, #listMenuRoot li.sfhover ul ul ul {
	left: -999em;
}
#listMenuRoot li:hover ul, #listMenuRoot li li:hover ul, #listMenuRoot li li li:hover ul, #listMenuRoot li.sfhover ul, #listMenuRoot li li.sfhover ul, #listMenuRoot li li li.sfhover ul {
	left: auto;
}

/*For four level of dropdowns*/
#listMenuRoot li:hover ul ul, #listMenuRoot li:hover ul ul ul, #listMenuRoot li:hover ul ul ul ul, #listMenuRoot li.sfhover ul ul, #listMenuRoot li.sfhover ul ul ul, #listMenuRoot li.sfhover ul ul ul ul {
	left: -999em;
}

#listMenuRoot li:hover ul, #listMenuRoot li li:hover ul, #listMenuRoot li li li:hover ul, #listMenuRoot li li li li:hover ul, #listMenuRoot li.sfhover ul, #listMenuRoot li li.sfhover ul, #listMenuRoot li li li.sfhover ul, #listMenuRoot li li li li.sfhover ul {
	left: auto;
}

/*fix for IE7*/
#listMenuRoot li:hover, #listMenuRoot li.hover {  
     position: static;  
}