/* Vespoli: Boats CSS  */
/* Shannon-Rose Design 2008 */


/* Kill interior template sidebar rules */
div#main {
	background-image: none;
}

/* Header Nav Styles */
#pageHeader h1 { float: left; display: inline; width: 374px; }
#pageHeader p.headerNavItem { height: 22px; float: left; display: inline; margin: 19px 9px 0 0; font-size: 12px; line-height: 15px; font-weight: bold; background: transparent url(/imgs/yellowBkgdLeft.gif) no-repeat 0 0; }
#pageHeader p.headerNavLeft { margin: 19px 9px 0 45px; }
#pageHeader p.headerNavItem a { padding: 3px 12px 5px; display: block; background: transparent url(/imgs/yellowBkgdRight.gif) no-repeat 100% 0; color: #000; text-decoration: none; }
#pageHeader p.headerNavItem a:hover {
	color: #666;
}
#pageHeader p#headerNavHere {
	background-image: url(/imgs/whiteBkgdLeft.gif);
}
#pageHeader p#headerNavHere a, #pageHeader p#headerNavHere a:hover {
	background-image: url(/imgs/whiteBkgdRight.gif)!important;
	color: #000;
}
.whiteSpace { display: block; height: 150px; }
#pageHeader p.headerNavItem a img { margin: 0 5px -1px 0; }
#pageHeader p.singleItem { float: right!important; margin: 19px 45px 0 0!important; }
/* Sub Nav Styles */
#subNavigation ul.boatsNav { width: 450px; margin: 0 0 0 40px; float: left; display: inline; }
#subNavigation ul.optionsNav { width: 400px; padding: 0 0 0 10px; margin: 0; float: left; display: inline; background-color: #414141; }
#subNavigation ul.boatsNav li, #subNavigation ul.optionsNav li { text-transform: uppercase; float: left; height: 24px; color: #fff; margin: 0 2px; font-size: 10px; line-height: 14px; font-weight: bold; display: inline; }
#subNavigation ul.boatsNav li a, #subNavigation ul.optionsNav li a { color: #fff; display: block; float: left; text-decoration: none; padding: 6px 14px 4px; }
#subNavigation ul.optionsNav li a {padding: 6px 11px 4px; }
#subNavigation ul.boatsNav li a:hover, #subNavigation ul.optionsNav li a:hover { text-decoration: none; color: #000; }
#subNavigation ul.boatsNav li.activeTab { z-index: 5; position: relative; height: 27px; margin-top: -3px; background: transparent url(/templates/vespoli_home/imgs/subNavigationLeft.gif) no-repeat 0 0; }
#subNavigation ul.boatsNav li.activeTab a { z-index: 5; position: relative; color: #000; padding: 6px 14px 7px; background: transparent url(/templates/vespoli_home/imgs/subNavigationRight.gif) no-repeat 100% 0; }
#subNavigation ul.optionsNav li.activeTab { z-index: 5; position: relative; height: 27px; margin-top: -3px; background: transparent url(/templates/vespoli_home/imgs/subNavigationLeft.gif) no-repeat 0 0; }
#subNavigation ul.optionsNav li.activeTab a { z-index: 5; position: relative; color: #000; background: transparent url(/templates/vespoli_home/imgs/subNavigationRight.gif) no-repeat 100% 0; }
/* Content Styles */
#contentFull { width: 855px; position: relative; padding: 0 0 0 45px; }
#contentFull h1 { font-size: 18px; line-height: 22px; font-weight: bold; color: #000; text-transform: uppercase; letter-spacing: 0.2em; margin: 30px 0 10px 0; }
#contentFull p { font-size: 11px; line-height: 17px; margin: 0 25px 10px 0; color: #373737; text-align: left; }
#contentFull ul { margin: 10px 0; }
#contentFull ul li { text-align: left; list-style-type: disc; font-size: 11px; line-height: 17px; margin: 0 0 0 15px; color: #373737; }
#contentFull a { font-weight: bold; text-decoration: underline; color: #000; }
#contentFull a:hover { text-decoration: none; }
#contentFull ul.moreBoatInformation li a { font-weight: normal; font-size: 14px; line-height: 22px; }
#contentFull div.hullDesignChoices { width: 455px; /*height: 265px;*/ float: right; display: inline; margin: 0 42px 5px 25px; }
#contentFull table { border-collapse: separate; /*margin: 0 0 15px;*/ }
#contentFull table.sizesWeights { margin: 0 0 15px; }
#contentFull td.leftColumn { width: 68px; }
#contentFull td.middleColumn { width: 203px; }
#contentFull td.rightColumn { width: 180px; }
#contentFull td.middleShortColumn { width: 127px; }
#contentFull td.rightShortColumn { width: 129px; }
#contentFull td.columnLeft { width: 184px; }
#contentFull td.columnMiddle { width: 84px; text-align: center; }
#contentFull td.columnRight { width: 88px; text-align: center; }
#contentFull td.darkBlueColumn { background-color: #839ab7; }
#contentFull td.lightBlueColumn { background-color: #c4d5e5; }
#contentFull td.grayColumn { background-color: #ebebeb; }
#contentFull td { vertical-align: top; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
#contentFull td img { border: none; margin: 0 0 5px 5px; height: 100px; width: 450px; }
#contentFull td h1 { font-size: 36px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; margin: 10px 0 0; letter-spacing: normal; }
#contentFull td h1.convertibleBoat { font-size: 32px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; margin: 10px 0 0; letter-spacing: normal; }
#contentFull td h2 { font-size: 12px; line-height: 16px; color: #fff; font-weight: bold; text-transform: uppercase; position: relative; margin: 5px 0 5px 12px; }
#contentFull td h3 { font-size: 12px; line-height: 16px; color: #3e3e3e; text-transform: uppercase; margin: 5px 0 5px 12px; }
#contentFull td p { font-size: 11px; line-height: 15px; color: #3e3e3e; margin: 6px 0 5px 12px; }
#contentFull table.sizesWeights td h2 { font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; position: relative; margin: 5px 0 4px 12px; letter-spacing: normal; text-transform: none; }
#contentFull table.sizesWeights td p { font-size: 12px; line-height: 18px; color: #3e3e3e; margin: 5px 0 4px 12px; }
#contentFull .alignCenter { text-align: center!important; margin: 5px 0 4px!important; }
#contentFull p.sizesWeightsNote { font-size: 10px; line-height: 14px; color: #373737; width: 105px; float: right; display: inline; position: relative; margin: 205px 10px 0 0; }
#contentFull p.doublesNote { margin: 60px 180px 0 0; width: 135px; }
#contentFull p.foursNote { margin: 215px 75px 0 0; width: 135px; }
#contentFull p.quadsNote { margin: 135px 275px 0 0; width: 135px; }
#contentFull p.singlesNote { margin: 20px 80px 0 0; width: 135px; }
#contentFull img { margin: 0 15px 0 0; border: 1px solid #909090; }
#contentFull div.boatInformation { width: 810px; background: transparent url(/imgs/boats/boatInformationBkgd.gif) no-repeat 0 0; margin: 20px 0 0; }
#contentFull div.boatInformationBottom { margin: 20px 0 15px; }
#contentFull .boatInformation h1 { font-size: 16px; line-height: 20px; color: #fae320; padding: 6px 0 0 14px; width: 290px; float: left; display: inline; margin: 0; text-transform: none; letter-spacing: normal; }
#contentFull .boatInformation p.infoHeaderRow { float: right; display: inline; width: 150px; font-size: 10px; line-height: 14px; color: #b6b6b6; margin: 14px 10px 0 0; }
#contentFull .boatInformation p.infoHeaderRowLink { float: right; display: inline; width: 111px; font-size: 10px; line-height: 14px; color: #fff; margin: 10px 0 0; }
#contentFull .boatInformation p.infoHeaderRowLink a { padding: 4px 0 2px; color: #fff; text-transform: uppercase; text-decoration: none; display: block; width: 111px; text-align: center; }
#contentFull .boatInformation p.infoHeaderRowLink a img { border: none; margin: 0 0 0 3px; }
.boatInformation div.boatInfoWrap { width: 100%; }
.boatInformation div.columnShort { float: left; display: inline; width: 260px; text-align: center; }
.boatInformation div.columnWide { float: left; display: inline; width: 535px; }
.boatInformation div.marginTopRight { margin: 15px 15px 0 0; }
.boatInformation div.marginRight { margin: 0 15px 0 0; }
.boatInformation div.marginTop { margin: 15px 0 0; }
.boatInformation div.marginBottom { margin: 0 0 15px; }
.boatInformation div.bottomBorder { border-bottom: 1px solid #a2a2a2; visibility: visible; padding: 15px 0 0; margin: 0 0 15px; }
.boatInformation div.topBorder { border-top: 1px solid #a2a2a2; visibility: visible; padding: 0; }
#contentFull .boatInformation h3 { font-size: 14px; line-height: 18px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; text-align: left; }
#contentFull .boatInformation h3 span { text-transform: none; }
#contentFull .boatInformation h3 em { font-style: normal; color: #012e9e; text-transform: none; font-weight: normal; font-size: 12px; }
#contentFull .boatInformation h2 { text-align: left; font-size: 18px; line-height: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; margin: 0 0 10px; }
#contentFull .boatInformation img.topBottom { margin: 0 0 13px; }
#contentFull .boatInformation img.inlineText { margin: 0 10px 5px 0; display: inline; }
#contentFull .noMargin { margin: 0!important; }
#contentFull .noBorder { border: 0!important; }
#contentFull .boatInformation img.marginRightShort { margin: 0 11px 13px 0; float: left; display: inline; }
#contentFull .boatInformation img.marginRightMedium { margin: 0 14px 13px 0; float: left; display: inline; }
#contentFull .boatInformation span.dataNote { text-transform: none; font-size: 11px; font-weight: normal; }
.lowercase { text-transform: none; }
#contentFull a.photoEnlarge img { margin: 10px 15px 0 0; }
#contentFull td a.photoEnlarge img { margin: 0; }
/* Sidebar mostly for landing page */
div#boatsSidebarLinks a {
	display: block;
	height: 67px;
	width: 185px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}
div#boatsSidebarLinks a:hover {
	background-position: 0 -67px;
}
div#boatsSidebarLinks a em {
	visibility: hidden;
}
div#boatsSidebarLinks a.boatSidebarNavEights {
	background-image: url(/images/vespoli/vespoliboatseights.png);
}
div#boatsSidebarLinks a.boatSidebarNavFours {
	background-image: url(/images/vespoli/vespoliboatsfours.png);
}
div#boatsSidebarLinks a.boatSidebarNavFoursquads {
	background-image: url(/images/vespoli/vespoliboatsfoursquads.png);
}
div#boatsSidebarLinks a.boatSidebarNavPairsdoubles {
	background-image: url(/images/vespoli/vespoliboatspairsdoubles.png);
}
div#boatsSidebarLinks a.boatSidebarNavSingles {
	background-image: url(/images/vespoli/vespoliboatssingles.png);
}


/* Pricing Pages */
h3.pricingTableH3 {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin:0 0 10px;
	text-align:left;
	text-transform:uppercase;
	color: #3E3E3E!important;
}
table.boatsPricingTables {
	border-collapse: separate;
	margin: 0 0 20px;
	width: 100%;
}
div#boatsPricingTablesWrap {  /* only used when there are multi pricing tables (convetables) */
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px;
}
div#boatsPricingTablesWrap table.boatsPricingTables {
	margin-bottom: 12px;
}

table.boatsPricingTables td {
	vertical-align: top;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-color: #ebebeb;
	padding: 5px 12px 4px 12px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
table.boatsPricingTables td img {
	display: block!important;
	margin: 0 auto!important;
	border: none!important;
}
table.boatsPricingTables td.darkBlueColumn {
	background-color: #839ab7;
	color: #FFF;
	text-align: left;
	padding: 6px 12px 5px;
}
table.boatsPricingTables td.lightBlueColumn {
	background-color: #c4d5e5;
	font-size: 10px;
	text-align: left;
}
table.boatsPricingTables td.altCol {
	background-color: #f7f7f7;
}
table.boatsPricingTables tr.headerRow td {
	font-weight: bold;
	text-align: center;
}
table.boatsPricingTables tr.subHeaderRow td {
	font-size: 10px;
	padding: 4px;
	text-align: center;
}
table.boatsPricingTables td.centered {
	text-align: center;
}

table.boatsPricingTables td.bigCell {
/*	font-size: 18px; */
	vertical-align: bottom;
	text-align: left!important;
}
table.boatsPricingTables td.lightBlueColumn em {  /* parens in left column */
	white-space: nowrap;
	border-bottom: none;
	padding: 0;
	line-height: 12px;
}
table.boatsPricingTables tr.math td {
	padding-bottom: 8px;
}
table.boatsPricingTables td em {
	font-style: normal;
	font-size: 10px;
	line-height: 20px;
	border-bottom: 1px solid #BBB;
	color: #7A7A7A;
}
table.boatsPricingTables td.blank {
	background-color: #FFF;
	padding: 0;
}
table.boatsPricingTables tr.totalsRow td {
	vertical-align: top;
}
table.boatsPricingTables strong.saved {
	color: #CC0000;
	display: block;
	padding-top: 3px;
}

/* Boats for Demo/Lease/Sale Styles */
table#boatsfordemo { width: 570px; }
table#boatsfordemo th, td { padding: 5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; line-height: 17px; font-size: 11px; }
table#boatsfordemo th { background-color: #839AB7; text-align: center; font-size: 12px; color: #fff; }
table#boatsfordemo td { background-color: #E4E4E4; }
table#boatsfordemo td.alternateRow { background-color: #F7F7F7; }
#interiorContent table#boatsfordemo td img { margin: 0; border: none; }

.required { color: #C13333; font-weight: bold; font-size: 16px; line-height: 17px; }
a.buttonLink { display: block; height: 27px; text-decoration: none; background: transparent url(/imgs/boats/usedBoatRequestButton.gif) no-repeat 0 0; }
a.buttonLink:hover { background: transparent url(/imgs/boats/usedBoatRequestButton.gif) no-repeat 0 -27px; }
a.buttonLink em { visibility: hidden; }
div.usedBoatForm, div.successMessage { display: none; }
div.usedBoatForm { padding-top: 10px; border-top: 1px solid #BBB; }
#interiorSideBar div.successMessage p { color: #090; border: 1px solid #090; background-color: #CF9; padding: 4px 5px 2px; }
#interiorSideBar h2.sidebarHeader { font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 8px; text-transform: none; letter-spacing: normal; }
#interiorSideBar p.separater { border-top: 1px solid #ddd; padding: 7px 0; margin: 0; }
#interiorSideBar table { margin: -1em 0 7px; width: 100%; }
#interiorSideBar table td { padding: 0; border: 0; width: 50%; }
#interiorSideBar table.oneRow td { width: 25%; }
#interiorSideBar span.statusMessage { display: none; margin: 0 10px 12px; font-size: 11px; }
#interiorSideBar .fieldError { border: 1px solid #C13333; background-color: #FFC1C1; }
#interiorSideBar span.errorMessage { background-color: #FFC1C1; border: 1px solid #C13333; color: #C13333; padding: 4px 5px 2px; margin-top: 10px; display: block!important; }
#interiorSideBar span.successMessage { color: #090; border: 1px solid #090; background-color: #CF9; padding: 4px 5px 2px; display: block; }