@charset "utf-8";
/* CSS Document */


body {  
	behavior: url(csshover.htc);
	}
	
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {
	color: #000!important;
	
	/*background:#ccc;*/
	}
	
#dropMenuWrapper {
	margin: auto;
	margin-top: .6em;
	font-size:12px;
	font-weight:bold;
	/*background: url(../images/drop_menu_bg.gif) repeat-x;*/
	width:810px;
	
	}
div#dropMenu ul {
	margin: 0; 
	padding: 0;
	
	}

/***************************
MENU 4
****************************/
div#dropMenu {
font-family: Arial, sans-serif;
border-bottom: 0px solid #A0CEF8; 
height: 25px; /* Since we float li in this example we must set a height on the div */
}
div#dropMenu ul {
margin: 0 auto; /* Aligning div horizontally */
width:810px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
div#dropMenu li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 27px; /* Aligning text vertically using line-height */
}
div#dropMenu li a {
display: block; /* Making the hole tab a clickable link */
width: 100px; /*Fixed width on the link, the same width as the image width */
height: 26px; 
color: #5d5350;
font-weight: normal;
text-decoration: none;
background: url(http://www.mokopuna.com/merino_shop/includes/templates/iC_AthemeV1.3/images/tab.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
div#dropMenu li a:hover {
background: url(http://www.mokopuna.com/merino_shop/includes/templates/iC_AthemeV1.3/images/tab.jpg) no-repeat left bottom;
}