#divOverlayNav {
	clear:both;
	border-bottom:1px solid #9A9A9A;
	/*background-image:url(../images/banner.gif);*/
	height:100px;
	color:#9A9A9A;
	}

#divOverlayNav ul {
	margin:5px 0 0 0;
	padding:0;
	height: 0;
	height: auto;
	zoom: 1;
	width:100%;
	}
	
#divOverlayNav ul li {
	float:left;
	position:relative;
	list-style:none;
	line-height:1.1;
	z-index:auto;
	text-align:center;
	width:24%;
	padding:0;
	margin:0;
/*	border-right:1px dotted #ffffff;*/
	}

#divOverlayNav ul li a {
	display:block;
	padding:0 1em;
	color: #9A9A9A;
	height:90px;
	margin-left:0px;
	padding:0 16px 0 16px;
	width:.1em; /* to fix IE issue */ 
}

#divOverlayNav > ul li a {
	width:auto;
	border:1px solid transparent;
	}

#divOverlayNav li a.topCategory img {
	z-index:1;
	position:relative;
	}

#divOverlayNav ul li ul li {
	text-align:left;
	width:100%;
	}

#divOverlayNav ul li:hover a.topCategory,
#divOverlayNav ul li a.topCategory:active { 
	text-decoration:none; 
	border:1px solid #ccc;
	background-color:#ccc;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	color: #9AA247;
	}

#divOverlayNav ul li:hover a.topCategory img,
#divOverlayNav ul li a.topCategory:active img { 
	background-color:transparent;
	}
	
#divOverlayNav ul li:hover a.NoChildren,
#divOverlayNav ul li a.NoChildren:active { 
	text-decoration:none; 
	border:1px solid #fff;
	background-color:#fff;
	color: #9AA247;
	}
	
#divOverlayNav ul li:hover a { 
	text-decoration:none; 
	color: #9AA247;
	}

/* table takes no part in the layout - required for IE to work */
#divOverlayNav table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}

#divOverlayNav div.wrapper { 
	/*background:transparent url(../images/overlayNav/bg-964-mn-bottomshadow.png) no-repeat 3px bottom !important; 
	background:transparent url(../images/trans.gif); /* IE will not show the png */ 
	display:none;
	position:absolute;
	top:10px;
	left:0;
	padding-bottom:12px; 
	background-color:#ccc;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	border:1px solid #ccc;
	/*border-bottom:2px solid #9AA247;
	border-left:2px solid #9AA247;
	border-right:2px solid #9AA247;*/
	margin-top:10px;
	z-index:200;
	font-size:12px;
	}

#divOverlayNav ul li:hover div.wrapper {
	display:block;
	}


/* Category One / Tea */
/*#divOverlayNav div.wrapper.one { margin-left: 20px;}*/
#divOverlayNav div.drop.one { width: 900px;}
/* Eof Category One / Tea */

/* Category Two / Coffee */
/*#divOverlayNav div.wrapper.two { margin-left: 79px;}*/
#divOverlayNav div.drop.two { width: 300px;}
/* Eof Category Two / Coffee */

/* Category Three / Accessories */
/*#divOverlayNav div.wrapper.three { margin-left: 163px;}*/
#divOverlayNav div.drop.three { width: 500px;}
/* Eof Category Three / Accessories */


#divOverlayNav div.drop {
	margin: 8px 8px auto auto;
	float:left; 
	padding-bottom:5px;
	z-index:200;
	}

#divOverlayNav div.drop ul li {
	display: block;
	z-index:200;
	}

/*#divOverlayNav div.drop ul li a {
	width: inherit !important;
	width: 130px;
	display:inline;
	}*/

#divOverlayNav div.drop ul { 
	margin:0;
	padding:0;
	height:auto; 
	width: 220px; 
	float: left;
	z-index:200;
	}


#divOverlayNav div.drop li { float:none; height:auto; text-transform:capitalize; font-weight: normal; z-index:200; }
#divOverlayNav div.drop li ul { z-index:200; }
/* links */
#divOverlayNav div.drop a,
#divOverlayNav div.drop a:link,
#divOverlayNav div.drop a:visited,
#divOverlayNav div.drop a:hover,
#divOverlayNav div.drop a:active { background:none; color:#000; float:none; height:auto; line-height:19px; margin:0; padding:0 11px 0 0; margin-left: 11px; display: block; }
#divOverlayNav div.drop a:hover {text-decoration:underline; color:#000;}
/* hide the sub level and give positon absolute so it takes up no room */

/*#divOverlayNav ul div.wrapper { height:1px; left:-1px; overflow:hidden; position:absolute; top:-500em; width:1px }*/
/*#divOverlayNav ul li a:hover div.wrapper,
#divOverlayNav ul li:hover div.wrapper { top:24px; left:0; height:auto; width: auto; }*/

/* =dropdown styling for nested columns
------------------------------------ */


#divOverlayNav DIV.wrapper.colWidthTwo div.drop.colspan1 { width: 155px;}
#divOverlayNav div.drop.colspan4 ul { width: 140px; *margin-left: 0px;}
#divOverlayNav div.drop.colspan4 ul li a:link, #divOverlayNav div.drop.colspan4 ul li a:hover { padding: 0px 4px 0px 0px; }

#divOverlayNav div.drop li.level1 {
	font-weight:bold;
	margin:3px 0 1px 0;
	}

#divOverlayNav div.drop li.level2 {
	font-weight:normal;
	margin:0 0 1px 10px;
	}

#divOverlayNav div.drop li.level2 a {
	font-weight:normal;
	}
	
#divOverlayNav div.drop li.currentPath, 
#divOverlayNav div.drop li.currentPath a, 
#divOverlayNav div.drop li.currentPath a:active,
#divOverlayNav div.drop li.currentPath a:visited {
	color:#9AA247;
	text-decoration:underline;
	}