/* Main stylesheet for layout */

html, body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	background-image:url(/images/bg-repeat.png);
	background-position:center 0;
	background-repeat:repeat-x;
	background-color:#0053a0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#333;
}

#container {
	min-height:100%;
	position: relative; 
	background-image:url(/images/bg-body-repeat.png);
	background-position:center 0;
	background-repeat:repeat-y;
}

#body-wrapper {	
	padding-top: 210px; /* Change to height of header */	
	min-width: 970px;
}
	#body-wrapper .b-w1 {
		background-image:url(/images/bg-body-top.jpg);
		background-position:center 0;
		background-repeat:no-repeat;
		min-height:990px;
	}
	
.section-inner { 
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}

/* --HEADER-- */
#header { 
	top: 0; left: 0;
	position: absolute;
	height: 210px; /* Change to correct height */
	width: 100%;
	z-index: 10;
	background-image:url(/images/bg-header-fall.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
}
	#header .h-w2 {
		position:relative;
		height:210px;
		overflow:visible;
		/*background-image:url(/images/bg-header.jpg);
		background-position:center 0;
		background-repeat:no-repeat;	*/	
	}
	
	#mainnavigation, #utilities, #logo, #social-media, #search, #home-link {
		position: absolute;
	}
	#mainnavigation {		
		z-index: 20;
		top: 0;
		left: 205px;
		width:566px;
	}
		#mainnavigation ul, #social-media ul, #search ul, #utilities ul { 
			margin:0;
			padding:0;
			zoom:1;
		}
			#mainnavigation li, #social-media li, #search li, #utilities li { 
				margin:0;
				padding:0;
				float:left;
				display:inline;
			}
				#mainnavigation li a, #social-media li a, #utilities li a { 
					height:1px;
					padding-top:39px;
					overflow:hidden;
					display:block;
				}
				#mainnavigation li a:hover, #mainnavigation li a.hover, #social-media li a:hover, #utilities li a:hover { 
					background-position:0 -40px;
				}
				#mainnavigation li a.active, #mainnavigation li a:hover.active {
					background-position:0 -80px;
				}
				#mainnavigation li#nav-products a { 
					background-image:url(/images/nav-products.png);
					width:112px;
				}
				#mainnavigation li#nav-about a { 
					background-image:url(/images/nav-about.png);
					width:98px;
				}
				#mainnavigation li#nav-reviews a { 
					background-image:url(/images/nav-reviews.png);
					width:157px;
				}
				#mainnavigation li#nav-events a { 
					background-image:url(/images/nav-events.png);
					width:83px;
				}
				#mainnavigation li#nav-contact a { 
					background-image:url(/images/nav-contact.png);
					width:116px;
				}
	#logo {
		top: 0px;
		left: 15px;
	}
	a#home-link {
		top:0;
		left:155px;
		display:block;
		overflow:hidden;
		background-image:url(/images/btn-home.png);
		background-repeat:no-repeat;
		background-position:0 0;
		height:1px;
		padding-top:39px;
		width:50px;
	}
	a#home-link:hover {
		background-position:0 -40px;
	}
	#social-media {
		top:0;
		right:6px;
		width:96px;
	}
		#social-media li#btn-facebook a {
			background-image:url(../images/btn-facebook.png);
			width:32px;
		}
		#social-media li#btn-twitter a {
			background-image:url(../images/btn-twitter.png);
			width:38px;
		}
		#social-media li#btn-wordpress a {
			background-image: url(../images/btn-wordpress.png);
			width:26px;
		}
	#search {
		top:66px;
		right:26px;
		width:188px;
	}
		#search .txt-search {
			border:none;
			width:111px;
			font-size:11px;			
			margin-top:7px;
			margin-right:1px;
			padding-left:3px;
		}
		#search .btn-search {
			background-color:transparent;
			background-image:url(/images/btn-search.png);
			background-repeat:no-repeat;
			background-position:0 0;
			width:73px;
			height:1px;
			padding-top:28px;
			overflow:hidden;
			display:block;
		}
		#search .btn-search:hover {
			background-position:0 -29px;			
		}
	#utilities { 
		top:104px;
		right:15px;
		width:220px;
	}
		#utilities li#util-account a {
			background-image:url(/images/util-account.png);
			width:124px;
		}
		#utilities li#util-cart a {
			background-image:url(/images/util-cart.png);
			width:96px;
		}
	#header-banner {
		position:absolute;
		width:485px;
		left:235px;
		top:40px;
	}
/* --CONTENT-- */
#content { 
	position: relative; 
}
	#content .c-w1 {
	}
	#content .c-w2 { 
		overflow: hidden; 
		padding-bottom:260px;
	}
	#subnav, #content-body {
		float: left;
	}
	#content-body {
		width:700px;
		padding-right:45px;
		position: relative;
		left: 210px; top: 0;
	}
	.no-subnav #subnav {
		visibility:hidden;
	}
	#subnav { /* Appears after content-body in markup, but often is shifted to the left */
		width: 170px;
		position: relative;
		left: -745px; top: 0;
		padding-left:10px;
	}
		#subnav ul.L2 {}
			#subnav li.L2 {
				padding-bottom:1px;
				zoom:1;
			}
				#subnav li.L2 a.L2, #subnav .feature-link {
					background-image:url(/images/subnav-normal.png);
					background-repeat:no-repeat;
					background-position:0 0;
					display:block;
					width:170px;
					height:23px;
					overflow:hidden;
					color:#1a1a1a;
					text-decoration:none;
					text-transform:uppercase;
					line-height:16px;
					font-size:11px;
					font-weight:normal;
					padding:5px 0 0 17px;
				}
				#subnav li.L2 a.L2:hover, #subnav .feature-link:hover {
					background-position:0 -28px;
				}
				#subnav li.L2 a.active, #subnav li.L2 a.active:hover, #subnav .feature-link.active, #subnav .feature-link.active:hover {
					background-position:0 -56px;
					color:#fff;
				}
				#subnav .feature-link {
					background-image:url(/images/subnav-feature.png);
					color: #fff;
				}				
			#subnav ul.L3 {
				background-image:url(/images/bg-subnav-l2.png);
				background-position:0 0;
				background-repeat:repeat-y;
				margin-left:5px;
				margin-bottom:-1px;
				padding:4px 0 0px 0;
			}
				#subnav li.L3 {
					background-image:url(/images/subnav-l2-line.png);
					background-position:0 bottom;
					background-repeat:no-repeat;
					zoom:1;			
				}
				#subnav ul.L3 li.last-child {
					/*background:none;*/
				}
					#subnav li.L3 a.L3 {
						text-transform:capitalize;
						text-decoration:none;
						color:#333333;
						padding:2px 0 5px 30px;
						display:block;
						font-size: 11px;
					}
					#subnav li.L3 a.L3:hover {
						color:#d6242b;
					}
					#subnav li.L3 a.active, #subnav li.L3 a:hover.active {
						color:#d6242b;
						background-image:url(/images/subnav-l2-active.png);
						background-repeat:no-repeat;
						background-position:16px center;
					}

		#brand-search {
			background-image:url(/images/bg-brand-search.png);
			background-repeat:no-repeat;
			background-position:0 0;
			width:170px;
			height:113px;
			padding:34px 0 0 19px;
			font-size:11px;
			margin-top:25px;
		}
			#brand-search p {
				margin:0;
				padding:0;
				line-height:16px;
				width:120px;
			}
			#brand-search select {
				border:solid 1px #7f9db9;
				font-size:11px;
				color:#333;
				padding:2px;
				width:130px;
				margin-top:7px;
			}

		#dhtml-product, #dhtml-about {
			display:none;
			z-index:99999;
		}
		#dhtml-product {
			background-image:url(/images/bg-dhtml-products2.png);
			width:880px;
			height:308px;
			padding-left: 2px;
		}
			#product-male, #product-female, #product-equipment {
				height: 300px;
				float: left;
			}
			#product-male {
				width: 300px;
				position: relative;
			}
				#product-male-top {position: absolute; top: 45px; left: 35px;}
				#product-male-bottom {position: absolute; top: 45px; left: 165px;}
					
			#product-female {
				width: 300px;
				position: relative;
			}
				#product-female-top {position: absolute; top: 45px; left: 35px;}
				#product-female-bottom {position: absolute; top: 45px; left: 165px;}
					
			#product-equipment {
				width: 270px;
				position: relative;
			}
				#icon-container {position: absolute; top: 63px; left: 35px;}
				#dhtml-product #product-equipment a {
					display: block;
					height: 23px;
					padding-left: 35px;
					padding-top: 5px;
					font-size: 11px;
					color: #ccc;
				}
					#dhtml-product #product-accessories {background: url(../images/icon-accessories.png) no-repeat;}
                    #dhtml-product #product-footwear {background: url(../images/icon-footwear.png) no-repeat;;}
                    #dhtml-product #product-backpacks {background: url(../images/icon-backpacks.png) no-repeat;}
                    #dhtml-product #product-trail {background: url(../images/icon-trail.png) no-repeat;}
                    #dhtml-product #product-camping {background: url(../images/icon-camping.png) no-repeat;}
                    #dhtml-product #product-climbing {background: url(../images/icon-climbing.png) no-repeat;}
                    #dhtml-product #product-ski {background: url(../images/icon-ski.png) no-repeat;}
			#dhtml-product strong {
				color:#e9af10;
				font-size:11px;
				font-weight:bold;
			}
			#dhtml-product ul, #dhtml-about ul {
				padding:0;
				margin:0;
			}
			#dhtml-product ul {
				margin:18px 0 0 2px;
			}
				#dhtml-product li, #dhtml-about li {
					list-style:none;
					padding-bottom:5px;
				}
					#dhtml-product .heading-link a {
						color: #e9af10;
						background: none;
						font-weight: bold;
						padding-left: 0px;
					}
					
					
					
					
					
					
					#dhtml-product a, #dhtml-about a {
						color:#fff;
						text-decoration:none;
						font-size:11px;
						background-image:url(/images/dhtml-bullet.png);
						background-repeat:no-repeat;
						background-position:0 center;
						padding:0 0 0 10px;
					}
					#dhtml-product a:hover, #dhtml-about a:hover {
						text-decoration:underline;
					}
		#dhtml-about {
			background-image:url(/images/bg-dhtml-about.png);
			width:168px;
			height:177px;
		}
			#dhtml-about ul {
				margin:20px 0 0 26px;
			}
		
/* --FOOTER-- */
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	background-image:url(/images/bg-footer.png);
	background-repeat:no-repeat;
	background-position:center 0;
	height:276px;
	font-size:11px;
}
#footer a {
	color:#3181cb;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}	
	#footer .f-w2.section-inner {
		padding:0 15px;
		width:940px;
		padding-top:90px;
		position:relative;
		height:186px;
	}
		#bottomlinks {
			overflow:hidden;
			color:#fdc82f;
		}
		#bottomlinks strong {
			color:#fdfdfd;
			font-size:13px;
		}
		#bottomlinks a {
			color:#fdc82f;
		}
		#bottomlinks ul { }
			#bottomlinks ul li {
				line-height:18px;
			}
			#shopping-policies, #whats-happening, #mailing-list, #credit-cards {
				float:left;
				display:inline;
			}
			#shopping-policies ul, #whats-happening ul {
				padding-top:6px;
			}
			#shopping-policies {
				width:115px;
				margin-left:25px;
			}
			#whats-happening {
				width:120px;
				margin-left:35px;
			}
			#mailing-list {
				width:235px;
				margin-left:40px;
				overflow:hidden;
			}
				#mailing-list ul {
					padding-top:4px;
				}
					#mailing-list li {
						float:left;
					}
					#mailing-list .txt-email {
						/*margin-left:22px;
						margin-top:3px;
						border:none;
						width:127px;
						height:15px;
						font-size:11px;*/
						background-color: transparent;
    border: medium none;
    font-size: 11px;
    height: 15px;
    margin-left: 22px;
    margin-top: 3px;
    padding-top: 5px;
    width: 127px;
					}
					
					#mailing-list .btn-signup {
						/*display:block;
						overflow:hidden;
						background-image:url(/images/btn-signup.png);
						background-repeat:no-repeat;
						background-position:0 0;
						width:80px;
						height:1px;
						padding-top:23px;
						margin-left:6px;*/
						background-image: url("/images/btn-signup.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 24px;
    margin-left: 6px;
    overflow: hidden;
    width: 80px;
    margin-top:4px;
					}
					#mailing-list .btn-signup:hover {
						background-position:0 -24px;
					}
				#mailing-list p {
					color:#fdc82f;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					padding:6px 0 0 0;
					line-height:18px;
				}
			#credit-cards {
				margin:2px 0 0 19px;
				background-image:url(/images/geotrust.png);
				background-position:0 0;
				background-repeat:no-repeat;
				width:95px;
				height:45px;
			}
#footer #copyright, #footer #credit {
	color:#3281cb;
	position:absolute;
	top:235px;
}
#footer #copyright { 
	left:40px;
}
#footer #credit { 
	right:40px;
}
#footer #copyright span {
	color:#fff;
}
#footer #copyright a {
	color:#fdc82f;
	text-decoration:underline;
}
#footer #copyright a:hover {
	text-decoration:none;
}

 #home-brands {
	width: 912px;
	min-height: 277px;
	background: url(/images/home/bg-brands.gif) no-repeat;
	
	left: -186px;
	top: 700px;	
	padding-left: 28px;
	padding-top: 55px;
}			
#home-brands a {
	color: #0053a0;
}
	#home-brands ul {margin: 0px; padding: 0px;}
		#home-brands ul li {list-style: none; float: left; margin-right: 7px; margin-bottom: 7px; display: inline}
			#home-brands ul li a {
				width: 121px;
				height: 1px;
				padding-top: 76px;
				display:block;
				overflow: hidden;
				background-repeat: no-repeat;
			}
			#home-brands ul li a:hover {background-position: 0 -77px;}
			
				#brand1 {background: url(/images/home/brand1.png);}
				#brand2 {background: url(/images/home/brand2.png);}
				#brand3 {background: url(/images/home/brand3.png);}
				#brand4 {background: url(/images/home/brand4.png);}
				#brand5 {background: url(/images/home/brand5.png);}
				#brand6 {background: url(/images/home/brand6.png);}
				#brand7 {background: url(/images/home/brand7.png);}
				#brand8 {background: url(/images/home/brand8.png);}
				#brand9 {background: url(/images/home/brand9.png);}
				#brand10 {background: url(/images/home/brand10.png);}
				#brand11{background: url(/images/home/brand11.png);}
				#brand12 {background: url(/images/home/brand12.png);}
				#brand13 {background: url(/images/home/brand13.png);}
				#brand14 {background: url(../images/home/brand14.png);}
				#brand15 {background: url(../images/home/brand15.png);}
				#brand16 {background: url(../images/home/brand16.png);}
				#brand17 {background: url(../images/home/brand17.png);}
				#brand18 {background: url(../images/home/brand18.png);}
				#brand19 {background: url(../images/home/brand19.png);}
				#brand20 {background: url(../images/home/brand20.png);}
				#brand21 {background: url(../images/home/brand21.png);}

#brands-we-carry {
	/*width: 912px;*/
	min-height: 277px;
	/*background: url(/images/home/bg-brands.gif) no-repeat;*/
	
	left: -186px;
	top: 700px;	
	/*padding-left: 28px;*/
	padding-top: 20px;
}			
#brands-we-carry a {
	color: #0053a0;
}
	#brands-we-carry ul {margin: 0px; padding: 0px;}
		#brands-we-carry ul li {list-style: none; float: left; margin-right: 7px; margin-bottom: 7px; display: inline}
			#brands-we-carry ul li a {
				width: 121px;
				height: 1px;
				padding-top: 76px;
				display:block;
				overflow: hidden;
				background-repeat: no-repeat;
			}
			#brands-we-carry ul li a:hover {background-position: 0 -77px;}
			#brands-we-carry #home-bottom-left {
				clear: both;
			}