/* Vespoli: Build A Boat CSS  */
/* Shannon-Rose Design 2008 */

/* Boat Step Navigation */
div#boatSteps { width: 100%; height: 54px; background: #767676 url(/boat/imgs/boatStepBkgd.png) no-repeat 0 0; }
#boatSteps ul { height: 54px; margin: 0 0 0 44px; }
#boatSteps ul li { float: left; display: inline; height: 54px; width: 71px; margin: 0 1px 0 0; text-align: center; }
#boatSteps li a { display: block; width: 71px; height: 54px; text-decoration: none; }
#boatSteps ul li.stepStart, #boatSteps li.stepStart a { width: 68px; }
#boatSteps ul li.stepSummary, #boatSteps li.stepSummary a { width: 94px; }
#boatSteps li em { display: none; }
#boatSteps li#stepStart a, #boatSteps li#stepStart { background: transparent url(/boat/imgs/stepStartNav.gif) no-repeat 0 100%; }
#boatSteps li#step1 a, #boatSteps li#step1 { background: transparent url(/boat/imgs/step1Nav.gif) no-repeat 0 100%; }
#boatSteps li#step2 a, #boatSteps li#step2 { background: transparent url(/boat/imgs/step2Nav.gif) no-repeat 0 100%; }
#boatSteps li#step3 a, #boatSteps li#step3 { background: transparent url(/boat/imgs/step3Nav.gif) no-repeat 0 100%; }
#boatSteps li#step4 a, #boatSteps li#step4 { background: transparent url(/boat/imgs/step4Nav.gif) no-repeat 0 100%; }
#boatSteps li#step5 a, #boatSteps li#step5 { background: transparent url(/boat/imgs/step5Nav.gif) no-repeat 0 100%; }
#boatSteps li#step6 a, #boatSteps li#step6 { background: transparent url(/boat/imgs/step6Nav.gif) no-repeat 0 100%; }
#boatSteps li#step7 a, #boatSteps li#step7 { background: transparent url(/boat/imgs/step7Nav.gif) no-repeat 0 100%; }
#boatSteps li#step8 a, #boatSteps li#step8 { background: transparent url(/boat/imgs/step8Nav.gif) no-repeat 0 100%; }
#boatSteps li#step9 a, #boatSteps li#step9 { background: transparent url(/boat/imgs/step9Nav.gif) no-repeat 0 100%; }
#boatSteps li#stepSummary a, #boatSteps li#stepSummary { background: transparent url(/boat/imgs/stepSummaryNav.gif) no-repeat 0 100%; }
/* Active and Visited Nav States */
#boatSteps li.activeStepNumber { height: 57px; margin-top: -3px; background: transparent url(/boat/imgs/activeStepNumberBkgd.png) no-repeat 0 0!important; position: relative; z-index: 5; }
#boatSteps li.activeStepStart { height: 57px; margin-top: -3px; background: transparent url(/boat/imgs/activeStepStartBkgd.png) no-repeat 0 0!important; position: relative; z-index: 5; }
#boatSteps li.activeStepSummary { height: 57px; margin-top: -3px; background: transparent url(/boat/imgs/activeStepSummaryBkgd.png) no-repeat 0 0!important; position: relative; z-index: 5; }
#boatSteps li.activeStepNumber a, #boatSteps li.activeStepStart a, #boatSteps li.activeStepSummary a { margin-top: 3px; background-position: 0 -56px!important; }
#boatSteps li.visitedStep a { background-position: 0 -1px!important; }
#boatSteps li.visitedStep a:hover { background-position: 0 -111px!important; }
/* Main Build a Boat Styles */
div#boatWrapper { width: 900px; background-color: #fff; }
/* Starting Page Header Styles */
div#boatStartHeader { width: 900px; height: 66px; }
#boatStartHeader h2 { font-size: 18px; line-height: 22px; font-weight: bold; padding: 27px 0 14px 28px; width: 525px; float: left; }
#boatStartHeader p.makeStartingSelection { float: right; display: inline; font-weight: bold; width: 220px; height: 27px; font-size: 14px; padding: 6px 0 4px; color: #fff; line-height: 17px; margin: 24px 25px 0 0; text-align: center; background: transparent url(/boat/imgs/makeSelectionStartBkgd.png) no-repeat 0 0; }
#boatStartHeader p.goToStepStart { float: right; display: inline; font-weight: bold; width: 220px; height: 27px; font-size: 14px; line-height: 17px; margin: -37px 25px 0 0; text-align: center; background: transparent url(/boat/imgs/nextStepStartBkgd.png) no-repeat 0 0; }
#boatStartHeader p.goToStepStart a { display: block; color: #000; text-decoration: none; padding: 6px 0 4px; }
#boatStartHeader p.goToStepStart a img { margin: 1px 0 0 10px; }
/* Starting Page Left Column Styles */
div#boatContentStart { width: 370px; float: left; display: inline; margin: 0 18px 0 27px; }
#boatContentStart p { font-size: 11px; line-height: 17px; color: #373737; }
#boatContentStart img { border: 1px solid #aeaeae; margin: 3px 10px 5px 0; float: left; }
#boatContentStart div.boatGuide { margin: 18px 0 25px; height: 180px; background-color: #f7f6c0; width: 100%; }
#boatContentStart .boatGuide h3 { padding: 13px 0 0 16px; font-size: 14px; line-height: 18px; color: #000; }
#boatContentStart .boatGuide p { color: #373737; font-size: 10px; line-height: 12px; width: 336px; margin: 8px 0 10px 16px; padding: 0 0 8px; border-bottom: 1px solid #e1d7ae; }
#boatContentStart .boatGuide img { border: none; margin: 3px 14px 10px 0; }
#boatContentStart .boatGuide p.guideBottom { float: left; display: inline; margin: 0 0 0 16px; width: 167px; font-size: 10px; line-height: 12px; color: #373737; border-bottom: none; padding: 0; }
#boatContentStart .boatGuide p.guideBottom img { border: none; margin: 0 5px 15px 0; }
/* Starting Page Sidebar Styles */
div#boatSidebarStart { width: 460px; float: left; display: inline; }
#boatSidebarStart div.initialBoatSelection { width: 100%; height: 67px; background-color: #f1f1f1; margin: 0 0 4px; }
.initialBoatSelection h2 { width: 75px; float: left; display: inline; color: #464646; font-size: 42px; line-height: 46px; padding: 13px 0 0; }
.initialBoatSelection img { float: right; }
.initialBoatSelection div.selectBoatSize { width: 90px; float: left; display: inline; }
.initialBoatSelection p.selectLink { color: #909090; text-transform: uppercase; margin: 15px 0 6px 12px; height: auto; }
.initialBoatSelection p.selectLink a { text-decoration: none; color: #909090; border: 1px solid #9c9c9c; padding: 2px 7px 1px; display: block; }
.initialBoatSelection p.selectLink a:hover { background-color: #f7f6c0; }
.initialBoatSelection p.selectLink a.selectedChoice { margin: -4px 0; }
.initialBoatSelection p.moreBoatInfo { clear: both; }
.initialBoatSelection p.moreBoatInfo a { text-decoration: underline; color: #000; margin: 0 0 0 12px; display: block; }
.initialBoatSelection p.moreBoatInfo a:hover { text-decoration: none; }
/* Starting Page Overlay Styles */
div.initialBoatSelectionOverlay { padding: 15px 0 0; position: relative; z-index: 5; float: right; width: 285px; height: 182px; background: transparent url(/boat/imgs/boatStartSelectionOverlay.png) no-repeat 0 0; }
div#coxlessFourOverlay { margin: -276px 0 0; display: none; }
div#doublesOverlay { margin: -205px 0 0; display: none; }
div.ibsOverlayContent { width: 220px; height: 56px; margin: 0 0 0 36px; position: relative; display: block; background: #f1f1f1; }
.ibsOverlayContent h2 { font-size: 26px; line-height: 24px; padding: 15px 0 0; width: 88px; float: left; display: inline; }
.ibsOverlayContent h2 span { font-size: 11px; line-height: 14px; padding: 0 0 0 23px; }
.ibsOverlayContent h2 input { margin: 0 10px 0 0; }
.ibsOverlayContent img { float: right; display: inline; }
div.ibsOverlayBorder { border-bottom: 1px solid #c9c9c9; height: 53px!important; }
div#boatInfoOverlay a strong {white-space: nowrap;} /* forces more info links to not break */
div#boatInfoOverlay ul.twoColList {
	float: left;
	display: inline;
	margin-right: 10px;
	width: 140px;
}
/* Left Column Styles */
div#boatContent { float: left; display: inline; width: 690px; margin: 0 2px 0 25px; }
#boatContent h2 { font-size: 18px; line-height: 22px; font-weight: bold; padding: 27px 0 14px; width: 525px; float: left; }
#boatContent p.backToLink { font-weight: bold; width: 128px; height: 27px; font-size: 14px; line-height: 17px; margin: 24px 15px 0 0; float: right; background: transparent url(/boat/imgs/backToBkgd.png) no-repeat 0 0; }
#boatContent p.backToLink a { display: block; text-align: center; color: #fff; text-decoration: none; padding: 6px 0 4px; }
#boatContent p.backToLink a:hover { text-decoration: none; color: #767676; }
div#boatWrap { width: 675px; height: 207px; }
/* Boat Options Wrapper Styles */
div#optionsWrap { width: 675px; padding: 17px 0 0; height: 129px; margin: 0 0 25px; }
#optionsWrap div.optionShort { width: 129px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionShortest { width: 127px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionMedium { width: 212px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionLong { width: 318px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionFull { width: 675px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionShoes { width: 165px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionShoesLong { width: 475px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionShoesMedium { width: 228px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionShoeSizes { width: 329px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionShoeSizesWide { width: 500px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionUpgrade { width: 401px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
#optionsWrap div.optionNoUpgrade { width: 175px; height: 129px; float: left; display: inline; margin: 0 8px 0 0; background-color: #efefef; }
div.width440 { width: 440px!important; }
div.width90 { width: 90px!important; }
.width90 p { margin: 5px 6px 0 6px!important; }
.optionMedium div.optionMediumLeft { float: left; display: inline; width: 125px; }
.optionMedium div.optionMediumRight { float: left; display: inline; width: 87px; height: 129px; background: transparent url(/boat/step4/imgs/euroBkgd.gif) no-repeat 0 0; }
div.optionLongLeft { float: left; display: inline; width: 161px; }
div.optionLongRight { float: left; display: inline; width: 157px; padding: 5px 0 0; height: 124px; background: #efefef url(/boat/step4/imgs/euroBkgd.gif) no-repeat 0 0; }
div.optionLongRightDouble { float: left; display: inline; width: 279px; padding: 5px 0 0; height: 124px; background: #efefef url(/boat/step4/imgs/euroBkgd.gif) no-repeat 0 0; }
div.customRiggingOverlay { margin: -129px 0 0; float: right; display: none; position: relative; z-index: 5; }
.optionFull div.optionFullLeft { float: left; display: inline; width: 425px; margin: 0 25px 0 0; }
.optionFull div.optionFullRight { float: left; display: inline; width: 225px; }
#optionsWrap div.vhpRowingShoes { float: left; display: inline; width: 160px; height: 129px; padding: 0 15px 0 0; background-color: #efefef; }
#optionsWrap div.vhpEightShoeSizes { float: left; display: inline; width: 500px; height: 129px; background-color: #efefef; }
#optionsWrap div.vhpSingleShoeSizes { float: left; display: inline; width: 158px; height: 129px; padding: 0 15px 0 0; background-color: #efefef; }
#optionsWrap div.doubleSizesWrap { width: 210px; float: left; display: inline; }
.optionFull div.vhpFourShoeSizes { float: left; display: inline; width: 281px; }
.optionShoeSizes div.shoeSizing { width: 329px; height: 63px; border-bottom: 3px solid #fff; }
.optionShoeSizesWide div.shoeSizingTall { width: 310px; height: 129px; float: left; display: inline; }
.selectedOverlay div.shoeSizingTall { padding: 17px 0 0; }
.fadedInactiveArea { opacity: 0.5; filter: alpha(opacity=50); }
/* Boat Options Content Styles */
#optionsWrap h3.wingRiggerMarginBottom { margin: 0 0 7px; }
#optionsWrap p.colorNote { font: normal 10px/12px Arial, Helvetica, sans-serif; color: #666; padding: 8px 0 0 31px; float: left; display: inline; }
#optionsWrap p.shoeNote { margin: 5px 0 0 18px; }
#optionsWrap p.shoeNoteFloat { float: left; display: inline; margin: 20px 0 0 20px; }
#optionsWrap p.shoeNote175 { width: 175px; }
#optionsWrap p.shoeNote150 { width: 150px; }
#optionsWrap p.shoeNote200 { width: 200px; }
#optionsWrap p.shoeLeftNote { font-size: 9px; line-height: 12px; color: #666; padding: 8px 0 0; float: left; }
#optionsWrap p.shoeRightNote { font-size: 9px; line-height: 12px; color: #666; padding: 8px 0 0 20px; float: right; }
#optionsWrap p.vhpSizeNote { font-weight: bold; color: #545454; padding: 8px 0 0 10px; }
#optionsWrap p.shoeMidRightNote { font-size: 9px; line-height: 12px; color: #666; padding: 8px 105px 0 0; float: right; }
#optionsWrap p.shoeMidNote { font-size: 9px; line-height: 12px; color: #666; padding: 8px 325px 0 0; float: right; }
#optionsWrap p span { color: #012e9e; }
#optionsWrap p.oarBasic { margin: 5px 0 0 11px!important; }
#optionsWrap p.oarConvertible { line-height: 15px; margin: 5px 5px 0 5px!important; }
#optionsWrap p.oarBasic input { margin: 0 3px 10px 0!important; float: left; }
#optionsWrap p.oarConvertible input { margin: -1px 3px 2px 0!important; float: left; clear: both; }
.optionShort h3, .optionShortest h3, .optionMedium h3, .optionLong h3, .optionFull h3, .optionNoUpgrade h3, .optionUpgrade h3, .optionShoes h3, .vhpRowingShoes h3, .optionShoesLong h3, .optionHullColor h3, .optionBowLettering h3, .optionLogoColor h3 { padding: 10px 0 0 11px; font-size: 14px; font-weight: bold; line-height: 18px; color: #000; }
.optionShort p, .optionShortest p, .optionMedium p, .optionLong p, .optionFull p, .optionNoUpgrade p, .optionUpgrade p, .optionShoes p, .vhpRowingShoes p, .optionShoesLong p, .optionHullColor p, .optionBowLettering p, .optionLogoColor p { font-size: 11px; line-height: 15px; color: #545454; height: 67px; margin: 5px 5px 0 11px; }
.vhpSingleShoeSizes p { margin: 15px 0 0 20px; }
.vhpSingleShoeSizes p select { margin: 0 0 0 5px; }
.optionMedium .optionMediumRight p { margin: 12px 0 0 8px; height: auto; }
.optionMediumRight input { margin: 0 3px 10px 0; float: left; }
.optionLongLeft p { height: auto; margin: 5px 0 10px 11px; }
.optionLongLeft p.selectLink { float: none; display: block; margin: 0 0 8px 11px!important; }
.optionLongLeft p.selectLink a { width: 43px; }
.optionLongLeft p.selectLink strong { text-transform: none; font-size: 12px; color: #000; float: left; display: inline; margin: -17px 0 0 70px; }
.optionLongRight p, .optionLongRightDouble p { height: auto; margin: 0 5px 0 12px; line-height: 14px; font-size: 9px; }
.optionLongRight p strong, .optionLongRight li strong, .optionLongRightDouble p strong, .optionLongRightDouble li strong { color: #000; }
.optionLongRight h4, .optionLongRightDouble h4 { margin: 5px 5px 3px 12px; line-height: 15px; font-size: 11px; font-weight: bold; color: #000; }
.customRiggingOverlay input { width: 120px; height: 12px; border: 1px solid #838383; margin: 0 0 1px; font: normal 9px/11px Helvetica, Verdana, Arial, sans-serif; color: #545454; padding: 3px 0 0 1px; }
.customRiggingOverlay input:focus { color: #000; }
.customRiggingOverlay p.convertibleCustomRigging { width: 125px; float: left; display: inline; }
ul.riggingDimensions { width: 84px; margin: 5px 0 0 12px; float: left; display: inline; }
ul.marginLeftShort { margin: 5px 0 0 6px; }
ul.riggingDimensions li { float: left; display: inline; width: 43px; line-height: 14px; font-size: 9px; }
ul.riggingDimensions li.riggingHullSize { width: 30px; }
ul.riggingDimensions li.riggingHeight { width: 50px; }
ul.riggingDimensions li.dimensionsHeader { width: 84px; }
.optionFull .optionFullLeft p { height: auto; margin: 5px 0 5px 11px; }
.optionFull .optionFullLeft p.selectLink { width: 59px; margin: 10px 5px 0 11px; }
.optionUpgrade h4 { color: #000; font-size: 18px; line-height: 22px; float: left; display: inline; width: 35px; font-weight: bold; text-transform: uppercase; }
.optionUpgrade p.packageDetails { margin: 3px 0 0; height: auto; font-weight: bold; color: #545454; font-size: 11px; line-height: 13px; float: left; display: inline; width: 280px; }
.optionFull .optionFullLeft h4 { margin: 10px 0 0; color: #000; font-size: 18px; line-height: 22px; float: left; display: inline; width: 40px; font-weight: bold; text-transform: uppercase; }
.optionFull .optionFullLeft p.packageDetails { margin: 0 -5px 0 5px; color: #545454; font-size: 11px; line-height: 13px; float: left; display: inline; width: 120px; }
.optionFull .optionFullLeft p.packageDetailsShort, .optionUpgrade p.packageDetailsShort { margin: 5px 0 0 -5px; color: #545454; font-size: 11px; line-height: 13px; float: left; display: inline; width: 80px; }
.optionFull .optionFullRight h4 { font-size: 11px; line-height: 14px; color: #000; text-transform: uppercase; padding: 10px 0 0; }
.optionFull .optionFullRight ul { font-size: 11px; line-height: 15px; color: #545454; margin: 5px 0 0 12px; list-style-type: disc; }
/* Shoes Content Styles */
div.tableMarginLeft { margin: 0 0 0 15px }
table.eightSizes { margin: 13px 0 0; width: 491px; }
table.fourSizes { margin: 13px 0 0; width: 291px; float: left; display: inline; }
table.twoSizes { margin: 0 0 0 7px; width: 192px; }
table.splitSizes { margin: 0 0 0 7px; width: 291px; }
.selectedOverlay table { margin: 17px 0 0 7px; }
table td { text-align: center; font-size: 12px; line-height: 14px; width: 51px; font-weight: bold; padding: 6px 0; }
table td select { width: 47px; }
table td img { margin: 0 0 0 15px; }
table td p.infoLink { float: right; }
table td.leftColumn { text-align: right; padding: 6px 11px 0 0; width: 72px; font-weight: normal; }
table td.leftColumnShort { text-align: right; padding: 6px 11px 0 0; width: 72px; font-weight: normal; font-size: 10px; line-height: 14px; vertical-align: top; color: #000; }
table td.topRow { border-bottom: 1px solid #b5b5b5; }
table td.topAlign { vertical-align: top; text-align: left; }
/* General Styles */
.quickDisconnectOption { margin: 7px 5px 0 11px; padding: 3px 0 0; border-top: 1px solid #d7d7d7; }
.midHeight { height: 30px!important; }
.noHeight { height: auto!important; }
input#viewScullRigger, input#viewSweepRigger { margin: 0; }
p.infoLink, p.selectLink { color: #838383; text-transform: uppercase; display: inline; float: left; margin: 0 6px 0 11px; height: auto; }
.noMargin { margin: 0!important; }
.marginLeft { margin: 0 0 0 8px!important; }
.marginTopBottom { margin: 0 0 4px!important; }
p.infoLink a, p.selectLink a { text-decoration: none; color: #838383; border: 1px solid #838383; padding: 2px 7px 1px; display: block; font-size: 11px; line-height: 15px; }
p.infoLink a:hover, p.selectLink a:hover { background-color: #f7f6c0; }
p.infoLink a.infoSelected { background: #000 url(/boat/imgs/infoSelectedBkgd.png) no-repeat 0 0; color: #fbe72e; }
p.selectLink a.selectedChoice { position: relative; z-index: 10; background: transparent url(/boat/imgs/selectedChoice.png) no-repeat 0 0; height: 27px; margin: -4px 0 -3px; display: block; width: 59px!important; padding: 0; border: none; }
p.selectLink a.selectedChoice:hover { background: transparent url(/boat/imgs/selectedChoice.png) no-repeat 0 0; }
/* Info Overlay Syles */
#optionsWrap div.selectedOverlay { height: 146px; margin-top: -17px!important; background: #f7f6c0 url(/boat/imgs/selectedChoiceArrow.png) no-repeat 50% 0; }
.selectedOverlay h3 { padding: 27px 0 0 11px; }
div#boatInfoOverlay { width: 675px; height: 199px; padding: 8px 0 0; margin: -207px 0 0; position: relative; z-index: 5; background-color: #f7f6c0; display: none; }
div#overlayLeft { float: left; display: inline; width: 330px;margin: 0 20px 0 0; height: 190px; overflow: auto; }
div#overlayLeftShort { float: left; display: inline; width: 206px; margin: 0 10px 0 0; height: 190px; overflow: auto; }
div#overlayLeftShortMed { float: left; display: inline; width: 295px; margin: 0 10px 0 0; height: 190px; overflow: auto; }
div#overlayLeftMedium { float: left; display: inline; width: 376px; margin: 0 10px 0 0; height: 190px; overflow: auto; }
div#overlayLeftMedLong { float: left; display: inline; width: 420px; margin: 0 10px 0 0; height: 190px; overflow: auto; }
div#overlayLeftLong { float: left; display: inline; width: 450px; margin: 0 20px 0 0; height: 190px; overflow: auto; }
div#overlayMiddleShort { float: left; display: inline; width: 148px; margin: 0 11px 0 0; height: 190px; overflow: auto; }
div#overlayRight { float: left; display: inline; width: 305px; height: 190px; overflow: auto; }
div#overlayRightMini { float: left; display: inline; width: 185px; padding-right: 4px; height: 190px; overflow: auto; }
div#overlayRightMid { float: left; display: inline; width: 215px; height: 190px; overflow: auto; }
div#overlayRightShort { float: left; display: inline; width: 280px; height: 190px; overflow: auto; }
div#overlayRightMedium { float: left; display: inline; width: 270px; height: 190px; overflow: auto; }
div#overlayRightMedLong { float: left; display: inline; width: 345px; height: 190px; overflow: auto; }
div#overlayRightLong { float: left; display: inline; width: 440px; height: 190px; overflow: auto; }
/* Info Overlay Content Styles */
#boatInfoOverlay ol { font-size: 11px; line-height: 15px; padding: 0 5px 0 20px; color: #626262; list-style-type: decimal; list-style-position: outside; }
#boatInfoOverlay p { font-size: 11px; line-height: 15px; padding: 8px 5px 0 20px; color: #626262; }
#boatInfoOverlay h4 { font-size: 12px; line-height: 15px; padding: 8px 5px 0 20px; color: #000; font-weight: bold; }
#boatInfoOverlay ul { font-size: 11px; line-height: 15px; padding: 8px 5px 0 20px; color: #626262; list-style-type: disc; list-style-position: outside; }
#boatInfoOverlay li { margin: 0 0 0 20px; }
#boatInfoOverlay p strong { color: #000; }
#boatInfoOverlay p a { color: #000; }
#boatInfoOverlay p a:hover { text-decoration: none; }
#boatInfoOverlay img { margin: 10px 0 0; border: 1px solid #99906b; float: right; }
#boatInfoOverlay #overlayMiddleShort img { float: none; }
#boatInfoOverlay img.bottomImage { margin: 3px 0 0; }
#overlayLeftLong img, #overlayLeftMedium img, #overlayLeftLong img, #overlayLeftMedLong img { margin: 0 10px 0 0; border: none; float: left; }
#overlayMiddleShort p { text-align: center; font: normal 9px/13px Arial, sans-serif!important; margin: 10px auto; text-transform: uppercase; color: #626262; padding: 0; }
/* Info Overlay Tabular Data Styles */
div#overlayTabularData { /*width: 546px;*/ /*height: 156px;*/ background: #fff url(/boat/imgs/overlayTabularBkgd.png) no-repeat right bottom; margin: 0 auto; padding-bottom: 6px; position: relative; top: 26px; }
#overlayTabularData table#hullSize { /*width: 533px; height: 143px;*/ margin: 4px 0 0 3px; border-spacing: 2px; border-collapse: separate; }
#hullSize td { color: #545454; font-size: 12px; line-height: 16px; text-align: center; background-color: #c4d5e5; width: 85px; padding: 9px 0; }
#hullSize td.leftColumn { text-align: left; width: 173px; padding: 0 0 0 12px; }
#hullSize td.headerRow { background-color: #839ab7; font-weight: bold; color: #fff; font-size: 14px; }
#hullSize td.selectedHeader { background-color: #fae320; }
#hullSize td.selectedColumn { background-color: #f7f6c0; }
.fiveColumn { width: 546px; }
.fourColumn { width: 458px; }
.threeColumn { width: 372px; }
.twoColumn { width: 286px; }
/* Right Column Styles */
div#boatSidebar { float: left; display: inline; width: 160px; }
#boatSidebar p.makeSelection { font-weight: bold; width: 155px; height: 27px; font-size: 14px; padding: 6px 0 4px; color: #fff; line-height: 17px; margin: 24px 15px 0 0; text-align: center; background: transparent url(/boat/imgs/makeSelectionBkgd.png) no-repeat 0 0; }
#boatSidebar p.goToStep { font-weight: bold; width: 155px; height: 27px; font-size: 14px; line-height: 17px; margin: -37px 15px 0 0; text-align: center; background: transparent url(/boat/imgs/nextStepBkgd.png) no-repeat 0 0; }
#boatSidebar p.goToStep a { display: block; color: #000; text-decoration: none; padding: 6px 0 4px; }
#boatSidebar p.goToStep a img { margin: 1px 0 0 10px; }
#boatSidebar p.submitPDF { font-weight: bold; width: 155px; height: 27px; font-size: 14px; line-height: 17px; margin: 24px 15px 8px 0; text-align: center; background: transparent url(/boat/imgs/nextStepBkgd.png) no-repeat 0 0; }
#boatSidebar p.submitPDF a { display: block; color: #000; text-decoration: none; padding: 6px 0 4px; }
#boatSidebar p.createPDF { margin: 25px 15px 8px 0!important; }
#boatSidebar p { font-size: 10px; line-height: 15px; color: #717171; margin: 5px 5px 10px; }
#boatSidebar p a { font-weight: bold; color: #000; text-decoration: underline; }
#boatSidebar p a:hover { text-decoration: none; }
p.activeButton { position: relative; z-index: 4; }
p.inactiveButton { position: relative; z-index: 2; }
#boatSidebar p em { color: #012e9e; }
.errorMessage { color: #fe1919!important; font-weight: bold; }
/* Boat Detail Styles */
div#boatInfoWrap { width: 155px; height: 353px; margin: 12px 0 0; }
#boatInfoWrap p.boatTotal { margin: 0; width: 155px; height: 22px; background-color: #000; color: #fbe72e; text-align: center; font-weight: bold; font-size: 12px; line-height: 18px; padding: 5px 0 0; text-transform: uppercase; }
div#boatInfo { width: 155px; height: 326px; /*overflow: hidden; */position: relative; }
div#boatInfoContent { background-color: #fafafa; }
div.fixedBoatInfoHeight { height: 725px; }
div.boatDetail { width: 100%; color: #4b4b4b; padding: 4px 0 0; border-top: 2px solid #fff; /*margin: 2px 0 0;*/ background-color: #ededed; }
/*.boatDetail h3 { font-size: 24px; line-height: 28px; font-weight: bold; margin: 0 13px 0 8px; }*/
.boatDetail ol { list-style-type: decimal; margin: 0 0 0 26px; padding: 0 0 2px; }
.boatDetail ol li { font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; }
.boatDetail ol li span { font-weight: normal; text-transform: none; }
.boatDetail ol li em { font-style: normal; color: #012e9e; }
.activeBoatDetail { background-color: #fdf5d7!important; }
div.boatDetailHeader { width: 100%; color: #4b4b4b; padding: 4px 0 0; background-color: #ededed; }
.boatDetailHeader h3 { font-size: 24px; line-height: 28px; font-weight: bold; margin: 0 13px 0 8px; }
/* Boat Summary Details */
div#boatSummary { width: 675px; margin: 17px 0 0; padding: 0 0 25px; }
#boatSummary div#boatSummaryHeader { width: 675px; height: 36px; background-color: #151515; }
#boatSummaryHeader h1 { color: #fbe72e; width: 200px; padding: 8px 0 0 20px; text-transform: uppercase; float: left; display: inline; font-size: 18px; line-height: 24px; }
#boatSummaryHeader h2 { color: #fbe72e; width: 350px; padding: 8px 20px 0 0; text-transform: uppercase; text-align: right; float: right; display: inline; font-size: 18px; line-height: 24px; }
#boatSummary div#boatSummaryContent { width: 675px; padding: 25px 0; background-color: #e7e7e7; color: #464646; font-size: 11px; line-height: 17px; font-weight: bold; }
#boatSummaryContent p { font-weight: bold; font-size: 12px; color: #000; }
#boatSummaryContent p.platinumCareDetails { margin: 0 0 10px; font-weight: normal; }
#boatSummaryContent h3 { font-weight: normal; font-size: 14px; color: #000; margin: 0 0 5px; }
#boatSummaryContent h3 span { font-size: 13px; }
#boatSummaryContent ul { list-style-type: disc; margin: 0 0 10px 13px; }
#boatSummaryContent ul li em, #boatSummaryContent h3 span em { font-style: normal; color: #012e9e; }
#boatSummaryContent div.boatSummaryDetail { width: 615px; margin: 0 0 10px 30px; border-bottom: 1px solid #b3b3b3; }
.boatSummaryDetail div.boatSummaryDetailLeft { float: left; display: inline; width: 175px; }
.boatSummaryDetail div.boatSummaryDetailRight { float: left; display: inline; width: 400px; }
#boatSummaryContent .boatSummaryDetail .boatSummaryDetailRight ul.dataKey { font-weight: normal; color: #000; list-style-type: none; margin: 0 5px 10px 0; width: 145px; display: inline; float: left; list-style-position: outside; }
#boatSummaryContent .boatSummaryDetail .boatSummaryDetailRight ul.dataKeyShort { font-weight: normal; color: #000; list-style-type: none; margin: 0 5px 10px 0; width: 75px; display: inline; float: left; list-style-position: outside; }
#boatSummaryContent .boatSummaryDetail .boatSummaryDetailRight ul.dataKeyMedium { font-weight: normal; color: #000; list-style-type: none; margin: 0 5px 10px 0; width: 105px; display: inline; float: left; list-style-position: outside; }
#boatSummaryContent .boatSummaryDetail .boatSummaryDetailRight ul.dataKeyLong { font-weight: normal; color: #000; list-style-type: none; margin: 0 5px 10px 0; width: 120px; display: inline; float: left; list-style-position: outside; }
#boatSummaryContent .boatSummaryDetail .boatSummaryDetailRight ul.dataKeyShoes { font-weight: normal; color: #000; list-style-type: none; margin: 0 5px 10px 0; width: 120px; display: inline; float: left; list-style-position: outside; }
#boatSummaryContent .boatSummaryDetail .boatSummaryDetailRight ul.dataValue { font-weight: normal; list-style-type: none; margin: 0 0 10px; width: 230px; float: left; display: inline; list-style-position: outside; }
#boatSummaryContent .boatSummaryDetailRight p { font-size: 11px; }
#boatSummaryContent .boatSummaryDetailRight p a.modelCompare { color: #000; text-decoration: underline; }
#boatSummaryContent .boatSummaryDetailRight p a.modelCompare:hover { text-decoration: none; color: #000; }
#boatSummaryContent div#modelCompare, #boatSummaryContent div#platinumCare { display: none; }
#boatSummaryContent #modelCompare p.changeModel { margin: 5px 0 15px; }
#boatSummaryContent table.modelComparison { border-collapse: separate; margin: 5px 0 0; }
#boatSummaryContent table.modelComparison td { font-size: 11px; font-weight: normal; line-height: 14px; padding: 5px 0 3px 6px; text-align: left; background-color: #fff; border-right: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; vertical-align: top; }
#boatSummaryContent table.modelComparison td p { font-size: 11px; font-weight: normal; }
#boatSummaryContent table.modelComparison td.leftColumn { padding: 5px 10px 3px 0; text-align: right; width: 74px; color: #fff; }
#boatSummaryContent table.modelComparison td.middleColumn { width: 51px; }
#boatSummaryContent table.modelComparison td.rightColumn { width: 64px; }
#boatSummaryContent table.modelComparison td.darkGray { background-color: #b0b0b0; }
#boatSummaryContent table.modelComparison td.lightGray { background-color: #cfcfcf; }
#boatSummaryContent #platinumCare p { margin: 5px 0 0; font-weight: normal; font-size: 11px; }
#boatSummaryContent #platinumCare ul { margin: 0 0 15px 20px; font-weight: normal; font-size: 11px; line-height: 17px; }
#boatSidebar p.makePDFMessage img { margin: 0 0 0 55px!important; }
/* Notification Styles */
h4.note { font-size: 14px!important; line-height: 18px!important; font-weight: bold!important; color: #B51A1A!important; padding: 10px 0 0!important; }
a.inlineOverlayLink { color: #3a3a3a; text-decoration: underline; }
a.inlineOverlayLink:hover { color: #334D66; text-decoration: none; }
div.optionMediumLeft.selectedOverlay { position: relative; z-index: 15; }
div#noJavascriptMessage { position: relative; border: 2px solid #839AB7; background-color: #efefef; z-index: 25; float: right; margin: 0 25px -404px 0; top: 66px; width: 456px; height: 347px; }
#noJavascriptMessage p { text-align: center; font-size: 14px; line-height: 22px; font-weight: bold; position: relative; width: 350px; padding: 125px 0 0; margin: 0 auto; }
#boatWrap p { text-align: center; font-size: 14px; line-height: 22px; font-weight: bold; position: relative; width: 350px; padding: 50px 0 0; margin: 0 auto; }
/* Used Boat Callout Styles */
.usedBoatCallout { width: 460px; height: 27px; background: #CDDDEA url(/imgs/usedBoatCalloutArrow.png) no-repeat 0 0; }
.usedBoatCallout p { margin: 0; padding-left: 22px; font: normal 12px/26px Helvetica, Arial, sans-serif; }
.usedBoatCallout a { color: #183861; text-decoration: underline; }
.usedBoatCallout a:hover { color: #183861; text-decoration: none; }