/* CSS Document */

/*
	hover default: #73A7BC
*/

/* undo some default styling of common (X)HTML browsers
 ************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:top;
	background:transparent;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	background:url('../images/bg_main.png') top left repeat-y #ADB1B7;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

h1 {
	font-family: 'PTSansNarrowRegular', Arial, sans-serif;
	font-size: 26px;
	color: #FFF;
	padding: 35px 0 0;
}

h2 { 
	padding-bottom: 15px;
	font-size: 12px;
}

h2 span {
	float: right;
	margin-right: 10px;
}

h3 {
	font-size: 11px;
	padding-left: 3px;
}

p {
	padding: 0 0 20px 0;
}
	
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:top;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-bottom: 1px solid #555;
    margin:1em 0 3em;
    padding:0;
}

input, select {
	vertical-align:middle;
}

em.note {
	color: #555;
}

/* @Fontfact
 ************************************************************/
@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../fontface/pt-sans/PTN57F-webfont.eot');
    src: url('../fontface/pt-sans/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTN57F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTN57F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansCaptionBold';
    src: url('../fontface/pt-sans/PTC75F-webfont.eot');
    src: url('../fontface/pt-sans/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTC75F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTC75F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTC75F-webfont.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansCaptionRegular';
    src: url('../fontface/pt-sans/PTC55F-webfont.eot');
    src: url('../fontface/pt-sans/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTC55F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTC55F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBoldItalic';
    src: url('../fontface/pt-sans/PTS76F-webfont.eot');
    src: url('../fontface/pt-sans/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTS76F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTS76F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fontface/pt-sans/PTS75F-webfont.eot');
    src: url('../fontface/pt-sans/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTS75F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTS75F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansItalic';
    src: url('../fontface/pt-sans/PTS56F-webfont.eot');
    src: url('../fontface/pt-sans/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTS56F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTS56F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fontface/pt-sans/PTS55F-webfont.eot');
    src: url('../fontface/pt-sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTS55F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTS55F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('../fontface/pt-sans/PTN77F-webfont.eot');
    src: url('../fontface/pt-sans/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/pt-sans/PTN77F-webfont.woff') format('woff'),
         url('../fontface/pt-sans/PTN77F-webfont.ttf') format('truetype'),
         url('../fontface/pt-sans/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* main styles
 ************************************************************/
#sniffer {
	background-color: #000;
	padding: 15px 0;
	display: none;
}

#sniffer-wrapper {
	background: url(../images/browser-alert.png) 0 8px no-repeat;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#sniffer-wrapper p {
	width: 600px;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 8px 0 8px 80px;
	line-height: 1.5;
}

#sniffer-wrapper ul {
	margin: 0 0 0 80px;
}

#sniffer-wrapper ul li {
	float: left;
	margin: 0 10px 0 0;
	background: url(../images/browsers2.png) no-repeat;
}

#sniffer-wrapper ul li.chrome { background-position: 0 12px; }
#sniffer-wrapper ul li.firefox { background-position: -72px 12px; }
#sniffer-wrapper ul li.opera { background-position: -140px 12px; }
#sniffer-wrapper ul li.safari { background-position: -206px 12px; }
#sniffer-wrapper ul li.ie { background-position: -278px 12px; }

#sniffer-wrapper a {
	display: block;
	height: 80px; width: 65px;
}

#sniffer-wrapper .cancel-btn {
	position: absolute;
	top: 0; right: 0;
	color: #FFF;
	cursor: pointer;
	padding: 5px 7px; 
	margin: 8px 0 0;
	border: 1px solid #333;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background: #333;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333),color-stop(1, #666));
	background-image: -moz-linear-gradient(center bottom,#333 0%,#666 100%);
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#config-models-list {
	font: 16px/16px 'PTSansRegular', Arial, sans-serif;
	list-style: none;
	border-bottom: 1px solid #555;
	padding: 15px 0;

}

#config-models-list li {
	display: inline;
	padding: 0 20px 0 0;
}

#config-models-list a:link, #config-models-list a:active, #config-models-list a:visited {
	color: #FFF;
	text-decoration: none;
}

#config-models-list a:focus, #config-models-list a:hover {
	color: #333;
}

#config-container {
	margin-bottom: 25px;
}

#config-container.bg {
	background: #FFF;
	padding: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.config-hull-choice-box {
	padding: 10px 0 15px;
}

.config-hull-choice-box .floorplan-image {
	float: left;
	width: 240px;
	padding: 4px 0 0;
}

.config-hull-choice-box ul.hull-options {
	float: left;
}

.config-hull-choice-box ul.hull-options a {
	color: #333;
	text-decoration: none;
	display: block;
}

.config-hull-choice-box ul.hull-options li {
	list-style: none;
	float: left;
	border: 1px solid #E0E0E0;
	padding: 5px 8px;
	margin: 15px 8px 0 0;
	
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(209,209,210)),color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(center bottom,rgb(209,209,210) 0%,rgb(255,255,255) 100%);
}

.config-hull-choice-box ul.hull-options li:hover {
	border-color: #73A7BC;
	cursor: pointer;
}

.config-hull-choice-box ul.hull-options li span {
	font-weight: bold;
	display: block;
}

ul.floorplan-options {
	list-style: none;
}

ul.floorplan-options li {
	display: block;
	float: left;
	text-align: center;
	padding: 20px;
}

ul.floorplan-options img {
	padding-bottom: 8px;
	margin: 0 auto;
}

ul.floorplan-options a, ul.floorplan-options img {
	display: block;
}

ul.floorplan-options a:link, ul.floorplan-options a:active, ul.floorplan-options a:visited {
	color: #333;
	text-decoration: none;
}

ul.floorplan-options a:focus, ul.floorplan-options a:hover {
	color: #73A7BC;
}

/* pricing summary
 ************************************************************/

#price-summary-container {
	width: 300px;
	float: left;
	padding-top: 20px;
}

.price-summary-label, .price-summary-field {
	width: 140px;
	float: left;
}

.price-summary-row { padding: 0 0 5px; }
.price-summary-row .indent { text-indent: 10px; }
.price-summary-label { text-align: left; }
.price-summary-field { text-align: right; }
#price-summary-base-total { font-weight: bold; }

/* photo visuals
 ************************************************************/
 
#photo-holder {
	width: 550px; height: 220px;
	float: right;
}

#photo-holder #photo-top-view, #photo-holder #photo-side-view {
	text-align: right;
	height: 220px;
	position: relative;
}

#photo-holder #photo-top-view div, #photo-holder #photo-side-view div {
	position: absolute;
	top: 0; left: 0;
}

#photo-holder #ptv-accents { z-index: 4; }
#photo-holder #ptv-seats { z-index: 3; }
#photo-holder #ptv-temp { z-index: 2; }
#photo-holder #ptv-default { z-index: 1; }

#photo-holder #psv-bimini { z-index: 6; }
#photo-holder #psv-accents { z-index: 5; }
#photo-holder #psv-seats { z-index: 4; }
#photo-holder #psv-walls { z-index: 3; }
#photo-holder #psv-temp { z-index: 2; }
#photo-holder #psv-default { z-index: 1; }

#photo-holder .photo-controls {
	padding: 8px 0 0;
	text-align: center;
}

#photo-holder .photo-controls a:link, #photo-holder .photo-controls a:active, #photo-holder .photo-controls a:visited {
	color: #333;
	text-decoration: none;
}

#photo-holder .photo-controls a:focus, #photo-holder .photo-controls a:hover {
	text-decoration: underline;
}

/* config columns
 ************************************************************/

.col-alpha {
	width: 200px;
	float: left;
}

.col-beta {
	width: 700px;
	float: right;
}

.col-charlie {
	width: 450px;
	float: left;
}

.col-delta {
	width: 450px;
	float: right;
}

/* progress bar
 ************************************************************/
ul#progress-bar {
	list-style: none;
	display: block;
	margin: 30px 0;
}

ul#progress-bar li {
	font-size: 16px;
	display: block;
	float: left;
	width: 224px; height: 25px;
	padding: 1px 8px;
	background: url(../images/nav_process_sprite_acc.png) 0 -148px no-repeat;
}

ul#progress-bar li.first {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

ul#progress-bar li.last {
	background-position-y: 0;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

ul#progress-bar li.step-over { background-position-y: -74px; }
ul#progress-bar li.step-on { background-position-y: -111px; }

ul#progress-bar span, ul#progress-bar a:link, ul#progress-bar a:active, ul#progress-bar a:visited {
	font-size: 11px; font-weight: bold; line-height: 2.1;
	padding-left: 5px;
	color: #000;
}

ul#progress-bar a:link, ul#progress-bar a:active, ul#progress-bar a:visited {
	text-decoration: none;
}

ul#progress-bar a:focus, ul#progress-bar a:hover {
	color: #333;
}

/* sub navs
 ************************************************************/

ul#config-subnav {
	list-style: none;
	display: block;
	border-bottom: 1px solid #555;
	margin-bottom: 30px;
}

ul#config-subnav li {
	display: block;
	float: left;
	padding: 5px 10px;
	margin: 1px 1px 0 1px; /* offset border on rollover */
}

ul#config-subnav li.nav-on {
	background-color: #B3B8BE;
	
	border: solid #555;
	border-width: 1px 1px 0 1px;
	margin: 0;
	
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

ul#config-subnav a:link, ul#config-subnav a:active, ul#config-subnav a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

ul#config-subnav a:focus, ul#config-subnav a:hover {
	color: #333;
}

ul#config-subnav li.nav-on a {
	color: #333;
}

/* config misc.
 ************************************************************/
 
.config-equipment-upgrade-item {
	padding-bottom: 20px;
}

.config-equipment-panel .checkbox {
	width: 30px;
	text-align: center;
	float: left;
}

.config-equipment-panel .info {
	width: 600px;
	text-align: left;
	float: left;
}

.config-equipment-panel .price {
	text-align: right;
	float: right;
	font-weight: bold;
}

.config-view-photo {
	padding: 3px 0 0 5px;
}

#back-button-directions {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

/* config summary
 ************************************************************/

ul.config-summary {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.config-summary ul {
	list-style: none;
	padding: 0 0 0 20px;
}

ul.config-summary ul.boxed {
	float: left; width: 300px;
	margin-right: 20px; padding: 10px 0;
}

ul.config-summary li {
	padding: 3px 0;
}

ul.config-summary ul.boxed li {
	padding: 3px 20px;
}

ul.ul-line-sep {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #555;
}

ul#config-bimini-options, ul#config-enclosure-options, ul#config-bimini-frames {
	width: 400px;
}

/* forms
 ************************************************************/
.radio-list {
	list-style: none;
	margin-bottom: 25px;
}

.radio-list li.rowclass0, .radio-list li.rowclass1 {
	padding: 3px 10px 3px 3px;
}

.radio-list li.hide {
	display: none;
}

.radio-list li.space-below { padding-bottom: 10px; }

.radio-list span.checkbox {
	display: block;
	float: left; width: 25px;
	text-align: left;
}

.radio-list span.info {
	display: block;
	float: left; width: 350px;
}

.radio-list label, .radio-list span.price {
	line-height: 1.7;
}

.radio-list span.price {
	float: right;
}

.radio-list label:hover {
	color: #FFF;
}

.radio-list label:hover em.note {
	color: #CCC;
}

.radio-list label.input-disabled, .radio-list label.input-disabled:hover {
	color: #444;
}

.radio-list .rowclass1 {
	background-color: #B3B7BD;
}

.submit-btn {
	float: right;
	color: #FFF;
	cursor: pointer;
	padding: 5px 7px; 
	margin: 15px 0 0;
	border: 1px solid #A20028;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background: #C60232;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(172,19,57)),color-stop(1, rgb(202,0,49)));
	background-image: -moz-linear-gradient(center bottom,rgb(172,19,57) 0%,rgb(202,0,49) 100%);
}

#show-hide-btn {
	border-top: 1px solid #555;
}

.contactFormLeft {
	font-size: 11px;
	width: 140px;
	text-align: left;
	line-height: 26px;
}

.contactFormRight {
	text-align: left;
	line-height: 23px;
	padding-left: 10px;
}

.contactFormRight a {
	font-size: 11px;
}

.contactFormRight .exception {
	font-size: 11px;
}

.select_menu {
	margin: 5px 0 10px 0;
}

.contactFormLeftChx {
	float: left;
	width: 160px;
	text-align: left;
	line-height: 23px;
	padding: 3px 0 0 0;
}

.formText {
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #555555;
	padding: 2px 4px;
	margin: 4px 0;
}

.form_table_left {
	width: 65%;
	border-right: 1px solid #CCCCCC;
	padding-right: 20px;
	float: left;
}

.form_table_right {
	width: 30%;
	padding-left: 20px;
	float: right;
}

/* misc */
.state_drop_down {
	margin-top: 3px;
}

.color_default, .error { font-weight: bold; color: #B01138; }


/* shadowbox form elements */
div.sb-message-qty-select {
	padding: 20px;
	text-align: left;
}

div.sb-message-qty-select p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2;
	color: #FFF;
	display: inline;
}

div.sb-message-qty-select .text-field {
	margin: 0 5px;
	padding: 3px 5px;
	width: 20px;
}

div.sb-message-qty-select .submit-btn {
	margin: 0 0 0 8px;
	float: right;
}

div.summary-window {
	font-size: 12px;
}

div.summary-window h2 {
	font-size: 14px;
	color: #73A7BC;
	border-bottom: 1px solid #DADADA;
	padding: 10px 0 3px;
	margin-bottom: 15px;
}

div.summary-window a {
	color: #73A7BC;
	text-decoration: none;
}

div.summary-window a:hover, div.summary-window a:focus {
	text-decoration: underline;
}

/* misc functions
 ************************************************************/
.hide { display: none; }
.line-sep { padding: 0 8px; }
.disclaimer { padding-top: 15px; font-size: 9px; font-style: italic; }
 
/* clear fixes */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { 
	display: inline-block; 
}

/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%; 
}

.clearfix { 
	display: block; 

}
/* close commented backslash hack */