@charset UTF-8;
/* CSS Document */
body{background-color:#FFF;margin:0; overflow-x: hidden}
div#bgimg {display: none; text-align: right; height: 100%; width: 100%; z-index: -1; position: fixed; top: 0px; left: 0px; background-color: #FFFFFF; 
/*background-image: url(images/spring-background.jpg);
background-image: url(images/fall-sunset-bg.jpg);*/
background-image: url(store/media/winter-mount-washington.jpg);
background-repeat: no-repeat; background-size: cover; background-position: center;}
.styletable{background:url(../images/gradation.jpg) no-repeat; color: #FFFFFF;}
body {padding-bottom: 40px;}
body,td,th{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.6em;text-transform:none;color:#2A0000;}
.style2{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;line-height:16px;font-weight:400;font-variant:normal;text-transform:none;text-align:left;white-space:normal;margin-left:150px;}
.style4{color: #FFF; font-size:14px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-style:normal;line-height:16px;font-variant:normal;text-transform:none;}
.styletable{background-image:url(images/gradation.jpg);background-repeat:no-repeat;}
.style6{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;line-height:16px;font-weight:400;font-variant:normal;text-transform:none;}
.style7{color:#C30;font-weight:700;}
.style8{color:#C30;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;line-height:16px;font-weight:700;font-variant:normal;text-transform:none;text-align:left;white-space:normal;margin-left:150px;}
.style10{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:italic;line-height:16px;font-weight:700;font-variant:normal;text-transform:none;text-align:left;white-space:normal;margin-left:150px;}
.linkhdr{color:#18A9D6;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700;font-size:12px;}
.linkname{color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700;font-size:11px;}
#links a{color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;}
#links a:hover{color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-decoration:underline;}
.style9{font-size:10px;}
.links{text-align:center;padding-top:5px;}
.links a{font-size:11px;color:#00F;}
.links a:hover{text-decoration:none;color:#000;}
div.crosssell{max-width:360px;height:80px;padding:5px 15px 15px 5px;float:left;text-align:left;border:1px solid #DDD;margin-right: 20px}
div.crosssell img{float:left;height:80px;width:80px;}
td.checkout{vertical-align:top;}
td.navbg {background: #333333;}
.button6{padding-top:3px;}
div.footer{padding-top:1em;padding-bottom:1em;}
div.homefooter {max-width:780px; text-align:left; padding:15px; margin: 0px auto}
div#messages{/*  margin-top: 10px; */vertical-align:middle;}
/**********************************//***  Table of Products (Cart)  ***//**********************************/table.cart{width:100%;padding-top:1em;border-collapse:separate;border-spacing:1px;}
th{text-align:center;}
td.cart_delete,td.cart_cp_delete{padding:3px;width:50px;text-align:center;background-color:#EFEFEF;}
td.cart_quantity,td.cart_cp_quantity{padding:3px;width:70px;text-align:center;background-color:#EFEFEF;}
td.cart_name,td.cart_cp_name{padding:3px;text-align:left;background-color:#EFEFEF;}
td.cart_image,td.cart_cp_image{padding:3px;text-align:center;background-color:#EFEFEF;}
td.cart_sku,td.cart_cp_sku{padding:3px;text-align:left;background-color:#EFEFEF;}
td.cart_price,td.cart_cp_price{padding:3px;font-style:italic;text-align:right;background-color:#EFEFEF;}
td.cart_total,td.cart_cp_total{padding:3px;text-align:right;background-color:#EFEFEF;white-space:nowrap;}
td.cart_op{padding:3px;text-align:left;background-color:#EFEFEF;}
td.cart_op1,td.cart_op2{padding:3px;background-color:#EFEFEF;}
td.cart_empty{padding:3px;text-align:center;background-color:#EFEFEF;}
select.cart{text-align:left;}
textarea.cart{vertical-align:middle;}
/***************************************//***          Table of Totals        ***//***  Subtotal, Tax, Shipping, etc.  ***//***************************************/table.totals{vertical-align:middle;width:100%;line-height:150%;}
td.totals_txt,td.totals_saved_txt,td_totals_blank,td.totals_all_txt{text-align:right;padding-right:15px;}
td.totals,td.totals_saved,td.totals_all{text-align:right;padding-right:3px;}
td.totals_all,td.totals_all_txt{font-weight:700;font-size:20px;color:#0E3969;}
table.pay_holder{margin-left:auto;margin-right:auto;}
td.pay_holder_hdr{font-weight:700;}
td.payment_hdr{font-weight:700;text-align:center;}
td.paymentselection{text-align:center;padding-top:1em;}
td.payment,td.payment_value{text-align:left;}
table.sql_pay{margin-left:-4px;margin-right:auto;}
td.sql_pay{padding-right:15px;font-weight:700;}
td.new_payment_type{text-align:left;}
table.reg{vertical-align:middle;border-spacing:0;padding-bottom:1em;}
td.reg_wel{font-weight:700;}
td.reg,td.reg_link{text-align:left;}
td.coupon{padding-top:1em;}
td.buttons{text-align:center;padding-top:1em;}
/*** Enter postal code, select country ***/table.zipncountry,td.zipncountry,td.zipncountry_text{text-align:left;}
td.sql_addr_hdr{font-weight:700;}
td.sql_addr{padding-right:15px;}
/*** select shipping method, tax rate ***/table.taxnship,table.surcharge{text-align:right;padding-top:1em;}
td.taxnship_hdr{font-weight:700;text-align:left;}
td.taxnship{text-align:left;}
/*** select surcharge ***/table.surcharge{text-align:right;}
/*******************************//***  Ordering Instructions  ***//*******************************/
td.orderinginstructions{text-align:center;padding-top:1em;}
table.instruct{text-align:center;margin-left:auto;margin-right:auto;}
td.instruct_hdr{font-weight:700;}
/*****************//***  Buttons  ***//*****************/
input.button152,input.button154{cursor:pointer;}
/*********************************//***  Table of Error Messages  ***//*********************************/
table.checkout_err,inv_err{margin-left:auto;margin-right:auto;}
td.checkout_err,inv_err{background-color:#EFEFEF;}
table.ups_error{margin-left:auto;margin-right:auto;}
td.ups_error{background-color:#EFEFEF;vertical-align:middle;}
/* Checkout Button Table */table.checkout{vertical-align:middle;text-align:center;margin-left:auto;margin-right:auto;}
td.checkout{padding:5px;text-align:center;}
table.google_button{vertical-align:middle;text-align:center;margin-left:auto;margin-right:auto;}
table.google_button td{text-align:center;}
ul.MenuBarHorizontal{margin:0;padding:0;list-style-type:none;font-size:12px;cursor:default;width:auto;font-family:Arial, Helvetica, sans-serif;font-style:normal;line-height:normal;font-weight:700;color:#FFF;text-decoration:none;background-color:#09C;white-space:normal;}
ul.MenuBarActive{z-index:1000;}
ul.MenuBarHorizontal li {margin:0;padding:0;list-style-type:none;font-size:12px;position:relative;text-align:left;cursor:pointer;float:left; display: inline;}
ul.MenuBarHorizontal ul {margin:0;padding:0;list-style-type:none;font-size:12px;z-index:1020;cursor:default;width:133px;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal ul li{width:133px;}
ul.MenuBarHorizontal ul ul{position:absolute;margin:-5% 0 0 95%;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{left:auto;top:0;}
ul.MenuBarHorizontal a{display:block;cursor:pointer;background-color:#333;padding:.5em .75em;color:#fff;text-decoration:none;}
ul.MenuBarHorizontal a:hover,ul.MenuBarHorizontal a:focus{background-color:#09C;color:#fff;}
ul.MenuBarHorizontal a.MenuBarItemHover,ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,ul.MenuBarHorizontal a.MenuBarSubmenuVisible{background-color:#09C;color:#fff;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;filter:alpha(opacity:0.1);}

span.government {display: inline-block; zoom: 1; *display: inline; margin: 0px auto; padding: 10px; background: #F48200; color: #000000;}
span.government a {color: #000000;}

a.redbutton {display: inline-block; background: #C01E2E; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #FFFFFF; font-weight: bold; letter-spacing: 0.5; line-height: 110%; font-size: 80%; text-transform: uppercase; padding: 6px 8px; text-decoration: none; text-align: center; box-shadow: 1px 1px 6px rgba(0,0,0,0.5);}
a.redbutton:hover {background: #990612;}

ul.MenuBarHorizontal{margin: 0;padding: 0;list-style-type: none;font-size: 12px;cursor: default;width: auto;font-family: Arial, Helvetica, sans-serif;font-style: normal;line-height: normal;font-weight: bold;color: #FFFFFF;text-decoration: none;background-color: #0099CC;white-space: normal;text-transform: capitalize}
ul.MenuBarActive{z-index: 1000}
ul.MenuBarHorizontal li{display: inline; display: inline-block; margin: 0;padding: 0;font-size: 12px;position: relative;text-align: left;cursor: pointer}
ul.MenuBarHorizontal li ul li {text-transform: none; text-align: left;}
.MenuBarHorizontal a {white-space:nowrap; padding: 0px 10px; text-align: center;}
.MenuBarHorizontal li ul li a {text-align: left;}
ul.MenuBarHorizontal ul{margin: 0;padding: 0;list-style-type: none;font-size: 12px;z-index: 1020;cursor: default;width: 133px;position: absolute;left: -1000em}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto}
ul.MenuBarHorizontal ul li{width: 133px}
ul.MenuBarHorizontal ul ul{position: absolute;margin: -5% 0 0 95%}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{left: auto;top: 0}
ul.MenuBarHorizontal a{display: block;cursor: pointer;background-color: #333333;padding: 0.5em 0.75em;color: #ffffff;text-decoration: none}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{background-color: #0099CC;color: #ffffff}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{background-color: #0099CC;color: #ffffff}
ul.MenuBarHorizontal iframe{position: absolute; z-index: 1010; filter:alpha(opacity:0.1);}

img.right {float: right; clear: none; padding: 0px 0px 20px 20px;}
.clear {display: block; clear: both; padding: 10px 0px;}
hr {height: 1px; background: #CCCCCC; border: 0px;}
div#tabbuttons {position: absolute; top: 0px; right: 12px; width: 100%; text-align: right}
div#tabbuttons > a {display: inline-block; font-weight: bold; font-size: 90%; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); background-color: #ED1768; margin: 0px 4px 0px 0px; padding: 6px 12px; color: #FFF; text-decoration: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
div#tabbuttons > a:hover {background-color: #C6034B !important}
div#tabbuttons > a#minicart {padding-left: 30px; background-image: url(../store/media/shopping-cart.svg); background-repeat: no-repeat; background-position: 8px 7px; background-size: 16px auto;}
div#tabbuttons div#google_translate_element {float: right; margin-left: 14px}
html.translated-ltr div#tabbuttons {top:40px}
@media screen, projection{ul.MenuBarHorizontal li.MenuBarItemIE{display: inline; float: left; background: #FFF;}}
@media screen,projection {ul.MenuBarHorizontal li.MenuBarItemIE{display:inline;float:left;background:#FFF;}}
a:link {color: blue;}a:visited {color: #00CCFF;}
/* responsive design css */
div#pagecontainer {width: 100%; max-width: 800px; margin: 0px auto; padding: 0px; border-top: 40px solid #000;}
div#pageheader {padding: 0px; margin: 0px; border-bottom: 3px solid #ED1768; background: #000}
div#pageheader img {max-width: 100%}
div#pagenav {padding: 0px; margin: 0px; background: #333; border-bottom: 3px solid #FFF}
div#pagecontentholder {background: #FFFFFF; max-width: 800px; margin: 0px auto; padding: 0px}
div#pagecontent {background: #FFF; padding: 20px 15px;}
div#pagecontent:after, div#pagecontentholder:after, div#pagecontentright > div:after {content:''; display: block; clear: both;}
div#pagecontentleft {padding: 20px 15px; text-align: left}
div#pagecontentright > div {padding: 20px 15px}
div#pagecontentright {background-color: #F2F2F2}
div#pagenav:after {content:''; display: block; width: 100%; clear: both}
.clear {clear: both;}
.homegrid {padding: 0px 15px 20px 15px;}
.homegrid > div > div {display: inline-block; max-width: 86%; float: right; clear: none}
.homegrid > div:after {content: ''; display: block; width: 100%; clear: both}
div#homenewsletter {padding: 20px 0px}
/* popup */
div#fadearea {display: block; position: absolute; top: 0px; left: 0px; z-index: 50; height: 2000%; width: 100%; background: #000000; opacity: 0.6; filter: opacity(60); z-index: 5000;}
div#popup {display: block; width: 100%; overflow:auto; height: 120%; position: fixed; z-index: 3000; top: 0px; left: 0px; text-align: center; padding-top: 5%;}
div#popupinner {display: inline-block; margin: 0px auto; position: relative; z-index: 6000;}
div#popupinner img {border: 10px solid #FFFFFF; box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000; max-width: 90%; margin: 0px auto}
div#closeit {position: relative; z-index: 6000; color: #FFFFFF; text-align: right; cursor: pointer; margin: 0px auto; font-size: 160%; top: -10px}
div#closeit:hover {color: #DBDBDB;}
div#closeit:before, div#closeit:after {content: ''; position: absolute; width: 30px; right: 50px; top: 8px; height: 1px; background: #FFFFFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
div#closeit:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.nosmall {display: none}
div#popupinner2 {background:#FFF;padding:20px;max-width:90%}
div#popupinner div#popupinner2 img {border: 0px solid #FFFFFF;box-shadow: 0px 0px 0px white;-moz-box-shadow: 0px 0px 0px white;-webkit-box-shadow: 0px 0px 0px white;max-width: 100%;}
span.h3 {display: block; font-size:160%;text-align:center;font-weight:bold;color:#322721;padding-bottom:10px}
div#saveonicespikes {font-size:110%;font-weight:bold;color:#322721}
div#countdowncoupon {padding-top: 10px}
div.slide {background: #000000;}
div.slide div.slidequote {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-family: 'Open Sans', sans-serif; width: 39%; float: right; clear: none; color: #FFFFFF; line-height: 180%; background: url(images/gray-opacity.png); margin: 20px 10px 0px 0px; padding: 0px 20px 6px 20px; font-size: 110%}
div.slide div.slidequote span {font-size: 500%; line-height: 4%; display: inline-block; color: gray; height: 30px; max-height: 40px; position: relative; top: 50px; padding-right: 10px; overflow: visible; font-family: Arial, Helvetica, sans-serif;}
div.slide div.slidequote span:last-child {padding-left: 10px; top: 60px;}
div.slide div.by {color: #FFFFFF; padding: 20px 0px; text-align: left; width: 39%; font-size: 90%; line-height: 180%; margin: 0px 30px 0px 0px; float: right; clear: none;}
div.slide div.by b {font-size: 130%; display: block; padding-bottom: 10px;}
.nostraps {padding: 16px; background: #0B352F; color: #FFFFFF;}
.nostraps {background: #005447;}
.terrains {padding: 16px; background: #0D2C3A; color: #FFFFFF;}
.terrains {background:#00405B;}
.lightweight {padding: 16px; background: #330C38; color: #FFFFFF;}
.lightweight {background:#4A0054;}
.durable {padding: 16px; background: #0C1E38; color: #FFFFFF;}
div#loopproducts > div {max-width: 453px;}
.durable {background: #002456;}
.prodimg {clear: none; text-align: center; float: left; width: 30%}
.prodimg img {max-width: 100%;}
.proddesc {clear: none; float: right; width: 65%; text-align: left}
div#loopproducts > div:after {content:''; display: block; width: 100%; clear: both}

div.sideimg {display: inline-block; float: left; text-align: center; width: 20%}
div.sideimg img {max-width: 100%}
div.sidedesc {display: inline-block; margin-left: 2%; width: 76%}
div.sidedesc h4 {font-size: 140%; padding: 6px 0px 0px 0px; margin: 0px}

h2.subheading {border-bottom: 2px solid #da585d;color: #223f92; font-size: 12px; line-height: 1em; text-transform: uppercase}

input[type="submit"] {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b3ee+0,5bcbf3+50,0097d0+100 */
background: #00b3ee; /* Old browsers */
background: -moz-linear-gradient(top,  #00b3ee 0%, #5bcbf3 50%, #0097d0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00b3ee 0%,#5bcbf3 50%,#0097d0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00b3ee 0%,#5bcbf3 50%,#0097d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ee', endColorstr='#0097d0',GradientType=0 ); /* IE6-9 */
color: #FFF;
text-transform: uppercase;
text-decoration: none;
padding: 2px 10px;
display: inline-block;
font-size: 13px;
border: 1px solid #3a9fd3;
border-radius: 5px;
text-shadow: 1px 1px 1px #277fbf;
cursor: pointer;
}
div#notax {color: white;font-weight: bold}
@media screen and (min-width: 600px) {
	div.halfdesktop:nth-child(1) {width:48%;float:left; clear:none}
	div.halfdesktop:nth-child(2) {width: 48%; float: right; clear: none}
	div.halfdesktop > div:last-child {clear: both; padding-top: 40px}
}
@media screen and (max-width: 600px) {
	div.halfdesktop > div {clear: both; padding-bottom: 40px}
}

@media screen and (min-width: 768px) {
  div#pagecontentleft {width: 59%; float: left; clear: none; padding: 0px; margin: 20px 0px 20px 3%}
  div#pagecontentright {width: 35%; float: right; clear: none; background-color: #2D67B1}
  div#tabbuttons {position: fixed}
  .nosmall {display: inline-block}
  body {background: #B7C1CB}
  div#bgimg {display: block}
  div#pagecontainer {border-top: 0px}
  .homegrid > div > div {min-height: 130px; width: auto;}
  .homegrid {padding: 0px;}
  .half {width: 50%; float: left; clear: none}
  div#homeapo {float:left; width: 30%; font-size:11px; padding-top:9px; font-weight:bold}
  div#homenewsletter {float: left; width: 40%; text-align: center; padding: 0px; margin: 0px}
  div#homecorporate {float: left; width: 30%; clear: none; text-align: center; padding: 9px 0px 0px 0px}
  div.homefooter {color: #FFFFFF; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4)}
  /********** Slider ***********/
	div.slide {height: 600px; width: 800px;}
	div.slide img {position: absolute; z-index: 2;}
	div.slidequoteleft {font-family: 'Open Sans', sans-serif;  position: absolute; margin: 70px 30px 0px 20px; width: 24%; padding: 40px 60px; position: relative; z-index: 100; color: #000000; font-size: 240%; line-height: 180%; background: url(images/white-background.png);}
	b.larger {font-size: 120%; display: block; padding-bottom: 10px;}
	span.gear-year {position: absolute; height: 0px; overflow: visible;}
	span.gear-year img {position: relative; left: 670px; top: 470px; border: 0px; height: 120px; width: 120px;}
	div.slide div.slidequote {position: relative; z-index: 100;}
	div.slide div.slidequote {margin: 70px 30px 0px 0px; padding: 0px 30px 20px 30px; font-size: 180%}
	div.slide div.by {clear: both;  position: relative; z-index: 100;}
}
@media screen and (max-width: 800px) {
	.hideundereight {display: none !important}
/*	div#basicslider {max-width: 100%;}*/
/*	div#basicslider > div.slide {width: 100% !important; height: auto !important}*/
/*	div#basicslider > div.slide:nth-child(2), div#basicslider > div.slide:nth-child(3), div#basicslider > div.slide:nth-child(4), div#basicslider > div.slide:nth-child(5), div#basicslider > div.slide:nth-child(6), div#basicslider > div.slide:nth-child(7), div#basicslider > div.slide:nth-child(8), div#basicslider > div.slide:nth-child(9), div#basicslider > div.slide:nth-child(10) {display: none !important}*/
	div.slide:after {content:''; display: block; width: 100%; clear: both}
	div.slide img {position: relative; max-width: 50%; float: left; clear: none}
	div.slide.reverseslide img {max-width: 100%;}
	span.gear-year {display: none}
	div.slide div.slidequote span:last-child {top: 34px;}
	div#pagecontentright {background: #F2F2F2 !important; color: #000 !important}
	.style6 {color: inherit !important}
	img {max-width: 100%;}
	.cart_quantity {width: 10px}
	.cart_price {display: none !important}
	table.addr > tbody > tr > td, table.addr > tr > td {display: block; clear: both; padding-bottom: 20px}
	input[type="text"] {max-width: 200px}
}
@media screen and (max-width: 600px) {
	.nomobile {display: none !important}
	div.slide div.slidequote {padding: 0 0 0px !important; margin: 10px 7% 0 0 !important; font-size: 100% !important;}
	div.slide div.by {margin: 0 7% 0 0 !important}
}
@media screen and (max-width: 1100px) {.nonarrow {display: none !important}}