/* ####################################### */
/* ######### PRIMARY NAVIGATION ########## */
/* ####################################### */


/* TOP LEVEL
------------------------------------------------*/
.e-navigation-primary {
	height				: 	2.3em;
	clear				: 	both;
	width: 430px;

}

.e-navigation-primary ul {
	padding				: 	0;
	margin				: 	0;
	list-style			:	none;
	width: 430px;
}

.e-navigation-primary ul li {
	display				: 	block;
	position			: 	relative;
	line-height			:	2.3em;
	float				: 	left;
	list-style			: 	none;
	height				: 	1%;		/* hasLayout trigger needed to kick IE7 to honor li:hover pseudo classes used for hovers. see --> http://css-class.com/articles/explorer/sticky/ */
	margin				: 	0;
}

.e-navigation-primary ul li.active-section a:link,
.e-navigation-primary ul li.active-section a:visited {
/*	background: #D0083F;*/
	background: #8F012C;
	color: #fff;
	border		: 1px solid #AB0734;
	border-left: 0;

}

.e-navigation-primary ul li a:link,
.e-navigation-primary ul li a:visited {
	display				: 	block;
	height				: 	auto;
	width				: 	auto;
	padding				:	0 14px;
	text-align			:	center;
	color				: 	#ffc7d6;
	text-transform		: uppercase;

	border-right		: 1px solid #AB0734;
}

.e-navigation-primary ul li:hover,
.e-navigation-primary ul li:focus {
	text-decoration: none;
	background			: #bb0839;
	color: #fff;
}

 
	



#nav_enquiries {
	border: 0;
}



/* 2ND LEVEL
------------------------------------------------*/

.e-navigation-primary ul ul { 
	position			: 	absolute;
	left				: 	auto;	/* hide the drop downs by positioning off the viewport */
	width				: 	inherit;	/* inherit the width of the parent li a */
	z-index				: 	999;
	display				: 	none;
}

.e-navigation-primary ul ul li {
	float				: 	none; 		/* don't remove this */
	white-space			:	nowrap;	
  	vertical-align		: bottom; /* This fixes the IE5 Win gap! */
	line-height			: 	1.8em;

}

.e-navigation-primary ul ul li a:link,
.e-navigation-primary ul ul li a:visited,
.e-navigation-primary ul li.active-section ul a:link,
.e-navigation-primary ul li.active-section ul a:visited {
	width				: 	auto;
	height				: 	1%;
	text-align			:	left;
	text-transform		:   none;
	border				: 	0;
	border-bottom		: 	1px solid #AB0734;
	background			: #bb0839;
}

.e-navigation-primary ul ul li a:hover,
.e-navigation-primary ul ul li a:focus,
.e-navigation-primary ul li.active-section ul a:hover,
.e-navigation-primary ul li.active-section ul a:focus {
	background			: #D0083F;
}




/* 2nd Level Drop Control
------------------------------------------------*/


/* 2nd Level :hover  (hovering over top level list or anchor)  */
.e-navigation-primary ul li:hover ul,
.e-navigation-primary ul a:hover ul {
	display: block;
}

/* keep the third level hidden when you hover on first level list or link */
.e-navigation-primary ul li:hover ul ul,
.e-navigation-primary ul a:hover ul ul {
	display: none;
}



/* 3nd Level Drop Control
------------------------------------------------*/

/* make the third level visible when you hover over second level list OR link */
.e-navigation-primary ul li:hover ul li:hover ul,
.e-navigation-primary ul a:hover ul a:hover ul { 
	left: 100%;
	display: block;
	position: absolute;
}



.e-navigation-primary #glugable-nav {
	display: none;
}















#menu * {
	/*font-size: 11px;*/
}


#menu{

float:left;

/*background: #336699;*/

margin:0px;
}

#menu a, #menu h2{
display:block;
white-space:nowrap;
margin:0;
}

#menu a{
text-decoration:none;
/*color:#000;*/
padding-bottom: 1px;
padding:1px;
padding-right: 5px;
}

#menu a .oBold {
	margin-right: -3px;
}

#menu a:hover{
text-decoration:underline;
/*color: #c00;*/
}



#menu a:active{

}

#menu ul{
list-style:none;
margin:0;

float:left;
width: auto;
padding: 2px;
/*border: 1px solid #fff;*/
margin-bottom:0px;
}

#menu ul:hover{
	/*background: #fff;*/
	/*background: #CAB983;*/
	/*border: 1px solid #ccc;*/
	/*border-bottom: 0px;*/
}

#menu ul a {
	margin-bottom: 0px;
}

#menu ul ul:hover{
	/*background: #fff;
	border: 1px solid #ccc;*/
}



#menu li{
	position:relative;
	float: left;
}

#menu ul ul{

position:absolute;
z-index:500;
top:auto;
display:none;
text-align: left;
margin-left: -10px;
width: 200px;
background: #C1063B;
border: 1px solid #FA0346;
margin-top: 0px;
padding-top:-10px;

/*border-top: 1px solid #fff;*/

/*border: 1px solid #f00;*/


}

#menu ul ul a, #menu ul ul a:hover {
	width: 100%;
	/*color: #000;*/
	margin: 0px;
	padding-bottom: 0px;
	padding-top:0px;
}


#menu ul ul li {
	clear: both;
	padding-top:0px;
	margin-top:0px;
	padding-bottom: 3px;
}


#menu ul ul a {
	color: #fff;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
/*background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;*/
}

div#menu li:hover{
cursor:pointer;
z-index:100;
/*background: #fff;*/
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
/*color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;*/
}

#menu a.x:hover{
color:#a00;
/*background:#ddd;*/
}

#menu a.x:active{
color:#060;
/*background:#ccc;*/
}