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: 13px/15px "Times New Roman";
}
body, a {
  color: #424853; text-decoration: none;
}
.section strong, .crumbs a.current, #Side a.current, h3 a, .error, .req strong {
  font-weight: normal;
  color: #ab0635;
}

h1 { font-size: 20px; line-height: 22px; color: #5a606a }
h2 { font-size: 16px; line-height: 19px; }
h3 { font-size: 15px; line-height: 18px; }
.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: 15px; 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: 14px;
  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: 16px;
  position: relative;
  padding: 6px 20px;
  border-bottom: 1px solid #e1e1e1;
}
#Side li li.first {
  padding-top: 10px;
}
#Side li li {
  font-size: 14px;
  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 .image {
  width: 200px; height: 133px;
}
.item h2, .item h3 { margin-top: 0 }
.item h2 a, .item h3 a { color: #424853 }
.item .more {
  font-size: 16px;
  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;
  width: 100%; height: 330px;
}
.section .gallery .thumb {
  position: static;
  width: 127px; height: 63px;
  margin-top: 6px; margin-right: 6px;
}
.section .gallery .thumbs .first {
  margin-right: 7px; 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;
  font-size: 13px; line-height: 17px;
  float: left;
  width: 158px; margin-right: 9px; margin-bottom: 9px;
}
.catalog .end {
  width: 159px; margin-right: 0;
}
.catalog .section {
  height: 105px; overflow: hidden;
}
.catalog p, .catalog h3, .catalog .ft {
  margin: 0; padding: 0 5px;
}
.catalog h3 {
  white-space: nowrap;
  font-size: 17px; line-height: 29px; height: 29px; overflow-y: hidden;
  margin: 0; margin-bottom: 5px;
  color: #ab0635;
  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;
  height: 102px; overflow: hidden;
}
.catalog .ft {
  display: block;
  font-size: 14px;
  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: 0; left: 5px;
}


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: 16px;
  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;
  width: 72px; height: 72px;
}
.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 }

#intro {
  position: relative; z-index: 1; /* overlay tease */
  padding-top: 100px; padding-bottom: 30px;
}
#splash {
  padding: 10px 0;
  /*height: 365px;*/
  background: #dedde3;
}
#splash h2 { font-size: 28px }
#splash .section {
  margin-left: 585px;
}
#tease {
  position: absolute; top: -51px; left: 0;
  width: 549px; height: 373px;
  padding-left: 34px; padding-top: 33px;
  background: url(/images/tease/base.gif) top no-repeat;
}
#tease .image {
  position: absolute;
  width: 516px; height: 270px; margin: 0;
}
#tease .thumbs {
  position: absolute; top: 344px; left: 247px; z-index: 2;
  height: 8px;
}
#tease .thumbs a {
  float: left;
  text-indent: 10px; overflow: hidden;
  width: 8px; height: 8px; margin-right: 6px;
  background: url(/images/tease/a_off.gif);
}
#tease .thumbs a.last {
  margin-right: 0;
}
#tease .thumbs a.current {
  background: url(/images/tease/a_on.gif);
}
#tease p {
  position: absolute; top: 303px; left: 34px;
  width: 516px; line-height: 30px; text-align: center;
  font-size: 15px; font-style: italic;
}
#tease .prev { left: 243px; background: url(/images/tease/prev.gif) }
#tease .next { left: 324px; background: url(/images/tease/next.gif) }

#tease .pause {
  position: absolute; top: 358px; left: 34px;
  width: 516px; text-align: center;
  text-transform: uppercase;
  font-size: 13px;
}
#tease .prev, #tease .next {
  position: absolute; top: 359px; z-index: 2;
  width: 17px; height: 17px;
}

#tease .prev, #tease .next {
  text-indent: -999em; overflow: hidden;
}

#featuredBoats { height: 120px }

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;
}
#Side {
  padding-top: 112px; padding-bottom: 30px;
  float: left; width: 200px;
}
#Foot {
  width: 660px; padding-left: 270px; padding-bottom: 16px;
  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;
}
.BL.placeholder img {
  width: 100%;
  max-height: 300px;
}
.panels .BL.placeholder img {
  width: 100%;
  max-height: 100px;
}
.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;
}