/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
 /* Top Nav */
 #header_items a{
	margin-top:0px;
	width:960px;
	height:5px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
 #header_items a{
 	font:Verdana, Arial, Helvetica, sans-serif 12px;
	color: #f9e1ff;
	padding:3px;
	}
#header_items a:hover { 
background-color:64496c; 
padding:3px;
}

#header_items ul {
	float:right;
	height:5px;
	padding-top:0px;
	margin-top:0px;
	list-style-type:none;
}


#header_items li, a {
    display: inline; 
	padding-right:5px;
}

#header_items a.trigger {
	padding-right:5px;
	text-align: center;
	display: inline;
	color: #fff;
	zoom: 1; /* :hack: make all clickable in IE6 */
}

#header_items a.trigger:focus, #header_items a.trigger:hover {
	color: #ADDFED;
}

#header_items .header_item {
	position: absolute;
	float:right;
	z-index: 1000;
	margin: 10px 0 0;
	font-size: 1.1em;
	border: 1px solid #875a93;
	background: #5a3564;
	padding: 10px;
	width: 320px;
	height: auto;
	display: none;
}

#header_items .triggered .header_item {
	display: block;
}

#header_items .header_item ul {
	margin: 0 auto;
	width: auto;
	zoom: 1;
}
#header_items .header_item ul:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }

#header_items .header_item li {
	float: left;
	border: none;
	font-size: 1em;
	margin: 0 5px 0 0;
}


/*Main Navigation */

.mainnav_cont {
	position: relative;
	height:35px;
	width:960px;
	background:url('../images/navmain_bg.gif') no-repeat top;
	padding:0px;
	margin:0px;
	clear:both;
}
.mainnav { }
.mainnav li {
	float: left;
	list-style:none;
}
.mainnav li a {
			font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        height: 30px;
                        margin: auto 8px;  
			border:none;  
			margin-top:3px;
			float: left;	
			padding-top:6px
}
.mainnav li a img{ text-decoration:none; border:none;}
.mainnav li a:hover, .mainnav li a:active, .mainnav li a:visited {
                            border: none;
                        }
/* End Main Nav */
	
 /* Main Navigation Lava */
 	       .lavaLampWithImage {
            position: relative;
            height: 35px;
            width: 960px;
            background: url("../images/navmain_bg.gif") no-repeat top;
            padding: 0px;
            margin: 0px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("../images/nav-lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
						margin-top:1.5px;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../images/nav-lava.gif") no-repeat top left -30px;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
						font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 8px;  
						border:none;  
						margin-top:3px;
                    }
					  .lavaLampWithImage li a img{ text-decoration:none; border:none;}
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }
/*End main nav lava */

#nav { float:left; margin-top:15px; margin-left:15px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative;text-transform:uppercase; text-align:left;	}
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; margin:1px 8px 11px 1px; padding:3px 8px; }
#nav li.active a { color:#444; }
#nav a { float:left; background:url(../images/nav_top_level_arrow.gif) no-repeat 100% 50%; padding-right:11px; color:#444; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#444; }
#nav li.over,
#nav li.active { margin:0 7px 10px 0; border:1px solid #bbb; background:#ececec; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; }
#nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:22px; left:-10000px; border:1px solid #bbb; border-bottom:2px solid #999; padding:3px 8px; background:#fcfcfc; font-size:11px; }

/* Show menu */
#nav li.over > ul { left:-1px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { padding:3px 0; color:#444 !important; }
#nav ul li a:hover { padding:3px 0; color:#5a7f00 !important; }

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }


















#navmenu, #navmenu *, #navmenugr, #navmenugr *, #navmenuea, #navmenuea * {
	margin:0;
	padding:0;
	font-size:11px;
	
	}

#navmenu {
	float:left;
	margin-bottom:0em;
	width:954px;
	line-height: 1.3em;
	padding-left:4px;
	background:#2c2a2b;
	/*opacity:.999; added to prevent flicker from drop down in Firefox on a Mac */
	}
	
 #navmenugr {            /* gift registry specific */
	float:left;
	margin-bottom:0em;
	width:736px;
	line-height: 1.3em;
	background:#2c2a2b;
	padding-left:172px;
	}
	
#navmenuea {            /* expert advice specific */
	float:left;
	margin-bottom:0em;
	width:777px;
	line-height: 1.3em;
	background:#2c2a2b;
	padding-left:131px;
	}
	
#navmenu ul {
	background:#ffffff; /*IE6 needs this*/
	}

#navmenu li, #navmenugr li, #navmenuea li { /*categories/menu default list style*/
	background:#2c2a2b;
	border-left:0px solid #fff;
	border-top:0px solid #7a0808;
	float:left;
	list-style:none;
	position:relative;
	z-index:10;}

#navmenu a, 
#navmenugr a,
#navmenuea a {  /*categories/menu default a style*/
	color:#ffffff;
	display:block;
	float:left; 
	padding: 4px 0 0 0;
	text-decoration:none;
	border-top:1px solid #7a0808;
	border-left:1px solid #262425;
	border-right:0px solid #7a0808;
	}
	

#navmenu a:active, #navmenu a:focus, #navmenu a:visited,
#navmenugr a:active, #navmenugr a:focus, #navmenugr a:visited,
#navmenuea a:active, #navmenuea a:focus, #navmenuea a:visited {
        text-decoration:none;}


#navmenu li:hover, #navmenu li.sfHover,
#navmenu li:hover a.catList, #navmenu li.sfHover a.catList,
#navmenu li a.catList:focus, #navmenu li a:hover, #navmenu li a:active {
             	color:#880338;
	background:#ffffff;
	font-weight:bold;
	}

#navmenu li a:hover { 
	text-decoration:none;
	}
	
#navmenugr li a:hover, #navmenuea li a:hover  { 
	text-decoration:underline;
	}

#navmenu li:hover > a, #navmenu li.sfHover > a { /*style when hovering on categories */
               background:#ffffff;
	color:#880338;
	font-weight:bold;
	text-decoration:none;}
	
#navmenu * a.catList:hover {
               color:#880338;
	font-weight:bold;
	text-decoration:none;}
		
#navmenu * a.catList:focus, #navmenu * a.catList:active {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;}

/* Removing IE exceptions */
 /* *html #navmenu li:hover > a,  *html #navmenu li.sfHover > a,  *:first-child+html #navmenu li:hover > a, *:first-child+html #navmenu li.sfHover > a  {letter-spacing: -0.1em; text-decoration:none;}  IE only spacing control */


/* BEGIN width of each category */
.catList {height:23px; text-decoration:none;}

.catCamp {width:120px;text-align:center;}
.catClimb {width:120px;text-align:center;}
.catCycle {width:120px;text-align:center;}
.catFitness {width:120px;text-align:center;}
.catTravel {width:120px;text-align:center;}
.catPaddle {width:120px;text-align:center;}
.catSnow {width:83px;text-align:center;}
.catMen {width:44px;text-align:center;}
.catWomen {width:66px;text-align:center;}
.catKids {width:37px;text-align:center;}
.catShoes {width:100px;text-align:center;}
.catBrands {width:54px;text-align:center;}


/*more Gift Registry specific hunt 3 styles */

.catRegHome {width:114px;text-align:center; height:23px; text-decoration:none;}
.catRegInfo {width:155px;text-align:center; height:23px; text-decoration:none;}
.catRegShopAll {width:147px;text-align:center; height:23px; text-decoration:none;}
.catRegContact {width:89px;text-align:center; height:23px; text-decoration:none;}
.catRegHelp {width:49px;text-align:center; height:23px; text-decoration:none;}
/*end of Gift Reg specific styles */


/* more Expert Advice Specific hunt 3 styles */
.catCampArticles {width:130px;text-align:center; height:23px; text-decoration:none;}
.catClimbArticles {width:78px; text-align:center; height:23px; text-decoration:none;}
.catCycleArticles {width:70px;text-align:center; height:23px; text-decoration:none;}
.catFitnessArticles {width:120px;text-align:center; height:23px; text-decoration:none;}
.catTravelArticles {width:66px;text-align:center; height:23px; text-decoration:none;}
.catPaddleArticles {width:78px;text-align:center; height:23px; text-decoration:none;}
.catSnowArticles {width:96px;text-align:center; height:23px; text-decoration:none;}
/* end EA hunt 3 styles */



/*  +++++++++++++ END width of each category +++++++++++++  */

/*  +++++++++++++ END HUNT 3 (Header Upper Nav Tier 3) +++++++++++++  */



/* +++++++++++++  Begin HUNT 4 (Header Upper Nav Tier 4) +++++++++++++  */

#navmenu li ul { /* menu default UL setting */
	float:none;
	top:-999em;
	position:absolute;
	border-bottom:1px solid #000000;	
	width:170px;
	margin-top:6px;
	z-index:100;
	padding:8px 5px 5px 5px;}

#navmenu li ul.col1 { /*menu column 1*/
	border-left:1px solid #000000;
	}
	
#navmenu li ul.col2 {  /*menu column 2*/
	margin-left:180px;
	background: #fff url(../images/dot_vert.gif) 0 repeat-y;
	border-right:1px solid #000000;
	}

#navmenu li ul.col3 {  /*menu column 3  */
	margin-left:360px; 
	border-right:1px solid #000000;
	background: #fff url(../images/dot_vert.gif) 0 repeat-y;
	}
	
#navmenu li ul.col4 {  /*menu column 4*/
	margin-left:540px; 
	border-right:1px solid #000000;
	background: #fff url(../images/dot_vert.gif) 0 repeat-y;
	}


/* BEGIN menu LI LI styling */
#navmenu li li {
	background:#fff;
	padding-left:6px;
	padding-top:3px;
	line-height:13px;
	}

#navmenu li li a {
	float:none;
	width:155px;   /* width:150px;*/
	padding:2px 0px 2px 6px;
	border:0px solid #fff;
	margin:0;
	color:#880338;	
	text-decoration:none;
	font-weight:normal;}

#navmenu li li a:hover {
	border:0px solid #fff;
	background:#fff;
	position:relative;
	padding-bottom:2px;
	top:0px;
	text-decoration:underline;
	font-weight:normal;}

#navmenu li li:hover > a, #navmenu li li.sfHover > a {
	color:#880338;
	padding-bottom:2px;
	font-weight:normal;
	text-decoration:underline;}

/* Removing IE exceptions */
 /*  *html #navmenu li li:hover > a,  *html #navmenu li li.sfHover > a,  *:first-child+html #navmenu li li:hover > a, *:first-child+html #navmenu li li.sfHover > a  {letter-spacing: 0; text-decoration:underline;}   IE only spacing control*/


/*  this is to insure that the drop down menu stays on top of an embeded flash object  (not needed because of how we embed the flash)
embed, object { 
	position: relative;
	z-index: 0;
	}
	*/ 
/*  +++++++++++++ END menu styling +++++++++++++  */



/* +++++++++++++  BEGIN these styles determines the position and height of the menu +++++++++++++  */

#navmenu li:hover ul, ul#navmenu li.sfHover ul {
	left:0px;
	top:22px;}

#navmenu li:hover ul.campNav, ul#navmenu li.sfHover ul.campNav {height:329px;} 
#navmenu li:hover ul.climbNav, ul#navmenu li.sfHover ul.climbNav {height:280px;} 
#navmenu li:hover ul.cycleNav, ul#navmenu li.sfHover ul.cycleNav {left:-17px; height:308px;}  
#navmenu li:hover ul.fitnessNav, ul#navmenu li.sfHover ul.fitnessNav {left:-65px; height:266px;}    
#navmenu li:hover ul.paddleNav, ul#navmenu li.sfHover ul.paddleNav {left:-118px; height:266px;}
#navmenu li:hover ul.snowNav, ul#navmenu li.sfHover ul.snowNav {left:-184px; height:308px;}
#navmenu li:hover ul.travelNav, ul#navmenu li.sfHover ul.travelNav {left:-270px; height:294px;} 
#navmenu li:hover ul.menNav, ul#navmenu li.sfHover ul.menNav {left:-330px; height:273px;}
#navmenu li:hover ul.womenNav, ul#navmenu li.sfHover ul.womenNav {left:-385px; height:287px;}
#navmenu li:hover ul.kidsNav, ul#navmenu li.sfHover ul.kidsNav {left:-445px; height:294px;}
#navmenu li:hover ul.shoesNav, ul#navmenu li.sfHover ul.shoesNav {left:-485px; height:224px;}
#navmenu li:hover ul.brandNav, ul#navmenu li.sfHover ul.brandNav {left:-575px; height:231px;}


#navmenu li:hover li ul,
#navmenu li.sfHover li ul {
	top:-999em;}

#navmenu li li:hover ul, /* pure CSS hover is removed below */
ul#navmenu li li.sfHover ul {
	left:9.45em;
	top:-1px;
	width:9.45em;
}
  
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top:-999em;}

/* +++++++++++++  END these styles determines the position and height of the menu +++++++++++++  */

#navmenu li li.subTitle {font-weight:bold; color:#333333; padding-left: 12px; padding-top:5px; padding-bottom:2px;} 
#navmenu img.dotHori {padding:9px 0px 3px 8px;}
#navmenu li li.catCatchAll {        
        padding-top:10px;
        margin-top:13px;
        background: #fff url(../images/dot_horiz_several.gif) 14px 0px no-repeat;
        }