@charset "utf-8"; /* CSS Document */
/* NB: reset.css in use */

html, body { height: 100%; margin: 0 0 1px; padding: 0; font-size: 11px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #def3f8; background-color: #000;}

a, a:visited, a img, img, object { border: 0; text-decoration: none; outline: 0; color: #000;}
a, a:visited, a img { cursor: pointer;}
a:hover, a:active { color: #000; text-decoration: underline;}

/* re-curring styles */
em { font-style: italic;}
strong, b { font-weight: bold;}
img { border: none; padding: 0; margin: 0;}
.red { color: #ef2121;}

/* wrapper */
#outer { position: relative; width: 960px; margin: 0 auto;}
#wrapper { position: relative; float: left; width: 900px; background: url('../images/header.jpg') 0 0 no-repeat; padding: 0px 30px 0 30px;}
.offscreen { position: absolute; top: -9000px;}

/* products list */
#products { position: relative; float: left; width: 507px; margin: 0; padding: 428px 0 0 0;}
#products li { position: relative; float: left; width: 507px; height: 116px; background: url('../images/product_item_bg.gif') 0 0 no-repeat; color: #000; padding: 0px 0 36px 0;}
#products h3 { position: absolute; top: 0px; left: 0x; display: block; height: 34px; width: 318px; text-indent: -9000px;}
.axiom_40_backpack { background: url('../images/product_1_axiom40backpack_h1.jpg') 0 0 no-repeat;}
.astral_40_backpack { background: url('../images/product_2_astral40backpack_h1.jpg') 0 0 no-repeat;}
.alpine_trekking_pole { background: url('../images/product_3_alpinetrekkingpole_h1.jpg') 0 0 no-repeat;}
.spot_headlamp { background: url('../images/product_4_spotheadlamp_h1.jpg') 0 0 no-repeat;}
.product_description { position: absolute; top: 40px; left: 7px; line-height: 14px;}
.product_price { position: absolute; top: 92px; left: 7px; font-size: 14px; font-weight: bold;}
a.more { position: absolute; top: 88px; right: 185px; display: block; width: 64px; height: 22px; text-indent: -9000px; background: url('../images/more.gif') 0 0 no-repeat;}
a.more:hover { background-position: 0px -22px;}
.product_image { position: absolute; top: 5px; right: 5px; width: 173px; height: 105px; background: url('../images/product_image_bg.gif') 0 0 no-repeat;}

/* form */
#form_column { position: relative; float: left; left: 32px; width: 356px; height: 573px; _height: 570px; margin: 428px 0 0 0; padding: 0; background-color: #616161;}
#form_header { position: absolute; top: 0px; left: 0px; width: 356px; height: 33px; text-indent: -9000px; background: url('../images/form_header_bg_off.jpg') 0 0 no-repeat;}
.fh_off { background: url('../images/form_header_bg_off.jpg') 0 0 no-repeat;}
.form_footer { position: absolute; bottom: 0px; left: 0px; width: 356px; height: 34px; background: url('../images/form_footer_bg.jpg') 0 0 no-repeat;}
#ff_before input { display: block; margin: 0px auto; outline: 0;}
#ff_after { text-align: right; display: none;}

label { position: relative; float: left; color: #def3f8; font-weight: bold; padding: 0 0 8px 0; border: 0px solid #fff;}
input { position: relative; width: 323px; height: 20px; padding: 0; margin: 0; background-color: #bebebe; color: #000; border: 0; font-weight: 100;}
select { background-color: #bebebe; color: #000; border: 0; font-weight: 100;}
#opt_ins { position: absolute; bottom: 75px; width: 300px; left: 0px; margin: 6px 0 0 10px;}
.checkbox { width: 35px; background-color: #616161;}
#submit { width: 73px; height: 31px; border: 0; outline: none; margin: 0 0 10px 0;}

/* thank you */
#thank_you { position: relative; width: 356px; height: 506px; top: 33px; padding: 0; background-color: #616161;}
#thank_you p { padding: 15px 0px 0px 28px; color: #fff; font-size: 11px; line-height: 14px;}
#thank_you p a { color: #fff;}
#signup_info { position: relative; top: 42px; left: 16px;}

.thanks_more_climb { position: absolute; bottom: 58px; left: 25px; display: block; width: 98px; height: 29px; text-indent: -9000px; background: url('../images/thankyou_sprite.jpg') -3px -2px no-repeat;}
a.thanks_more_climb:hover { background-position: -3px -63px;}

.thanks_more_ski { position: absolute; bottom: 58px; left: 120px; display: block; width: 100px; height: 29px; text-indent: -9000px; background: url('../images/thankyou_sprite.jpg') -100px -2px no-repeat;}
a.thanks_more_ski:hover { background-position: -100px -63px;}

.thanks_more_mountain { position: absolute; bottom: 58px; left: 225px; display: block; width: 99px; height: 29px; text-indent: -9000px; background: url('../images/thankyou_sprite.jpg') -208px -2px no-repeat;}
a.thanks_more_mountain:hover { background-position: -208px -63px;}

.thanks_more_dotcom { position: absolute; bottom: 20px; left: 25px; display: block; width: 302px; height: 29px; text-indent: -9000px; background: url('../images/thankyou_sprite.jpg') -3px -31px no-repeat;}
a.thanks_more_dotcom:hover { background-position: -3px -92px;}

/* footer */
#rules { position: absolute; bottom: -25px; right: 0px; width: 356px; text-align: center;}
#rules a { text-decoration: underline; color: #44636a;}
#footer { position: relative; float: left; width: 900px; margin: 10px 0 30px 0; text-align: center; color: #3f3f3f; border: 0px solid #fff;}
#footer a { text-decoration: underline; color: #3f3f3f;}

/* db response */
#signup_thankyou { position: absolute; top: 122px; left: 0px; height: 244px; height: 264px; width: 600px; z-index: 9000; background-color: #fff; text-align: center; padding-top: 100px; font-size: 26px; line-height: 30px; display: none;}
#js_errorbox_signup {  position: absolute; bottom: 42px; left: 0px; font-size: 12px; font-weight: bold; color: #ff6600; height: 30px; width: 300px; overflow: hidden; padding: 0 0 0 47px; background: url('../images/error.jpg') 13px 0px no-repeat; display: none;}
#js_errorbox_signup label { color: #ff6600 !important; padding: 6px 0 10px 1px;}
.error { clear: left;}

/* TESTING ONLY
#signup_info { display: none;}
#opt_ins { display: none;}
#ff_before { display: none;}
 */