#navWrapper * {
	outline: none;
	}

.menu {
	margin-left:0px;
}
	
.menu ul, .menu ul ul {
	margin: 0; padding: 0; border: 0;
	list-style-type: none;
	display: block;
	}

.menu ul li {
	margin: 0; padding: 0; border: 0;
	display: block; float: left;
	position: relative;
	z-index: 100;
	}
	
.menu ul a {
	color: #FFFFFF; text-decoration: none;
	padding: 8px 25px; font-weight: bold; width: auto; 
	font-size: 14px; line-height: 18px;
	}

.menu ul li:hover {
	z-index: 10000;
	}

.menu ul li li {
	float: left;
	}

.menu ul ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	}

.menu ul li:hover>ul {
	visibility: visible;
	top: 100%;
	left: -1px;
	}

.menu ul li li:hover>ul {
	top: 0;
	left: 100%;
	}

.menu ul, .menu ul ul {
	min-height: 0;
	}

/* TOP LEVEL ITEMS ================================ */

	.menu ul a {
		display: block;
		background-color: transparent;
		zbackground-position: left top;
		zbackground-repeat: no-repeat;
		}
		
	.menu ul li:hover a, .menu ul li.active a {
		zbackground-position: bottom left !important;
		background-color: #A6CE39;
		color: #FFFFFF !important;
		}	

	.menu ul li a img {
		display: block; width: 100%; height: 44px; border: none;
		}
	
	/* SPECIFIC ITEMS 
		
	.menu ul li.get-the-look a {
		width: 103px; background-image:url(../img/navigation/get-the-look.jpg)
		}	

	.menu ul li.whats-hot a {
		width: 92px; background-image:url(../img/navigation/whats-hot.jpg)
		}	

	.menu ul li.whats-instore a {
		width: 120px; background-image:url(../img/navigation/whats-instore.jpg)
		}	

	.menu ul li.media a {
		width: 59px; background-image:url(../img/navigation/media.jpg)
		}
		
	.menu ul li.poll a {
		width: 51px; background-image:url(../img/navigation/poll.jpg)
		}
		
	.menu ul li.competitions a {
		width: 105px; background-image:url(../img/navigation/competitions.jpg);
		}			
		
	.menu ul li.store-locator a {
		width: 67px; background-image:url(../img/navigation/store-locator.jpg)
		}	

	.menu ul li.accounts-cards a {
		width: 132px; background-image:url(../img/navigation/accounts-cards.jpg)
		}	

	.menu ul li.about-us a {
		width: 79px; background-image:url(../img/navigation/about-us.jpg)
		}	

	.menu ul li.contact-us a {
		width: 96px; background-image:url(../img/navigation/contact-us.jpg)
		}	*/	

/* SECOND LEVEL ITEMS ================================ */

	.menu ul ul {
		width: 200px;
		}
		
		.menu ul ul li {
			width: 214px;
			}
		
		.menu ul li li a {
			border-bottom: 1px solid #A7C86C; font-weight: normal;
			}
				
			.menu ul ul>li + li a {
				border-top: 0;
				}
			
			.menu ul li ul {
				zmargin-top: -2px !important; margin-left: 1px;
				}
			
			.menu ul li li:hover>ul {
				}
				
		#navWrapper .menu ul li li a {
			height: 35px; line-height: 35px; width: 175px; padding: 0 15px 0 25px;
			background: #9FC35A; filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; 
			background-image: none !important; font-size: 12px; font-weight:bold;
			}
			
		#navWrapper .menu ul li li a:hover, #navWrapper .menu ul li li:hover > a, a.active {
			color: #fff !important; background: #636466; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
			font-size: 12px; border-bottom: 1px solid #859769 !important;
			}
			
/* THIRD LEVEL ITEMS ================================ */

	.menu ul li ul li ul {
		margin-top: 0 !important; margin-left: 0px;
		}
