﻿/* Default Menu Structure Styles */

.nav
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	margin-top: 0px;
	text-align: left;
	z-index: 205;
	width: 950px;	
	height: 17px;
	background-image: url("../images/nav_bg.gif");
	background-repeat: no-repeat;
	
	position: relative;
	clear: both;	
	text-decoration: none;
	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: inline;
	text-decoration: none;
			
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.nav .groups .group
{
	display: inline;	
	float: left;	
	text-decoration: none;
	width: 83px;
	height: 17px;
	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 .items
{
	list-style-type: none;
	position: absolute;
	float: left;
	margin: 0px 0px 0px -16px;
	border-left: 1px #c1bdb6 solid;
	border-right: 1px #c1bdb6 solid;
	border-bottom: 1px #c1bdb6 solid;
	display: none;
	padding: 0px;
	width: 155px;
	background-image: url("../images/nav_white_bg.png");
	background-repeat: repeat;
}

.nav .item
{
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 18px;	
	color: #bf8a20;	
	padding: 0px;
	width: 155px;
	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 .subgroup
{
	display: inline;	
	float: left;	
	width: 150px;
	
	position: relative;	
	padding-right: 35px;
	font-family: Verdana, Arial;
	font-style: normal;
	font-size: 8pt;
	text-decoration: none;
}


.nav .subitems
{
	display: none;
	list-style-type: none;
	position: absolute;
	margin: 0px 0px 0px -16px;
	padding: 0px;
	width: 155px;
	border-top: 1px #c1bdb6 solid;
	border-right: 1px #c1bdb6 solid;
	border-bottom: 1px #c1bdb6 solid;
	background-image: url("../images/nav_white_bg.png");
	background-repeat: repeat;
}

.nav .subitem
{
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	float: left;
	color: #cc9933;	
	line-height: 18px;	
	text-transform: uppercase;
	padding: 0px;
	background-repeat: repeat;
}

/* Hover Events */

.nav .group.hover,
.nav .group:hover
{
	background-color: #ffffff
}

.nav .items .item.hover .subitems,
.nav .items .item:hover .subitems
{
	display: inline; 
	position: absolute; 
	top: -1px;
	_top: -1px; /* ie6 hack to adjust location of rollover menu*/

	left: 171px;
}

.nav .item a.hover,
.nav .item a:hover
{
	width: 155px;	
}

.nav .group.hover .items,
.nav .group:hover .items 
{
	display: block;
	color: #cc9933;	
	top: 100%;
	_top: 17px; /* ie6 hack to adjust location of rollover menu*/

	left: 0px;
}

.nav .items a:visited,
.nav .items a:link
{
	text-decoration: none;
	padding: 5px 15px 5px 15px;
	display: block;
	color: #cc9933;	
	width: 125px;
}

.nav .items a.hover,
.nav .items a:hover
{
	display: block;
	background-color: #e2e5e8 !important;
	width: 125px;
}	

/* Sub Navigation Items */

.nav_sub
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;

	clear: both;	

	
	width: 911px;	
	height: 19px;
	font-size: 1pt;
	line-height: 1pt;
	
}

.nav_sub .groups
{
	list-style-type: none;	
	display: inline;
			
	margin: 0px;
	padding: 0px;
}

.nav_sub .groups .group
{
	display: inline;	
	float: right;	

	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);			
}

.nav_sub .groups .group.seperator
{
	width: 1px;
}

.nav_sub .group img.offstate
{
	display: inline;
}

.nav_sub .group img.onstate
{
	display: none;
}



.navmen
{	
    padding: 18px 0px 0px 0px;
    overflow: hidden;
    background: url("../images/nav_men_off.gif") 0 0 no-repeat;
    cursor: pointer;
    display:block;
    
    height: 0px !important;
    height /**/: 14px;
}

.nav .group .navmen.hover,
.nav .group .navmen:hover
{
	background-image: url("../images/nav_men_on.gif");
}



.navwomen
{	
    padding: 18px 0px 0px 0px;
    overflow: hidden;
    background: url("../images/nav_women_off.gif") 0 0 no-repeat;
    cursor: pointer;
    
    height: 0px !important;
    height /**/: 14px;
}

.nav .group .navwomen.hover,
.nav .group .navwomen:hover
{
	background-image: url("../images/nav_women_on.gif");
}

.navkids
{	
    padding: 18px 0px 0px 0px;
    overflow: hidden;
    background: url("../images/nav_kids_off.gif") 0 0 no-repeat;
    cursor: pointer;
    
    height: 0px !important;
    height /**/: 14px;
}


.nav .group .navkids.hover,
.nav .group .navkids:hover
{
	background-image: url("../images/nav_kids_on.gif");
}

.navbags
{	
    padding: 18px 0px 0px 0px;
    overflow: hidden;
    background: url("../images/nav_bags_off.gif") 0 0 no-repeat;
    cursor: pointer;
    
    height: 0px !important;
    height /**/: 14px;
}


.nav .group .navbags.hover,
.nav .group .navbags:hover

{
	background-image: url("../images/nav_bags_on.gif");
}

.navsox
{	
    padding: 18px 0px 0px 0px;
    overflow: hidden;
    background: url("../images/nav_sox_off.gif") 0 0 no-repeat;
    cursor: pointer;
    
    height: 0px !important;
    height /**/: 14px;
}


.nav .group .navsox.hover,
.nav .group .navsox:hover
{
	background: url("../images/nav_sox_on.gif") 0 0 no-repeat;
}

.navwhoweare
{	
    padding: 18px 0px 0px 0px;
	overflow: hidden;
    background: url("../images/nav_whoweare_off.gif") 0 0 no-repeat;
    cursor: pointer;
 	width: 79px;   
    height: 0px !important;
    height /**/: 14px;
}


.nav .group .navwhoweare.hover,
.nav .group .navwhoweare:hover
{
	
    background: url("../images/nav_whoweare_on.gif") 0 0 no-repeat;
	_background: none;
}

.navcommunity
{	
    padding: 18px 0px 0px 0px;
	overflow: hidden;
    background: url("../images/nav_community_off.gif") 0 0 no-repeat;
    cursor: pointer;
 	width: 79px;   
    height: 0px !important;
    height /**/: 14px;
}


.nav .group .navcommunity.hover,
.nav .group .navcommunity:hover
{
	
    background: url("../images/nav_community_on.gif") 0 0 no-repeat;
	_background: none;
}



/* Blog Specific Styles /*

/* 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 .items .item img.onstate
{
	display: none !important;
}

.nav .group .items .item img.offstate
{
	display: inline !important;
}

.nav .group .items .item:hover img.onstate
, .nav .group .items .item.hover img.onstate
{	
	display: inline !important;
}

.nav .group .items .item:hover img.offstate
, .nav .group .items .item.hover img.offstate
{	
	display: none !important;
}


body.men .nav .navmen 
{
	 background: url("../images/nav_men_on.gif") 0 0 no-repeat !important;
}

body.women .nav .navwomen 
{
	 background: url("../images/nav_women_on.gif") 0 0 no-repeat !important;
}

body.kids .nav .navkids
{
	 background: url("../images/nav_kids_on.gif") 0 0 no-repeat !important;
}

body.bags .nav .navbags
{
	 background: url("../images/nav_bags_on.gif") 0 0 no-repeat !important;
}

body.sox .nav .navsox 
{
	 background: url("../images/nav_sox_on.gif") 0 0 no-repeat !important;
}

body.explore .nav .navexplorekeen {
    background: url("../images/nav_explorekeen_on.gif") 0 0 no-repeat !important;
}

/* Find A Dealer Dropdown */
/*
.dealers
{
	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);
	
	z-index: 206;	
	
}

.dealers .dealersdrop
{
	display: none;
	position: absolute;
	width: 150px;
	border: 1px #c1bdb6 solid;
	background-color: #ffffff;
	color: #cc9933;	
}

.dealers.hover .dealersdrop,
.dealers:hover .dealersdrop
{
	display: inline;
	left: -25%;
	top: 9px;
}


.dealersdrop a:visited,
.dealersdrop a.visited,
.dealersdrop a:link,
.dealersdrop a.link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 18px;	
	color: #cc9933;	
	padding: 5px 15px;
	text-decoration: none;
	width: 120px;
	display:block
}


.dealersdrop a:hover,
.dealersdrop a.hover
{
	padding: 5px 15px;
	font-size: 11px;
	text-decoration: none;
	background-color: #e2e5e8;
	display:block
}
*/

.dealerimage
{	
    padding: 9px 0px 0px 0px;
    overflow: hidden;
    background: url("../images/nav_dealer_off.gif") 0 0 no-repeat;
    display:block;
	width: 69px;
    
    height: 0px !important;
    height /**/: 9px;
}


.dealerimage.hover,
.dealerimage:hover
{
	background: url("../images/head_btn_dealer_over.gif") 0 0 no-repeat;
	_background-image: url("../images/nav_bg.gif");
}

.dealers:hover .dealerimage,
.dealers.hover .dealerimage
{
	background: url("../images/head_btn_dealer_over.gif") 0 0 no-repeat;
}



