#chromemenu{
	position: absolute;
	left: 10px;
	top: 10px;
	z-index:5;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
width: 100%;
/* background: url(chromebg.gif) center center repeat-x; Theme Change here */
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: normal 11px Verdana;
}

#chromemenu ul li{display: inline;}

#chromemenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
text-decoration: none;
background: url(divider.gif) center right no-repeat; /*Theme Change here*/
}

#chromemenu ul li a:hover{color: #494949;}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: ""; /*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */
#dropmenu1 {background-color: #1A1C4C;} /* About Clary's */
#dropmenu2 {background-color: #294090;} /* Products */
#dropmenu3 {background-color: #7d762e;} /* Promotions */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
z-index:100;
width: 220px;
visibility: hidden;
}

.dropmenudiv a{
display: block;
text-indent: 0px;
border-top: 1px solid white;
margin: 2px;
text-decoration: none;
padding:2px;
color: white;
}

.dropmenudiv a.first {border-top:none;}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: white; color:black;
}
