@charset "utf-8";
/* CSS Document */
#nav {
	width: 800px;
	position:absolute;
	top:120px;
	left:210px;
	z-index:120;
}

* HTML #nav{
	position: absolute;
	
}

#nav ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0px;
	list-style:none;
	display:block;
	width:800px;
	padding:0 0 0px 0;
}



#nav li {	
	float:left;
	line-height : 1.25em;
	list-style: none;
}

#nav li ul { /* second-level lists */
	margin: 0px 0px;
	display:block;
	position:absolute;
	left:65px;
	padding: 10px 0 0 0;
	width: 700px;


}

#nav a:link, #nav a:visited {
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align: left;
	font-weight:bold;
	padding: 1px 10px 1px 10px;
	width:80px;
	color:#000;
	margin-bottom: 2px;
	text-indent:-99em;
	overflow: hidden;
	border-right: #666666 1px solid;
	
}



/*Level 0*/
#nav li.SelectedTab a:link, #nav li.SelectedTab a:visited{


}
/*Level 0 Customisation */
	/*Home*/
	li#nav36 a:link, li#nav36 a:visited{
		margin-top: 10px;
		width: 80px;
		height: 11px;
		background: url(images/nav/nav0_home_off.jpg) top center no-repeat;
	} 
	
	li#nav36 a:hover, li#nav36.SelectedTab a:link, li#nav36.SelectedTab a:visited {
		background: url(images/nav/nav0_home_on.jpg) top center no-repeat;
	 !important;
	}
	
	/*Brands*/
	li#nav55 a:link, li#nav55 a:visited{
		width: 80px;
		margin-top: 10px;
		height: 11px;
		background: url(images/nav/nav0_brands_off.jpg) top center no-repeat;
	} 
	
	li#nav55 a:hover, li#nav55.SelectedTab a:link, li#nav55.SelectedTab a:visited {
		background: url(images/nav/nav0_brands_on.jpg) top center no-repeat;
	 !important;
	}
	
	/*Products*/
	li#nav56 a:link, li#nav56 a:visited{
		margin-top: 10px;
		width: 100px;
		height: 11px;
		background: url(images/nav/nav0_products_off.jpg) top center no-repeat;
	} 
	

		
	li#nav56 a:hover, li#nav56.SelectedTab a:link, li#nav56.SelectedTab a:visited {
		background: url(images/nav/nav0_products_on.jpg) top center no-repeat;
	 !important;
	}
	
	/*Store Location*/
	li#nav57 a:link, li#nav57 a:visited{
		margin-top: 10px;
		width: 150px;
		height: 11px;
		background: url(images/nav/nav0_store_off.jpg) top center no-repeat;
	} 
	
	li#nav57 a:hover, li#nav57.SelectedTab a:link, li#nav57.SelectedTab a:visited {
		background: url(images/nav/nav0_store_on.jpg) top center no-repeat;
	 !important;
	}
	
	/*News*/
	li#nav64 a:link, li#nav64 a:visited{
		margin-top: 10px;
		width: 60px;
		height: 11px;
		background: url(images/nav/nav0_news_off.jpg) top center no-repeat;
	} 
	
	li#nav64 a:hover, li#nav64.SelectedTab a:link, li#nav64.SelectedTab a:visited {
		background: url(images/nav/nav0_news_on.jpg) top center no-repeat
	 !important;
	}
	
	
	/*Careers*/
	li#nav72 a:link, li#nav72 a:visited{
		margin-top: 10px;
		width: 60px;
		height: 11px;
		background: url(images/nav/nav0_careers_off.jpg) top center no-repeat;
	} 
	
	li#nav72 a:hover, li#nav72.SelectedTab a:link, li#nav72.SelectedTab a:visited {
		background: url(images/nav/nav0_careers_on.jpg) top center no-repeat
	 !important;
	}
	
	/*Contact*/
	li#nav58 a:link, li#nav58 a:visited{
		margin-top: 10px;
		width: 120px;
		height: 11px;
		border-right:none;
		background: url(images/nav/nav0_contact_off.jpg) top center no-repeat;
	} 
	
	li#nav58 a:hover, li#nav58.SelectedTab a:link, li#nav58.SelectedTab a:visited {
		background: url(images/nav/nav0_contact_on.jpg) top center no-repeat
	 !important;
	}

/*Level 1 Customisation */

ul.Level1 a:link, ul.Level1 a:visited{
	display:block;
	margin-top: -5px !important;
	width: 130px !important;
	border-right: none !Important;
}

	/* 1. Tranditional*/
	.Level1 li#nav59 a:link, .Level1 li#nav59 a:visited{
		height: 11px;
		background: url(images/nav/nav1_1_off.jpg) top center no-repeat;
	} 
	
	.Level1 li#nav59 a:hover, li#nav59.SelectedTab a:link, li#nav59.SelectedTab a:visited {
		background: url(images/nav/nav1_1_on.jpg) top center no-repeat;
	}
	
	/* 2. Ginger*/
	.Level1 li#nav60 a:link, .Level1 li#nav60 a:visited{
		width: 150px !important;
		height: 11px;
		background: url(images/nav/nav1_2_off.jpg) top center no-repeat;
	} 
	
	.Level1 li#nav60 a:hover, li#nav60.SelectedTab a:link, li#nav60.SelectedTab a:visited {
		background: url(images/nav/nav1_2_on.jpg) top center no-repeat;
	}
	
	/* 3. Light */
	.Level1 li#nav61 a:link, .Level1 li#nav61 a:visited{
		height: 11px;
		background: url(images/nav/nav1_3_off.jpg) top center no-repeat;
	} 
	
	.Level1 li#nav61 a:hover, li#nav61.SelectedTab a:link, li#nav61.SelectedTab a:visited {
		background: url(images/nav/nav1_3_on.jpg) top center no-repeat;
	}
	
	/* 4. Premimum */
	.Level1 li#nav62 a:link, .Level1 li#nav62 a:visited{
		height: 11px;
		width: 100px !important;
		background: url(images/nav/nav1_4_off.jpg) top center no-repeat;
	} 
	
	.Level1 li#nav62 a:hover, li#nav62.SelectedTab a:link, li#nav62.SelectedTab a:visited {
		background: url(images/nav/nav1_4_on.jpg) top center no-repeat;
	}




/*Level 1 links*/
#nav li a:link, #nav li a:visited{
	color:white;

}

#nav li a:hover, #nav li.SelectedTab a:link, #nav li.SelectedTab a:visited{
	color:white;
	
}


#nav li.SelectedTab li a:link, #nav li.SelectedTab li a:visited  {	
	color: #00CCFF;

}

#nav li li.SelectedTab a:hover, #nav li li.SelectedTab a:link, #nav li li.SelectedTab a:visited {	
	color:green !important;
	
}



#nav li a.SelectedTab {
	font-size:1.12em;
	background-color: #FFF;
	color:red;
}

#nav .DisabledTab {
	color:#ccc;
}


#nav ul.Level1{
	display: none; 
}

#nav .SelectedTab .Level1{
	display:block;
}

li#nav56{
	padding-bottom:5px;
	background: greeen;
}

li#nav56:hover ul.Level1 , li#nav56.iehover ul.Level1 {
	
		display:block !important;
		
}


/* no need to change these hover classes
unless you need more than 4 levels 
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{

}
#nav li:hover ul,
#nav li.iehover ul {

}

#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
	
}
	*/