﻿
/* navGroup class is used for the second Tier links
   group names ie. Apparel, Outerwear */
.navGroup {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 4px 8px 4px 5px;
	margin: 0 0 0 0;
	height: auto;
	width: 115px;
	font-size: 1.1em;
	line-height: 1.3em;
	color			: green;
	text-decoration: none;
	float: left;
	border-width: 0px 0px 0px 0px;
	overflow: hidden;
}

                 
A.navGroup:VISITED {
	color			: #999999;
	text-decoration: none;
	font-weight: bold;
	float: left;
			}

A.navGroup:HOVER {
	text-decoration: none;
	background-color: #b8cfe6;
	color			: #000000;
	font-weight: bold;
	float: left;
			}

A.navGroup:LINK {
	color			: #000000;
	text-decoration: none;
	font-weight: bold;
	float: left;
}

A.navGroup:ACTIVE {
	color			: #000000;
	text-decoration: none;
}

/* navItem class is used for the second Tier links
   item type name ie. shirts, watches*/
.navItem   {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 5px 8px 3px 17px;
	background: #eee url(images/dark_gray.gif) no-repeat 8px 0.9em;
	height: auto;
	width: 115px;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	color			: #000000;
	text-decoration: none;
	float: left;
	border-width: 0px 0px 0px 0px;
			}
                 
A.navItem:VISITED {
	color			: #999999;
	text-decoration: none;
			}

A.navItem:HOVER {
	text-decoration: none;
	background-color: #b8cfe6;
	color			: #000000;
			}

A.navItem:LINK {
	color			: #000000;
	text-decoration: none;
}

A.navItem:ACTIVE {
	color			: #000000;
	text-decoration: none;
}


.topNav{
width: 99%;
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
}

.topNav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.topNav ul
{
top:2px;
width: 100%;
padding: 15px 12px 12px 12px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
color: white;
}

.topNav ul li
{
color: #ffffff;
display: inline;
}

 #mainNav ul li a{
color: #ffffff;
font-size:1.3em;
padding:   15px 12px 12px 12px;
margin: 0;
text-decoration: none;
}


#mainNav ul li a:hover, #mainNav ul li a.selected
{
background-color:#eee;
color: #505559;
padding: 12px;
}


	




.navContainer{
position:absolute;
top: 0;
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: #eee;
width: 115px;
visibility: hidden;
filter:alpha(opacity=95), progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);/* Add Shadow and transparency in IE*/
-moz-opacity:0.95; /* transparency in firefox */
}


.navContainer a{background-color: #eee;}

* html .navContainer a{ /*IE only hack*/
width: 100%;
}


/****************************************
* Print Styles
****************************************/
@media print {

 .navItem{ display:none }
 .topNav{display:none}
 .navContainer, .navItem  {background-color: white;}
}