#HeaderContainerLinks{
	position:absolute;
	left:0;
	bottom:0;
	/*z-index:500*/
}
#mainNav{
	width:992px;
	text-align:left;
}
#mainNav ul{
	background:url(/images/generic/mainnav_bg.jpg) 0 4px repeat-x;
	height:48px
}
#mainNav ul li{
	float:left
}

#mainNav ul li.nav_main_sale a span{
    color:#f58b00; /*Sale Orange*/
}

#mainNav ul li.nav_main_offers a span{
    color:#bcb355; /*Offers Green*/
}  

#mainNav ul li.current {
	background:url(/images/generic/topmenu-bghover.jpg) 0 4px repeat-x;
}
#mainNav ul li.last{
	background:none!important;/*removed divided for last category*/
}
#mainNav ul li a{
	background:url(/images/generic/mainnav_divider.jpg) right 2px no-repeat;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	height:38px;
	display:block;
	margin-top:4px;
	padding-left:8px;
	padding-top:6px;
	white-space:nowrap
}
#mainNav ul li a:hover, #mainNav ul li.sfhover a {
	background:url(/images/generic/menu_tab.png) left top no-repeat;
	margin-top:0;
	padding-top:10px;
	color:#7c7c7b
}
#mainNav ul li span{
	padding-right:8px;
	display:block
}
#mainNav ul li a:hover span, #mainNav ul li.sfhover a span {
	background:url(/images/generic/menu_tab.png) right top no-repeat;
	margin-top:-10px;
	padding-top:10px
}
.dropdownContainer {
	display:none;
	width:992px;
	height:250px;
	position:absolute;
	left:0!important;
	overflow:hidden
}
#mainNav dl dd a, #mainNav dl dd a:hover{
	background:none;
	margin:0;
	padding:0;
	height:auto;
	display:inline;
}

#mainNav li:hover div, #mainNav li.sfhover div {
    left:auto;
    background-color: #e5e4e3; /* pale grey */
    display:block;
    padding:2px 0 2px 0;
    margin:0;
	background:url(/images/generic/menu_bg.png) 0 0 no-repeat;
}

#mainNav dl{
	float:left;
	height:190px;
	margin:0 10px 0 10px;
	min-height:190px;
	padding-top:28px
}
#mainNav dl.first{
	padding-top:0;
	min-height:218px;
	height:218px
}

#mainNav dl.last{
	border-right:1px solid #dcdcdb;
	padding-right:20px
}

#mainNav dl dt{
	font-size:12px;
	color:#333333;
	margin:10px 0 5px 6px;
	font-weight:bold;
}

#mainNav dl dd a {
	background:none !important;
	font-weight:normal;
	color:#666666;
	padding:3px 0 3px 6px !important;
	font-size:11px;
	display:block
}
#mainNav dl dd a:hover{
	display:block;
	text-decoration:none;
	background-color:#c5c4c3 !important;
	padding:3px 5px 3px 6px
}

/*marketing pods for navigation*/
#mainNav .marketingPod{
	float:right;
	margin:0 20px 0 0!important;
	background-image:none!important;
	text-align:center;

}
#mainNav .marketingPod p{
font-size:18px;
margin:10px 0 10px 0;
padding:0;
position:relative;
color:#4d4d4a;
}
#mainNav .marketingPod p em{
font-style:normal;
color:#54b0bb;
font-weight:bold;
}
#mainNav .marketingPod p.weLove em{
color:#b60050;
}
#mainNav .marketingPod p.bestSeller em{
color:#4d4d4a;
}
bestSeller
#mainNav .marketingPod a:hover{
	background-image:none!important;
}
#mainNav .marketingPod a{
	font-size:12px;
	color:#333333;
	padding-left:0!important;
	padding-top:0!important;
	background-image:none!important;
	height:auto!important;
}
#mainNav .marketingPod a:hover{
	background-image:none!important;
}
#mainNav .marketingPod a.subTitle{
	display:block;
	margin-top:10px;
}

/*
 * LEFT-HAND NAVIGATION
 * The remaining classes (as of Jan 2010) pertain to the left-hand navigation option. Most of the classes
 * are referenced within accordian.js, container.js, container.tpl and side_nav.inc plus adhoc references.
 */

 /* Containing div for the left hand navigation */
#sidenav {
    line-height:16px;
    font-weight: normal;
    border-right:solid #FFFFFF 1px;
}

/* Used to format the submenu title headings */
.sideNavSubHead {
    font-weight:bold;
    font-size:1.2em;
    line-height:20px;
    padding:7px 20px 11px 8px;
    background-image:url(/images/side_nav/nav_title_2.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
    background-color:#d8e1cf;
}

/* Mouseover effect for the submenu title heading */
.sideNavSubHead:hover{
    color:#FFFFFF;
    background-image:url(/images/side_nav/nav_title_1.gif);
    background-color:#989898;
}

/* Used to format the active submenu title heading */
.sideNavSubHeadActive {
    color:#ffffff;
    font-weight:bold;
    font-size:1.2em;
    line-height:20px;
    padding:7px 20px 11px 8px;
    background-image:url(/images/side_nav/nav_title_1.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
    background-color:#989898;
}

.internationalStores .sideNavSubHeadActive{

}
	

/* Children of the left-hand navigation options displayed and hidden via an accordian solution. */
.sideNavChild a{
    display:block;
    padding:8px 0px 8px 8px;
    border-top: dotted #CCCCCC 1px;
}

/* Mouseover effect for children of the left-hand navigation options */
.sideNavChild a:hover {
    color:#5f5d5a;
    text-decoration:none;
    background-color:#efebe2;
}

/* IE Fix */
* html .sideNavChild a{
    height:18px;
}

/* Active child from the left-hand navigation */
.sideNavChildActive a {
    display:block;
    padding:8px 0px 8px 8px;
    border-top: dotted #CCCCCC 1px;
    background-color:#ddd9d1;
}

/* IE Fix */
* html .sideNavChildActive a{
	height:18px;

}

/*
 * For those occasions where the submenu option can drill down to three layers (grandchildren) these
 * classes are used to format
 */
.sideNavGrandList {
	background-color:#FFFFFF;
}

/* Grandchild hyperlink of the left-hand navigation */
.sideNavGrandChild a{
	display:block;
	background-image:url(/images/buttons/arrow_footer.gif);
	background-repeat:no-repeat;
	background-position:15px center;
	padding:4px 0 4px 25px;
	border:none;
}

/* Format the active grandchild of any left-hand navigation option */
.sideNavGrandChildActive a{
	background-image:url(/images/buttons/arrow_footer.gif);
	background-repeat:no-repeat;
	background-position:15px center;
	padding:4px 0 4px 25px;
	border:none;
	display:block;
	font-weight:bold;

}

/*
 * Referenced in various TPL files
 */
.NavBox1 {
    width: 300px;
    border: 1px solid #CCCCCC;
    padding: 4% 0% 4% 1%;
    margin-top:4px;
}

/*
 * Referenced in various TPL files
 */
.NavBox1 ul {
    padding:0;
    margin:-5px 0 0 0;
}

/*
 * Referenced in various TPL files
 */
.NavBox1 ul li {
    list-style:none;
    background-position: left top;
    background-repeat:no-repeat;
    background-image: url(/images/borders/arrow.gif);
    margin: 5px 0 0 10px;
    padding:0 0 0 17px;
}

/*
 * Referenced in sleeping_bags.tpl and store_locator_mandp_stores.inc only!
 */
.NavBox2 {
    width: 98%;
    height: 1%;
    display: table;
    border: 1px solid #CCCCCC;
    background-color:#F9F9F9;
    padding: 4% 1%;
}

/*
 * Referenced in sleeping_bags.tpl and store_locator_mandp_stores.inc only!
 */
.NavBox2 ul li{
    width:36%;
    float:left;
    list-style:none;
    background-image:url(/images/footer/bullit_arrow.gif);
    padding-left:20px;
    margin-left: 15px;
    background-repeat:no-repeat;
    background-position:center left;
}