.mainNav{
	height:20px;
	z-order: 100;
}

.mainNav{ 
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	position:relative;
	width:500px;
}

/* Main bar Sub */
.mainNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position:absolute;
	background: #e7e7e7;
	top:20px;
	left: 0px;	
	width:135px;
	border:1px solid #806c53;
	
}

.mainNav li{
	position:relative;
	padding: 0;
	background: #e7e7e7;
	float:left;
}

.mainNav li a{
	display:block;
	padding:0;
	line-height:20px;
	color:#333;
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	background: #e7e7e7;
}



/* Main bar hover */
.mainNav li a.hover, .mainNav li a:hover{
	color:#333;
}

/* First level has children */
.mainNav a.hasChildren{
	text-decoration:none;
}

/* First level */
.mainNav ul li{
	width:125px;
	padding:0;
	border:0;
}

.mainNav ul li a{
	display:block;
	line-height:18px;
	}

/* Nth level */
.mainNav ul li ul{
	left:125px;
	top:0px;
}

.mainNav ul li ul a{
	line-height:14px;
}

/* Nth level has children */
.mainNav ul a.hasChildren{
	text-decoration:none;
	background:#FFF url('admin/img/nav-arrow.png') no-repeat center right;
}


/* Nth level link */
.mainNav ul a{	
	display:block;
	width:100%;
	background: #e7e7e7;
	color:#333;
	cursor:pointer;
	border:0;
	font-size:11px;
	text-decoration:none;
}

/* Nth level hover has children */
.mainNav ul a.hasChildren:hover,
.mainNav ul a.hasChildren.hover{
	background:#e2dad1 url('admin/img/nav-arrow-on.png') no-repeat center right;
	color: #333;
	text-decoration:none;
}

/* Nth level hover */
.mainNav ul a:hover,
.mainNav ul a.hover{
	background:#a3aebe;
	color: #333;
	text-decoration:none;
}