/* BEGIN: Root-level Menu ================== */
.mainmenu{
	float:left
}

.mainmenu > li{
	position:relative;
	float:left;
	padding:0 4px 0 5px;
	background:url(/img/bg-nav-separator.png) no-repeat left 6px
}

.mainmenu > li.first-child{
    background:none;
    padding-left:0 !important
}

.mainmenu > li.last-item{
    padding-right:0 !important
}

.mainmenu > li > a{
	display: block;
	float:left;
	width:auto;
	padding: 4px 5px 5px;
	color: #979595;
	text-decoration: none;
	text-transform:uppercase;
	font-style:normal;
	font-weight:bold;
	font-size:11px;
	font-family:arial, Helvetica, sans-serif;
	cursor:pointer;
	position:relative
}

.mainmenu > li.first-child > a{
	border:0
}

.mainmenu > li > a:hover, .mainmenu > li > a:focus, .mainmenu > li > a.highlighted, .mainmenu > li > a.highlighted:hover, .mainmenu > li.mainmenuselected > a{
	color:#fefffe;
	background:url(/img/bg-nav-hover.png) repeat-x
}

.mainmenu > li > a .subind {
	float:right;
    width:8px;
    height:12px;
    margin-left:6px;
    background-image:url(/img/subind-arrows.png);
    background-position:0 5px
}

.mainmenu > li > a:hover .subind, .mainmenu > li > a:focus .subind, .mainmenu > li > a.highlighted .subind, .mainmenu > li > a.highlighted:hover .subind, .mainmenu > li.mainmenuselected > a .subind{
    background-position:0 -19px
}
/* END: Root-level Menu ================== */


/* BEGIN: 1st level submenus ================== */
.mainmenu > li > ul{
	position: absolute;
	top: 1.8em;
	left: 5px;
	width: 240px;
	display:none;
	padding:5px 0;
	background:#2b2d35;
}

.mainmenu > li > ul > li{
	position: relative
}

.mainmenu > li > ul > li.first-child > a{
	border:0
}
/* BEGIN: 1st level submenus ================== */



/* BEGIN: 2nd, 3rd etc. level submenus ================== */
.mainmenu ul ul{
	position: absolute;
	top: .2em;
	left: 238px;
	width: 160px;
	display:none;
	background:#2b2d35;
}

.mainmenu ul ul li.first-child > a{
	border:0
}
/* BEGIN: 2nd, 3rd etc. level submenus ================== */



/* BEGIN: All submenus ================== */
.mainmenu ul li a{
	display:block;
	padding:9px 10px 10px;
	text-decoration:none;
	text-transform:uppercase;
	font-style:normal;
	font-weight:bold;
	font-size:11px;
	font-family:arial, sans-serif;
	color:#fefffe
}

.mainmenu ul a:hover, .mainmenu ul a:focus, .mainmenu ul a.highlighted, .mainmenu ul a.highlighted:hover{
    color:#2b2d35;
	background:#8D92A0
}

.mainmenu ul .subind {
	float: right;
	margin:3px 0 0
}
/* END: All submenus ================== */