/**********************************
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: -14px;
}

#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;
}