@charset "utf-8";
img, div, a {behavior: url('/iepngfix.htc')}
html, body, div, span, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
body {background: #000 url(../img/bg.jpg) no-repeat center top; margin: 0; padding: 0;}
div#container {position: relative; margin: 50px auto; width: 930px; height: 580px;}
div#header {width: 930px; height: 53px; background: url(../img/header_logo.png) no-repeat top left; text-align: right;}
div#left {position: absolute; top: 78px; left: 0px; width: 138px; height: 500;}
div#content {position: absolute; top: 53px; left: 138px; overflow: hidden; width: 740px; height: 492px; border: solid #fff; border-width: 4px 5px; background: #585141;}
div#icons {position: absolute; top:53px; left: 888px; width: 40px; height: 500px; }
div#footer {position: absolute; top:562px; left:780px;}
a {color: #fff; text-decoration: none;}
a:hover {color:#dce0df; text-decoration: none;}
p {color: #fff; margin: 0 0 10px 0;}
#left ul.menu.left {display:block; font:normal bold 12px Verdana, Helvetica, Arial, sans-serif; line-height:165%; width: 138px;}
#left ul.menu.left li a{display:block; color:#dce0df; padding:0 0 0 10px; width:128px;}
#left ul.menu.left li a:hover{background:#78715f url("../img/menu_hover_bg.gif") no-repeat 129px center;}
#left ul.menu li a.current, #left ul.menu li a.current:hover{background:#585141 url("../img/menu_hover_bg.gif") no-repeat 129px center; border: none;}
#left ul.menu.left.sub,#left ul.menu.left.sub-sub, #left ul.menu.left.sub-sub-sub {font: italic bold 12px Verdana, Helvetica, Arial, sans-serif;line-height:165%;}
#left ul.menu.left.sub li a{padding:0 0 0 20px; width:118px;}
#left ul.menu.left.sub-sub li a{padding:0 0 0 30px; width:108px;}
#left ul.menu.left.sub-sub-sub li {font: italic normal 12px Verdana, Helvetica, Arial, sans-serif; line-height:165%;}
#left ul.menu.left.sub-sub-sub li a{padding:0 0 0 40px;width:98px;}
#header ul.menu.top {font: normal 12px Verdana,Helvetica,Arial,sans-serif; padding:27px 70px 0 0;}
#header ul.menu.top li {display:inline;}
#header ul.menu.top li a {height:24px; padding:9px 7px 4px;}
#header ul.menu.top li a:hover, #header ul.menu.top li a.current {color:#dce0df; border-bottom: 1px solid #c7c7c7; padding:9px 7px 4px;}
#icons ul.menu.icons {padding:0 0 0 4px;}
#icons ul.menu.icons li a {display: block; width: 36px; height: 40px; color:#fff; }
#icons ul.menu.icons li a#email {background: url("../img/icon_email.gif") no-repeat top left;}
#icons ul.menu.icons li a#print {background: url("../img/icon_print.gif") no-repeat top left}
#icons ul.menu.icons li a span {display: none;}
div#index-right {float:right; width:209px; height: 492px; overflow: hidden;}
div#index-right h3  {text-align: right; margin:0; padding: 0; width:209px; height:30px;}
div#index-right h3 a {display: block; color: #dce0df; padding:6px 10px; font:bold 12px Verdana, Helvetica, Arial, sans-serif;}
div#index-right div.accordion.index {background: #373126; color: #fff; font: normal 10px Verdana, Helvetica, Arial, sans-serif;}
div#index-right div.accordion.index p {padding: 0 10px; text-align: justify;}
div#index-right div.accordion.index img {margin:43px}
div#copyright {color: #c7c7c7; font: normal 12px Verdana, Helvetica, Arial, sans-serif;}
div.content {width: 740px; height: 492px; padding: 14px 0 0}
div.content.index {background: url("../img/index.jpg") no-repeat top left; padding:0;}
div.content.index.fr {background: url("../img/index_fr.jpg") no-repeat 0 0;}
div.content.about {background: url("../img/about.jpg") no-repeat 0 0;}
div.content.news {background: url("../img/news.jpg") no-repeat 0 0; }
div.content-product {position: absolute;width: 736px; height: 492px; margin: 0; padding: 14px 0 0 0;}
div.content.choose {background: url("../img/choose_canoe.jpg") no-repeat 0 0;}
div.content.dealers {background: url("../img/dealers.jpg") no-repeat 0 0;}
div.content.showcase {background: url("../img/product_showcase.jpg") no-repeat 0 0;}
div.content-stories {background: url("../img/stories.jpg") no-repeat 0 0; position: absolute; width: 740px; height: 492px; margin: 0; padding: 14px 0 0 0;}
div#slideIn {position: relative; width: 722px; background: #585141; color: #fff;padding: 8px 0 8px 18px; z-index: 9999;}
div#slideIn h2 {font:bold 20px Verdana, Helvetica, Arial, sans-serif;}
div#swatches {position: absolute; top:7px; right: 8px;}
div#swatches p{position: absolute; top:0px; right: 360px;font:italic 10px Verdana, Helvetica, Arial, sans-serif;}
img.product-main {position: absolute; top:0; left:0; }
div#loading {z-index: 0; position: absolute; top: 100px; left: 340px; width: 60px; height: 60px; background: url("../img/loading.gif") no-repeat center center}
div.columns {position: absolute; top: 250px; left: 0; width:740px; height: 226px; margin: 0;}
div.columns-showcase {position: absolute; top: 300px; left: 0; width:740px; height: 226px; margin: 0;}
div.columns-stories {position: absolute; top:235px; left: 0; width:520px; height: 226px; margin: 0; padding:0}
div.product-columns {position: absolute; top:255px; left:0; width:740px; height: 136px;}
h3 {color: #fff; font:bold 15px Verdana, Helvetica, Arial, sans-serif; padding: 10px 0 0 10px; margin:0;}
h4 {color: #fff; font:bold 12px Verdana, Helvetica, Arial, sans-serif; padding: 0; margin:0;}
div.column {width: 226px; height: 198px; float:left; padding:0 10px; margin: 10px 0 0; }
div.column.line, div.story-column.line {border-right: 1px solid #aca8a0;}
div.column p {font:normal 10px Verdana, Helvetica, Arial, sans-serif; text-align: justify; line-height: 13px; padding: 0; margin: 0 0 13px;}
#sbox-window p {font:normal 12px Verdana, Helvetica, Arial, sans-serif; text-align: justify; line-height: 16px; padding: 0 10px; margin: 0 0 13px;}
#sbox-window img {display: inline; float:right; padding:10px;}
div.content-stories div.columns-stories {margin: 20px 0; padding: 0}
div.content-stories div.column {width:255px; margin: 0; padding: 0}
div.content-stories div.column p {margin: 0; padding: 0 10px 10px;}
#sbox-window h3 {margin: 0; padding: 10px; font-size: 16px;}
div.column.featured h3 {margin: 0; padding: 0 10px 10px;}
div.column.featured h3 span, #sbox-window h3 span {display: block; margin: -2px 0 0 0; padding: 0; font:normal 10px Verdana, Helvetica, Arial, sans-serif;}
div.column.featured a { display: block; margin: 0; padding: 0 10px 10px; font:normal 10px Verdana, Helvetica, Arial, sans-serif; text-align: right;}
ul#teasers {position: absolute; top:60px; left: 520px; list-style-type: none; display: inline; overflow: hidden; margin:  0; padding: 0 5px 10px 10px; width: 175px; height: 425px;}
ul#teasers li {margin: 0; padding: 10px 0; border-bottom: 1px solid #87837d;}
ul#teasers li h4 {font: bold 12px Verdana, Helvetica, Arial, sans-serif; padding: 0 0 5px 0; margin: 0;}
ul#teasers li p {font: normal 10px Verdana, Helvetica, Arial, sans-serif; text-align: justify; padding:0; margin: 0;}
ul#teasers li a { display: block; margin: 0; padding:0; font: normal 10px Verdana, Helvetica, Arial, sans-serif; text-align: right;}
ul#scroller-control {position: absolute; top:60px; left:710px; height:425px; width: 25px; margin: 0; padding:0; overflow:hidden; list-style-type:none;}
ul#scroller-control li {display: inline;}
ul#scroller-control li a {display: block; width: 30px; height:210px}
ul#scroller-control li a span {display: none;}
ul#scroller-control li#up a {background: url("../img/up.gif") no-repeat 5px center;}
ul#scroller-control li#down a {background: url("../img/down.gif") no-repeat 5px center; }
div#ajax {background: #585141; z-index: 50; position: absolute;}
div.column.line.product {display: inline; width: 292px; height: 136px; margin-left: 10px;}
div.column.description {width: 384px; height: 136px; margin-left: 10px; font-size: 9px; height: 136px;}
div.column.description p { font-size: 9px; line-height: 12px; padding: 0 10px 0 0;}
table.tech-specs td {color: #fff; font:normal 9px Verdana, Helvetica, Arial, sans-serif;}
table.tech-specs td.left {font:bold 11px Verdana, Helvetica, Arial, sans-serif; width: 150px;}
table.weights {position: absolute; left:10px; bottom: 44px; background: #373126; width:718px; height: 45px;  padding: 5px 10px;}
table.weights th, table.weights td {color: #fff; text-align: left; font:10px Verdana, Helvetica, Arial, sans-serif; width:119px; padding:2px;}
table.weights th {font-weight:bold}
ul#news-scroller {height:190px; width: 220px; margin: 0 0 -190px 500px; overflow:hidden;}
ul#news-scroller li {color: #fff; font:bold 12px Verdana, Helvetica, Arial, sans-serif; border-bottom: 1px solid #6d6967; padding: 10px 0;}
ul#news-scroller li a {font: normal 10px Verdana, Helvetica, Arial, sans-serif; text-align:right; display:block;}
ul#news-scroller li span {font:normal 10px Verdana, Helvetica, Arial, sans-serif; display:block;}
ul#scroll-control {height:190px; width: 20px; margin: 0 0 -190px 720px; overflow:hidden;}
ul#scroll-control li a {display: block; width: 20px; height:94px}
ul#scroll-control li a span {display: none;}
ul#scroll-control li#up a {background: url("../img/up.gif") no-repeat 5px center;}
ul#scroll-control li#down a {background: url("../img/down.gif") no-repeat 5px center;}
ul#product-list {height:247px; width: 229px; margin: -247px 0 -190px 510px;}
ul#product-list li {display: block; width: 229px; color: #fff; font:normal 11px Verdana, Helvetica, Arial, sans-serif; padding: 5px 0 0 5px;}
ul#product-list li a {display: block; width: 229px; }
ul#product-list li div.hr {width: 209px, height: 1px; border-bottom: 1px solid #7c8183; display:block; margin: -15px 0 -5px 16px;}
ul#product-list li span{margin: 0 0 0 25px; }
ul#product-list li a img{margin: 0 0 0 80px; }
ul#showcase-photos {overflow: hidden; height:247px; width: 521px;}
ul#showcase-photos li {display: block; width: 490px; height:247px; padding: 25px 0 0 25px;}
ul#showcase-data {position: absolute; top:5px; left: 0; overflow: hidden; height:190px; width: 740px; margin: 0; padding: 0; list-style-type:none;}
ul#showcase-data li {position: relative; display: block; height:190px; width: 500px; margin: 0; padding: 10px; list-style-type:none;}
ul#showcase-data li p {color: #fff; font:bold 15px Verdana, Helvetica, Arial, sans-serif; }
ul#showcase-data li h3 {font:bold 20px Verdana, Helvetica, Arial, sans-serif; }
ul#showcase-data li a {display: block; width: 205px; background: #585141 url("../img/tech_link_bg.gif") no-repeat left center; margin:0; padding:2px; font:italic 12px Verdana, Helvetica, Arial, sans-serif; text-decoration: none; text-align: right;}
ul#showcase-data li ul {margin:0 0 0 10px; padding: 0;}
ul#showcase-data li ul li {color: #fff; height: auto; font:bold 15px Verdana, Helvetica, Arial, sans-serif; margin:0; padding: 0;}
ul#showcase-data li a {position:absolute; top:160px; left:531px;}
div.price_link {position: absolute; width: 100%;left:0; bottom: 20px;padding:0;}
div.price_link a {display:block; width:100%;text-align:center; font:bold 12px Verdana, Helvetica, Arial, sans-serif;}
div#note {color: white; font: italic normal 9px Verdana, Helvetica, Arial, sans-serif; line-height:165%; position:absolute;top:-50px;width:175px;}