@import url(blueprint.css);

body { 
  background: #dbddcb;
  color: #515151;
  }
  
hr { display: none; }
hr.show-me {
	height: 1px; 
	background: #000;
	color: #000;
	display: block;
	border: 0; 
	clear: both;
}
.replace { text-indent: -99999px; overflow: hidden; }
.upper { text-transform: uppercase; }
.hint { font-size: 10px; font-style: italic; }
.error {background:#FBE3E4; border: 0; padding: 0; margin: 0; }
label.error { color: red; font-weight: normal; background: none; width: auto; } 

#languages { width: 895px; margin:10px auto 0; text-align:right; font-size:11px; }

.container { 
  position: relative;
  width: 920px;
  margin: 10px auto 0 auto;  
  background: url(/images/new/body-bg.gif) repeat-y 0 385px;
  }

.content {  
	padding: 0 50px 20px 50px; 
	min-height: 600px; 
	margin-top: -300px;
	width: 820px;
	z-index: 101;
	position: relative;
	}
.bottom {
  position: relative;
  margin: -300px auto 0 auto;
  z-index: 100;
  background: url(/images/new/bottom.gif) no-repeat 0 top;
  width: 920px;
  height: 385px;
}
  
.replace { text-indent: -99999px; overflow: hidden; }
a.replace { display: block; }
ul.nostyle { list-style-type: none; margin-left: 0; }
a { color: #999933; text-decoration: none; outline: 0; }
a:hover { color: #666633; text-decoration: underline; }

/* ===== MASTHEAD ===== */
.masthead { 
  height: 385px;
  padding: 14px 50px 0;
  background: url(/images/new/top.gif) no-repeat 0 0;
  }

h1.site-title { float: left; margin: 0; }
  h1.site-title a { 
    display: block; 
    width: 117px; 
    height: 70px; 
    background: url(/images/site-title.gif) no-repeat 0 0;
    }
    
h1 {
	font-size: 18px;
	color: #515151;
	margin-bottom: 10px;
}
.nav { 
  list-style-type: none; 
  float: right; 
  margin: 60px 0 0 0; 
  width: 672px;
  border-top: 1px solid #ffc423;
  position: relative;
  }
  .nav li { float: left; }
  .nav li a { 
    display: block; 
    width: 112px; 
    height: 18px; 
    background-repeat: no-repeat;
    background-image: url(/images/nav.gif);
    text-indent: -99999px;
    overflow: hidden;
    }
  .nav ul { 
    display: none;
    position: absolute;
    list-style-type: none;  
    text-align: center;
    width: 560px;
    top: -25px; 
    left: 94px;
    }
    .nav li.sub:hover ul, .nav li.sfhover ul { display: block; }
    .nav ul li { float: left; }
    .nav ul a {
      background: #ffc423;
      color: #fff;
      text-indent: 0; 
      height: 22px;
      padding-top: 3px;
      text-decoration: none; 
    }
    .nav ul a:hover { color: #555; }
  
  a#productNav { background-position: 0 0; }
  a#productNav:hover { background-position: 0 -18px; }
  
  a#dealersNav { background-position: -112px 0; }
  a#dealersNav:hover { background-position: -112px -18px; }
  
  a#registerNav { background-position: -224px 0; }
  a#registerNav:hover { background-position: -224px -18px; }
  
  a#raceteamNav { background-position: -336px 0; }
  a#raceteamNav:hover { background-position: -336px -18px; }
  
  a#aboutNav { background-position: -448px 0; }
  a#aboutNav:hover { background-position: -448px -18px; }
  
  a#howtoNav { background-position: -560px 0; }
  a#howtoNav:hover { background-position: -560px -18px; }
/* @end  MASTHEAD ===== */
  
  .subNav {
	border-top: 1px solid #565656;
	border-bottom: 1px solid #565656;
	padding: 1px 0;
	margin-bottom: 20px;;
	}
  .subNav ul {
	list-style-type: none;
	margin: 0;
	height: 20px;
	background: #565656;
	padding: 2px;
}
	.subNav ul li {
		float: left;
		text-align: center;
		margin-right: 81px;
	}
	.subNav ul li.last {
		margin: 0;
	}
	.subNav ul a {
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		display: block;
		padding: 0 10px;	
	}
	.subNav ul a:hover, .subNav ul li.current a {
	background: #f7be23;
}
  
#header_email_signup {
		float: right;
		margin-bottom: -40px;
		vertical-align: bottom;
}
  
  
/* ===== FOOTER ===== */  
.footer { 
  margin-bottom: 30px; 
  text-align: center;
  font-family: Futura, Helvetica, Arial, sans-serif;
  padding-top: 14px;
  }
  .footer ul { 
    list-style-type: none; 
    margin: 0 0 64px 0; 
    }
  .footer li { 
    display: inline; 
    margin-right: 30px;
    }
  .footer ul a { 
    color: #c5c5b6; 
    text-decoration: none; 
    text-transform: uppercase;
    }
  .footer ul a:hover { color: #ffc423; }
  .footer p { 
    color: #9a9b8f;
    font-size: 9px;
    }
/* @end  FOOTER ===== */

.feature {
	width:  820px;
	height: 164px;
	background: #f7be23;
	margin-bottom:  24px;
}

/* ===== HOME ===== */
#home_controller .feature { 
  background: url(/images/dummy/feature.jpg) no-repeat 0 0;
  width: 820px; 
  height: 100px;
  padding-top: 267px;
  margin: 0 auto 12px auto; 
  font-family: Palatino, Georgia, Times, serif; 
  text-transform: uppercase; 
  font-size: 48px; 
  text-align: center;
  color: #000;
  font-weight: bold; 
  }

#home_controller .alpha { 
  text-align: center;
  width: 256px; 
  float: left; 
  margin-right: 5px;
  }
  
#home_controller .beta h2 { 
  width: 56px; 
  height: 20px; 
  background: url(/images/home-atlas-txt.gif) no-repeat 0 0;
  float: left; 
  margin: 0 10px 0 0;
  }
#home_controller .beta h3 { 
  width: 487px; 
  height: 11px; 
  background: url(/images/news-txt.gif) no-repeat 0 0;
  float: left; 
  margin: 5px 0 4px 0;
  }
#home_controller .news { 
  width: 343px; 
  float: left; 
  background: url(/images/home-news-pattern-bg.gif) no-repeat 0 0;
  padding-top: 6px;
  }
#home_controller .news dl { 
  padding-bottom: 24px;
  float: left;
  background: url(/images/home-news-shadow.gif) repeat-x bottom left;
  }
#home_controller .news dt { 
  color: #fff; 
  background: url(/images/home-news-date-bg.gif) repeat-y 0 0;
  text-align: center; 
  width: 52px; 
  height: 24px;
  padding-top: 10px;
  float: left;
  margin: 0; 
  }
#home_controller .news dd { 
  margin: 0;
  width: 291px; 
  height: 34px; 
  background: #dbdbdb;
  font-weight: bold;
  float: left; 
  font-size: 11px; 
  line-height: 14px;
  text-transform: uppercase;
  }
  #home_controller .news dd.even { background: #d0d0d0; }
  #home_controller .news dd a { 
    text-decoration: none;  
    color: #5c5c5c;
    padding: 3px 6px 0 16px;
    display: block;
    background: url(/images/arrow-yellow.gif) no-repeat 2px 13px;
    }
#home_controller .featurette { 
  width: 215px; 
  height: 220px;
  float: left;
  margin-top: 6px;
  }
  #home_controller .featurette a { 
    width: 221px; 
    height: 226px;
    background: url(/images/home-featurette.gif) no-repeat 0 0;
    display: block;
    }
/* @end  HOME ===== */

/* ===== ABOUT ===== */
#about_controller .alpha {
	background: url(/images/about_hiker.jpg) no-repeat 0 0;
}
#about_controller .feature,
#technology_controller .feature,
#partners_controller .feature {
	margin-bottom:  5px;
}
#about_right { width: 570px; color: #515151; float: right; padding-top: 20px;}
#about_left { width: 200px; float: left;  padding-top: 20px; }


/* @end  ABOUT ===== */


/* ===== PARTNERS ===== */
ul.partner_nav { 
	list-style-type: none; 
	margin: 0; 
}
	.partner_nav li { margin-bottom: 10px; }
	a.partner-link { display: block; margin-bottom: 5px; }
	
	
ul.partner-images li { margin-bottom: 20px;}


a#winter_trails_day {
	width: 200px; 
	height: 149px; 
	background: url(/images/partners/wintertrails.png) no-repeat 0 0;
}
a#winter_wildlands { 
	width: 150px; 
	height: 57px; 
	background: url(/images/partners/winterwildlands.png) no-repeat 0 0;
}
a#vail {
	width: 250px; 
	height: 22px; 
	background: url(/images/partners/vail.png) no-repeat 0 0;
}
a#beaver_creek {
	width: 250px; 
	height: 20px; 
	background: url(/images/partners/beavercreek.png) no-repeat 0 0;
}
a#keystone {
	width: 149px; 
	height: 42px; 
	background: url(/images/partners/keystone.png) no-repeat 0 0;
}
a#heavenly {
	width: 175px; 
	height: 42px; 
	background: url(/images/partners/heavenly.png) no-repeat 0 0;
}
a#snowschool {
	width: 200px; 
	height: 36px; 
	background: url(/images/partners/snowschool.png) no-repeat 0 0;
}
a#amga {
	width: 150px; 
	height: 148px; 
	background: url(/images/partners/amga.png) no-repeat 0 0;
}
a#bc {
	width: 109px; 
	height: 93px; 
	background: url(/images/partners/beaver.png) no-repeat 0 0;
}
a#bawt {
	width: 106px; 
	height: 152px; 
	background: url(/images/partners/bayarea.png) no-repeat 0 0;
}
a#sos {
	width: 200px; 
	height: 94px; 
	background: url(/images/partners/sos.png) no-repeat 0 0;
}
a#babes {
	width: 75px; 
	height: 163px; 
	background: url(/images/partners/babes.png) no-repeat 0 0;
}
a#snowmag {
	width: 204px; 
	height: 111px; 
	background: url(/images/partners/snowshoemag.png) no-repeat 0 0;
}
a#eco {
	width: 200px; 
	height: 150px; 
	background: url(/images/partners/eco.png) no-repeat 0 0;
}
	
/* @end  PARTNERS ===== */

/* ===== PRODUCTNAV ===== */
.productNav { 
	background: url(/images/product-nav-bg.gif) repeat-y 0 -17px;
	margin-top: 5px;
	width: 250px; 
	float: left; 
}
.productNav h3 { 
	width: 250px; 
	height: 17px; 
	background: url(/images/product-cat-txt.gif) no-repeat 0 0;
	border-bottom: 3px solid #ffc423; 
	margin: 0; 
}
.productNav ul { 
	list-style-type: none;
	margin: 0; 
	text-transform: uppercase;
	font-size: 11px; 
	font-family: Verdana, Helvetica, arial, sans-serif;
}
.productNav, .productNav a { color: #515151; }
.productNav li { border-bottom: 1px solid #8f8f8f; }
.productNav li span { padding-left: 15px; font-weight: bold; }
.productNav li li { border: 0; padding: 0; }
.productNav li li span { padding-left: 30px;}
.productNav li li a { border: 0; padding: 0 0 0 15px; }
.productNav li li li { padding: 0; }
.productNav li li a { padding: 0 0 0 45px; }
.productNav a { 
	display: block; 
	padding-left: 8px;
	text-decoration: none;  
	}
.productNav a:hover, .productNav a.current { background: #ffc423 url(/images/left-nav-arrow.gif) no-repeat 35px 4px; }
.productNav li.head > a:hover,
.productNav li.head > a.current { background-image: none; }

/* @end  PRODUCTNAV ===== */


/* ===== PRODUCT DETAILS ===== */
.product-details { position: relative; min-height: 680px; }
	.product-details .feature {
		width: 820px; 
		height: 360px;
		background: url(/images/product-item-bg.gif) no-repeat 0 0;
	}
	.product-details .feature h1 { 
		margin: 30px 20px;
		float: left; 
		font-size: 36px; 
		font-weight: bold; 
		letter-spacing: -1px;
		width: 220px; 
		text-transform: uppercase;
		text-align: right;
	}
	.product-details .feature h1 span { 
		display: block; 
		font-size: 14px; 
		font-weight: normal; 
		letter-spacing: 0;
		text-transform: none;
		font-style: italic;
		font-family: Palatino, "Palatino Linotype", Georgia, Times, serif;
		margin-top: 3px;
		padding-top: 3px; 
		border-top: 1px solid #e1e1e1;
	}
	.product-details .feature .info { 
		clear: both; 
		font-size: .95em;
		line-height: 1.2;
		margin: 0 0 0 20px;
		position: absolute;
		top: 195px;
	}
	.product-details .feature .info div { height: 120px; overflow: auto; }
	.product-details ul.tab-navigation { 
		list-style-type: none;
		margin: 10px 0 0 0;
		text-transform: uppercase;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		clear: both;
	}
	.product-details ul.tab-navigation li {
		float: left;
	}
	.product-details ul.tab-navigation li a { 
		display: block; 
		color: #999;
		padding: 4px 16px;
		font-weight: bold;
	}
	.product-details ul.tab-navigation li a:hover,
	.product-details ul.tab-navigation li a.current { 
		background: #ffc423;
		text-decoration: none;
		color: #616161;
	}
	
	.product-details #technology ul { 
		list-style-type: none;
		margin: 0; 
	}
	.product-details #technology li { 
		width: 240px;
		float: left; 
		margin: 0 10px 5px 0;
		height: 40px;
	}
	.product-details #technology li img { 
		float: left; 
		width: 40px;
		margin-right: 8px;
	}
	.product-details #technology .featured_tech {
		display: block;
	}
	.product-details #technology .featured_tech img {
		float: left;
		margin: 0 10px 20px 0;
	}
	.product-details #specs table { margin-top: 10px; float: left;  }
	.product-details #specs td { padding: 2px 0; }
	
	.product-details #sizing img { margin-top: 0px; }
	.product-details #video object { 
		left: 35px;
		position: absolute; 
		top: -170px;
		z-index: 300;
	}
	
	.product-details hr.show-me { 
		position: absolute;
		width: 620px; 
		height: 1px; 
		right: 0;
		top: 392px; 
		color: #4f4f4f;
		background: #4f4f4f;
		z-index: 100;
	}
	
	.product-details .alpha { margin-top: 18px; }
	.product-details h2 { 
		font-size: 15px;
		letter-spacing: -.5px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.product-details .review { margin-left: 20px; }
	.product-details .review img { 
		float: left; 
		margin: 10px 10px 0 0;
		max-width: 130px;
	}
	.product-details .review p { padding-left: 140px; }
	.product-details .review p a { color: #515151; }
	.product-details .main-img { 
		position: absolute;
		top: 40px; 
		right: 5px; 
		z-index: 200;
	}
#btn_360 {
	position: absolute;
	left: 470px;
	top: 30px;
}
#btn_buynow {
	left: 465px; 
	position: absolute; 
	top: 325px;
}
	
/* @end  PRODUCT DETAILS ===== */

/* ===== PRODUCT REGISTRATION ===== */
fieldset#register { 
	padding: 0; 
	border: 0;
	font-size: 11px;
}
	#register ul { 
		list-style-type: none; 
		margin-left: 0;
	}
	#register li { position: relative; }
	#register label.error { width: auto; float: none; margin-left: 5px; }
	#register h3 {
		padding-bottom: 3px; 
		border-bottom: 1px solid #f7be23;
		font-size: 13px;
		font-weight: bold; 
		color: #515151;
		clear: both;
		float: left;
		width: 100%;
	}
	#register label { 
		font-weight: normal; 
		width: 80px;
		text-align: right; 
		float: left;
		margin: 7px 14px 0 0;
	}
	#register div { clear: both; }
	#register input.text,
	#register select { padding: 3px; }
	
	.first_name input.text,
	.last_name input.text,
	.city input.text,
	.upc input.text, 
	.store input.text {
		width: 170px;
	}
	.upc input,
	.price input { margin-right: 5px;}
	.first_name, .city, .state, .dob, .store, .last_name { float: left; margin-right: 10px; }
	.street, .upc { clear: both; }
	.street input.text { width: 452px; }
	.email input.text { width: 315px; }
	.state select { width: 80px; }
	#register .state label { width: 40px; }
	#register .zip label { width: 30px; }
	.zip input.text, .price input.text { width: 76px; }
	.country { clear: both;}
	.marital_status input { margin-top: 8px; }
	.dop select, 
	.store input,
	.price input.text { margin-top: 14px;}
	#register .price label { margin-right: 6px;}
	.price span { margin: 14px 3px 0 0; }
	
	.purchase_experience ul { float: left; width: 220px; margin-right: 20px;}
	.purchase_experience h4 { clear: both; }
	
	#register .add_info label {
		width: 270px; 
		text-align: left; 
	 }
	 .add_info select { width: 130px; }
	
	
/* @end  PRODUCT REGISTRATION ===== */

/* ===== TECHNOLOGY ===== */
#technology_controller .alpha h1 { 
	font-weight: bold; 
	font-size: 15px; 
	padding-bottom: 4px; 
	border-bottom: 1px solid #515151;
}

#technology_controller .subNav { margin-bottom: 10px; }
.tech_nav ul {
	list-style-type: none; 
	margin-left: 0; 
	float: right; 
}
	.tech_nav li { 
		float: left; 
		margin-right: 8px;
		padding-right: 8px; 
		border-right: 1px solid #515151;
		line-height: 14px;
	}
	.tech_nav li.last { 
		margin: 0;
		padding: 0; 
		border: 0;
	}
	.tech_nav li a { color: #515151; }
	
#technology_controller #index_action .item { 
	background: url(/images/technology/tech_intro.jpg) no-repeat 0 0;
	min-height: 190px;
	float: left;
}
#technology_controller .item { 
	float: left; 
	margin-bottom: 20px; 
	background-repeat: no-repeat;
	background-position: 60px 20px;
	}
	#technology_controller .traction .item { min-height: 100px; background-position: 60px 0px; }
	#technology_controller .item h2 { font-size: 14px; margin-bottom: 7px; font-weight: bold; }
	#technology_controller #index_action .item p { margin-top: 40px; }
	#technology_controller .item ul { margin-left: 20px; }
	#technology_controller .item .img { width: 250px; float: left; margin: 20px 20px 0 0; padding-left: 50px; }
	#technology_controller .item .blurb { float: left; width: 500px; }

#tech_subnav { text-align:right; height: 50px; }
#tech_subnav .selected { font-weight: bold; }
.tech_slash { margin: 0 4px;}
.tech_item {
	display: block;
	min-height: 120px;
}	
.tech_item .tech_icon {
	float: left;
	margin: 0 30px 30px 0px;
	width: 200px;
	height: 80px;
}	
/* @end  TECHNOLOGY ===== */


/* DATA TABLES */
table.data { width: 100%; }
table.data tr th {
	text-align: left;
	background-color: #ccc;
	border-bottom: 1px solid #666;
}
table.data tr th, table tr td { padding: 5px; }
table.data tr.odd td { background-color: #fff; }
table.data tr.even td { background-color: #eee; }


/* region selector */
#shadowbox_content { color: #FFF; }
#region_select ul {
  list-style: none;
  margin: 20px auto;
  padding: 0;
  font-size: 1.2em;
  width: 120px;
}

/* NEWSLETTER */
#newsletter_index label {
display:block;
float:left;
margin-right:1em;
text-align:right;
width:10em;
}

#header_email_signup input, #newsletter_index input { vertical-align:middle;}

/* NOTICE/ERRORS */
#notice, #error, #errorExplanation { margin:1em 0;  padding:0.5em; font-size:1.2em; color:#000; z-index:99; }
#notice { border:1px solid #0f0; background-color:#cfc; }
#error, #errorExplanation { border:1px solid #f00;  background-color:#fcc; }
#notice a.confirm, #error a.confirm { float:right; }