/* mobile */
@import url("/css/mobile.css") handheld;
@import url("/css/mobile.css") only screen and (max-device-width:480px);

/* google fonts */
/* @import url("http://fonts.googleapis.com/css?family=") all; */

/* resets */
html, body, div, span, object, iframe, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin:0px; padding:0px; border:0px;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display:block;}

/* overwrites */
html, body {width:100%; height:100%;}
body {background:#000 url(/image/skate2.jpg) no-repeat fixed top center; font:12px arial, helvetica, sans-serif; color:#404040;}
body.ski {background:#000 url(/image/ski2.jpg) no-repeat fixed top center;}
body.water {background:#000 url(/image/water.jpg) no-repeat fixed top center;}
body.store-1 {background:#000 url(/image/store-1.jpg) no-repeat fixed top center;}
body.store-2 {background:#000 url(/image/store-2.jpg) no-repeat fixed top center;}
body.store-3 {background:#000 url(/image/store-3.jpg) no-repeat fixed top center;}
body.wake {background:#000 url(/image/wake2.jpg) no-repeat fixed top center;}
body.skate {background:#000 url(/image/skate2.jpg) no-repeat fixed top center;}
body.style {background:#000 url(/image/style2.jpg) no-repeat fixed top center;}
body.snowboard {background:#000 url(/image/snowboard2.jpg) no-repeat fixed top center;}
input, textarea {font:14px arial; color:#666; background:#fff url(/image/input-bg.png) no-repeat left top; border:1px solid #ddd;}
input:focus, select:focus, textarea:focus {border:1px solid #aaa; color:#000;}
input.radio, input.checkbox {background:transparent none; width:auto; padding:0px; margin:0px; border:0px; cursor:pointer;}
input.submit, a.submit {font:16px arial; width:auto; background:#f1f1f1 url(/image/button-bg.png) repeat-x top; border:1px solid #ccc; padding:8px 12px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
input.submit:hover, a.submit:hover {text-decoration:underline;}
label {cursor:pointer;}
label.required {background:url(/image/required.png) no-repeat right top; padding-right:10px;}
img {border:0px;}
a {text-decoration:none; color:#005EAA;}
a:hover {text-decoration:underline;}

/* layout */
.wrapper {width:980px; margin:0px auto; position:relative;}
.clear {clear:both; margin:0px; padding:0px; height:0px; font-size:0px; line-height:0px; float:none;}
#background {width:100%; position:absolute; z-index:0;}
#background img {width:100%;}

/* header */
header {position:relative; height:75px;}

/* logo */
#logo {width:226px; float:left; margin-top:4px;}

/* topnav */
#topnav {float:right; width:740px; height:48px; margin-top:10px;}
#topnav li {list-style:none; float:left;}
#topnav li.extra {background:url(/image/topnav-extra-background.png) repeat-x; width:360px; height:48px;}
#topnav a {padding:10px 0px;}

/* search */
#search {position:absolute; top:0px; right:130px; width:195px; height:43px; padding:13px 0px 0px 25px; background:url(/image/search-background.png) no-repeat left top; z-index:10;}
#search input.query {border:1px solid #404040; color:#404040; font-size:12px; width:140px; height:14px; padding:6px 4px 6px 6px; line-height:14px; vertical-align:middle; float:left;}
#search input.submit {border:0px; width:auto; height:auto; padding:6px 7px 5px 7px; float:left; background:none;}
#search input.submit:hover {cursor:pointer;}

/* cart */
#cart {position:absolute; z-index:10; top:27px; right:10px; width:100px; height:20px; vertical-align:middle;}
#cart img {vertical-align:middle;}
#cart .left {float:left; vertical-align:middle;}
#cart .right {float:right; vertical-align:middle;}
#cart a {font:14px arial; color:#fff; text-decoration:none;}
#cart a:hover {color:#FF9038; text-decoration:underline;}

/* ski trips */
#ski-trips-form img {background:none transparent;}
#ski-trips-form input.submit {padding:5px; font-size:14px;}

/* rentals */
.rentals li {margin-left:20px;}

/* categories */
#categories {padding-top:210px; height:52px;}
.pop-up {display:none;}
.pop-up-on {display:inline; position:absolute; bottom:60px; left:0px; width:300px;}
.pop-up-on h1 {font:60px arial; color:#fff; text-transform:uppercase; margin:0px; padding:0px; height:60px;}
.pop-up-on h2 {font:20px arial; color:#fff; margin:0px; padding:0px;}
#categories .slide {position:relative; float:left; width:180px; margin-right:19px;}
#categories .last {position:relative; float:right !important; width:180px; margin:0px !important;}

/* content */
.content {padding-top:20px;}
.content h1 {font:bold 24px arial; color:#000;}
.white {background:#fff; padding:20px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
.white .left {float:left; width:200px;}
.white .right {float:right; width:735px;}
ul.products li {list-style:none; float:left; margin:0px 21px 17px 0px;}
ul.products li.last {float:right; margin:0px 0px 17px 0px;}
a.button {font:16px arial; width:auto; margin-top:10px; background:#f1f1f1 url(/image/button-bg.png) repeat-x top; border:1px solid #ccc; padding:8px 12px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
a.button:hover {text-decoration:underline;}
.sub-cat {background:#e9e9e9 url(/image/snow.png) repeat-x bottom; padding:20px;}

/* flame */
#flame {position:relative; height:300px; width:206px; text-align:center; overflow:hidden; padding:80px 10px 20px 10px; background:url(/image/flames.png) no-repeat;}
#flame-overlay {position:absolute; height:100%; width:100%; top:0px; left:0px;}
#flame-overlay a {}
#flame h1 {color:#FFEFBB; margin:0px; padding:0px; font-size:36px; height:36px;}
#flame p {color:#fff; font:bold 25px arial;}
#flame img {}


/* banner */
#banner {width:960px; padding:0px 10px; height:90px; background:#005EAA; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-top-left-radius:8px; border-top-right-radius:8px;}
#banner .title {font:90px arial; color:#000; text-transform:uppercase; float:left; height:90px;}
#banner .logo {float:right; width:226px; margin-top:16px;}

/* slides */
#slides {width:980px; height:250px; position:relative;}
#slides img.main {position:absolute; top:0; left:0; z-index:0;}
#slides .circles {position:absolute; bottom:75px; right:5px;}
#slides .circles li {list-style:none; display:inline; margin-right:5px;}
#slides .text-area {position:absolute; bottom:0px; left:0px; background:url(/image/trans-eighty.png) repeat; width:970px; height:65px; padding-left:10px; font:63px arial; color:#fff; text-transform:uppercase;}
#slides .text-area a {position:absolute; bottom:0px; left:0px; width:970px; height:65px; padding-left:10px;  font:63px arial; color:#fff; text-transform:uppercase;}

/* columns */
#column-1 {float:left; margin-right:26px; width:460px; padding:7px 7px 25px 7px; background:url(/image/trans-eighty.png) repeat; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#column-2 {float:left;}
#column-3 {float:right; width:226px;}

/* events */
#events {margin-top:6px; height:213px; overflow:hidden; position:relative;}
#events h1, #events h1 a {font:bold 20px arial; color:#EEAD56; margin:0px;}
#events h1 a:hover { text-decoration: none; }
#events p {font:12px arial; color:#fff; padding:5px; margin:0px;}
#events .top {width:226px; height:52px; margin:0px;}
#events .mid {background:url(/image/trans-sixty.png) repeat; min-height:185px; padding:8px 8px 0px 8px;}
#events-bottom {text-align:right; width:210px; height:10px; background:url(/image/trans-sixty.png) repeat; padding:15px 8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
#events-bottom a {font:12px arial; color:#fff; text-decoration:underline;}
#events-bottom a:hover {color:#FF9038;}

/* products */
#products {padding-top:20px; height:auto;}
.item {width:180px; height:194px; background:url(/image/trans-eighty.png); text-align:center; font-weight:bold; float:left; margin:0px 7px 7px 0px; border:1px solid #666;}
.item.last {margin-right:0px; float:right;}
.item:hover {border:1px solid #fff;}
.item .item-image {padding-top:10px; margin:0px auto; width:132px;}
.item .item-image img {border:1px solid #999; margin-bottom:5px; display:block;}
.item .item-title a {color:#fff; text-decoration:none;}
.item .item-title a:hover {color:#fff; text-decoration:underline;}
.item .item-price {color:#f00; font-size:14px;}

/* gallery */
#gallery {float:left;}
#gallery img.main {float:left; border:1px solid #ccc;}
#gallery ul {float:left; padding-left:20px; margin:0px;}
#gallery li {list-style:none; margin-bottom:21px;}
#gallery ul img {border:1px solid #ccc; padding:5px; background:#fff;}
#gallery ul img:hover {border:1px solid #000;}

/* purchase */
#purchase {float:right;}
#purchase table {border:1px solid #000; background:#333 url(/image/snowflake-background.jpg) no-repeat top right; margin-bottom:14px; float:right; clear:right; color:#fff; padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#purchase table td {padding:6px 15px;}
#purchase table td input {padding:5px; width:50px;}
#purchase table td select {padding:3px 4px 3px 3px; width:100%;}
#purchase .price-orig {text-decoration:line-through;}
#purchase .price-sale {font-weight:bold; color:#cc0000;}
#purchase input.submit {float:right;}

/* footer */
footer {background:url(/image/trans-sixty.png) repeat; padding:15px 8px; margin:20px 0px 50px 0px; text-align:center; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
footer .location {font:12px arial; color:#fff; float:left; margin-left:62px; background:url(/image/trans-sixty.png) repeat; padding:10px 0px; width:390px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

/* bottomnav */
#bottomnav li {list-style:none; display:inline;}
#bottomnav a {font:bold 14px arial; color:#B5C8DB; text-decoration:none; margin:0px 8px;}
#bottomnav a:hover {color:#99b5d0;}

/* disclaimer */
#disclaimer {margin:15px 0px; font:12px arial; color:#bbb;}
#disclaimer a {text-decoration:underline; color:#bbb;}
#disclaimer a:hover {color:#fff;}

/* drop down menu */
.dropmenudiv {position:absolute; top:0px; margin:-14px 0px 0px 0px; line-height:18px; z-index:10000; background:#000; width:175px; visibility:hidden;}
.dropmenudiv ul {}
.dropmenudiv li {list-style:none;}
.dropmenudiv a {display:block; padding:5px 8px; text-decoration:none; font-weight:bold; color:#fff;}
.dropmenudiv a:hover {background:#008dff;}

/* pagination */
.pagination {padding:10px 0px; margin:0px; margin-top:10px;}
.pagination ul {margin:0px; padding:15px 10px; text-align:left; background:#f3faff; border:1px solid #bbb;}
.pagination li {list-style-type:none; display:inline; padding-bottom:1px; background:transparent; padding-left:0px; margin:0px; border:0px;}
.pagination li a {padding:3px 6px; border:1px solid #9aafe5; background:#fff; text-decoration:none; color:#448dc2; display:inline;}
.pagination li a:hover {border:1px solid #2b66a5; color:#000; background:#f7f7f7; text-decoration:none; display:inline;}
.pagination li.currentpage {font-weight:bold; padding:3px 5px 3px 7px; border:1px solid navy; background:#448dc2; color:#fff; margin-right:3px;}
.pagination li.disablepage {padding:3px 6px; border:1px solid #929292; color:#929292; margin-right:3px; background:#fff;}
.pagination li.nextpage {font-weight:bold;}
* html .pagination li.currentpage, * html .pagination li.disablepage {margin:0px 5px; padding-right:0px;}

/* grid */
.grid {border:1px solid #ccc; margin-bottom:15px; width:100%;}
.grid.auto {width:auto;}
.grid tr {}
.grid th {padding:6px; background:#444 url(/image/th-bg.png) repeat-x top; font:bold 14px arial; color:#fff; text-align:left;}
.grid td {padding:6px;}
.grid tr.odd {background:#fafafa;}
.grid input {padding:6px; width:300px;}
.grid input#name {}
.grid input#email {}
.grid input#address {}
.grid input#city, .grid input.textbox-city {width:200px;}
.grid input#state_code, .grid input.textbox-state-code {width:22px; text-transform:uppercase;}
.grid input#zip, .grid input.textbox-zip {width:75px;}
.grid input#phone, .grid input.textbox-phone {width:150px;}
.grid input#fax, .grid input.textbox-fax {width:150px;}
.grid textarea#message {width:96%; height:200px; padding:8px;}

/* error alerts */
#log-results {display:none;}
#SUCCESS, .SUCCESS {color:#4e8c28; padding:20px 15px 20px 15px; background:#e9ffdb; border:1px solid #6cb142; margin:10px 0px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#ERROR, .ERROR {color:#cc0000; padding:20px 45px 20px 15px; background:#ffeeee; border:1px solid #ff5050; margin:8px 0px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#ERROR p, .ERROR p {margin:3px 0px;}
.error {color:#cc0000; font-weight:bold;}

.pointer { cursor: pointer; }

/* map */
.maps {width:940px; height:350px; margin:10px 0px; border:none;}
.map_wrapper { margin-top:20px; display:none; }

.ui-datepicker-trigger { border: none !important; background: #fff; line-height: 30px; vertical-align: middle; cursor: pointer; }

/* shadows, glows, etc
.rounded-corners {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.text-shadow {text-shadow:1px 2px 0px #894800;}
.opacity {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.box-shadow {-webkit-box-shadow:0 0 5px #bbb; -moz-box-shadow:0 0 5px #bbb; box-shadow:0 0 5px #bbb;}
*/

/* ie */
/* .ie {behavior:url(/css/ie-css3.htc);} */

/* ie6 */
.ie6 html, body.ie6, .ie6 div, .ie6 span, .ie6 object, .ie6 iframe, .ie6 h1, .ie6 h2, .ie6 h3, .ie6 h4, .ie6 h5, .ie6 h6, .ie6 p, .ie6 blockquote, .ie6 pre, .ie6 a, .ie6 abbr, .ie6 address, .ie6 cite, .ie6 code, .ie6 del, .ie6 dfn, .ie6 em, .ie6 img, .ie6 ins, .ie6 kbd, .ie6 q, .ie6 samp, .ie6 small, .ie6 strong, .ie6 sub, .ie6 sup, .ie6 var, .ie6 b, .ie6 i, .ie6 dl, .ie6 dt, .ie6 dd, .ie6 ol, .ie6 ul, .ie6 li, .ie6 fieldset, .ie6 form, .ie6 label, .ie6 legend, .ie6 table, .ie6 caption, .ie6 tbody, .ie6 tfoot, .ie6 thead, .ie6 tr, .ie6 th, .ie6 td, .ie6 article, .ie6 aside, .ie6 canvas, .ie6 details, .ie6 figure, .ie6 figcaption, .ie6 hgroup, .ie6 menu, .ie6 footer, .ie6 header, .ie6 nav, .ie6 section, .ie6 summary, .ie6 time, .ie6 mark, .ie6 audio, .ie6 video {behavior:url(/css/ie6-png-fix.htc);}

/* ie7 */
.ie7 {}

/* ie8 */
.ie8 {}

/* ie9 */
.ie9 {}