/*-------------------------------------------------------------------------
BASIC SET UP - PROBABLY WILL NOT MODIFY
-------------------------------------------------------------------------*/
#nav ul,
#nav ul li,
#nav ul li a{
	display: block;
	margin: 0;
	padding: 0;
}
#nav ul{
	list-style-type: none;
}
#nav ul li{
	float: left;
}
#nav li li{
	width: 100%;
}

/*----------------------------------------------------------
Code that makes the submenu disappear and reappear
----------------------------------------------------------*/
#nav li ul {
	position: absolute;
	left: -999em;
}

/*Needed for sub sublinks*/
#nav ul,
#nav ul ul{
	line-height: 1;
}

/*
What I did below was confine the “left:auto” property to only be 
applied to the UL tag one level below the LI tag being hovered 
on by using the CSS Child selector “>”. The second selector is 
for those annoying browsers that aren’t up to speed with CSS2 (i.e. < IE7).
*/
#nav li:hover > ul{ 
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}

/* Fix IE crazy menu stuff */
#nav li:hover {
	position: static;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul { 
	left: auto;
}

#sfhover_iframe{
	z-index: 2;
	position: absolute;
	display: none;
}

#nav ul{
	z-index: 3;
}


/*------------------------------------------------------------
UNIQUE FORMATTING FOR NAV CONTAINER
------------------------------------------------------------*/
#nav{
	background-image: url(/images/shop-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}

/*-------------------------------------------------------------------------
FORMATTING FOR MAIN LINKS
-------------------------------------------------------------------------*/

/*----------------------------------------
Nav edges - default state: not selected
----------------------------------------*/
#col-01, #col-02, #col-03, #col-04{
	background-image: url(/images/shop-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 1px solid #FFFFFF;
}
#col-04{
	border: 0;
}
#col-02 a:link,
#col-02 a:visited,
#col-03 a:link,
#col-03 a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 31px;
	display: block;
	width: 100%;
	text-align: left;
	text-indent: 28px;
}


/*----------------------------------------
Arrow Info
----------------------------------------*/
.arrow{
	background-image: url(/images/nav-arrow.gif);
	background-repeat: no-repeat;
}

/*Down Arrow for links with sublinks*/
#col-02:hover .arrow,
#col-02.sfhover .arrow,
#col-03:hover .arrow,
#col-03.sfhover .arrow
{
	background-image: url(/images/nav-arrow-down.gif);
}

#col-02 .arrow{
	background-position: 14px center;
}
#col-03 .arrow{
	background-position: 14px center;
}



/*----------------------------------------
Rollover effects
----------------------------------------*/
#col-02:hover, #col-02.sfhover,
#col-03:hover, #col-03.sfhover{
	background-image: url(/images/shop-bg-hover.gif);
}



/*----------------------------------------
Widths for each link
----------------------------------------*/
#col-01{
	width: 139px;
}
#col-02{
	width: 142px;
}
#col-03{
	width: 142px;
}


/*-------------------------------------------------------------------------
FORMATTING FOR APPEARANCE OF SUBNAVS
-------------------------------------------------------------------------*/
/*font treatments*/
#nav ul li li a{
	font-weight: normal !important;
	font-size: 11px !important;
	text-align: left !important;
	display: block;
	margin: 0;
	padding: 4px 5px;
	line-height: 13px !important;
	text-indent: 0 !important;
}
#nav ul li li a:link,
#nav ul li li a:visited,
#nav ul li li a:hover,
#nav ul li li a:active{
	color: #FFFFFF;
	text-decoration: none;
}

/*border around sublink container*/
#nav ul ul{
	background-color: #5B0000;
	padding: 0 1px 1px 1px;
}
/*Sublink Background color and amt of space dividing each*/
#nav li li{
	background-color: #760000;
	margin: 1px 0 0 0;
}
/*Sublink Rollover Background color*/
#nav li li:hover,
#nav li li.sfhover{
	background-color: #CC0000;
}

/*Sub-Sublink Background color and amt of space dividing each*/
#nav li li li{
	background-color: #CC0000;
}
/*Sub-Sublink Rollover Background color*/
#nav li li li:hover,
#nav li li li.sfhover{
	background-color: #FF0000;
}

/*-------------------------------------------------------------------------
WIDTHS FOR EACH SUBNAV & POSITIONING OF SUB-SUBNAV
-------------------------------------------------------------------------*/
#col-02 ul{
	width: 140px;
}
#col-02 li ul{
	margin-left: 140px;
}
#col-03 ul{
	width: 140px;
}
#col-03 li ul{
	margin-left: 140px;
}
#col-02 li ul,
#col-03 li ul{
	margin-top: -22px;
}

/*-------------------------------------------------------------------------
ARROWS BESIDE SUBLINKS WITH SUB-SUBLINKS
-------------------------------------------------------------------------*/
.arrow-right{
	background-image: url(/images/nav-arrow2.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}


/*-------------------------------------------------------------------------
NON Link Formatting
-------------------------------------------------------------------------*/
#col-01
{
	line-height: 31px;
	width: 139px;
	font-weight: bold;
	text-align: center;
}


#col-04
{
	width: 390px !important;
	padding: 0 0 0 162px !important;
}

#store-search-col-1,
#store-search-col-2,
#store-search-col-3,
#store-search-col-4{
	float: left;
}
#store-search-col-1{
	font-size: 10px;
	font-weight: bold;
	padding: 10px 5px 0 0;
	color: #FFFFFF;
}
#store-search-col-2{
	padding: 5px 0 0 0;
}
#store-search-col-2 input{
	font-size: 10px;
	width: 130px;
	background-color: #FFFFFF !important;
}
#store-search-col-3{
	padding: 5px 19px 0 2px;
}
#store-search-col-4{
	padding: 10px 0 0 0;
	font-size: 10px;
	font-weight: normal;
}
#store-search-col-4 a:link,
#store-search-col-4 a:visited{
	color: #CCCCFF;
}
#store-search-col-4 a:hover,
#store-search-col-4 a:active{
	color: #FFFFFF;
}