@charset "utf-8";

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

.menu li{
float:left;
position:relative;
z-index:100;
color:#FFFFFF;
}


.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* Width of each nav li*/
.menu li.is-home a.navparent,
.menu li.why-oral-important a.navparent,
.menu li.oral-care-tips a.navparent,
.menu li.why-use-listerine a.navparent,
.menu li.listerine-flavours a.navparent,
.menu li.faqs a.navparent{
	width:121px; 
	font-weight:bold; font-family:Arial; font-size:11px; color:#FFFFFF;
	line-height:11px;

}

.menu li.why-oral-important a.navparent,
.menu li.why-use-listerine a.navparent,
.menu li.faqs a.navparent{
	padding-top:1px!important; 
	padding-bottom:2px!important;
	padding-bottom:4px\9!important;
}


.menu li.is-home a.navparent,
.menu li.oral-care-tips a.navparent,
.menu li.listerine-flavours a.navparent{
	padding-top:5px!important; 
	padding-bottom:9px!important;
	padding-bottom:11px!important\9;
	
}


.menu li.is-home a.navparent{ background:url(../images/nav/nav-gold-parent.gif) no-repeat top left;}
.menu li.why-oral-important a.navparent{ background:url(../images/nav/nav-red-parent.gif) no-repeat top left;
	padding:0;
}
.menu li.oral-care-tips a.navparent{ background:url(../images/nav/nav-purple-parent.gif) no-repeat top left;}
.menu li.why-use-listerine a.navparent{ background:url(../images/nav/nav-orange-parent.gif) no-repeat top left;}
.menu li.listerine-flavours a.navparent{ background:url(../images/nav/nav-blue-parent.gif) no-repeat top left;}
.menu li.faqs a.navparent{ 	background:url(../images/nav/nav-green-parent.gif) no-repeat top left;}


.menu li.is-home a{ background:url(../images/nav/nav-gold-border.jpg) no-repeat top center;background-color:#C6C02A;color:#FFFFFF;}	
.menu li.why-oral-important a{ background:url(../images/nav/nav-red-border.jpg) no-repeat top center;background-color:#E22626;color:#FFFFFF;}
.menu li.oral-care-tips a{ background:url(../images/nav/nav-purple-border.jpg) no-repeat top center;background-color:#9D32BF;color:#FFFFFF;}
.menu li.why-use-listerine a{background:url(../images/nav/nav-orange-border.jpg) no-repeat top center;background-color:#F17614;color:#FFFFFF;}
.menu li.listerine-flavours a{ background:url(../images/nav/nav-blue-border.jpg) no-repeat top center;background-color:#3465AB;color:#FFFFFF;}
.menu li.faqs a{ background:url(../images/nav/nav-green-border.jpg) no-repeat top center;background-color:#8CC63F;color:#FFFFFF;}

.menu li.is-home a:hover, .menu li.is-home a.first:hover{ background-color:#C6C02A;}
.menu li.why-oral-important a:hover, .menu li.why-oral-important a.first:hover{ background-color:#730F0F;}
.menu li.oral-care-tips a:hover, .menu li.oral-care-tips a.first:hover{ background-color:#731f8e;}
.menu li.why-use-listerine a:hover,.menu li.why-use-listerine a.first:hover{ background-color:#bc400c;}
.menu li.listerine-flavours a:hover,.menu li.listerine-flavours a.first:hover{ background-color:#132642;}
.menu li.faqs a:hover,.menu li.faqs a.first:hover{ background-color:#4B6C20;}



.menu li.faqs a.navparent:hover{ background-color:#8CC63F}
.menu li.why-oral-important a.navparent:hover{ background-color:#E22626}
.menu li.why-use-listerine a.navparent:hover{ background-color:#F17614}
.menu li.oral-care-tips a.navparent:hover{ background-color:#9D32BF}
.menu li.listerine-flavours a.navparent:hover{ background-color:#3465AB}


.menu li.is-home .menu li.why-oral-important a.first,.menu li.oral-care-tips a.first,.menu li.why-use-listerine a.first,.menu li.listerine-flavours a.first,.menu li.faqs a.first{	
	background:url(../images/nav/first.white.gif) no-repeat top;
	color:#FFFFFF;
}

.nfirst{ color:#FFFFFF;}

.menu li.is-home a.first{ background-color:#C6C02A;}
.menu li.why-oral-important a.first{ background-color:#E22626;}
.menu li.oral-care-tips a.first{ background-color:#9D32BF;}
.menu li.why-use-listerine a.first{ background-color:#F17614;}
.menu li.listerine-flavours a.first{ background-color:#3465AB;}
.menu li.faqs a.first{ background-color:#8CC63F;}


.menu a:link, .menu a:visited {
width:121px;
display:block;
font-size:10px;
padding:7px 0;
color:#FFFFFF;

text-decoration:none;
margin-right:1px;
text-align:center;
font-family:arial;
}

.menu a:hover {
width:121px;
display:block;
font-size:10px;
padding:7px 0;
color:#FFFFFF;

text-decoration:underline;
margin-right:1px;
text-align:center;
font-family:arial;
}

.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}