/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/* reset-fonts-grids-2.5.1.css end */
/* start yui-customizations.css */
 
/*
 * These are customizations to the YUI Grids css rules to
 * accomodate the custom layouts used in the site
 */

.yui-gg .yui-u {
    float: left;
    width: 68%;
}

.full-width .yui-gg {
    float: left;
    width: 100%;
}

.full-width .yui-u {
    width: 820px;
}

.yui-gg .first {
    float: left;
    width: 15.65%;
}

.yui-gg .last {
    float: right;
    width: 15.65%;
}

.yui-g .yui-u {
    width: 49.1%;
}

.yui-ge .yui-u .first {
    width: 74.2%;
}

.yui-ge .yui-u {
    width: 24%;
}
/* start main.css */
body {
    color: #666;
}

a {
    color: #1c3e95;
    text-decoration: none;
    outline: none;
}

a.buynow {
    color: #96000d;
}

img.icon
{
    margin-right: 4px;
}

p {
    margin: 1em 0;
}

a.imageLink, a.navLink {
    cursor: pointer;
}

#header {
    border-bottom: 1px dotted #666;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

#search {
    vertical-align: middle;
    float: right;
}

#dealeronestop {
    margin-right: 10px;
}

#search input {
    width: 105px;
}

#search input.default {
	color: #aaa;
}

#search input.submit {
    width: auto;
}


#logo {
    margin-left: 55px;
    vertical-align: middle;
}

#nav {
}

#ft {
    font-size: 85%;
    margin-top: 20px;
    height: 20px;
}


#middle {
    border-left: 1px dotted #666;
    padding-left: 10px;
}

.banner {
    margin-bottom: 10px;
}

.rightcolumn {
    margin-left: 10px;
}

.catalog {border: 1px solid #999;}

#nav ul.topnav li {
    margin-bottom: 15px;
    list-style-position: outside;
    marker-offset: 1px;
    text-transform: lowercase;
    font-weight: bold;
}

#nav ul.topnav li.currentPage {
    list-style-image: url(../images/small-bird.png);
}

#nav ul.topnav li.currentPage li {
    list-style-image: none;
}

#nav  ul.subnav {
    visibility: hidden; 
    display: none;
    margin-left: 0;
    margin-top: .1em;
    margin-bottom: .5em;
    font-size: 85%;
    overflow: hidden;
}

#nav ul.topnav a {
    text-decoration: none;
    color: #666; 
}

#nav ul.topnav a.currentSection {
    color: #1c3e95;
}

ul.topnav a:hover {
    color: #1c3e95;
}

ul.subnav a {
    text-decoration: none;
    color: #666;
}

#nav ul.subnav a:hover {
    color: #1c3e95;
}

#warranty {
    width: 480px;
}

#warranty dd {
    margin-bottom: 1em;
}

#warranty li {
    list-style-type: disc;
    list-style-position: inside;
}

li a, li img {
    vertical-align: middle;
}

li.sublinks {
    margin-top: 10px;
}

#warranty ul {
    margin-bottom: 1em;
}

#nav ul.subnav li {
    list-style: none;
    margin-bottom: 0;
    text-transform: none;
    font-weight: normal;
}

#rightnav {
    margin-left: 10px;
    text-transform: lowercase;
}

#rightnav li {
	margin: .5em 0;
}

#rightnav li.title {
    font-weight: bold;
}

#content {
    font-size: 100%;
    width: 480px;
}

h1 {
    margin: .5em 0;
    text-transform: lowercase;
    font-size: 116%;
}

#productDescription {
    font-size: 100%;
    font-weight: normal;
    text-transform: lowercase;
    margin: 1ex 0;
}

.as-is {
	font-size: 116%;
	margin: .5em 0;
    text-transform: none;
    font-weight: normal;
}

h2 {
    margin: 1em 0;
    font-weight: bold;
}

#products {
    font-size: 85%;
    margin-top: 10px;
}

#products li 
{
	display: inline;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	text-transform: lowercase;
	width: 70px;
	height: 120px;
}

#surfmatviewer
{
    width: 475px;
    margin: 0 auto;
    text-align: center;
}

#surfmatviewer li 
{
	display: inline;
	float: left;
	margin-right: 18px;
	margin-bottom: 9px;
	text-transform: lowercase;
	width: 100px;
/*	height: 120px; */
}

#surfmatviewer li.first
{
    clear: left;
}

#products p {
    margin: 0;
    width: 65px;
}

#products img {
    width: 70px;
    height: 60px;
}

#products div {
    width: 79px;
    text-transform: lowercase;
    margin-bottom: 9px;
}

#products a {
    text-decoration: none;
}

.section {
    border-bottom: dotted 1px #666;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.section h1 {
    margin-top: 0;
}

.section img {
    vertical-align: middle;
}

.sideImage {
    margin-bottom: 10px;
}

#crumbtrail {
    margin-bottom: 10px;
    text-transform: lowercase;
}

div.notices
{
    text-align: right;
}

/* end main.css */
/* start search.css */

#displayResults {
    font-size: 85%;
}

#newSearch a:link, .searchResultsHeader a:link, .searchResultsFooter a:link {
    color: #1c3e95;
    text-decoration: none;
}

#newSearch a:hover, .searchResultsHeader a:hover, .searchResultsFooter a:hover {
    text-decoration: underline;
}

#searchResults {
    margin-right: 5px;
}

div.searchResultsOdd, div.searchResultsEven {
    padding: 10px 0px;
}

div.searchResultsOdd {
    background-color: #ebf9fe;
}

.searchResultsOdd a, .searchResultsEven a {
    color: #7e8082;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
}

.searchResultsOdd a:hover, .searchResultsEven a:hover {
    color: #1c3e95;
}

.searchResultsHeader {
    margin: 00px 0px 10px 0px;
    font-size: 85%;
    color: #7e8082;
}

.searchResultsHeader a {
    margin-bottom: 20px;
}

.searchResultsFooter {
    font-size: 85%;
}

.pagesubhead {
}

.searchTime {
    font-size: 85%;
}



p.head {
    color: #1c3e95;
    text-transform: lowercase;
    border-bottom: 1px dotted #7e8082;
    font-weight: bold;
    margin-bottom: 1em;
}

p.wwwtext {
    font-size: 85%;
    margin-bottom: 1em;
}

.searchResults {
    color: #bec0c0;
    width: 100%;
}

label {
    font-size: 85%;
}

tr.pagesubhead td {
    border-bottom: dotted 1px #666;
    padding-bottom: 2px;
}

td.pagesubhead {
    color: #1c3e95;
    font-weight: bold;
    text-transform: lowercase;
}

input.googleSearchBox {
    width: 100px;
}

/* end search.css */
/* start features.css */

#features a.featureLink {
    cursor: pointer;
}

#features ul.features {
    visibility: hidden; 
    display: none;
    font-size: 93%;
    overflow: hidden;
}

#features li {
    margin: .5em 0;
    margin-left: 15px;

}

#features li {
    list-style-image: url(/images/arrowright.png);
}

#features li.currentPage {
    list-style-image: url(/images/arrowdown.png);
}

#features ul.features li {
    list-style-image: none;
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 0;
}


/* end features.css */
/* ib-fix.css start */

/* 
 * It's hard to get the browsers to do "inline blocks"
 * This block of hacks works around the various browser issues
 */
.ib-fix div {
    display:-moz-inline-box;
    -moz-box-orient:vertical;
    display:inline-block;
    vertical-align:top;
    word-wrap:break-word;
}

* html .ib-fix div {
    display:inline;
    display:-moz-inline-box;
    -moz-box-orient:vertical;
    display:inline-block;
    vertical-align:top;
    word-wrap:break-word;
}

* html .ib-fix div {
    display:inline;
}

* + html .ib-fix div {
    display:inline;
}

.ib-fix div > * {
    display:table;
    table-layout:fixed;
    overflow:hidden;
}

/* ib-fix.css end */

.printpage {
	display: inline-block;
	height: 20px;
	padding-left: 26px;
	background-image: url(/images/printpage.png);
	background-repeat: no-repeat;
}

  /** Slideshow
  ** ----------------------------------------------------------------*/
  #slideshow {
    width: 644px; 
    height: 286px; 
    position: relative; 
    cursor: pointer;
    margin-bottom: 20px;
  }
    #slideshow #slides { 
      margin: 0;
      position: absolute; 
      top: 0; 
      left: 0;
    }
    #slideshow .slide {
      position: absolute; 
      top: 0; 
      width: 644px; 
      height: 286px;
    }

      #slideshow .slide img {
        position: absolute;
        top: 0;
        left: 0;
      }
      #slideshow .slide img.campfire { opacity: 0; }

      #slideshow img#pause { 
        display: none;
        position: absolute;
        bottom: 10px;
        left: 10px;
        z-index: 10;
      }
      #slideshow:hover img#pause { display: block; }
      
    #slideshow .previous, #slideshow .next {
      position: absolute;
      top: 50%;
      height: 35px;
      width: 35px;
      text-indent: -999em;
      overflow: hidden;
      background: transparent url(/images/slides/arrows.png) no-repeat 0 0;
      z-index: 10;
    }
    #slideshow .next { 
      right: 0;
      background-position: 100% 0; 
    }
    #slideshow .pagination {
      position: absolute;
      bottom: 15px;
      right: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
      z-index: 10;
    }
      #slideshow .pagination li {
        float: left;
        width: auto;
        padding-right: 5px;
        margin-left: 15px;
        list-style: disc outside;
        color: #B5B6B9;
      }
      #slideshow .pagination li:first-child { list-style: none; }
      
        #slideshow .pagination li a {
          display: block;
          text-indent: -999em;
          height: 16px;
          width: 16px;
          background: transparent url(/images/slides/dot.png) no-repeat 50% 0;
        }
        #slideshow .pagination li a:hover, 
        #slideshow .pagination li.active a,
        #slideshow .pagination li a.activeSlide { background-position: 50% 100%; }
      
  /* End Slideshow **/