/* Main stylesheet for layout */

.clear {
	clear: both;
}
body {
	background-image:url(../images/bg-repeat.png);
	background-position:center 0;
	background-repeat:repeat-x;
	background-color:#0053a0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

#body-wrapper {	
	min-height:100%;
	position: relative; 
	padding-top: 210px; /* Change to height of header */
	min-width: 970px;
	background-image:url(../images/bg-body-repeat.png);
	background-position:center 0;
	background-repeat:repeat-y;
}
	#body-wrapper .b-w1 {
		background-image:url(../images/bg-body-top.jpg);
		background-position:center 0;
		background-repeat:no-repeat;
		/*min-height:1015px;*/
/*		min-height:975px;
*/	}
	
.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.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
}
	#header .h-w2 {
		position:relative;
		height:210px;
		overflow:visible;
	}
	
	#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; 
	}
	#subnav, #content-body {
		float: left;
	}
	#content-body {
		width: 745px;
		position: relative;
		left: 210px; top: 0;
		padding-bottom: 280px;
	}
	#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;
		margin-bottom: 250px;
	}
		#subnav ul.L2 {}
			#subnav dt {
				padding-bottom:1px;
				zoom:1;
			}
				#subnav dt a, #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 dt a.L2:hover, #subnav .feature-link:hover {
					background-position:0 -28px;
				}
				#subnav dt a.active, #subnav dt 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 3px 0;
			}
				#subnav dd {
					width: 160px;
					border-right: 1px solid #ccc;
					background-image:url(../images/subnav-l2-line.png);
					background-position:0 bottom;
					background-repeat:no-repeat;
					zoom:1;			
					margin-left: 4px;
				}
				#subnav dd.last-child {
					background:none;
				}
					#subnav dd a {
						text-transform:capitalize;
						text-decoration:none;
						color:#191919;
						padding:2px 0 5px 30px;
						display:block;
						font-size: 11px;
						
					}
					#subnav dd a:hover {
						color:#d6242b;
					}
					#subnav dd a.active, #subnav dd 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:95px;
			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;
			}
		#free-shipping {
			width: 150px;
			height: 47px;
			background-image: url(../images/bg-free-shipping.png); 
			padding: 18px 0px 0px 20px;
			margin-bottom: 50px;
		}
		
			#free-shipping strong {
				display: block;
				font-weight: normal;
			}
			#free-shipping p {
				line-height: 15px;
			}
		#dhtml-product, #dhtml-about {
			/*display:none;
			position:absolute;
			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-wrapper, #dhtml-product-wrapper {
			display: none;
		}						
		#dhtml-about {
			background-image:url(../images/bg-dhtml-about.png);
			/*width:168px;
			height:177px;*/
			width: 143px;
			height: 154px;
			padding: 20px 0px 0px 25px;
			display: block;
		}
			#dhtml-about ul {
				/*margin:20px 0 0 26px;*/
			}
		
/* --FOOTER-- */
#footer {
	position:absolute;
	bottom:0px;
	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 {
			padding-top: 6px;
		}
		#bottomlinks ul { }
			#bottomlinks ul li {
				line-height:18px;
			}
			#shopping-policies, #whats-happening, #mailing-list, #credit-cards {
				float:left;
				display:inline;
			}
			#shopping-policies {
				width:115px;
				margin-left:25px;
			}
			#whats-happening {
				width:120px;
				margin-left:35px;
			}
			#mailing-list {
				width:245px;
				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;
						padding-top: 2px;
						background-color: transparent;
					}
					#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:24px;
						margin-left:6px;
						border: 0px;
						cursor: pointer;
					}
					#mailing-list .btn-signup:hover {
						background-position:0 -24px;
					}
			#credit-cards {
				margin:2px 0 0 8px;
				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;
}

h1 {
	font-size: 20px;
	color: #0053a0;
	padding: 6px 0px 10px;
	font-weight: bold;
}

ul.tabNavigation {
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 700px;
	background: url(../images/bg-tab.gif) left top repeat-x;
}
	ul.tabNavigation li {
		float: left;
		list-style: none;
	}
		ul.tabNavigation li a {
			display: block;
			height: 26px;
			padding-left: 20px;
			padding-right: 70px;
			border-right: 2px solid #fff;
			background: url(../images/bg-tab.gif) left top repeat-x;
			color: #333333;
			font-size: 13px;
			padding-top: 9px;
			width: 50px;
		}
		ul.tabNavigation li a.selected {
			border-right: 2px solid #fff;
			background-image: none;
			background-color: #000;
			color: #fff;
		}

#details-tab, #features-tab, #specs-tab, #review-tab, #video-tab {
	width: 648px;
	padding: 20px 25px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background:url(../images/bg-dashed.gif) left top no-repeat;
	display: none;

}	

.dash-divider {
	display: block;
	width: 700px;
	height: 6px;
}

#jump-link {
	display: block;
	margin-bottom: 25px;
	text-decoration: underline;
}
#jump-link:hover {
	text-decoration: none;
}

.sizing-chart a {
	color: #0053A0;
	text-decoration: underline;
}

.sizing-chart a:hover {
	color: #0053A0;
	text-decoration: none;
}

.social-plus {
	position: relative; 
	margin-top: -63px; left: 150px;
}
	.review-icon {padding-top: 10px;}
	.plus-wrapper {margin-top:  0px;}