.header-nav-container {}
#nav {}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {
	position: relative;
	text-align: left;
	margin-right: 5px;
}

#nav li.over {
	z-index: 999;
}

#nav a, #nav a:hover, #nav a:active, #nav a:focus {
	display: block;
	text-decoration: none;
}

#nav span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
}

#nav li ul span {
	white-space: normal;
}

/************ 0 LEVEL  ***************/
#nav li {
	float: left;
	padding-right: 20px;
}

#nav li.parent {
	background: url(../images/mainnav-parent-arrow.gif) no-repeat right center;
}

#nav li.parent li.parent {
	background: url(../images/mainnav-parent-arrow-2.gif) no-repeat right center;
}

/************ MENU STYLES ***************/

/*** RED ****/
#nav li.nav-about,
#nav li.nav-about a {color: #f94d18;}

/*** RED HOVER ***/
#nav li.nav-about a:hover , #nav li.nav-about a:focus, #nav li.nav-about.active a {
color: #FFFFFF;background: url(../images/mainnav-orangex.gif) no-repeat left #f94d18;}

#nav li.nav-about a:hover span,  #nav li.nav-about a:focus span, #nav li.nav-about.active a span  {
color: #FFFFFF;	background: url(../images/mainnav-orangex.gif) no-repeat right #f94d18;}

/*** RED ACTIVE ***/
#nav li.nav-about.active a {color: #FFFFFF; background: url(../images/mainnav-orangex.gif) no-repeat left #f94d18;}
#nav li.nav-about.active a span {background: url(../images/mainnav-orangex.gif) no-repeat right #f94d18;}




/*** green ****/
#nav li.nav-g,
#nav li.nav-g a {color: #009933;}

/*** green HOVER ***/
#nav li.nav-g a:hover , #nav li.nav-g a:focus, #nav li.nav-g.active a {
color: #FFFFFF;background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-green.gif) no-repeat left; #00A437}

#nav li.nav-g a:hover span,  #nav li.nav-g a:focus span, #nav li.nav-g.active a span  {
color: #FFFFFF;	background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-green.gif) no-repeat right #00A437;}

/*** green ACTIVE ***/
#nav li.nav-g.active a {color: #FFFFFF; background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-green.gif) no-repeat left #00A437;}
#nav li.nav-g.active a span {background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-green.gif) no-repeat right #00A437;}

/*** yellow ****/
#nav li.nav-y,
#nav li.nav-y a {/*color: #FFCC00;*/ color: #FFF200;}

/*** yellow HOVER ***/
#nav li.nav-y a:hover , #nav li.nav-y a:focus, #nav li.nav-y.active a {
color: #FFFFFF;background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-yellow.gif) no-repeat left; #00A437}

#nav li.nav-y a:hover span,  #nav li.nav-y a:focus span, #nav li.nav-y.active a span  {
color: #FFFFFF;	background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-yellow.gif) no-repeat right #00A437;}

/*** yellow ACTIVE ***/
#nav li.nav-y.active a {color: #FFFFFF; background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-yellow.gif) no-repeat left #00A437;}
#nav li.nav-y.active a span {background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-yellow.gif) no-repeat right #00A437;}


/*** orange ****/
#nav li.nav-h,
#nav li.nav-h a {color: #E96500;}

/*** orange HOVER ***/
#nav li.nav-h a:hover , #nav li.nav-h a:focus, #nav li.nav-h.active a {
color: #FFFFFF;background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-orange.gif) no-repeat left; #E96500}

#nav li.nav-h a:hover span,  #nav li.nav-h a:focus span, #nav li.nav-h.active a span  {
color: #FFFFFF;	background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-orange.gif) no-repeat right #E96500;}

/*** orange ACTIVE ***/
#nav li.nav-h.active a {color: #FFFFFF; background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-orange.gif) no-repeat left #E96500;}
#nav li.nav-h.active a span {background: url(http://www.huxleyclothing.co.uk/skin/frontend/menu/mainnav-orange.gif) no-repeat right #E96500;}


/*** PINK ****/
#nav li.nav-p,
#nav li.nav-p a {color: #d50087;}

/*** PINK HOVER ***/
#nav li.nav-p a:hover , #nav li.nav-p a:focus, #nav li.nav-p.active a {
color: #FFFFFF;background: url(../images/mainnav-pink.gif) no-repeat left; #d50087}

#nav li.nav-p a:hover span,  #nav li.nav-p a:focus span, #nav li.nav-p.active a span  {
color: #FFFFFF;	background: url(../images/mainnav-pink.gif) no-repeat right #d50087;}

/*** PINK ACTIVE ***/
#nav li.nav-p.active a {color: #FFFFFF; background: url(../images/mainnav-pink.gif) no-repeat left #d50087;}
#nav li.nav-p.active a span {background: url(../images/mainnav-pink.gif) no-repeat right #d50087;}



/*** blog ****/
#nav li.nav-blog,
#nav li.nav-blog a {color: #9200a8;}

/*** blog HOVER ***/
#nav li.nav-blog a:hover , #nav li.nav-blog a:focus, #nav li.nav-blog.active a {
color: #FFFFFF;background: url(../images/mainnav-purple.gif) no-repeat left #9200a8; }

#nav li.nav-blog a:hover span,  #nav li.nav-blog a:focus span, #nav li.nav-blog.active a span  {
color: #FFFFFF;	background: url(../images/mainnav-purple.gif) no-repeat right #9200a8;}

/*** blog ACTIVE ***/
#nav li.nav-blog.active a {color: #FFFFFF; background: url(../images/mainnav-purple.gif) no-repeat left #9200a8;}
#nav li.nav-blog.active a span {background: url(../images/mainnav-purple.gif) no-repeat right #9200a8;}

#nav a {
	float: left;
	text-decoration: none;
	padding: 0 0 0 10px;
	line-height: 30px;
	color: CCC;
	font-weight: bold;
	font-size: 140%;
	text-transform: none;
}

#nav a span {
	float: left;
	display: block;
	padding: 0 10px 0 0;
	line-height: 30px;
}

#nav li.active a {
	color: #FFFFFF;
	background: url(../images/mainnav-active-parent.gif) no-repeat left #BF4F14;
}

#nav li.active a span {
	background: url(../images/mainnav-active-parent.gif) no-repeat right #BF4F14;
}
/**
#nav li.over a, #nav a:hover, #nav a:active, #nav a:focus, #nav a.over,
#nav li.active a:hover, #nav li.active a:active, #nav li.active a:focus {
	color: #FFFFFF;
	background: url(../images/mainnav-red.gif) no-repeat left;
}

#nav li.over a span, #nav a.over span, #nav a:hover span, #nav a:active span, #nav a:focus span,
#nav li.active a:hover span, #nav li.active a:active span, #nav li.active a:focus span {
	background: url(../images/mainnav-red.gif) no-repeat right #666666;
}
**/
/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active {
	float: none;
	margin: 0;
	padding:0;
}

/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/

#nav ul li.last {
	padding-bottom: 0;
}

#nav ul a,
#nav ul a:hover, #nav ul a.over {
	float: none;
	background: none;
}

#nav ul a span,
#nav ul a:hover span, #nav ul a.over span {
	float: none;
	display: inline;
}


#nav ul li a, #nav ul li a span {
	font-weight: normal !important;
	line-height: normal !important;
	background: none !important;
}

/************ 2ND LEVEL ************/
#nav ul {
	position: absolute;
	width: 15em;
	top: 30px;
	left: -10000px;
	border: 1px solid #5A5A5A;
	border-top: 0; 
	background: #454545;
}

#nav ul li {
	border-top: 1px solid #5A5A5A;
	border-right: 0;
	background: none;
	width: 100%;
}

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:150px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a,  #nav li.active li a {
	border: none;
	margin: 0;
	color: #CCCCCC;
	background: url(../images/blank.png);
	font-size: 100%;
	text-transform: none;
	padding: 7px 15px;
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus, #nav ul li a.over {
	background: #333333 !important;
	color: #FFFFFF;
}

/************ 3RD+ LEVEL ************/
#nav ul ul { top: 5px; }