@charset "utf-8";



#navContainer {
	margin:0 0 0 10px;
	}
	
#navContainer h3 {
	font-size:1em;
	margin:5px 0 5px 0;
	text-align:center;
	text-transform: uppercase;
	}

.expertBox {
	background-color:#FFFFFF;
	width:117px;
	_width:116px;
	padding:5px;
	
	}
	
.stylistBox {
	/*  style taken out for putting grey gradient in drop down 
	background-image:url(../images/bg_grad_menu.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
	width:117px;
	_width:116px;
	padding:5px;
	}	
	
.operatorBox {
	background-color:#FFFFFF;
	width:146px;
	_width:145px;
	padding:5px;
	}	
	
.butterflyBox {
	background-color:#FFFFFF;
	width:137px;
	_width:136px;
	padding:5px;
	}	
	
.trendsetterBox {
	background-color:#FFFFFF;
	width:117px;
	_width:116px;
	padding:5px;
	}
	
#centreNav {
	font-family:helvetica;
	font-size:0.7em;
	color:#787264;
	}

#centreNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#centreNav ul li {
	float: left;
	margin:0 1px 0 0;
	}
	
li ul {
	position: relative;
	left: 0px;
	top: 2px;
	display: none;
	}

/* Styles for Menu Items */
#centreNav ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	}



/* Fix IE. Hide from IE Mac \*/
#centreNav * html ul li { float: left; height: 1%; }
#centreNav * html ul li a { height: 1%; }
/* End */

#centreNav ul li a:hover { color: #000000; background: #dddcd4; } /* Hover Styles */
		
#centreNav li ul li a {
	 padding:10px 0px 2px 10px;
	 margin:5px 0 0 0px;
 } /* Sub Menu Styles */
		
#centreNav li:hover ul, li.over ul { display: block; } /* The magic */