/*
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;
	line-height: normal;
}

#listMenuRoot {
	background: #d8d8d8 url(../images/nav-lvl1-end.gif) no-repeat right 0px;
	padding-right: 2px;
}

#listMenuRoot ul {
	background: none;
	padding: 0px;
}

/*global*/
#listMenuRoot a {
	display: block;
	text-decoration: none;
	cursor: pointer !important;
}

/*first level*/
#listMenuRoot li {
	float: left;
	padding: 0;
	margin: 0;
}

#listMenuRoot li a {
	line-height: 9px;
	font-size: 12px;
	padding: 18px 15px 18px 17px;
	color: #505050;
}

/*second level and deeper*/
#listMenuRoot li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 230px;
	margin: 0 0 0 1px;
	font-size: 11px;
	border-bottom: 4px solid #bc2f2f;
}
#listMenuRoot li li {
	width: 230px;
	margin-left: 0px;
}

#listMenuRoot li ul a {
	width: 200px;
	line-height: 30px;
	padding:0px 15px;
	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: #d8d8d8 url(../images/nav-lvl1-sprite.gif) left 0px;
}
#listMenuRoot li:hover, #listMenuRoot li.sfhover { /*first level bg while on hover*/
	background: #a81c1c url(../images/nav-lvl1-sprite.gif) left -45px;
}
#listMenuRoot li:hover a, #listMenuRoot li.sfhover a, #listMenuRoot ul.currentpage li a {
	color: #fff;
}

#listMenuRoot li.currentpage { /*first level current page bg*/
	background: #fafafa url(../images/nav-lvl1-sprite.gif) left -90px;
}
#listMenuRoot li.currentpage:hover { /*first level current page bg*/
	background: #a81c1c url(../images/nav-lvl1-sprite.gif) left -45px;
}

#listMenuRoot ul li { /*dropdown bg*/
	background: #FFF url(../images/nav-lvl2-sprite.gif) 0px 0px repeat-x;
}
#listMenuRoot ul li:hover, #listMenuRoot ul li.sfhover { /*dropdown bg while on hover*/
	background: #bcb7a8 url(../images/nav-lvl2-sprite.gif) 0px -30px repeat-x;
}



/*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;  
}  