html, body, h1, h2, h3, p, img, ul, li, hr, table, tr, td, tbody, iframe, form {
  margin: 0; padding: 0; border: 0; list-style: none;
}
h1, h2, h3, a, strong {
  font-weight: normal; text-decoration: none;
}


body, input, textarea {
  font: 12px/1.3 "Helvetica";
}
body, a {
  color: #424853; text-decoration: none;
}

h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px }
.quote * { font-size: 13px }

h1,
h3 a,
.section strong,
.crumbs a.current {
  color: #990728
}

#Side a.current, .error, .req strong {
  font-weight: normal;
  color: #990728;
}

.legend {
  font: 12px Arial; text-align: right;
}
.section .bullet {
  padding-left: 22px; margin: 6px 0;
  background: url(/images/bullet.gif) 9px 7px no-repeat;
}


li.open {
  background: #f4f4f6;
}


.tabs, form, h2, h3, .section p, .section .quote {
  margin: 15px 0;
}
.section a {
  text-decoration: underline;
}


#Nav a {
  font-size: 13px;
  color: #fff;
}
#Nav a.top {
  background: #fff;
  color: #424853;
}


.tabs {
  height: 32px;
  border-bottom: 1px solid #a4a8b3;
}
.tabs a {
  float: left;
  position: relative; top: 1px;
  line-height: 30px; height: 30px; padding: 0 12px;
  font-size: 13px;
  background: #a4a8b3; color: #fff;
  border: 1px solid #a4a8b3;
  border-right-color: #fff;
}
.tabs .current, .tabs .hi {
  background: #fff; color: #424853;
  border-color: #fff;
  border-top-color: #a4a8b3;
}
.tabs .first {
  border-left-color: #a4a8b3;
}
.tabs .last {
  border-right-color: #a4a8b3;
}



#Side li {
  font-size: 14px;
	line-height: 1.25;
  position: relative;
  padding: 6px 20px;
  border-bottom: 1px solid #e1e1e1;
}
#Side li li.first {
  padding-top: 10px;
}
#Side li li {
  font-size: 13px;
  padding: 6px 0; padding-left: 12px;
  border-bottom: 0;
}
#Side em {
  font-size: 13px;
  margin-left: 6px;
}
#Side .location {
  position: absolute; left: 50%; top: 8px;
  font-size: 13px; font-style: italic; color: #999;
}

#Foot, #Foot a {
  color: #fff;
}
#Foot li {
  float: left; width: 33%;
}


a.image, iframe.frame {
  float: left; display: inline;
  overflow: hidden;
  margin-right: 20px;
}
a.image img {
  display: block;
}


.panels {
  color: #424853;
}
.panels p {
  margin: 0 10px;
}
.panels h2 {
  margin: 12px 10px;
}
.panels h3 {
  margin: 0; padding: 0 10px;
  line-height: 30px;
  color: #fff; background: #545c6e;
}
.panels .section {
  padding-bottom: 10px;
}

.item {
  padding: 20px 3px;
  border-bottom: 1px solid #e1e1e1;
}
.item p, .item h2, .item h3, .item .more { margin-left: 225px }
.item h2, .item h3 { margin-top: 0 }
.item h2 a, .item h3 a { color: #424853 }
.item .more {
  font-size: 14px;
  margin-top: 20px;
}

.gallery, .image, img {
  zoom: 1;
}


.section .gallery {
  position: relative;
  padding-top: 330px; overflow: hidden;
/*  border: 1px solid #fff;*/
}
.gallery .images .image { display: none }
.gallery .images .first { display: block }

.section .gallery .image {
  position: absolute; top: 0; left: 0;
}
.section .gallery .thumb {
  position: static;
  margin-top: 5px;
  margin-right: 5px;
}
.section .gallery .thumbs .first {
  clear: left;
}
.section .gallery .thumbs .last {
  margin-right: 0;
}

.section > .focus, .image.focus {
  opacity: 0.6 !important;
}


.crumbs {
  margin-top: 50px; margin-bottom: 18px;
}
.crumbs a:hover {
  background: url(/images/dot.gif) bottom repeat-x;
}
.crumbs .current:hover { background:none }

.catalog li {
  position: relative;
  float: left;
  width: 158px; margin-right: 9px; margin-bottom: 9px;
}
.catalog .end {
  width: 159px; margin-right: 0;
}
.catalog .p { /* model summary. <p> would also apply to the boats list, where the p's are one-line specs */
  height: 115px;
  overflow: hidden;
}
.catalog p, .catalog h3, .catalog .ft {
  margin: 0; padding: 0 5px;
}
.catalog h3 {
  white-space: nowrap;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  overflow-y: hidden;
  margin: 0; margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.catalog h3 em {
  margin-left: 5px;
  font-style: italic; font-size: 80%; color: #424853;
}
.catalog .image {
  float: none;
  display: block;
  margin: 0;
  overflow: hidden;
}
.catalog .ft {
  display: block;
  margin-top: 5px;
  border: 1px solid #e0e0e0;
  border-left: 0; border-right: 0;
  line-height: 26px; text-align: right;
}
.catalog .length {
  line-height: 26px;
  position: absolute; bottom: 1px; left: 5px;
}
.catalog .ft, 
.catalog .length {
  font-size: 13px;
}


table { width: 100% }
td { padding: 5px }
.td1 { background: #ffffff }
td, .td2 { background: #f4f4f6 }
.td3 { background: #ac0636 }
.td4 { background: #373b47 }
.td5 { background: #b7cce1 }
.td6 { background: #a4a8b3 }
.td7 { background: #cccccc }

.td3, .td4 {
  color: #fff;
}


.twoCol .section {
  float: left; width: 385px;
}
.twoCol .CTA {
  font-size: 14px;
  float: right; width: 230px;
}
.twoCol .CTA p {
  padding: 6px 0;
  border-bottom: 1px solid #e1e1e1;
}


form {
  position: relative;
  padding-bottom: 40px;
}
form #submit {
  margin-top: 12px;
  position: absolute; right: 0;
}
form.busy #submit { display: none }
form.busy { background: url(/images/thumper.gif) bottom right no-repeat }
form .error { font-style: italic; display: none }
form.invalid .error { display: block }
form p {
  position: relative; padding: 8px;
}
form p.hi {
  background: #f4f4f6
}
form p input, form select {
  position: absolute; top: 6px;
}
form input {
  right: 6px;
}
form select {
  left: 381px;
}
form p .text {
  padding: 1px; width: 265px;
}
form select {
  width: 200px;
}
form textarea {
  width: 658px; 
}
form p, form h2 { clear: both }

.modelList {
  border-top: 4px solid #fff; border-bottom: 5px solid #fff; 
  position: relative; /* ie6 */
}
.modelList li {
  float: left; position: relative;
  text-align: center;
  width: 72px; height: 100px;
  margin-bottom: 17px; margin-right: 5px;
  background: #f4f4f6;
}
.modelList .checked .image {
  opacity: 0.3; filter: alpha(opacity=30);
}
.modelList .image {
  float: none; display: block; margin: 0;
}
.modelList p {
  padding: 0;
  line-height: 28px; height: 28px; overflow: hidden;
}
.modelList input {
  top: 4px; left: 2px;
}
.modelList em {
  display: block;
  width: 72px; height: 10px;
  position: absolute; left: 0; top: 100px;
}


.login label, .login input {
  float: left;
}
.login label {
  padding-top: 14px;
  width: 20%; font-size: 16px; font-style: italic;
  clear: left;
}
.login input {
  width: 37%;
  margin: 10px 0; margin-right: 30px;
}
.login input.submit {
  width: 100px;
  position: absolute; top: 70px; right: 20px
}
.login .Q1 {
  position: relative; height: 85px;
}
.login .error { position: relative; top: 20px }

#home {
  width: 940px;
  background: url(/images/40.gif) 845px 20px no-repeat
}

#splash {
  position: relative;
  margin-top: 116px;
  height: 550px;
  padding-left: 665px;
}
#splash #slides {
  position: absolute;
  top: 0; left: 0;
}
#splash #banner {
  position: absolute;
  bottom: 0;
  left: 0;
}
#splash .section {
  height: 107px;
  padding: 1px 10px;
  border: 0 solid #d7d7d8;
  border-bottom-width: 1px;
}
#splash div.first {
  height: 105px;
  border-top-width: 1px;
}
#splash h3 {
  margin: 12px 0;
  font-size: 13px;
}
#splash p {
  margin: 10px 0;
  font-size: 11px;
  color: #707783;
}
#splash a {
  color: #424853;
  text-decoration: none;
}
#splash a:hover {
  text-decoration: underline;
}


#slides {
  position: relative;
}
#slides a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
#slides img {
  display: block;
}
#slides a.first {
  display: block;
}

#button {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 20px;
  width: 61px;
  height: 31px;
  background: url(/images/play-and-pause.png) top;
}
#button.play {
  background-position: bottom;
}
* html #button {
  display:none;
}

#homeModels {
  margin: 40px 0;
}
#homeModels li {
  float: left;
  width: 85px;
  margin-right: 10px;
}
#homeModels li.last {
  margin-right: 0;
}
#homeModels h3 {
  font-size: 13px;
  margin: 8px 10px;
}
#homeModels em {
  font-style: normal;
  font-size: 11px;
}

body {
  background: #424853;
}
#Page {
  padding-top: 1px;
  background: #fff
}
.Mid {
  position: relative;
  width: 930px; margin: 0 auto;
  padding-top: 1px;
}
#Nav {
  height: 30px; margin-top: 6px; z-index: 2; /* beat #intro and so #Logo will be clickable in IE */
}
#Nav a {
  float: left; height: 18px;
  padding: 6px 15px;
}
#Nav #Logo {
  position: absolute; top: 65px; left: 0;
  width: 168px; height: 54px; padding: 0;
  text-indent: -999em; overflow: hidden;
  background: url(/images/logo.jpg);
}

#Body {
  float: right; width: 660px;
  margin-bottom: 20px;
}
#Side {
  padding-top: 112px; padding-bottom: 30px;
  float: left; width: 200px;
}
#Foot {
  /*width: 660px; padding-left: 270px; padding-bottom: 16px;*/
  padding-top: 6px;
  padding-bottom: 20px;
  margin: 0 auto;
}

.Q1, .Q2 {
  background: url(/images/bubble.gif);
}
.Q1, .Q1 .p { margin: 0 }
.Q1 { margin: 0; padding: 20px; padding-bottom: 0 }
.Q2 { height: 20px; background-position: bottom }


.panels {
  margin: 9px 0;
  background: url(/images/panels.gif) repeat-y;
}
.panels .section {
  width: 214px; float: left; margin-right: 9px;
}
.panels .last { margin-right: 0 }

.cleared:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cleared {
  zoom: 1;
}
.BL {
  display: block !important;
  float: none !important;
  clear: both;
  margin-right: 0  !important;
}
.ic {
  display: block;
  text-indent: -999em;
  overflow: hidden;
}
.placeholder {
  background: #ddd;
}
.p .focus .caret {
  background-image: url(/images/black.gif);
}
.D .p .focus .caret {
  background-image: url(/images/white.gif);
}
.p.empty a {
  text-decoration: none !important;
}

a.focus {
  background: #ddd;
}
.D a.focus {
  color: #fff;
  background: #000;
}