/* remove the bullets, padding and margins from the lists */
.menu ul		{ list-style-type:none; padding:0; margin:0; }

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li		{ float:left; position:relative; }

/* use the table to position the dropdown list */
.menu table		{ position:absolute; border-collapse:collapse;  left:-1px; top:25px; }

/* style all the links */
.menu a { display:block; width:90px; padding:10px 0 4px 0; color:#00446B; text-decoration:none; margin-right:1px; 
				  text-align:center; text-transform: lowercase; font-weight: bold; font-size: 13px; }

/* style the links hover */
.menu :hover	{ color: #FFFFFF;  }

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


.menu li.home a			{ width: 70px; }
.menu li.aboutus a		{ width: 100px;}
.menu li.products a		{ width: 90px;}
.menu li.specials a		{ width: 90px;}
.menu li.gallery a		{ width: 90px;}
.menu li.newsletter a	{ width: 110px;}
.menu li.contactus a	{ width: 110px;}

.menu ul ul a			{ width: 150px !important; padding: 3px 0; background-color: #5466DE; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }

.menu ul ul :hover		{ background-color: #00446B;  }