@import url(reset.css);
@import url(text.css);
@import url(960.css);

/* -------- MISC -------- */
.hide {text-indent: -9999px; overflow: hidden; font-size: 1%;}
.hide a {display: block;}

/* -------- IMG/BG -------- */
body {background: url(img/bg.jpg);}
#wrapper {background: url(img/header_x.jpg) repeat-x left top;}
#subwrapper {background: url(img/head_bg.jpg) no-repeat center top;}
#splash {background: transparent url(img/splash.jpg) no-repeat;}
#features {background: url(img/features.jpg) no-repeat center top;}
#pnav, #pnav a {background: url(img/pnav.jpg) no-repeat;}
#feed a {background: url(img/rss.gif) no-repeat right top;}
#footer {background: url(img/footer.jpg) no-repeat center 50px;}
#page {background: #fff url(img/pagebg.jpg) repeat-y right top;}
#products li a {background: url(img/products.jpg) no-repeat;}
.page_cap_top {background: url(img/page-splash.jpg) no-repeat left top;}
.page_cap_foot {background: url(img/maincap.jpg) no-repeat left bottom;}
.category-sit-on-top {background: url(img/sit-on-tops-splash.jpg) no-repeat;}
.category-touring {background: url(img/touring-kayaks-splash.jpg) no-repeat;}
.category-fishing {background: url(img/fishing-kayaks-splash.jpg) no-repeat;}
.category-sea {background: url(img/tooka-splash.jpg) no-repeat;}
.category-wave-skis {background: url(img/wave-skis-splash.jpg) no-repeat;}
.category-accessories {background: url(img/accessories-splash.jpg) no-repeat;}
.product-ocean-duo {background-image: url(img/splash/ocean-duo.jpg);}
.product-ocean-quatro, .product-quatro-angler {background-image: url(img/splash/ocean-quatro.jpg);}
.product-mambo {background-image: url(img/splash/mambo.jpg);}
.product-loko {background-image: url(img/splash/loko.jpg);}
.product-midway {background-image: url(img/splash/midway-splash.jpg);}
.product-paseo {background-image: url(img/splash/paseo.jpg);}
.product-piccolo {background-image: url(img/splash/piccolo.jpg);}
.product-tango, .product-tango-angler {background-image: url(img/splash/tango.jpg);}
.product-optimo {background-image: url(img/splash/optimo.jpg);}
.product-tempo, .product-tempo-angler {background-image: url(img/splash/tempo.jpg);}
.product-disco, .product-disco-angler {background-image: url(img/splash/disco.jpg);}
.product-brio {background-image: url(img/splash/brio.jpg);}
.product-solo {background-image: url(img/splash/solo.jpg);}
.product-ysak {background-image: url(img/splash/ysak.jpg);}
.product-k-largo {background-image: url(img/splash/k-largo.jpg);}
.product-presto-475 {background-image: url(img/splash/presta4.jpg);}
.product-presto-537 {background-image: url(img/splash/presta5.jpg);}
.product-k2-chrono {background-image: url(img/splash/chrono.jpg);}
.product-slide-master {background-image: url(img/splash/slide-master.jpg);}
.product-slide-super {background-image: url(img/splash/slide-super.jpg);}

/* -------- SPLASH -------- */
#splash {height: 425px;}
#splash_menu {position: relative; height: 95px;}
#features {height: 130px; margin: 30px 0;}
#pnav {position: absolute; top: 0; left: 0; width: 960px; height: 95px;}
#pnav li {float: left;}
#pnav li a {position: absolute; top: 0; height: 95px;}
li#pnav_7  a {width:  91px; left:   0  ; background-position:    0   0;}
li#pnav_8  a {width: 129px; left:  91px; background-position:  -91px 0;}
li#pnav_9  a {width: 114px; left: 220px; background-position: -220px 0;}
li#pnav_10 a {width: 156px; left: 334px; background-position: -334px 0;}
li#pnav_11 a {width:  87px; left: 490px; background-position: -490px 0;}
li#pnav_12 a {width: 155px; left: 577px; background-position: -577px 0;}
li#pnav_7  a:hover, li#pnav_Sit.cur a {background-position:    0   -95px;}
li#pnav_8  a:hover, li#pnav_Tou.cur a {background-position:  -91px -95px;}
li#pnav_9  a:hover, li#pnav_Fis.cur a {background-position: -220px -95px;}
li#pnav_10 a:hover, li#pnav_Too.cur a {background-position: -334px -95px;}
li#pnav_11 a:hover, li#pnav_Wav.cur a {background-position: -490px -95px;}
li#pnav_12 a:hover, li#pnav_RTM.cur a {background-position: -577px -95px;}

/* -------- BRANDING -------- */
#branding {height: 150px; position: relative;}
#feed a {position: absolute; top: 10px; right: 0; height: 30px; padding-right: 35px;}
#logo a {position: absolute; top: 50px; left: 330px; width: 305px; height: 100px; z-index: 101;}
#trail {position: absolute; bottom: 10px;}
#language {position: absolute; bottom: 10px; right: 10px;}
#logo, #feed {margin: 0; padding: 0;}
#nav {position: absolute; top: 60px; left: 0; height: 30px;}
#cnav {position: absolute; top: 60px; right: 0; height: 30px;}
#nav {text-align: left;}
#nav li {margin: 0 15px 0 0;}
#cnav li {margin: 0 0 0 15px;}
.nav li {display: inline;}

/* -------- FOOTER -------- */
#footer {min-height: 360px; padding-bottom: 100px;}

/* -------- PRODUCTS PAGE -------- */
#products {width: 960px; height: 526px; position: relative; margin-top: 45px;}
#products li a {height: 256px; width: 320px; display: block; position: absolute;}
#products li.row-2 a {height: 270px; top: 256px;}
li#prod_7  a {left:   0px; background-position:    0   0;}
li#prod_8  a {left: 320px; background-position: -320px 0;}
li#prod_9  a {left: 640px; background-position: -640px 0;}
li#prod_10 a {left:   0px; background-position:    0   -256px;}
li#prod_11 a {left: 320px; background-position: -320px -256px;}
li#prod_12 a {left: 640px; background-position: -640px -256px;}

/* -------- TEXT PAGE -------- */
#page {min-height: 450px; position: relative;}
.page_cap_top {height: 150px;}
.page_cap_foot {height: 100px;}
#sidebar1 .inner {padding-left: 26px;}
.postinfo {margin: 0 0 15px 0; font-size: 11px;}
.postinfo p {margin: 0; padding: 0;}

/* -------- PRODUCTS LISTING -------- */
#page .category {height: 350px;}
ul.productsListing {}
ul.productsListing li {list-style: none; margin: 0 0 12px 0; padding: 0 0 12px 0;}
.productsListing .productImage {}
.productsListing h3 {font-size: 15px; font-weight: bold; margin-bottom: 5px;}
.productsListing .productDetails {color: #373737; font-style: italic; padding-right: 20px;}

/* -------- CONTACT PAGE -------- */
label {display: block;}
.form-field {margin: 10px 0;}
label.req {/*font-weight: bold;*/}
label.req:after {content: " *";}
label.required {color: #900;}
.errors, .success {padding: 10px; border: solid 2px #900; background: #ffdfdf; margin: 10px 0;}
.errors {color: #900;}
.success {color: #090; border-color: #090; background: #ceffce;}
.formIntroText {margin-bottom: 20px;}

/* -------- PRODUCTS LISTING SIDEBAR -------- */
#sidebar2 li li.active a {color: #fceda3; font-style: italic;}

/* -------- PRODUCT PAGE -------- */
#page .product {height: 280px; background-repeat: no-repeat;}
.product .productImages {margin-bottom: 20px; position: relative;}
.product .productImages .img_alt {display: none;}
.product .productDescription {}
.productSwatches {text-align: left;}
.productSwatches ul {margin: 0; padding: 0;}
.productSwatches li {list-style: none; cursor: pointer; margin: 0 0 10px 0; padding: 0; color: #039;}
table.specs {width: 100%;}
.specs td {padding: 3px 5px;}
.specs tr {border-bottom: solid 1px #eaeaea;}
.specs tr:hover td {background-color: #eee;}

/* -------- DEALERS PAGE -------- */
.dealer_location {margin: 0 0 20px 0;}
.dealer_location li {list-style: none; margin: 0 0 14px 0;}

/* -------- BLOG PAGE -------- */
.blog h3 {margin-bottom: 6px; font-weight: bold; font-size: 16px;}
.blog h3 a {text-decoration: none;}
.blog p {}
.blog p em {color: #595959; font-size: 11px;}
.blog .intro {margin-bottom: 10px;}
.blogsummary {margin-bottom: 20px;}