﻿/* Default Menu Structure Styles */

#nav
{
	margin-top: 1px; 
	margin-bottom: 1px;
	background-color: #B2CE40!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;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 575px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#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;
}

#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: 75%;
	_top: 75%; /* 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.shop #nav .groups .group.shop .offstate
, body.bids #nav .groups .group.bids .offstate
, body.orderhistory #nav .groups .group.orderhistory .offstate
, body.myprofile #nav .groups .group.myprofile .offstate
, body.faqs #nav .groups .group.faqs .offstate
, body.newsletter #nav .groups .group.newsletter .offstate
, body.contactus #nav .groups .group.contactus .offstate
{
	display: none;
}

body.shop #nav .groups .group.shop .onstate
, body.bids #nav .groups .group.bids .onstate
, body.orderhistory #nav .groups .group.orderhistory .onstate
, body.myprofile #nav .groups .group.myprofile .onstate
, body.faqs #nav .groups .group.faqs .onstate
, body.newsletter #nav .groups .group.newsletter .onstate
, body.contactus #nav .groups .group.contactus .onstate
{
	display: inline;
}
