/* CSS Document */

/*

font sizes
-----------------
18px = 1.125em
16px = 1em
14px = 0.875em
12px = 0.750em
10px = 0.625em


colors
-----------------
dark gray = #464646
medium gray = #666666
light gray = #B0B0B0 
default orange = #CC6600

*/

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

ul, ol {
	list-style: none;
}

body, h1, h2, h3, h4, h5, h6, h7, pre, code, td, p, a {
	font-size: 1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, h7, h8, pre, form, body, html, p, blockquote, fieldset, label, div, dd, dt, dl, table, tr, td, img, hr {
	margin: 0; 
	padding: 0;
	border: 0;
}

a img, :link img, :visited img, fieldset {
	border: none;
}

/* help IE play along with everybody else */

html {
	font-size: 100%;
}

/* model colors
 ************************************************************/

.black_text {
	color: #333;
}

.white_text {
	color: #FFF;
}

.color_default_bg { background-color: #CC6600; }
.color_default { color: #CC6600; }

.osprey_pro_bg { background-color: #336C6A; }
.osprey_pro { color: #336C6A; }

.xplode_bg { background-color: #F68B1F; }
.xplode { color: #F68B1F; }

.xplode_alt_bg { background-color: #F16F31; }
.xplode_alt { color: #F16F31; }

.legacy_bg { background-color: #6B081D; }
.legacy { color: #6B081D; }

.osprey_bg { background-color: #203370; }
.osprey { color: #203370; }

.aurora_bg { background-color: #2A5CAA; }
.aurora { color: #2A5CAA; }

.oasis_bg { background-color: #D2232A; }
.oasis { color: #D2232A; }

.encore_bg { background-color: #908070; }
.encore { color: #908070; }

/* main styles
 ************************************************************/

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	color: #888;
	background: #f2f2f2;
	margin: 0;
	padding: 0 0 25px 0;
}

p {
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 25px 0;
}

h1,.faux-h1 {
	font-weight: bold;
	color: #CC6600;
	text-transform: uppercase;
	padding-bottom: 3px;
}

h2 {
	font-size: 0.75em;
	font-weight: bold;
	color: #666666;
	padding-bottom: 10px;
	line-height: 16px;
}

h3 {
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}

h4 {
	font-size: 0.75em;
	font-weight: bold;
	color: #CC6600;
	padding: 18px 0 3px 25px;	
}

h5 {
	font-size: 1.75em;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	padding: 13px 0 0 25px;
	float: left;
}

h7 {
	font-size: 0.75em;
	font-weight: bold;
	color: #CC6600;
}

h8 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #666666;
	padding-right: 7px;
	line-height: 16px;
	display: block;
}

a:link, a:active, a:visited {
	color: #CC6600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ol {
	font-size: 0.75em;
	line-height: 1.5em;
	list-style: decimal outside;
	padding: 18px 25px;
}

ul {
	font-size: 0.75em;
	line-height: 1.5em;
	list-style: disc outside;
	padding: 0 20px;
}

ul li {
	padding-bottom: 10px;
}

/* table styles */

table.boat_specs {
	font-size: 0.75em;
	margin-top: 15px;
}

table.boat_specs td {
	padding: 7px;
}

.table_header {
	background-color: #666;
	color: #FFF;
	font-weight: bold;
}

.rowclass0 {
	background-color: #FFF;
}

.rowclass1 {
	background-color: #EEE;
}

/* head styles */

#header {
	background-color: #000;
	height: 100px;
	text-align: right;
}

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

#header ul {
	padding: 64px 0 0 0;
	font-size: 0.75em;
	color: #B0B0B0;
	font-weight: normal;
}

#header ul li {
	display: inline;
}

#header .li_sep {
	padding: 0 10px;
}

#header a:link, #header a:active, #header a:visited {
	color: #B0B0B0;
	font-weight: normal;
	text-decoration: none;
}

#header a:hover {
	color: #fff;
	text-decoration: underline;
}


/* content area */

#content {
	background: url(../images/content_bg.jpg) top center repeat-y #F2F2F2;
	text-align: left;
}

#content_container, #content_container_home, #boat_content_container {
	width: 960px;
	min-height: 500px;
	margin: 0 auto;
	clear: both;
}

#content_container_home {
	background: url(../images/side_nav_bg.jpg) top right repeat-y #DBDFE5;
}

#boat_content_container {
	background-color: #DBDFE5;
}

.single_column_padding {
	padding: 30px;
}

/* home section setup */

#main {
	width: 679px;
	float: left;
}

#main p {
	padding-left: 0;
	padding-right: 0;
}

#main_content {
	padding: 24px;
	background-color: #FFF;
}

#secondary_content {
	padding: 24px;
	height: 100px;
}

.secondary_alpha, .secondary_beta {
	width: 300px;
	padding-bottom: 25px;
}

.secondary_alpha {
	float: left;
}

.secondary_beta {
	float: right;
}

#secondary_content h4 {
	padding: 18px 0 3px 0;
}

#secondary_content p {
	padding: 0 0 18px 0;
}

/* side nav */

#sidenav {
	width: 281px;
	float: left;
}

/* article side nav entries */

#sidenav p {
	padding: 0 25px 18px 25px;
}

.article_sep_line {
	height: 0;
	margin: 0 25px;
	border-bottom: 1px solid #999;
}

/* callouts */

#sidenav .light_callout {
	background: url(../images/callout_lt_gray_bg.jpg) 0 0 repeat-y #D2D6DC;
	padding: 15px 25px;
	clear: both;
}

#sidenav .light_callout img {
	padding: 0;
	margin-right: 15px;
	-moz-box-shadow: #444 2px 2px 6px;
	-webkit-box-shadow: #444 2px 2px 6px;
}

#sidenav .light_callout p.get_catalog_p {
	padding-top: 15px;
}

#sidenav .light_callout a:link, #sidenav .light_callout a:visited, #sidenav .light_callout a:active {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#sidenav .light_callout a:hover {
	text-decoration: underline;
}

#sidenav .dark_callout {
	background: url(../images/callout_dk_gray_bg.jpg) 0 0 repeat-y #626262;
	padding: 15px 25px;
	clear: both;
	border-top: 1px solid #363636;
	border-bottom: 1px solid #626262;
}

/* sub headings
 ************************************************************/

#subheader {
	width: 960px;
	height: 50px;
	margin: 0 auto;
}

#subnav, #boat_subnav {
	float: right;
	width: 655px;
	height: 47px;
	background-color: #DBDFE5;
	text-align: right;
}

#subnav ul {
	font-size: 0.75em;
	color: #707070;
	padding: 25px 20px 0 0;
}

#subnav ul a, #boat_subnav ul a {
	color: #707070;
}

#subnav ul li, #boat_subnav ul li {
	display: inline;
}

#subnav .li_sep {
	padding: 0 7px;
}

#boat_subnav ul {
	font-size: 0.75em;
	color: #707070;
	padding: 25px 20px 0 0;
}

#boat_subnav .li_sep {
	padding: 0 5px;
}

#nav_content_spacer {
	background: url(../images/nav_content_spacer.jpg) 0 0 no-repeat;
	height: 10px;
}

#boat_info .double_line_break p, #color_pkgs .double_line_break p {
	padding: 7px 0;
	margin: 0
}

#boat_info .build_your_pontoon a, #color_pkgs .build_your_pontoon a {
	padding-left: 20px;
	background: url(../images/boat_pages/build_small.jpg) 0 -3px no-repeat;
} 

/* all articles pages
 ************************************************************/

.article_container {
	clear: both;
	padding: 30px 20px;
}

.single_article_container {
	padding: 30px 50px;
}

.article_container p, .single_article_container p {
	padding: 0 0 15px 0;
}

.article_thumb {
	float: left;
	width: 225px;
	text-align: center;
	padding-bottom: 18px;
}

.event_thumb {
	float: left;
	width: 300px;
	text-align: left;
	padding-bottom: 18px;
	padding-left: 25px;
}

.article_content {
	float: left;
	width: 650px;
	text-align: left;
}

.event_content {
	float: left;
	width: 550px;
	text-align: left;
	padding-top: 12px;
	padding-bottom: 18px;
}

/* google map styels
 ************************************************************/
#map_container {
	width: 900px;
	font-size: 11px;
	border: 1px solid #555;
}

#map_container #sidebar {
	overflow: auto;
	height: 500px;
	color: #333;
}

#map_container #map {
	overflow: hidden;
	width: 600px;
	height: 500px;
}

/* photo gallery
 ************************************************************/

.photo_gallery_holder {
	width: 20%;
	float: left;
	text-align: center;
}

.photo_gallery_holder img {
	border: 1px solid #DEDEDE;
}

.photo_gallery_holder p {
	padding-top: 3px;
}

/* video archive
 ************************************************************/
.video_alpha {
	float: left;
	width: 300px;
	padding: 30px 0;
}

.video_beta {
	float: right;
	width: 550px;
	padding: 30px 0;
}

.video_beta p {
	padding: 0 0 15px 0;
}


/* performance pages
 ************************************************************/
#hull_illustration_container {
	padding: 20px 0 ;
}

.hull_illustrations {
	float: left;
	width: 280px;
	text-align: left;
	padding-right: 23px;
}

.four_column {
	float: left;
	width: 210px;
	text-align: left;
	padding-right: 17px;
	padding-bottom: 25px;
}

.four_column p {
	padding: 7px 0 0 0;
}

.performance_table {
	border-right: 1px solid #AFAFAF;
	border-left: 1px solid #AFAFAF;
	border-top: 1px solid #AFAFAF;
	margin-bottom: 40px;
}

.performance_table td {
	font-size: 0.75em;
	padding: 7px;
	text-align: left;
	line-height: 16px;
	border-bottom: 1px solid #AFAFAF;
}


/* boat page styles
 ************************************************************/

#boats_main_image {
	text-align: right;
	height: 450px;
	position: relative;
	top: 0;
	left: 0;
	padding-bottom: 10px;
	background-color: #FFF;
}

#build_your_boat {
	position: absolute;
	top: 300px;
	left: 700px;
}

#available_models {
	height: 40px;
	width: 960px;
	background: url(../images/boat_pages/models_bg.png) 0 0 repeat-x;
	text-align: left;
	position: absolute;
	top: 410px;
	left: 0;
}

#available_models ul {
	font-size: 0.75em;
	padding: 13px 0 0 25px;
	color: #DDD;
}

#available_models ul li {
	display: inline;
}

#available_models ul .models_li_sep {
	padding: 0 7px;
}

#boat_info {
	padding: 25px;
}

#boat_info p {
	padding: 18px 0 0 0;
}

#boat_info .photo_gallery_holder p {
	padding: 3px 0 18px 0;
}

.boat_col_alpha {
	float: left;
	text-align: left;
	width: 480px;
}

.boat_col_beta {
	float: right;
	text-align: right;
	width: 400px;
	padding-top: 18px;
}

.boat_col_beta img {
	padding-bottom: 0px;
}

/* floor plan page */
.floorplan_column_class0 {
	float: left;
}

.floorplan_column_class1 {
	float: right;
}

.floorplan_column_class0, .floorplan_column_class1 {
	width: 49%;
	text-align: center;
	padding: 10px 0;
}

/* options */
.option_caption {
	font-size: 0.75em;
	padding: 7px 15px 15px 15px;
	font-weight: bold;
	line-height: 16px;
}

/* standards and features columns */

td.std_column {
	border-right: 1px solid #BBB;
}

td.std_column_last {
	border-right: none;
}

td.std_column ul, td.std_column_last ul {
	font-size: 12px;
	padding: 0 30px;
	margin: 0;
	line-height: 15px;
}

td.std_column ul li, td.std_column_last ul li {
	padding-bottom: 15px;
}

/* color packages */
#color_pkgs {
	padding: 25px;
}

.color_pkg_holder {
	padding : 40px 0;
}

.color_pkg_holder p {
	padding: 2px 0 15px 0;
	margin: 0;
}

.color_pkg_alpha {
	float: left;
	width: 660px;
	padding-top: 5px;
}

.color_pkg_beta {
	float: right;
	width: 240px;
}

.color_pkg_legacy {
	float: left;
	width: 455px;
	padding-top: 40px;
}

.color_pkg_legacy p {
	padding: 2px 0 15px 0;
	margin: 0;
}

/* my account page
 ************************************************************/
#acc_container {
	padding: 25px;
}

#acc_container .double_line_break p, .single_article_container .double_line_break p {
	padding: 5px 0;
}

#acc_container .double_line_break p .li_sep, .single_article_container .double_line_break p .li_sep {
	padding: 0 5px;
}

#acc_container table {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#acc_container td {
	padding: 10px 7px;
	line-height: 16px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#acc_container table.acct_info, 
#acc_container table.acct_info td {
	border: none;
	padding: 2px 5px;
}

table.knowledgebase {
	font-size: 0.75em;
	margin-top: 15px;
}

table.knowledgebase a.excel, 
table.knowledgebase a.word, 
table.knowledgebase a.acrobat,
table.knowledgebase .exception {
	padding: 0 0 5px 20px;
}

table.knowledgebase a.excel {
	background: url(../images/excel.png) 0 0 no-repeat;
}

table.knowledgebase a.word {
	background: url(../images/word.png) 0 0 no-repeat;
}

table.knowledgebase a.acrobat {
	background: url(../images/acrobat.png) 0 0 no-repeat;
}
 

/* footer
 ************************************************************/
#footer {
	background: url(../images/footer_bg.jpg) top center no-repeat;
	padding-bottom: 50px;
}

#footer_container {
	width: 960px;
	margin: 0 auto;
	padding-top: 25px;
}

#footer_container p {
	padding: 5px 0 0 0;
	margin: 0;
}

#footer_container .alpha {
	float: left;
	clear: left;
	width: 49%;
	text-align: left;
}

#footer_container .beta {
	float: right;
	clear: right;
	width: 49%;
	text-align: right;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .li_sep {
	padding: 0 10px;
}

/* pagination
 ************************************************************/

#pagination {
	text-align: center;
	padding: 15px;
}

#pagination p {
	padding: 3px 0;
}

/* line breaks
 ************************************************************/
 
.line_break {
	height: 0px;
	border-top: 1px solid #AFAFAF;
}

.double_line_break {
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
	text-align: right;
}

.article_line_break {
	height: 0px;
	border-top: 1px solid #AFAFAF;
	clear: both;
	margin: 0 25px;
}

.headline_underline {
	height: 15px;
	border-top: 1px solid #AFAFAF;

}

/* misc functions
 ************************************************************/

#login_container {
	text-align: center;
	padding-top: 35px;
}

#login_container input {
	margin-bottom: 15px;
}

p.date {
	font-style: italic;
	color: #B8B8B8;
	padding: 0 0 18px 0;
}

.exception {
	font-style: italic;
	color: #B8B8B8;
	font-weight: normal;
}

.text_center {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 18px;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.angled_quote {
	font-size: 16px;
}

.error {
	font-weight: bold;
	color: #FF0000;
}

.float_left {
	float: left;
	clear: left;
	padding: 0 15px 0 0;
}

.float_right {
	float: right;
	clear: right;
	padding: 0 0 0 5px;
}

 
/* 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 */