* { margin: 0; padding: 0; }

body {
	background: #1E1E1E url(../images/bg2.jpg) repeat-x 0 0;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 100%/110% "Arial", Helvetica, sans-serif;
}


/* calendar styles 
------------------------------------------------------------------*/

.calendar td{
	text-align: center;
	font-weight: bold;
}

#col-left .calendar a{
	text-decoration: none;
	color: #ddd;
	padding: 5px; 
	font-weight: normal;
}

#col-left .calendar .day{
	color: red;
}

#col-left .calendar .weekend{
	color: #999;
	text-decoration: none;
}

#col-left .calendar .today{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.calendar .normal{
	text-decoration: none;
}


/* Layout
------------------------------------------------------------------*/

#outer {
	width: 970px;
	margin: auto;
	position: relative;
	text-align: left;
	/*min-height: 100%;
	height:auto;*/
	background: #fff url(../images/inner_bg.gif) repeat-y 0 0;
	font-size: 0.7em; /* Global Content Font Size */
}

#headwrap {
	background: url(../images/header_bg.gif) no-repeat 0 0;
}

#contentwrap {
	display: block;
	position: relative;
	width: 960px;
	margin-left: 5px;
	padding-bottom: 20px;
}
	#contentwrap.home { background: url(../images/photo_bg.jpg) no-repeat bottom right; }


#col-1of2{
	float: left;
	position: relative;
	width: 60%;
	padding-right: 10px;
}

#col-2of2{
	float: left;
	position: relative;
	width: 30%;
	border-left:1px solid #CCCCCC;
	padding-left: 20px;
}


#col-left {
	float: left;
	width: 240px;
	color: #fff;
}

	#col-left a {
		color: #fff;
	}
	
	#col-left ul{
		margin: 0 0 1em -15px;
		padding: 0;
		overflow: hidden;
	}
	
	#col-left ul li {
		display: inline;
	}
	
	#col-left ul a{
		text-transform: uppercase;
		display: block;
		float: left;
		width: 185px;
		padding: 1px 0 1px 15px;
		line-height: 1.2em;
		margin-bottom: 5px;
		font-size: 0.9em;
		text-decoration: none;
	}
	
	#col-left ul a:hover{
		background: url(../images/arrow_dark.gif) no-repeat 0 3px;
		text-decoration: underline;
	}

.colwrap-right {
	float: right;
	width: 690px;
	display: inline;
	margin-right: 15px;
	padding-top: 7px;
    position:relative;
}

	#col-center {
		float: left;
		width: 445px;
	}
	
	#col-right {
		float: right;
		width: 235px;
	}
	
	#col-right img, img.border {
		border: 1px solid #ccc;
		padding: 1px;
		background: #fff;
	}
	
	img.withborder {
	border:1px solid #ccc;
	padding:1px;
	}
	
	#col-left img.border { background: #000; margin-bottom: 1em; }
	
	#subscribe {
		background: #000 url(../images/darkbox_bg.gif) repeat-x 0 0;
		height: 77px;
		width: 218px;
		border: 1px solid #ccc;

		margin:0 auto;
/*		margin-bottom: 10px;*/
	}
	
	#subscribe img { border: none; padding: 0; background: none; }
	#subscribe p { margin: 0; }
	.subscribe-text { margin: 15px; }
	#subscribe form { padding: 0 0 0 15px; }
	#subscribe-submit { margin-bottom: -8px; }
	#subscribe input { color: #BF0000; }
	
.feature {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	float: left;
	/*steve280308 */
	background: transparent url('../images/skbs-featureboxdivider.gif') repeat-y;
}


.feature-leftcol {
float:left;
width:344px; /*was 250px 300608 */
}

.feature-rightcol {
width:344px; 
padding:0 0 0 0;
float:right;
}


	.featurebox {
		float: left;
		width: 303px;
		padding: 0 20px 10px 20px;
	}
	
	/*steve280308 .featurebox.option { border-left: 1px solid #ccc; }
	.featurebox.service { border-right: 1px solid #ccc; }*/
	
	.search {
		background: url(../images/bia_logo.gif) no-repeat 100% 94%;
		/*background: url(../images/bia_logo.gif) no-repeat bottom right;*/
	}
	
	.option {
		background: url(../images/bgimg_option.jpg) no-repeat 145px 40px;

	}

	.featurebox-webcam {
		float: left;
		width: 323px;
		padding: 20px 0 10px 20px;
	    border-top:1px solid #ccc;
	}



	.serviceaboat {
	  margin-top:10px;
	  padding-top:20px;
	  border-top:1px solid #ccc;
		background: url(../images/bgimg_service.jpg) no-repeat 120px 170px;
	}
	
	.service, .sellyourboat {
	 margin-top:10px;
	 padding-top:20px;
	 border-top:1px solid #ccc;
	}
	
	.sellyourboat {
	text-align:center;
	}
	
	
	.newsflash {
		padding: 20px;
	}
	
	.newsflash img { 
		float: right;
		margin: 0 0 20px 20px;
		background: #fff;
		border: 1px solid #ccc;
		padding: 1px;
	}
	
	.newsflash p.date { margin-top: -0.75em; color: #666; }
	
	.newsflash h3 { clear: both; }
	
	.findaboat {		
		padding-top:20px;
		margin-top: 20px;
		border-top: 1px solid #ccc;
	}

	.fueldock {		
		padding-top:10px;
		margin-top: 20px;
		border-top: 1px solid #ccc;
	}

/*----- webcam ------ */


div.feature-webcam {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	float: left;
	background: transparent url('../images/skbs-webcamboxdivider2.gif') repeat-y;
}

.webcam{
		padding: 0 10px 10px 0px!important;
}



.webcam-leftcol {
    float:left;
    width:480px;

}

.webcam-rightcol {
    float:left;
    width:200px;
}

.webcambox-left{
		float: left;
		width: 404px;
		padding: 0 10px 10px 20px;
}

.webcambox-right {
		float: left;
		width: 190px;
		padding: 0 0 10px 10px;
        overflow:hidden;
}

#col-left .webcam-padding {
    padding:5px 9px 0 9px;
}

#col-right .quote-padding {
    padding:20px 20px 0 11px;
}

#col-right  img.imgCenter {
    margin:0 auto;
    border:none;
}


	.webcambox-right ul {
		margin: 0 0 1em -15px;
		padding: 0;
		overflow: hidden;
	}
	
	.colwrap-right .webcambox-right ul li {
		display: inline;
		background:none;
	}
	
	.webcambox-right ul a {
		text-transform: uppercase;
		display: block;
		float: left;
		width: 200px;
		padding: 1px 0 1px 15px;
		line-height: 1.2em;
		margin-bottom: 5px;
		font-size: 0.9em;
		text-decoration: none;
	}


div#mediaspace {
height:311px;
width:470px;
background:#fff url('../images/webcam_placeholder.jpg');
}


/* Header
------------------------------------------------------------------*/

#topbar {
	height: 28px;
	background: #000;
	margin: auto;
	width: 960px;
}

#contactbar {
width: 920px;
border-bottom:2px solid #fff;
margin: auto;
padding:4px 20px;
height:20px;
background:#999 url(../images/nav_bg.gif) top repeat-x;
font-size: 14px;
font-weight:bold;
color:#fff;
}

#contactbar a {
color:#ccc;
text-decoration:none;
}

#contactbar a:hover {
color:#fff;
}

#contactbar .ccc {
color:#ccc;
}

#contactbarphone {
float:left;
padding-left:30px;
background: transparent url('../images/phone.gif') left no-repeat;
}

#contactbarskypetwitter {
height:23px;
float:right;
padding-left:35px;
background: transparent url('../images/monitor.gif') left no-repeat;
}

#header {
	height: 218px;
}

	#flash-1 {
		margin-left: 5px;
	}

/* Navigation refer to horizontal_nav.css
------------------------------------------------------------------*/

#h-nav {
	display: block;
	padding-left: 5px;
	height: 35px;
	width: 965px;
	border-bottom: 2px solid #fff;
}

/* Footer
------------------------------------------------------------------*/

#footer {
	clear: both;
	height: 20px;
	float: left;
	width: 960px;
	font-size: 0.9em;
	color: #fff;
	position: absolute;
}

#footer p { margin: 0; padding: 0 20px; }

	#footerleft { }
	
	#footerright {
		 float: right;
	}
	
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
/* Newsitem1
------------------------------------------------------------------*/

.newsitem1 {
	border-bottom: 1px solid #ccc;
	clear: both;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.newsitem1 h3 {
	margin-bottom: -0.25em;
	font-size: 1.1em;
}
.newsitem1 h3 a {
	color: #0060B6;
}
.newsitem1 p.date {
	font-size: 0.9em;
	color: #666;
}

/* Boat Search
------------------------------------------------------------------*/

.colwrap-right .search-nav ul li {
    display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	background: none;
}

.colwrap-right ul.password {
	margin: 0.5em;
}
	
.colwrap-right ul.password li {
	padding: 0;
	list-style: none;
	background: none;
}
	
.search-nav li a {
	float: left;
	display: block;
	padding: 0 7px;
	line-height: 12px;
}
	
.search-nav li.number a {
	border-right: 1px solid #0060B6;
	text-decoration: none;
}
	
.search-nav li.last a {
    text-decoration: none;
}

.search-nav ul li {
    text-decoration: none;
    display: inline;
	padding: 0;
	margin: 0;
	color: 	#0060B6;
}
	
.search-nav {
     float: right;
	 padding: 2px 0;
}
	
.boat-main {
	height: 123px;
	position: relative;
	background: url(../images/boat_bg.jpg) repeat-x;
	border-top: 1px solid #ccc;
	float: left;
	width: 630px;
	padding: 10px 15px 10px 15px;
}
	
.boat-main h3 {
	font-size: 1.1em;
}

.boat-main p {
	line-height: 1.8em;
	float: left;
}

.boat-main ul {
	font-weight: bold;
	margin-left: 300px;
}

.boat-main h3 a {
	color: #0060B6;
	text-decoration: underline;
}
.boat-main h3 a:hover {
	color: #BF0000;
	text-decoration: none;
}

.boat-main.new-boat .banner {
    width: 94px;
	height: 88px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/new_banner.gif) no-repeat;
	display: block;
}

.boat-main.used-boat .banner {
	width: 94px;
	height: 88px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/used_banner.gif) no-repeat;
	display: block;
}
	
	.boat-main.new-boat {
		background: url(../images/new_boat_bg.jpg) repeat-x;
	} 
	
.boat-main img {
	float: right;
	background: #FFF;
	padding: 1px;
	border: 3px solid #ccc;
}
	
.boat-main.new-boat img { border: 3px solid #EB1E25; }
.boat-main.used-boat img { border: 3px solid #339900; }

.boat-main.new-boat img.videotourbutton, .boat-main.used-boat img.videotourbutton, .boat-main.new-boat img.videotourbutton a,  .boat-main.used-boat img.videotourbutton a {
border:0;
float:left;
}

.boat-main table.audiotour {
margin:0;
border-collapse:collapse;
/*margin:-15px 0 0 0;*/
}

.boat-main table.audiotour td, .boat-main table.audiotour td {
padding:0 5px 0 0;
/*vertical-align:top;*/
}



.boat-main.used-boat a.print-inventory,.boat-main.new-boat a.print-inventory {
	width: 93px;
	height: 19px;
	position: absolute;
	top: 9px;
	right: 239px;
	background: url(../images/print_inventory_btn.gif) no-repeat;
	display: block;
    text-indent:-999em;
}


#bia-med {
position:absolute;
right:280px;
top:17px;
width:84px;
height:62px;
background:url(../images/bia_logo_medium.gif) no-repeat;
}


.price { float: right; }
.price span { color: #BF0000; }

.thumbs {
	float: right;
	width: 135px;
	border: 1px solid #00A0C6;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 15px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	clear: both;
}
.thumbs img { border: 1px solid #ccc; margin-bottom: 10px; width: 133px; height: 100px; }
#att-buyers { color: #333; border: 1px solid #666; padding: 10px; }
#att-buyers h4 { color: #BF0000; }

.boat-details {
	float: right;
	width: 340px;
	margin: 0;
}
.boat-details .leftcol { width: 90px; }
.boat-details tr { padding: 30px; }
.boat-details tr.engine { height: 45px; vertical-align: top; }
.boat-details tr:hover { background: #efefef; }
.boat-details th { padding: 2px 3px 2px 6px; border-bottom: 1px solid #D8D8D8; }
.boat-details td { padding: 3px 3px 4px 6px; border-bottom: 1px solid #D8D8D8; }
.boat-details.part2 { margin-bottom: 15px; }

#boat-features {
	font-size: 1.1em;
	margin-bottom: 1.5em;
	border: 1px solid #00A0C6;
	border-bottom-width: 5px;
	border-right-width: 5px;
	float: left;
	width: 450px;
	padding: 10px;
	font-weight: bold;
}
#boat-features h3 {
	color: #00A0C6;
}
#boat-features img { display: none; }
#boat-features ul { margin: 0; }

/* Search Form */

form#boatsearch {
	padding: 15px 0;
}

form#boatsearch li {
	width: 130px;
	float: left;
	clear: none;
	margin: 0 15px 15px 0;
}

form#boatsearch li select { width: 100%; }

form#boatsearch li.buttons {
	width: 60px;
	margin: 0 0 0 15px;
	padding-top: 11px;
}

#newsticker, #usedsticker, #print-footer, #boat-features img { display: none; }

/* Option-A-Boat
------------------------------------------------------------------*/

span#total_sell { font-size: 1.1em; }

/* Global Formatting
------------------------------------------------------------------*/

a img { border: none; }

a {
	color: #0060B6;
	text-decoration: underline;
}

a:hover {
	color: #0060B6;
	text-decoration: none;
}

p { margin: 0 0 1em 0; }

ul, ol {
	margin: 0 0 1em 0;
	padding: 0;
}

	ul ul, ol ol { margin-bottom: 0; }
	.colwrap-right ul li { 
		list-style: none;
		background: url(../images/bullet_red.gif) no-repeat 0 6px;
		padding-left: 13px;
	}

.hide { display: none; }

map { float: left; }

h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	color: #BF0000;
}

	h2 a {
		color: #000;
		text-decoration: none;
	}
	
	h2 a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	.home .colwrap-right h2 {
		width: 291px;
		height: 32px;
		text-indent: -9999px;
		margin-bottom: 0.5em;
	}
	
	.search h2 { background: url(../images/heading_search.gif) no-repeat 0 0; }
	.option h2 { background: url(../images/heading_optionaboat.gif) no-repeat 0 0; }
	.service h2 { background: url(../images/heading_service.gif) no-repeat 0 0; }
	.serviceaboat h2 { background: url(../images/heading_serviceaboat.gif) no-repeat 0 0; }
	.newsflash h2 { background: url(../images/heading_news.gif) no-repeat 0 0; }
	.colwrap-right .findaboat h2 { background: url(../images/heading_find.gif) no-repeat 0 0; height: 45px; }
	h2.wakenews  { background: url(../images/wake-news.gif) no-repeat 0 0;width:230px;padding-bottom:45px; }
	
	.home #col-left h2 {
		width: 186px;
		height: 18px;
		text-indent: -9999px;
		margin: 1em 0 1em 0;
	}
	
	#col-left h2 { color: #DB2828; }
	
	.new-boat-sales { background: url(../images/new_boat_sales.gif) no-repeat 0 0; }
	.used-boat-sales { background: url(../images/used_boat_sales.gif) no-repeat 0 0; }
	
	.new-boat-sales a, .used-boat-sales a {
		display: block;
		float: left;
		width: 200px;
	}
	
	#col-left h2.quicklinks { background: url(../images/quick_links.gif) no-repeat 0 0; margin-top: 20px; }
	h2.weatherlinks { background: url(../images/weather_links.gif) no-repeat 0 0;clear:both; }
	
h3 {
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
}

	h3 a { color: #000; text-decoration: none;	}
	h3 a:hover { text-decoration: underline; color: #000; }

	.service h3#fueldock { 	line-height: 30px;text-indent:-999em; background: url(../images/fuel-dock-heading.gif) no-repeat 0 0; }
	.fueldock h3#fueldock { 	line-height: 30px;text-indent:-999em; background: url(../images/fuel-dock-heading.gif) no-repeat 0 0; }

h4 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}


.imgRightDiv {	float: right; text-align: center; clear: right; width:190px; margin: 0 0 10px 20px;}
.imgLeftDiv { float: left; clear: left; width:190px; margin: 0 0 10px 20px;}

.imgThumbPadding {
	padding: 7px;
}

.imgRight {	float: right; margin: 0 0 10px 20px; text-align: center;}
.imgRightBorder img {	
		float: right; 
		margin: 0 0 10px 20px; 
		border: 1px solid #ccc;
		padding: 1px;
}
.imgLeft { float: left;	margin: 0 20px 10px 0;}
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.right { text-align: right; }
.clearleft { clear: left; }
.clearright { clear: right; }

.roundbox {
	width: 190px;
	background: #fff url(../images/roundbox_top.gif) no-repeat 0 0;
	color: #000;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-bottom: 15px;
}
.roundbox img { margin-bottom: 4px; }
#col-left .roundbox .padding {
	background: url(../images/roundbox_bottom.gif) no-repeat bottom left;
	padding: 8px 5px 5px 8px;
}

/* padding */

#col-left .padding { padding: 25px; }
.colwrap-right .padding { padding: 15px; }
/*#col-right .padding { padding: 20px 0 0 0; }*/
#col-right .padding { padding: 20px 0 0 0; }

#col-right p {margin:8px 0;   }

/* Messages */

div.message {
	width: 100%;
	color: #fff;
	padding-top: 8px;
	font: bold 10px Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	z-index: 200;
	padding: 6px 0;
	text-align: center;
	line-height: 1.4em;
}
div.message.info { background: #B7EF46;	color: #333; }
div.message.error {	background: #f66; }

/* Forms
------------------------------------------------------------------*/

form { margin: 0; }
input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
form fieldset {
	border: none;
}
form legend {
	padding: 0;
	margin-bottom: 1em;
	font-weight: bold;
	color: #666;
}
form label {
	line-height: 1.3em;
	float: left;
	display: inline;
}
form div.cr { /* checkbox radio */
	float: left;
	display: inline;
}
form p {
	clear: both;
	padding: 0 0 0 5px;
	margin: 0.5em 0 0.5em 0;
}
form option { padding-right: 4px; }
form span {
	display: inline;
	padding: 2px 0 0 20px;
	font-style: italic;
	color: #999;
	font-weight: normal;
}
form table span { color: #000; }
form div.cr label {
    float: none;
	padding: 0;
	line-height: 1.8em;
}
form div.cr input {
	margin: 0 3px -3px 0;
}
form ol {
	margin: 0;
	padding: 0;
}
form li {
	list-style: none;
	padding: 5px 5px 5px 0;
	clear: both;
	overflow: hidden;
}
.colwrap-right form ol li { margin: 0 0 0.35em 0; padding: 0; }
form div legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form div label {
	display: block;
	width: auto;
}
form .mandat { color: #D98507; }
form .sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
form label { width: 145px; } /* Width of labels */
.form-table .form-radio label { width: auto; padding: 2px;}
/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */

form li.form-error {
	background: #FFEBEB;
	border: 1px solid #f99;
	padding: 2px;
}
form div.form-error {
	color: #FF3232;
	font-weight: bold;
	margin-bottom: 8px;
}

#search-submit {padding-top: 7px;} /* align image buttons */

/* Tables
------------------------------------------------------------------*/

table { margin: 0.5em 0 1.5em; border: none; }
.colwrap-right th { color: #BF0000; background: #efefef; }
.colwrap-right thead { background: #efefef; }

.colwrap-right table.hover tr:hover { background: #efefef; }
.colwrap-right table.hover th, .colwrap-right table.hover td { padding: 2px 3px 2px 6px; border-bottom: 1px solid #D8D8D8; }


td.sell-price,
td.cost-price { text-align: right; }

#floorplan th { padding-left: 13px; background: none; }
#floorplan td {
	padding-right: 20px;
	line-height: 1.3em;
	color: #555;
	width: 25%;
	vertical-align: top;
}


/* Fuel Prices
------------------------------------------------------------------*/
table#fuel-price {
border-collapse:collapse;
border:1px solid #000;
}

/*
table#fuel-price td span {
font-size:24px;

}
*/
table#fuel-price td {
font-size:22px;
}

table#fuel-price td.digital1 span, table#fuel-price td.digital2 span {
font-size:26px;
line-height:24px;
width:70px;
}

table#fuel-price td {
padding:2px 5px;
background:#fff;
color:#000;
}



/* sIFR
------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2#foo {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 21px;
	display: inline;
	line-height: 30px;
}


.sIFR-hasFlash table#fuel-price td.digital1 span, .sIFR-hasFlash table#fuel-price td.digital2 span {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 26px;
}





/* Disable Print Elements
------------------------------------------------------------------*/

#print-header {
	display: none;
}


/* Weatherzone
------------------------------------------------------------------*/

table td .weatherzone_head{
	padding: 0 0 0 0;
	border: none;
}

table td .weatherzone{
	padding: 0 0 0 0;
	border: none;
}