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

.white { color: #ffffff }
.autoheight { height: auto !important }

#interior_page { float: left; width: 932px; height: auto; margin-top: 30px }
	#page_head { width: 932px; height: 66px; margin-bottom: 5px }
		#page_title { width: 700px; height: 24px; padding: 20px 0px 22px 22px; background: url(../img/page_title_bg.gif) no-repeat top right }
			#page_title h1, #page_title h2 { height: 24px; width: auto; overflow: hidden; padding: 0px; margin: 0px 0px 2px 0px; float: left }
			#page_title h1 { padding-right: 30px; margin-right: 10px; background: url(../img/h2_bg.gif) no-repeat center right }
			
			
			.preview { float: left; width: 892px; padding: 20px; margin-bottom: 5px; background: #00202e url(../img/preview_bg.gif) repeat-x bottom }
			.preview  h3 { color: #006f9c; font: bold 24px arial, tahoma, verdana; margin: 0px 0px 15px 0px }
			.preview h3 a { color: #006f9c }
			.preview h3 a:hover { color: #00adf2 }
				.preview img { float: right; border: 1px solid #1a4558; margin-left: 50px }
				.boatprev { margin-left: 25px !important }
				.preview p { font: 15px/20px arial, tahoma, verdana; color: #ffffff }
					.preview .button { float: left; display: block; width: 371px; height: 29px; padding-top: 4px; font: bold 16px arial, tahoma, verdana; color: #ffffff; text-align: center; vertical-align: middle; background: url(../img/preview_button_bg.png) }
					.preview .boatbutton { float: left; display: block; width: 251px; height: 29px; padding-top: 4px; font: bold 16px arial, tahoma, verdana; color: #ffffff; text-align: center; vertical-align: middle; background: url(../img/boatbutton_bg.png) }
					.boatbutton:hover { color: #00adf2 !important }
					.boatlist { font-size: 16px !important; color: #ffffff; margin-bottom: 35px !important }
			
			#interior_page p { margin: 0px 0px 15px 0px }
			
	
			#text_content { float: left; width: 882px; padding: 25px; background: #003045 url(../img/thumbs_bg.gif) repeat-x top; overflow: hidden }
				#text_content h3 { color: #006f9c; font: bold 24px arial, tahoma, verdana; margin: 0px 0px 20px 0px }
				#text_content h4 { color: #006f9c; font: bold 20px arial, tahoma, verdana; margin: 30px 0px 20px 50px !important }
				#text_content p { font: 15px/20px arial, tahoma, verdana; color: #ffffff }
				#text_content img { float: right; margin-left: 30px }
				.intro { font-weight: bold !Important; color: #00adf2 !Important }
	
			div.slideshow-container { float: left; position: relative; height: 426px; width: 640px; padding: 0px; margin: 0px; background: url(../img/main_boat_bg.jpg) no-repeat top left }
			
				
				
				div.loader { position: absolute; width: 640px; height: 426px; top: 0; left: 0; background-image: url('img/loader.gif'); 
				background-repeat: no-repeat; background-position: center }
				
				div.slideshow { width: 640px; height: 246px; padding: 0px; margin: 0px  }
					div.slideshow span.image-wrapper {  }
						div.slideshow img { position: absolute; top: 0; left: 0 }
					div.caption-container { position: absolute; top: 25px; left: 25px; height: 25px  }
					
					span.image-caption { font: normal 16px arial, tahoma, verdana }
				
					div.caption {  }
				
					#caption {  }
				
				.slideshow-container .image-title { font: normal 16px arial, tahoma, verdana; position: absolute; top: 0; left: 0; width: 400px }
				
				div.image-desc {
					line-height: 1.3em;
					padding-top: 0px;
				}
				
				#thumbs { float: right !important; padding-left: 5px; height: 426px; background: #003045 url(../img/thumbs_bg.gif) repeat-x top }
				
					
					#thumbs h3 { height: 19px; overflow: hidden; margin: 20px 0px 10px 15px }
					
					#thumbs ul { list-style-type: none; padding: 0px; margin: 0px; width: 277px }
					#thumbs li { padding: 0px; margin: 0px 0px 5px 0px; width: 277px; height: 167px; position: relative }
					#thumbs li img { border: 1px solid #1a4558 }
					#thumbs a {display: block; width: 277px; height: 167px; border: 0px  }
					#thumbs p { margin-left: 15px }	
						#thumbs .thumb-caption { display: block; position: absolute; top: 10px; left: 10px; color: #ffffff }
				
				
				.extremecontainer { float: left; width: 932px !important; height: 526px !important; background: #003045 url(../img/thumbs_bg.gif) repeat-x top !important  }
				.extremecontainer img { position: absolute; top: 50px !important ; left: 146px !important }
				.extremecontainer .caption-container { position: absolute; top: 15px !important }
				
				.extremethumbs { float: left !important; height: auto !important; width: 927px !important }
				.extremethumbs ul { float: left; width: 907px !important; padding-left: 20px !important }
				.extremethumbs li { float: left !important; margin-right: 25px !important; margin-bottom: 25px !important }
				.extremethumbs p { font: 14px arial, tahoma, verdana; margin-left: 20px !important; margin-top: 15px !important }
				
			.customdeco { float: left; margin-top: 5px }
			.lower_container { float: left; width: 932px; background-color: #003045; margin-top: 5px; }
						
				#specifications { float: left; width: 630px; display: block; background-color: #003045; overflow: hidden }
				.specmargin { margin-top: 5px !important }	
					#specifications h3 { height: 19px; overflow: hidden; margin: 20px 0px 15px 15px }
						#specifications .specifications { width: 620px; margin-left: 10px; border-collapse: collapse; padding: 0px }
							.specifications th, .specifications td { padding: 8px; text-align: center; border: 1px #003045 solid }
							.specifications .title th { background-color: #002535 !important ; font-weight: bold }
							.specifications .even td { background-color: #002b3e }
							.specifications .odd td { background-color: #002535 }
							.specifications .field { color: #00adf2; font-weight: bold; text-align: left  }
							.specifications .data { width: 61px }
							th.topleft { background-color: #ff0000 }
							
							.second { margin-top: 20px }
							
							.customspec th, .customspec td { padding: 4px; text-align: center; vertical-align: middle; border: 1px #003045 solid }
							.customspec .data { width: 40px; vertical-align: top }
							.customspec .datawide { width: 58px; vertical-align: top }
							.customspec .field {text-align: center }
							.indicator { display: block; width: 40px; height: 6px; background: url(../img/indicator.gif) no-repeat center center }
							.second .indicator { width: 58px }
							.data span, .datawide span { font: normal 9px arial, tahoma, verdana !important }
							
							
				#options { float: right; width: 287px; border-left: 5px solid #004563; background-color: #003045; overflow: hidden }
					.nopics { border-left: 0px !important; background: #003045 url(../img/thumbs_bg.gif) repeat-x top !important }
					#options h3 { height: 19px; overflow: hidden; margin: 20px 0px 15px 15px }
					#options ul { list-style-type: none; padding: 0px; margin: 0px 0px 20px 10px; width: 277px }
						#options li { padding: 8px; width: 261px; font-weight: bold; background: #002535 url(../img/options_li_bg.gif) no-repeat top left; margin-bottom: 1px }
						
						
						#options .def { background: none !important; font: normal 11px arial, tahoma, verdana }
						
						ul.paint { margin-bottom: 0px !important }
						ul.paint li ul { margin-bottom: 0px !important }
						ul.paint li ul li { width: auto; font-weight: normal !important; background: none !important; padding: 2px !important }		
					
							
						#options .specifications { width: 277px; margin-left: 10px; border-collapse: collapse; padding: 0px }
						#options .specifications th, #options .specifications td { padding: 4px; text-align: center; border: 1px #003045 solid }
						#options .specifications .data { width: 58px; vertical-align: top }
						#options .specifications .field { text-align: left !important; font-weight: normal; padding-left: 8px }
						#options .specifications .title .field { font-weight: bold !important; color: #ffffff } 	
						#options .specifications .indicator { width: 58px }
						
						.customopts { list-style-type: none; padding: 0px; margin: 20px 0px 20px 10px !important; width: 277px }
						.customopts li { padding: 4px !important; width: 269px !important; font-weight: normal !Important; margin-bottom: 1px; color: #00adf2;  background-image: none !important  }
						.customopts .even { background-color: #002b3e !important; background-image: none !important }
						.customopts .odd td { background-color: #002535 !important; background-image: none !important }
						.customopts .optitle { color: #ffffff; font-weight: bold !important; background: none !important  }
						
						.indicwide .indicator { width: 58px }
						.indicecon { height: 15px !important; background: url(../img/indicator_e.gif) no-repeat center center } 
						
						.jonspec { margin-top: 20px }
						.jonspec .data { width: 85px; vertical-align: top }
						
						.econokey { padding: 15px 15px 15px 115px; margin-bottom: 0px !important; font: 11px arial, tahoma, verdana; color: #00adf2; background: url(../img/indicator_e.gif) no-repeat 72px 18px }
							.econokey a { color: #ffffff }
							.econokey a:hover { color: #80929a }
							
							.intro_econo { margin-bottom: 5px } 
							.intro_econo p { margin-bottom: 0px !important }
							.intro_econo .intro { margin-bottom: 15px !important }
							
						.jonspec .indicator { width: 85px }
						
						.customopts a { color: #ffffff }
						
			
						
						
				.diagram { float: left; margin-left: 50px; padding: 25px; border: 1px solid #1a4558 }
					.diagram p { font-size: 14px; font-weight: bold !important; margin-bottom: 10px; color: #ffffff }
					.diagram img { margin: 0px !Important }
					.dpad { margin-bottom: 20px; margin-top: 10px }
					
				.center640 { margin: 0px 121px 20px 121px !important }
				
				.customers a { font: 13px arial, tahoma, verdana; color: #ffffff }
				.customers a:hover { color: #00adf2 }
				.customers .alt { color: #80939c !important }
				
				.becomedealer li { font: 14px arial, tahoma, verdana; padding: 5px !important; color: #00adf2 }
				.becomedealer .button { float: left; display: block; width: 371px; height: 29px; padding-top: 4px; margin: 20px 0px 30px 230px; font: bold 16px arial, tahoma, verdana; color: #ffffff; text-align: center; vertical-align: middle; background: url(../img/preview_button_bg.png) }
				
				
				.dealer_state { float: left; width: 250px; margin: 0px 20px 0px 0px; padding: 0px; list-style-type: none }
					.dealer_state ul { list-style-type: none; margin: 0px; padding: 0px }
					.dealer_state li { color: #006f9c; font: bold 24px arial, tahoma, verdana; margin: 0px 0px 15px 0px }
						.dealer_state_list li { padding: 0px 0px 0px 0px !important; margin: 0px 0px 20px 0px !important; font: 14px arial, tahoma, verdana }
						.dealer_state_list p { margin: 0px 0px 0px 0px !important }
						.dealer_list_name { color: #ffffff !important; font-weight: bold !important; padding: 0px 0px 5px 0px !important }
						.dealer_list_address_1, .dealer_list_city { color: #80939c !important }
						.dealer_list_city { padding: 0px 0px 5px 0px !important }
						.dealer_list_phone, .dealer_list_fax { color: #ffffff }
						.dealer_list_fax { padding: 0px 0px 8px 0px !important }
						.dealer_list_phone span, .dealer_list_fax span { color: #5e747e !important }
						.dealer_list_website a { color: #00adf2 !important }
						.dealer_list_website a:hover { color: #ffffff !important }
						
				#contact_general { float: left; width: 400px !important }
				#contact_general h3 { margin-bottom: 5px !Important }		
				#contact_explain { float: left; margin: 40px 0px 0px 30px; width: 400px }
				
				.contactform { padding: 6px !important; border-bottom: 1px dotted #004563 !important; margin: 0px !important }
				
				.contactform label { display: block; margin-bottom: 5px}
					#visitor { width: 200px }
					#visitormail { width: 250px }
					#visitorphone, #visitoraddress1, #visitoraddress2  { width: 200px }
					#visitorcity { width: 120px }
					#visitorzip { width: 90px }
					#attn { width: 200px }
					.req { color: #00adf2 !important; font: 11px arial, tahoma, verdana }