/* Default Menu Structure Styles */

#nav
{
	margin-top: 1px; 
	margin-bottom: 1px;
	background-color: #9fba2f !important;
	
	padding-top: 2px;
	padding-bottom: 2px;
	
	display: block;
	width: 760px;
	margin-left: auto;
	margin-right: auto;

	position: relative;
	z-index: 9;
	
	height: 18px;

	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);	
}

#nav .groups
{
	list-style-type: none;	
	
	display: block;
	width: 375px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding: 0px 0px 0px 15px;
	
	
}

#nav .groups .group
{
	float: left;	
	
	position: relative;		
	
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);		
}

#nav .groups .group.seperator
{
	display: inline;
	width: 1px !important;
	height: 10px !important;
	background-image: url(../images/top_nav_verticalseparator.gif);
	background-position: center center;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 4px;
	_margin-top: 0px;

}

#nav .groups .group.end
{
	width: 15px  !important;
}


#nav .items
{
	list-style-type: none;
	position: absolute;
	height: auto;
	width: 150px;

	display: none;
		
	background-color: #dce9a9;
		
	border: #a6c137 1px solid;	
	
	margin: 0px;
	padding: 0px;
	z-index: 10000000000;
}

#nav  .item
{

	padding: 2px 6px 1px 6px;		
	
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);		
}

#nav .items .item a
{
	width: 100% !important;	
	height: auto;
	display: block;
}

#nav a
{
	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #676767; 
				
	text-decoration: none;	
}


/* Default Menu Element Styles */

#nav .group img.offstate
{
	display: inline;
}

#nav .group img.onstate
{
	display: none;
}

/* Hover Events */

#nav .group:hover .onstate
,#nav .group.hover .onstate
{
	display: inline !important;
}

#nav .group:hover .offstate
,#nav .group.hover .offstate
{
	display: none !important;
}

#nav .group:hover .items
,#nav .group.hover .items 
{
	display: block;

	top: 100%;
	_top: 100%; /* ie6 hack to adjust location of rollover menu*/
	
	left: 0px;
}



#nav .groups .group .item:hover 
, #nav .groups .group .item.hover
{	
	background-color: #b3c56e;		
}

#nav .items .item:hover  a
, #nav .items .item.hover a
{
	width: 100%;
	color: #FFFFFF;
}

/**Category Selectors**/
body.plants #nav .groups .group.plants .offstate
, body.gardendecor #nav .groups .group.gardendecor .offstate
, body.seasonal #nav .groups .group.seasonal .offstate
, body.gifts #nav .groups .group.gifts .offstate
, body.plantcare #nav .groups .group.plantcare .offstate
, body.organicgardening #nav .groups .group.organicgardening .offstate
, body.sale #nav .groups .group.sale .offstate
, body.gardendesign #nav .groups .group.gardendesign .offstate
{
	display: none;
}

body.plants #nav .groups .group.plants .onstate
, body.gardendecor #nav .groups .group.gardendecor .onstate
, body.seasonal #nav .groups .group.seasonal .onstate
, body.gifts #nav .groups .group.gifts .onstate
, body.plantcare #nav .groups .group.plantcare .onstate
, body.organicgardening #nav .groups .group.organicgardening .onstate
, body.sale #nav .groups .group.sale .onstate
, body.gardendesign #nav .groups .group.gardendesign .onstate
{
	display: inline;
}