a.info{
    position:relative;
    z-index:24;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none}

a.info:hover span{ 
    display:block;
    position:absolute;
    top:2em; left:2em; width:25em;
    border:1px solid #003366;
    background-color:#ffffff; color:#003366;
    text-align: left}


A:link
{
    FONT-SIZE: 11px;
    COLOR: #040474;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	text-decoration: none; 
	line-height: 1.3em
}
A:visited
{
    FONT-SIZE: 11px;
    COLOR: #040474;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	TEXT-DECORATION: none;
	line-height: 1.3em
}
A:hover
{
    FONT-SIZE: 11px;
    COLOR: #B73100;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none; 
	line-height: 1.3em

}

A.happen:link
{
    FONT-SIZE: 11px;
    COLOR: #B73100;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	text-decoration: underline; 
}	
A.happen:visited
{
    FONT-SIZE: 11px;
    COLOR: #B73100;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	TEXT-DECORATION: underline;
}
A.happen:hover
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline; 

}

A:link.difference	{	FONT-SIZE: 11px;
						COLOR: #040474;
						font-weight:bold;
						FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
						text-decoration: underline; 
						line-height: 1.3em}
						
A:visited.difference	{   FONT-SIZE: 11px;
							COLOR: #040474;
							font-weight: bold;
							FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
							TEXT-DECORATION: underline;
							line-height: 1.3em}
							
A:hover.difference		{  	FONT-SIZE: 11px;
							COLOR: #B63101;
							font-weight: bold;
							FONT-FAMILY: verdana, arial, helvetica, sans-serif;
							TEXT-DECORATION: underline; 
							line-height: 1.3em}


a:link.feature          { font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;color:#B63101;
							text-decoration: none} 
a:visited.feature			{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;color:#B63101;
							text-decoration: none} 
a:hover.feature 			{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;color:#B73100;
							text-decoration: none}

a:visited.white			{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px;color:#FFFFFF;
							text-decoration: none} 
a:hover.white 			{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px;color:#CF841C;
							text-decoration: none}

a:link.footer          {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration:none}
a:visited.footer			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;  text-decoration:none}
a:hover.footer 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;  text-decoration:none}

							
a:link.gold          { font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 9px;color:#CF841C;
							text-decoration: none} 
a:visited.gold			{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 9px;color:#CF841C;
							text-decoration: none} 
a:hover.gold 			{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 9px;color:#FFFFFF;
							text-decoration: none}

						
td.bullet    
{list-style-image: url(/img/bullet.gif); padding-bottom:5px;}
		
ul.bullet2 { font-size:9px;
				list-style-image: url(/img/bullet2.gif);
				margin-top:0px; 
				margin-bottom:0px;}
.indentsmall	{ font-size:9px; padding-left:8px;
				 }	

							
P{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, arial, helvetica, sans-serif; 
	color: #666666; 
	line-height: 1.2em}

H1 { 
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, san-serif; 
	color: #B63101; 
	text-transform:uppercase; 	
	font-weight: bold; 
	margin-bottom:5px;
	}



H2 { 
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	color: #040474; 
	font-weight: bold;
	margin-bottom:5px;
	}
	
H3 { 
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	color: #B63101; 
	font-weight: bold}
	

TD { 
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, arial, helvetica, sans-serif; 
	color: #666666; 
	line-height: 1.2em}

.header {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366}
.feature { FONT-FAMILY: Helvetica, Arial, san-serif; FONT-SIZE: 14px; color: #B63101; font-weight: bold; letter-spacing: 0.5px; margin-top: 7px; margin-bottom: 7px;}
    

H1#print_title{ 
    FONT-SIZE: 14px;
    FONT-FAMILY: Helvetica, Arial, san-serif; 
	color: #000000; font-weight: bold; letter-spacing: 0.5px}

.whiteh2 { 
    FONT-SIZE: 12px; 
	margin-top: 7px;
	margin-bottom:7px; 
    FONT-FAMILY: Helvetica, Arial, san-serif; 
	color: #FFFFFF; font-weight: bold; letter-spacing: 0.5px}    
	
.whiteh1 { 
    FONT-SIZE: 14px;
    FONT-FAMILY: Helvetica, Arial, san-serif; 
	color: #FFFFFF; font-weight: bold; letter-spacing: 0.5px}    
	
.blue {  font-family: Helvetica, Arial, sans-serif; color: #082B59; font-size: 11px; font-weight: bold}

.type {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #979795}

.searchtext	{ width: 95; font-family: Arial, Helvetica, Sans-serif; font-size:10px;  color: #6F5C4E; overflow: hidden; ; height: 16px}
.footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.l {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999}
.red {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #B63101}
.navy {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366}
.new {font-weight: bold; font-size:14px; color: #B63101}
.used {font-weight: bold; color: #003366}

img { border-color: #999999}
.boatsearch {border:solid 1px #D9D7D3; padding:15px; height:80px; background-color:#ECEBE7;}
.boatsearch select {font-size: 11px; font-family: Verdana, arial, helvetica, sans-serif; color: #666666; line-height: 1.2em}
.optionslist { width:100%; border:solid 0px;}
.optionslist td { text-align:left; padding:2px;}
.optionslist th { font-size: 11px; font-family: Verdana, arial, helvetica, sans-serif; font-weight:bold; text-align:right; color: #666666; line-height: 1.2em; width:120px; padding:2px; }

h1.wake { 
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, san-serif; 
	color: #B63101; 
	text-transform:uppercase; 	
	font-weight: bold;
	margin:5px 0 0 0;
	}



h2.wake { 
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	color: #040474; 
	font-weight: bold;
	margin-bottom:5px;
	}

/* scrolling box */

ul, li.scroll {margin: 0 0 0 5px; padding: 0 0 0 5px; list-style:outside}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: none;
	height: 100px;
	overflow: auto;
	width: 200px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 200px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 184px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 200px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #ffffff;
	border-left: none;
	border-right: none;
	border-top: none;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 100px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #ffffff;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #ffffff;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 200px
}

html>body thead.fixedHeader th + th {
	width: 240px
}

html>body thead.fixedHeader th + th + th {
	width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 210px
}

html>body tbody.scrollContent td + td {
	width: 240px
}

html>body tbody.scrollContent td + td + td {
	width: 300px
}

#print { display:none; }

@media print { #print { display:block; height:1030px; } }