/**********************************

Reset Styles for all browsers

***********************************/



/* Don't forget to set a foreground and background color 

   on the 'html' or 'body' element! */

html, body, div, span,

applet, object, 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,

dd, dl, dt, li, ol, ul,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

font-weight: inherit;

font-style: inherit;

font-size: 100%;

line-height: 1;

font-family: inherit;

text-align: left;

vertical-align: baseline;

}



a img, :link img, :visited img {border: 0;}



table {border-collapse: collapse; border-spacing: 0;}



ol, ul {list-style: none;}



q:before, q:after,

blockquote:before, blockquote:after {content: "";}



/**********************************

Core Styles

***********************************/



body {

/*background-color: #fff;*/

background: url(../images/bg.jpg) #fff repeat-x;

color: #000;

font-family: Arial, Helvetica, Verdana, sans-serif;

font-size: 12px;

text-align: center;

}



/* Generics

------------------------------*/

/* site-wide defs for p, a, h1, h2, etc. */



h1 {

background: url(../images/logo.jpg) no-repeat;

display: block;

height: 153px;

text-indent: -9000px;

width: 460px;

}



h2 {

/*background-color: #ddd;*/

font-size: 16px;

font-weight: bold;

line-height: 30px;

}



h3 {

/*background-color: #eee;*/

/*border-bottom: 0px solid #ddd;*/

font-size: 14px;

font-weight: bold;

line-height: 25px;

padding: 0px;

}



h3 span {

background-color: #ddd;

line-height: 25px;

padding: 6px 10px;

}



h4 {}



p {

line-height: 1.4em;

}



a {

color: #0c337d;

text-decoration: underline;

}



a:hover {

text-decoration: none;

}



/* Container

------------------------------*/



#container {

/*background-color: #fff;*/

background: url(../images/bg-container.jpg) #fff no-repeat;

margin: 0px auto;

padding: 0px 15px;

width: 760px;

}



/* Header

------------------------------*/



#header {

display: block;

float: left;

height: 223px;

width: 460px;

}



#slide-show {

background: url(../images/bg-slideshow.jpg) no-repeat;

display: block;

float: right;

/* height: 223px;

width: 300px; */

height: 197px;

width: 280px;

padding: 26px 0 0 20px;

}



#slide-images{

    position:relative;

    display:block;

    margin:0px;

    padding:0px;

    width:265px;

    height:170px;

    overflow:hidden;

}



#slide-images li{

    position:absolute;

    display:block;

    list-style-type:none;

    margin:0px;

    padding:0px;

    background-color:#fff;

}



#slide-images li img{

    display:block;

    background-color:#fff;

}



/* Menu

------------------------------*/



#menu {

display: block;

height: 70px;

position: relative;

width: 460px;

}



#menu ul {

background: url(../images/bg-menu2.jpg) no-repeat;

height: 70px;

margin: 0px;

width: 460px;

}



#menu ul li {

margin: 0;

padding: 0;

list-style: none;

position: absolute;

top: 0;

}



#menu ul li a {

display: block;

text-decoration: none;

}



#menu ul li a span {

visibility: hidden;

}



#menu #menu1, #menu #menu1 a {left: 10px; top: 10px; width: 98px; height: 20px;}

#menu #menu2, #menu #menu2 a {left: 118px; top: 10px; width: 80px; height: 20px;}

#menu #menu3, #menu #menu3 a {left: 208px; top: 10px; width: 119px; height: 20px;}

#menu #menu4, #menu #menu4 a {left: 337px; top: 10px; width: 92px; height: 20px;}

#menu #menu5, #menu #menu5 a {left: 10px; top: 41px; width: 104px; height: 20px;}

#menu #menu6, #menu #menu6 a {left: 124px; top: 41px; width: 95px; height: 20px;}

#menu #menu7, #menu #menu7 a {left: 229px; top: 41px; width: 70px; height: 20px;}

#menu #menu8, #menu #menu8 a {left: 309px; top: 41px; width: 81px; height: 20px;}

#menu #menu9, #menu #menu9 a {left: 400px; top: 41px; width: 53px; height: 20px;}



#menu #menu1 a:hover {background: transparent url(../images/bg-menu2.jpg) -10px -80px no-repeat;}

#menu #menu2 a:hover {background: transparent url(../images/bg-menu2.jpg) -118px -80px no-repeat;}

#menu #menu3 a:hover {background: transparent url(../images/bg-menu2.jpg) -208px -80px no-repeat;}

#menu #menu4 a:hover {background: transparent url(../images/bg-menu2.jpg) -337px -80px no-repeat;}

#menu #menu5 a:hover {background: transparent url(../images/bg-menu2.jpg) -10px -111px no-repeat;}

#menu #menu6 a:hover {background: transparent url(../images/bg-menu2.jpg) -124px -111px no-repeat;}

#menu #menu7 a:hover {background: transparent url(../images/bg-menu2.jpg) -229px -111px no-repeat;}

#menu #menu8 a:hover {background: transparent url(../images/bg-menu2.jpg) -309px -111px no-repeat;}

#menu #menu9 a:hover {background: transparent url(../images/bg-menu2.jpg) -400px -111px no-repeat;}



/* Content

------------------------------*/



#content {

clear: both;

display: block;

margin: 0px 0px 0px 10px;

padding: 30px 0px;

*padding: 15px 0px;

}



/* Main Front

------------------------------*/



#main-front {

display: block;

float: left;

width: 360px;

}



/* Main

------------------------------*/



#main p {

margin-right: 10px;

margin-bottom: 15px;

}



#main h2 {

border-bottom: 0px solid #ddd;

}



/* News Front

------------------------------*/



#news-front {

display: block;

float: right;

margin-right: 10px;

width: 360px;

}



#news-front p {

background-color: #f1f1f1;

float: right;

font-size: 11px;

line-height: 1.0em;

margin: -22px 0 0 0;

padding: 5px;

width: 48px;

}



#news-front p a {

color: #666;

}



#news-front ul {

border-top: 3px solid #ddd;

margin-top: -1px;

padding-left: 10px;

padding-top: 5px;

}



#news-front ul li {

background-image: url(../images/bullet-gray.gif);

background-position: 0 8px;

background-repeat: no-repeat;

line-height: 1.5em;

padding-left: 10px;

}



#news-front ul li span {

color: #666;

font-size: 10px;

}



/* Feature Front

------------------------------*/



#feature-front {

clear: both;

display: block;

margin-left: -10px;

padding-top: 40px;

}



*+html #feature-front {

padding-top: 20px;  /* For IE7; IE 6 is actually playing nice on this one. */

}



#feature-front .feature-box {

display: block;

float: left;

height: 138px;

width: 190px;

}



/* Boat List

------------------------------*/



#boat-list {

margin-left: -5px;

}



.boat-block {

background: url(../images/bg-boat-thumb.jpg) no-repeat;

display: block;

float: left;

height: 180px;

margin: 0 0 0 0;

width: 150px;

}



.boat-block img {

margin: 10px 0 0 10px;

}



.boat-block p {

font-weight: bold;

margin-top: 15px;

text-align: center;

}



/* Boat Detail

------------------------------*/



#boat-detail {

background: url(../images/bg-boat-detail.jpg) repeat-y;

/*border-top: 3px solid #ddd;*/

border-bottom: 0px solid #ddd;

margin-right: 10px;

}



#boat-detail h3 {

background-color: #fff;

border-bottom: 3px solid #ddd;

}



#boat-detail #boat-block-featured {

background: url(../images/bg-boat-large.jpg) no-repeat;

display: block;

height: 415px;

margin: 5px 0 0 -5px;

padding: 10px 0 0 10px;

width: 550px;

}



#boat-detail #boat-block-featured img {

height: 405px;

/*margin: 10px 0 0 10px;*/

width: 540px;

}



#boat-detail table {

border: 0px solid #ddd;

margin-top: 15px;

width: 550px;

}



#boat-detail table td {

line-height: 1.4em;

padding: 5px;

}



#boat-detail table thead td {

background-color: #ddd;

border-bottom: 1px solid #333;

font-size: 14px;

font-weight: bold;

}



#boat-detail table tbody td.headings {

font-weight: bold;

text-align: left;

width: 100px;

}



#boat-detail table.stripetables tbody tr.even td{

background-color: #f1f1f1;

}

	

/*#boat-detail table.stripetables tbody tr.tm_over td{

color: #000;

background-color: #ddd;

}*/



#boat-detail table tfoot td {

/*background-color: #f5f9ff;*/

/*border-top: 1px solid #0c337d;*/

border-top: 1px solid #333;

border-bottom: 0px solid #ddd;

}



#boat-detail table tfoot td.headings {

font-weight: bold;

text-align: left;

width: 100px;

}



#boat-detail table tfoot td.price {

color: #0c337d;

font-size: 14px;

font-weight: bold;

}



#boat-detail table tfoot td.price-reduced {

color: #0c337d;

font-size: 14px;

font-weight: bold;

}



#boat-detail table tfoot td.price-reduced span.origprice {

text-decoration: line-through;

}



#boat-detail table tfoot td.price-reduced span.reducedprice {

color: #ff0000;

}



#boat-detail table tfoot td.price-call {

color: #0c337d;

font-size: 14px;

font-weight: bold;

}



#boat-detail #addl-pics {

float: right;

width: 170px;

}



#boat-detail #addl-pics p {

color: #666;

font-weight: bold;

margin-top: 10px;

margin-bottom: 5px;

line-height: 1.2em;

text-align: center;

}



#boat-detail #addl-pics p span {

font-style: italic;

font-weight: normal;

}



#boat-detail #addl-pics .addl-pic-block {

background: url(../images/bg-boat-thumb-gray.jpg) no-repeat;

display: block;

height: 108px;

margin: 0 0 5px 10px;

padding: 10px 0 0 10px;

width: 140px;

}



.boat-block img {

/*margin: 10px 0 0 10px;*/

}



/* "Content" Pages

------------------------------*/



#main-detail {

background: url(../images/bg-boat-detail.jpg) repeat-y;

border-top: 3px solid #ddd;

border-bottom: 0px solid #ddd;

margin-right: 10px;

}



#main-detail-container {

width: 560px;

}



#main-detail h3 {

background-color: #fff;

border-bottom: 3px solid #ddd;

}



#main-detail h4 {

color: #0c337d;

font-size: 14px;

font-style: italic;

font-weight: bold;

margin: 10px 0 15px 0;

}



#main-detail h4.newsh4 {

font-style: normal;

}



#main-detail p {

margin-right: 10px;

margin-bottom: 15px;

text-align: justify;

/*width: 560px;*/

}



#main-detail p.newsdate {

color: #666;

font-size: 11px;

margin-top: -10px;

}



#main-detail img.feature {

float: right;

margin-bottom: 10px;

margin-left: 10px;

}



#main-detail #boat-block-featured {

background: url(../images/bg-boat-large.jpg) no-repeat;

display: block;

height: 415px;

margin: 5px 0 0 -5px;

padding: 10px 0 0 10px;

width: 550px;

}



#main-detail #boat-block-featured img {

height: 405px;

/*margin: 10px 0 0 10px;*/

width: 540px;

}



#main-detail table {

border: 0px solid #ddd;

margin-top: 10px;

width: 550px;

}



#main-detail table td {

line-height: 1.4em;

padding: 5px;

}



#main-detail table thead td {

background-color: #ddd;

border-bottom: 1px solid #333;

font-size: 14px;

font-weight: bold;

}



#main-detail table thead td.colname {

color: #666;

font-size: 12px;

font-weight: normal;

}



#main-detail table tbody td.headings {

font-weight: bold;

text-align: left;

width: 175px;

}



#main-detail table tbody td.headings img {

margin: 5px 0;

}



#main-detail table.stripetables tbody tr.even td{

background-color: #f1f1f1;

}



#main-detail table tfoot td {

/*background-color: #f5f9ff;*/

/*border-top: 1px solid #0c337d;*/

border-top: 1px solid #333;

border-bottom: 0px solid #ddd;

}



#main-detail table tfoot td.headings {

font-weight: bold;

text-align: left;

width: 100px;

}



#main-detail table tfoot td.price {

color: #0c337d;

font-size: 14px;

font-weight: bold;

}



#main-detail table tfoot td.price-reduced {

color: #0c337d;

font-size: 14px;

font-weight: bold;

}



#main-detail table tfoot td.price-reduced span.origprice {

text-decoration: line-through;

}



#main-detail table tfoot td.price-reduced span.reducedprice {

color: #ff0000;

}



#main-detail table tfoot td.price-call {

color: #0c337d;

font-size: 14px;

font-weight: bold;

}



#main-detail #main-sidebar {

float: right;

width: 170px;

}



#main-detail #main-sidebar h4 {

border-bottom: 0px solid #ccc;

color: #666;

font-size: 12px;

font-style: normal;

font-weight: bold;

margin: 10px 10px 0px 10px;

}



#main-detail #main-sidebar ul {

border-top: 0px solid #ddd;

margin-top: -1px;

padding-left: 10px;

padding-top: 5px;

}



#main-detail #main-sidebar ul li {

background-image: url(../images/bullet-gray.gif);

background-position: 0 8px;

background-repeat: no-repeat;

line-height: 1.5em;

padding-left: 10px;

}



#main-detail #addl-pics {

float: right;

width: 170px;

}



#main-detail #addl-pics p {

color: #666;

font-weight: bold;

margin-top: 10px;

margin-right: 0px;

margin-bottom: 5px;

line-height: 1.2em;

text-align: center;

width: 170px;

}



#main-detail #addl-pics p.prod-link {

font-weight: normal;

}



#main-detail #addl-pics p span {

font-style: italic;

font-weight: normal;

}



#main-detail #addl-pics .addl-pic-block {

background: url(../images/bg-boat-thumb-gray.jpg) no-repeat;

display: block;

height: 108px;

margin: 0 0 5px 10px;

padding: 10px 0 0 10px;

width: 140px;

}



/* Footer

------------------------------*/



#footer {

clear: both;

/*padding-top: 40px;

*padding-top: 20px;*/

}



#footer #hours {

float: left;

margin-left: 20px;

padding-top: 40px;

width: 170px;

}



#footer #hours p {

border-top: 3px solid #ddd;

}





#footer #address {

float: left;

/*margin-left: 20px;*/

padding-top: 40px;

width: 550px;

}



#footer h4 {

font-size: 11px;

font-weight: bold;

line-height: 20px;

padding: 0px;

}



#footer h4 span {

background-color: #ddd;

line-height: 20px;

padding: 5px 10px;

}



#footer #hours p,

#footer #address p {

border-top: 3px solid #ddd;

padding-top: 5px;

padding-left: 10px;

}



#footer #hours p span {

float: right;

font-weight: bold;

margin-top: 0px;

}



#footer #address p span,

#footer #menu-bottom p span {

color: #999;

}



#footer #menu-bottom {

clear: both;

padding-top: 20px;

*padding-top: 10px;

}



#footer #menu-bottom p {

font-size: 11px;

margin-left: 10px;

}



#footer #menu-bottom p a {

color: #000;

}



#footer img#line-logos {

border-top: 1px solid #ddd;

margin-top: 20px;

padding-top: 10px;

}