@import "csrNavStyle_ie.css";

#headerWrapper #logo {
	float:left; 
	padding:13px 0 12px 18px;   /*padding:15px 0 15px 20px; */
	margin:0 17px 0 0;  /*margin:0 17px 0 0;*/
	height:68px;
	width:91px;
	}

  /* +++++++++++++ Start Search Box styles +++++++++++++ */
 #headerWrapper #searchContainer {
        float:left;
        margin:28px 10px 0 30px;
        padding:0;   
        }
        
      #headerWrapper .bookends {
        float:left;
        margin:0;
        padding:0;       
        }
        
        #headerWrapper .mid {float:left; background-color:#DEDBD7; border:1px solid #A5A5A5; border-width: 1px 0 1px 0; height:35px;}
        
        #headerWrapper .searchBox {
        float:left;
        font-size: 1em; 
        font-family: verdana, arial, sans-serif; 
        color:#333333; 
        border:1px solid #CCCCCC; 
        padding:3px 0 5px 3px; 
        margin: 7px 3px 6px 5px; 
        height:12px; 
        width:156px;
        }
        
        #headerWrapper .searchBtn {float:left; width:19px; height:18px; margin: 8px 4px 0 0px;}
        
  /*  +++++++++++++ END Search Box styles +++++++++++++ */


    /* ++++++++ BEGIN Header navigation ++++++++++ */    
    
  /* +++++++++++++ BEGIN Header links styles, i.e. HUNT 1 (Header Upper Nav Tier 1) +++++++++++++   */
#headerWrapper ul#hunt1  {
	margin:40px 0 0 5px;
	padding:0 68px 0 0;
	list-style:none;	
	font-size:.9em;
	float:right;}

#headerWrapper ul#hunt1 li {
	float:left;}

#headerWrapper ul#hunt1 a {
	text-decoration:none;
	color:#333333;
	font-weight:bold;}	
	
#headerWrapper ul#hunt1 a:hover{
	text-decoration:underline;}

#headerWrapper ul#hunt1 li.phone {	
	font-weight:bold;}	
	
#headerWrapper ul#hunt1 .cartCount {
              font-weight:normal;
              }
	
#headerWrapper ul#hunt1Sub {
                width: 475px; 
                text-align:right; 
                list-style:none;
                font-size:.9em;
                margin:10px 0 0 0;
                padding:0 68px 0 0;
                float:right;
                }
#headerWrapper ul#hunt1Sub li {text-align:right;}
#headerWrapper ul#hunt1Sub li a {text-decoration:underline;}
	
/* +++++++++++++ END Header links styles +++++++++++++ */

	
/* +++++++++++++ Start Tab Nav style, i.e. HUNT 2 (Header Upper Nav Tier 2) +++++++++++++ */	
#headerWrapper ul#hunt2 {
	float:left;
	width:908px;
	font-weight:bold;
	font-size:0.8em;
	list-style-type: none;
	background-color: #d4cdc6;
	padding: 0px;
	margin: 0;	
	}

#headerWrapper ul#hunt2 li {
	float: left;
	height: 24px;
	margin: 0;
	padding:0;
	}


#headerWrapper #hunt2 a {
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	cursor: pointer; 
	text-align:center;
	font-weight:bold;
	font-size: 14px;
	font-family: Helvetica, Verdana, sans-serif;	
	height: 0px !important; 
	padding:11px 0 0 0; 
	margin:7px 0 0 0; 
	overflow: hidden; 
	}
	
#headerWrapper #hunt2 a:hover {
	height: 0px !important; 
	padding:11px 0 0 0; 
	margin:7px 0 0 0; 
	overflow: hidden; 
	}


 /* REI.com tab */
#headerWrapper #hunt2 a#reiLink {
        width: 110px; 
        background: #d4cdc6 url('/pix/common/rei_com_combo.gif') 31px 0px no-repeat;
        }

#headerWrapper #hunt2 a#reiLink:hover, #headerWrapper #hunt2 a#reiLink:focus {
        width: 110px; 
        background:#d4cdc6 url('/pix/common/rei_com_combo.gif') 31px -13px no-repeat;
        }
        
#headerWrapper ul#hunt2 li#current a#reiLink, #headerWrapper ul#hunt2 li#current a#reiLink:hover {
         width: 110px; padding:24px 0 0 0; margin:0px; 
        background:#687818 url('/pix/common/rei_com_active.gif') 31px 7px no-repeat;
        }

/* REI-OUTLET.com tab */
#headerWrapper #hunt2 a#outletLink {
        width: 130px; 
        background: #d4cdc6 url('/pix/common/rei_outlet_combo.gif') 17px 0px no-repeat;
        }

#headerWrapper #hunt2 a#outletLink:hover, #headerWrapper #hunt2 a#outletLink:focus {
        width: 130px; 
        background:#d4cdc6 url('/pix/common/rei_outlet_combo.gif') 17px -13px no-repeat;
        }
        
#headerWrapper ul#hunt2 li#current a#outletLink, #headerWrapper ul#hunt2 li#current a#outletLink:hover {
         width: 130px; padding:24px 0 0 0; margin:0px; 
        background:#993300 url('/pix/common/rei_outlet_active.gif') 17px 7px no-repeat; 
        }

/* REI Adventures tab */
#headerWrapper #hunt2 a#advLink {
        width: 136px; 
        background: #d4cdc6 url('/pix/common/rei_adventures_combo.gif') 17px 0px no-repeat;
        }

#headerWrapper #hunt2 a#advLink:hover, #headerWrapper #hunt2 a#advLink:focus {
        width: 136px; 
        background:#d4cdc6 url('/pix/common/rei_adventures_combo.gif') 17px -13px no-repeat;
        }
        
#headerWrapper ul#hunt2 li#current a#advLink, #headerWrapper ul#hunt2 li#current a#advLink:hover {
         width: 136px; padding:24px 0 0 0; margin:0px; 
        background:#51749F url('/pix/common/rei_adventures_active.gif') 17px 7px no-repeat; 
        }


/* EXPERT ADVICE tab */
#headerWrapper #hunt2 a#expertLink {
        width: 121px; 
        background: #d4cdc6 url('/pix/common/expert_advice_combo.gif') 17px 0px no-repeat;
        }

#headerWrapper #hunt2 a#expertLink:hover, #headerWrapper #hunt2 a#expertLink:focus {
        width: 121px; 
        background:#d4cdc6 url('/pix/common/expert_advice_combo.gif') 17px -13px no-repeat;
        }
        
#headerWrapper ul#hunt2 li#current a#expertLink, #headerWrapper ul#hunt2 li#current a#expertLink:hover {
         width: 121px; padding:24px 0 0 0; margin:0px; 
        background:#687818 url('/pix/common/expert_advice_active.gif') 17px 7px no-repeat; 
        }


/* Gift Registry tab */
#headerWrapper #hunt2 a#registryLink {
        width: 118px; 
        background: #d4cdc6 url('/pix/common/gift_registry_combo.gif') 17px 0px no-repeat;
        }

#headerWrapper #hunt2 a#registryLink:hover, #headerWrapper #hunt2 a#registryLink:focus {
        width: 118px; 
        background:#d4cdc6 url('/pix/common/gift_registry_combo.gif') 17px -13px no-repeat;
        }
        
#headerWrapper ul#hunt2 li#current a#registryLink, #headerWrapper ul#hunt2 li#current a#registryLink:hover {
         width: 119px; padding:24px 0 0 0; margin:0px; 
        background:#687818 url('/pix/common/gift_registry_active.gif') 17px 7px no-repeat; 
        }

/* Stewardship tab */
#headerWrapper #hunt2 a#stewardLink {
        width: 118px; 
        background: #d4cdc6 url('/pix/common/stewardship_combo.gif') 17px 0px no-repeat;
        }

#headerWrapper #hunt2 a#stewardLink:hover, #headerWrapper #hunt2 a#stewardLink:focus {
        width: 118px; 
        background:#d4cdc6 url('/pix/common/stewardship_combo.gif') 17px -13px no-repeat;
        }
        
#headerWrapper ul#hunt2 li#current a#stewardLink, #headerWrapper ul#hunt2 li#current a#stewardLink:hover {
         width: 119px; padding:24px 0 0 0; margin:0px; 
        background:#687818 url('/pix/common/stewardship_active.gif') 17px 7px no-repeat; 
        }


  /* +++++++++++++  END Tab Nav style, i.e. HUNT 2 +++++++++++++  */


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

#hunt3, #hunt3 *, #hunt3gr, #hunt3gr * {
	margin:0;
	padding:0;}

#hunt3 {
	float:left;
	margin-bottom:0em;
	width:904px;
	line-height: 1.3em;
	padding-left:4px;
	background:#687718;
	/*opacity:.999; added to prevent flicker from drop down in Firefox on a Mac */
	}
	
 #hunt3gr {            /* gift registry specific */
	float:left;
	margin-bottom:0em;
	width:736px;
	line-height: 1.3em;
	background:#687718;
	padding-left:172px;
	}
	
#hunt3 ul {
	background:#ffffff; /*IE6 needs this*/
	}

#hunt3 li, #hunt3gr li { /*categories/menu default list style*/
	background:#687718;
	border-left:0px solid #687718;
	border-top:0px solid #687718;
	float:left;
	list-style:none;
	position:relative;
	z-index:10;}

#hunt3 a, #hunt3gr a {  /*categories/menu default a style*/
	color:#ffffff;
	display:block;
	float:left; 
	padding: 4px 0 0 0;
	text-decoration:none;
	border-top:1px solid #687718;
	border-left:1px solid #687718;
	border-right:0px solid #687718;
	}
	

#hunt3 a:active, #hunt3 a:focus, #hunt3 a:visited {text-decoration:none;}

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

#hunt3 li a:hover { 
	text-decoration:none;
	}

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

/* Removing IE exceptions */
 /* *html #hunt3 li:hover > a,  *html #hunt3 li.sfHover > a,  *:first-child+html #hunt3 li:hover > a, *:first-child+html #hunt3 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:63px;text-align:center;}
.catCycle {width:54px;text-align:center;}
.catFitness {width:54px;text-align:center;}
.catTravel {width:50px;text-align:center;}
.catPaddle {width:64px;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;}
.catAll {width:98px;text-align:center;}

/*more Gift Registry specific hunt 3 styles */
#hunt3gr a:link {text-decoration:none;}
#hunt3gr a:visited, #hunt3gr a:hover, #hunt3gr a:focus, #hunt3gr a:active {text-decoration:underline;}

.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 */



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

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



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

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

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

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


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

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

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

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

/* Removing IE exceptions */
 /*  *html #hunt3 li li:hover > a,  *html #hunt3 li li.sfHover > a,  *:first-child+html #hunt3 li li:hover > a, *:first-child+html #hunt3 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 +++++++++++++  */

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

#hunt3 li:hover ul.campNav, ul#hunt3 li.sfHover ul.campNav {height:263px;} 
#hunt3 li:hover ul.climbNav, ul#hunt3 li.sfHover ul.climbNav {height:262px;} 
#hunt3 li:hover ul.cycleNav, ul#hunt3 li.sfHover ul.cycleNav {left:-17px; height:223px;}  
#hunt3 li:hover ul.fitnessNav, ul#hunt3 li.sfHover ul.fitnessNav {left:-65px; height:300px;}    
#hunt3 li:hover ul.paddleNav, ul#hunt3 li.sfHover ul.paddleNav {left:-118px; height:224px;}
#hunt3 li:hover ul.snowNav, ul#hunt3 li.sfHover ul.snowNav {left:-184px; height:265px;}
#hunt3 li:hover ul.travelNav, ul#hunt3 li.sfHover ul.travelNav {left:-270px; height:257px;} 
#hunt3 li:hover ul.menNav, ul#hunt3 li.sfHover ul.menNav {left:-330px; height:252px;}
#hunt3 li:hover ul.womenNav, ul#hunt3 li.sfHover ul.womenNav {left:-385px; height:277px;}
#hunt3 li:hover ul.kidsNav, ul#hunt3 li.sfHover ul.kidsNav {left:-445px; height:270px;}
#hunt3 li:hover ul.shoesNav, ul#hunt3 li.sfHover ul.shoesNav {left:-485px; height:183px;}
/*#hunt3 li:hover ul.shoesNav2, ul#hunt3 li.sfHover ul.shoesNav2 {left:-430px; height:345px;}*/
#hunt3 li:hover ul.brandNav, ul#hunt3 li.sfHover ul.brandNav {left:-575px; height:212px;}
#hunt3 li:hover ul.allCatNav, ul#hunt3 li.sfHover ul.allCatNav {left:-621px; height:267px;}
	

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

#hunt3 li li:hover ul, /* pure CSS hover is removed below */
ul#hunt3 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 +++++++++++++  */

#hunt3 li li.horizdots {				
    width: 143px;
    height:13px;
    margin-left:10px;
    /*background: #fff url(/pix/common/dot_horiz_several.gif) 13px 9px no-repeat;*/
    background: #fff url(/pix/common/dot_horiz.gif) 13px 9px repeat-x;
}

#hunt3 img.dotHori {padding:7px 0px 6px 8px;}
#hunt3 li li.subTitle {font-weight:bold; color:#333333;padding:6px 0px 3px 12px;}
#hunt3 li li.topNonTitle {padding-top:5px;}

#hunt3 li li.lastWithDots {
        position:absolute;
        bottom:10px;
        padding-top:10px;
        margin-top:11px;
        background: #fff url(/pix/common/dot_horiz_several.gif) 13px 0px no-repeat;
        }
#hunt3 li li.lastWithDotsMatchWrap {
        position:absolute;
        bottom:23px;
        padding-top:10px;
        margin-top:11px;
        background: #fff url(/pix/common/dot_horiz_several.gif) 13px 0px no-repeat;
        }
 * html #hunt3 li li.lastWithDots {position:fixed;}
*:first-child+html #hunt3 li li.lastWithDots {position:fixed;}

/* +++++++++++++  END drop down nav style, i.e. END HUNT 4 (Header Upper Nav Tier 4)  +++++++++++++  */

/* +++++++++++++ Begin Site Wide Messaging ++++++++++++++ */
#siteWideMsg {
    float:left;
    width: 908px; 
    height: 30px;   /* if changed, must adjust .showSiteWideMsg class in globalStyle.css accordingly */
    margin:0;
    padding:0;
    background: #9A8778;    
    text-align:center;
    }
    
#siteWideMsg p {
    color:#fff;
    font-size: 15px;
    font-weight:bold;
    margin:5px 0 0 0;
    padding:0;
    }

#siteWideMsg a {
    color:#fff;
    font-weight:normal;
    }
    
/* ++++++++ END Header navigation ++++++++++ */



/* ++++++++ BEGIN Sidebar navigation ++++++++++ */


#sidebarWrapper ul {
	padding:0;
	margin:0px 20px 14px 19px;
	list-style:none;}

#sidebarWrapper ul li {
	 padding:2px 0 2px 0;
	/* line-height:1.4em;*/
	 list-style:none;}


#sidebarWrapper a {
	color:#333333;
	text-decoration:none;}

#sidebarWrapper a:hover, #sidebarWrapper a:focus {
	text-decoration:underline;
	color:#859F09}

#sidebarWrapper .sbTitle {
	font-weight:bold;
	color:#333333;}




/* start search sidebar 

.searchStyle #sidebarWrapper ul {
	padding:0;
	margin:0px 0 0px 13px;
	list-style:none;}

.searchStyle #sidebarWrapper ul li {
	 padding:2px 0 2px 0;
	 list-style:none;}

.searchStyle #sidebarWrapper .sbTitle {
                padding:0 0 2px 14px;
                font-weight:bold;
                color:#333333;
                background: url(/pix/common/tiny_arrow_down.gif) 0 5px no-repeat;
                cursor:pointer;
                }

.searchStyle #sidebarWrapper .sbTitle:hover, .searchStyle #sidebarWrapper .sbTitle:focus {
                padding:0 0 2px 14px;
                font-weight:bold;
                color:#333333;
                background: url(/pix/common/tiny_arrow_right.gif) 1px 5px no-repeat;
                cursor:pointer;
                }
*/
/* 'a' required for tabbing */ 
/*
.searchStyle #sidebarWrapper .sbTitle a {
                font-weight:bold;
                color:#333333;
                text-decoration:none;
                }

.searchStyle #sidebarWrapper .sbTitle a:hover, .searchStyle #sidebarWrapper .sbTitle a:focus {
                font-weight:bold;
                color:#333333;
                text-decoration:none;
                }

.searchStyle #sidebarWrapper .sbTitleClosed {
                padding:0 0 2px 14px;
                font-weight:bold;
                color:#333333;
                background: url(/pix/common/tiny_arrow_right.gif) 1px 5px no-repeat;
                cursor:pointer;
                }

.searchStyle #sidebarWrapper .sbTitleClosed:hover, .searchStyle #sidebarWrapper .sbTitleClosed:focus {
                padding:0 0 2px 14px;
                font-weight:bold;
                color:#333333;
                background: url(/pix/common/tiny_arrow_down.gif) 0 5px no-repeat;
                cursor:pointer;
                }

.searchStyle #sidebarWrapper .sbToggle ul {
                padding:0;
                margin:0px 0 12px 0px;
                list-style:none;
                }

.searchStyle #sidebarWrapper .sbToggle ul li {
                padding:2px 0 4px 14px;  /* Padding on bottom of this li is greater than standard sidebar because there are more options that wrap lines, so adding padding increases readability */
 /*               list-style:none;
                }


.searchStyle #sidebarWrapper a {
	color:#333333;
	text-decoration:none;
	}

.searchStyle #sidebarWrapper a:hover, .searchStyle #sidebarWrapper a:focus {
	text-decoration:underline;
	color:#859F09;
	}
/* END search sidebar */

		
/* ++++++++ END Sidebar navigation ++++++++++ */





/* ++++++++ BEGIN Footer navigation ++++++++++ */

#footerWrapper ul {
                width:166px;
                padding:0 10px 0 0;
                margin:0;
                list-style:none;
                float:left;
                }
                
#footerWrapper ul li {
                padding:2px 0 2px 0;
                margin:0;
                list-style:none;
                }

#footerWrapper a {
	color:#333333;
	text-decoration:none;}
	
#footerWrapper a:hover {
	text-decoration:underline;
	color:#333333;}

#footerWrapper .ftTitle {
	font-weight:bold;
	color:#333333;}
	
#footerWrapper .ftTitle2 {
               padding-top:15px;
               font-weight:bold;
	color:#333333;}

#footerWrapper a.details {
text-decoration:underline;
	color:#333333;
	}

#footerWrapper input.email, #footerWrapper input.findStore {
	font-size: 1em; 
	font-family: verdana, arial, sans-serif; 
	color:#999999; 
	border:1px solid #ccc; 
	padding:4px 0 0 4px; 
	margin: 4px 0px 5px 0; 
	height:18px; 
	width:126px; }

#footerWrapper input.email {
	width:140px;}

#footerWrapper .imgSignup,  #footerWrapper .imgFindStore {
    margin-top:5px;
	display:block;
    border:none;}

/*  +++++++++++++  END Footer navigation  +++++++++++++  */