@charset "utf-8";
/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; margin: 20px auto; width: 950px; background: #a0ddf9 url(images/pageGradient.jpg) repeat-x top left;}


p {font-size: 13px; line-height: 14px;}
p a {color: #1e5d77; font-weight: bold;}
p a:hover {color: #FFCC00;}
h1 {font-size: 18px; line-height: 20px; color: #0066CC;}
h2 {color: #0066CC; font-size: 13px; line-height: 15px;}
h3 {}

a img {border: 0px;}

.clearLeft {clear: left}
.clearRight {clear: right;}
.clearBoth {clear: both;}

#mainWrapper,#headerSignIn,#headerNav,#headerMast,#theContentWrapper,#theLeftCol,#theCenterCol,#theLowerBoxes,#theFooter, #logo, #hdrBanner1, #hdrBanner2, #hdrBanner3
{float: left;}

#mainWrapper,#headerSignIn,#headerMast,#theContentWrapper,#theLowerBoxes,#theFooter
{width: 950px;}

#mainWrapper {background: #fff;}
#headerSignIn, #headerSignIn a {font-size: 11px; color: #0066CC; text-decoration: none;}
#headerSignIn {width: 100px; float: right;}
#headerNav {}
#headerMast {background: url(images/boat-lights-background.jpg) no-repeat; height: 140px;}
#hdrSaleTitle {float: right; width: 670px; height: 20px; margin: 4px; background: url(images/hdrSalesTitle.png) no-repeat;}
#logo {width: 167px; height: 121px; margin: 8px 0 0 24px;}

#hdrBanner1, #hdrBanner2, #hdrBanner3 {width: 127px; height: 89px; display: block; margin: 12px 8px 0 0;}
#hdrBanner1 {margin-left: 90px;}
#hdrBanner2 {}
#hdrBanner3 {}

#theContentWrapper {background: #fff url(images/dock-light-background.jpg) no-repeat bottom left;}
#theLeftCol {width: 282px; margin: 15px 0 0 15px;}
#theCenterCol {width: 575px; background: #fff url(images/subSeaLogoGradient.jpg) no-repeat bottom left; margin: 15px; padding: 10px; border-left: 2px solid #006699; border-right: 2px solid #006699; border-bottom: 2px solid #006699; }

#theLowerBoxes {padding-left: 20px; width: 930px; color: #0066CC; height: 150px;}
#boxAdvert1 {background: #fff url(images/advertProduct1.jpg) no-repeat bottom left; height: 100px;}
#boxAdvert2 {background: #fff url(images/advertProduct2.jpg) no-repeat bottom left; height: 100px;}
#boxAdvert3 {background: #fff url(images/advertProduct3.jpg) no-repeat bottom left; height: 100px;}
.boxTitleTXT {padding: 12px 0 0 8px;}


#theFooter {background: #fff; height: 40px; clear: left;}
#leftFooterInfo {float: left; width: 600px; font-variant: small-caps; font-size: 10px; margin: 12px 0 0 205px; color: #1e5d77;}
#leftFooterInfo a {text-decoration: none; color: #1e5d77;}
#rightFooterInfo {float: right; width: 135px; height: 36px;}


/* Classes */

.drkBlueLine {background: #1e5d77; width: 950px; height: 15px; float: left; clear: left;}
.BlockLink1, .BlockLink1 a {width: 130px; display: block; float: left; margin: 10px 10px 0 10px; text-align: center; color: #006699; font-weight: bolder; font-size: 15px; line-height: 17px;}
.lwrBoxContent {display: block; float: left; background: #fff; width: 31%; margin: 12px 10px 12px 0; height: 150px; border: 2px groove #006699;}
.theBoxAd {float: right; width: 190px; margin-top: 6px;}
.theBoxML {float: left; width: 190px; margin-top: 6px;}
.learnMore {margin-left: 18px;}
.simpleTextField1 {border: none; padding: 1px;}

/* Gallery Styles */

.galleryThumnNails {}
.galleryThumnNails ul {margin: -1px; list-style-type: none;}
.galleryThumnNails li {list-style-type: none; float: left; width: 53px; height: 40px; margin: 2px 2px 0 2px; cursor: pointer;}
.galleryThumnNails li a {float: left; margin: 2px; cursor: pointer;}
.galleryThumnNails li a:hover {}
.gEven, .gOdd {margin-right: 2px;}

.dockLights a {float: left; display: block; width: 47%; height: 20px; text-decoration: none; text-align: center; padding: 4px; margin: 10px 2px; background: #006699; color: #fff;}
.dockLights a:hover {background: #0033CC;}
#galleryPicBackground {background: #000;}

/* Dealer Form Styles */
#newsDisplay {display: none; z-index: 99; position: absolute; margin: 12% 40px; padding: 5px 10px 5px 10px; border: 4px solid #006699; width: 650px; background: #fff url(images/subSeaLogoGradient.jpg) no-repeat bottom right;}
#dealerApplicationForm, #dealerAppStep2 {padding: 10px; width: 560px; display: block; font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 14px; float: left;}


/* Navigation Tabs */

#tabs {float:left; width:100%; font-size:93%; line-height:normal; overflow:hidden;}
#tabs ul {margin:0; padding:10px 10px 0 0px; list-style:none;}
#tabs li {display:inline; margin:0; padding:0;}
#tabs a {float:left; background:url("images/left.png") no-repeat left top; margin:0; padding:0 0 0 6px; text-decoration:none; font-variant: small-caps; font-weight: bold;}
#tabs a span {float:left; display:block; background:url("images/right.png") no-repeat right top; padding:6px 15px 4px 6px; margin-right:2px; color:#FFF;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}


