#navWrapper * {
	outline: none;
	}
	
.menu, .menu ul {
	margin: 0; padding: 0; border: 0;
	list-style-type: none;
	display: block;
	}

.menu li {
	margin: 0; padding: 0; border: 0;
	display: block; float: left;
	position: relative;
	z-index: 100;
	}
	
.menu a {
	color: #777777; text-decoration: none;
	}	

.menu li:hover {
	z-index: 10000;
	}

.menu li li {
	float: left;
	}

.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	}

.menu li:hover>ul {
	visibility: visible;
	top: 100%;
	left: -1px;
	}

.menu li li:hover>ul {
	top: 0;
	left: 100%;
	}

.menu, .menu ul {
	min-height: 0;
	}

/* TOP LEVEL ITEMS ================================ */

	.menu a {
		display: block;	height: 44px;
		background-color: transparent;
		background-position: left top;
		background-repeat: no-repeat;
		}
		
	.menu li:hover a, .menu li.active a {
		background-position: bottom left !important;
		}	

	.menu li a img {
		display: block; width: 100%; height: 44px; border: none;
		}
	
	/* SPECIFIC ITEMS */	
		
	.menu li.get-the-look a {
		width: 104px; background-image:url(../img/navigation/get-the-look.jpg)
		}	

	.menu li.whats-hot a {
		width: 70px; background-image:url(../img/navigation/whats-hot.jpg)
		}	

	.menu li.whats-instore a {
		width: 120px; background-image:url(../img/navigation/whats-instore.jpg)
		}	

	.menu li.media a {
		width: 62px; background-image:url(../img/navigation/media.jpg)
		}
		
	.menu li.poll a {
		width: 55px; background-image:url(../img/navigation/poll.jpg)
		}
		
	.menu li.competitions a {
		width: 107px; background-image:url(../img/navigation/competitions.jpg);
		}			
		
	.menu li.store-locator a {
		width: 69px; background-image:url(../img/navigation/store-locator.jpg)
		}	

	.menu li.accounts-cards a {
		width: 140px; background-image:url(../img/navigation/accounts-cards.jpg)
		}	

	.menu li.about-us a {
		width: 81px; background-image:url(../img/navigation/about-us.jpg)
		}	

	.menu li.contact-us a {
		width: 96px; background-image:url(../img/navigation/contact-us.jpg)
		}	

/* SECOND LEVEL ITEMS ================================ */

	.menu ul {
		width: 160px;
		}
		
		.menu ul li {
			width: 160px;
			}
		
		.menu li li a {
			border: 1px solid #cfcfcf;
			}
				
			.menu ul>li + li a {
				border-top: 0;
				}
			
			.menu li ul {
				margin-top: -2px !important; margin-left: 1px;
				}
			
			.menu li li:hover>ul {
				}
				
		#navWrapper .menu li li a {
			height: 22px; line-height: 22px; width: 143px; padding: 0 5px 0 12px;
			background: #ededed; background-image: none !important;
			font-size: 11px;
			}
			
		#navWrapper .menu li li a:hover, #navWrapper .menu li li:hover > a, a.active {
			color: #fff !important; background: #5f5f5f !important; zfont-weight: bold !important;
			font-size: 11px;
			}
			
/* THIRD LEVEL ITEMS ================================ */

	.menu li ul li ul {
		margin-top: 0 !important; margin-left: 0px;
		}