/*force the right hand scrollbar because
<client quote="The page jumps"></client>
:(
*/
html { height: 100.02%; }

html
body{
background-color: #FFFFFF;
padding: 0;
margin: 0;
font-family: Geneva, Arial, SansSerif;
font-size: 12px;
font-weight: normal;
scroll:
}

#wrap{
width: 970px;
margin: 0 auto 0 auto;
padding: 0 0 10px 0;
border: 1px solid #3c499b;
}

p{margin: 8px 0 8px 0;}

img{border: none;}
form{margin: 0;}

/* form elements */
fieldset{
	border: 1px solid #7381FC;
}

legend{
	color: #7381FC;
	font-weight:bold;
}

fieldset br {
	display: none;
}
/* some fields are obvious and dont need labels */
.removed {
	display: none !important;
}

/*float the labels*/
fieldset div {
	clear: both;
	position: relative;
	margin-bottom: 4px;
}

label, fieldset div.cr p {
	margin: 0;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
	margin-right: 3em;
	font-size: 12px;
	font-weight: bold;
}

fieldset div.cr label {
	text-align: left;
	margin-left: 16em;
	width: auto;
	float: none;
}

/*helper text on mouseover*/
fieldset div span {
	display: none;
}
fieldset div:hover span {
	margin-left: 20em;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
	background-color: #6699CC;
	border: 1px solid #333399;
	padding: 5px;
	opacity: .75;
	filter: alpha(opacity=75);
}
fieldset textarea{
margin-left: 0px;
width: 143px;
}

.error{color: #cc0000; font-weight: bold; margin-left: 16em;}

#header{
border: none;
border-bottom: none;
height: 150px;
width: 970px;
background: #7381FC url('../images/headerBG.gif') top repeat-x;
color: white;
}

#logo{float: left; margin: 0; padding: 0; height: 150px;}
#header #headline{float: left; font-size: 10px;}

#headline h1 {
background:#7381FC url(../images/headline538.jpg) no-repeat scroll left center;
font-size:10px;
height:150px;
margin:0pt;
max-height:150px;
max-width:538px;
padding:0pt;
text-transform:uppercase;
white-space:nowrap;
width:538px;
}

#header h2{margin: 0;  width: 528px; height: 85px;}
#header h2 span, #header h1 span{visibility: hidden;}
#contact{
float: left;
padding: 0;
margin: 0;
background: #7381FC url('../assets/phoneNumber.gif') top left no-repeat;
width: 294px;
height: 150px;
font-size: 10px;
}
#contact h3{margin: 0; padding: 0; font-size: 10px;}
#contact span{visibilty: ;}
#contact a:link, #contact a:visited{
color: white;
text-decoration:none;
}
#contact a:hover, #contact a:active{
color: #FFFF00;
}

#phone{
}

#phone span{visibility: hidden;}
#phone img{margin: 5px 0 0 0;}
#email{
margin: 80px 0pt 0pt 25px; padding: 0;
font-size: 10px;
}

#navigation{
padding: 10px 0 0 20px;
float: left;
width: 132px;
}

#subscription{
width: 152px;
height: 125px;
border: none;
font-size: 10px;
text-align:center;
color: #999999;
margin-top: 2px;
margin-bottom: 13px;
background: #FFF url('../images/subscribeBG.gif') top left no-repeat;
}

#subscription #accessibility{width: 152px; height: 55px; overflow: hidden; visibility:hidden;}
#subscription form{font-size: 10px; height: 50px; padding: 0;}
#subscription span{visibility: hidden; font-size: 10px;}
#subscription #subscriberEmail{position: relative; top: -3px; left: 0; border: 1px solid white; padding: 0; margin: 0; width: 124px; height: 20px;font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
#subscription #subscribeSubmit{font-size: 8px; margin-top: 4px;}
#subscription #safesubscribe{}



#leftNav{
width: 150px;
border: 1px solid #7381FC;
font-weight: normal;
}

#leftNav ul{
width: 150px;
margin: 0 auto 0 auto; padding: 0 0 0 5px;;
list-style-type: none;
}

#leftNav li{
margin: 10px 0 10px 0;
font-size : 10px;
text-transform: uppercase;
}
#leftNav a:link,#leftNav a:visited{
width: 140px;
line-height: 20px;
padding: 4px 0 5px 0;
text-align:center;
display: block;
color: #999999;
text-decoration:none;
white-space: nowrap; overflow: hidden;
background: #FFF url('../images/navOffState.gif') top left no-repeat;
}

#leftNav a:hover,#leftNav a:active{
color: #ffffff;
font-weight: bold;
background: #FFF url('../images/navOnState.gif') top left no-repeat;
}

#leftNav .navon a:link,#leftNav .navon a:visited{
color: #ffffff;
background: #FFF url('../images/navOnState.gif') top left no-repeat;
font-weight: bold;
}

#content{
float: right;
min-height:515px;
height:auto !important;
height:515px;
width: 790px;
color: #6E80FF;
font-size: 11px;
line-height: 14px;
font-family: Eurostile, Arial, Tahoma, SansSerif;
text-align:justify;
}

#content #videoListing{height:19px;
margin:20px 0pt 10px 0px; padding: 0;  background: #FFF url('../images/videoSurvey.gif') top center no-repeat; width: 600px;}
#content #videoListing span{visibility: hidden}

#content h5{font-family: Eurostile, Tahoma, Arial, SansSerif; margin: 30px 0 20px 0; padding: 0;  font-size: 18px; color: #999999; text-transform: uppercase; font-weight: normal;}
#content h5.inline{display: inline;	margin-right: 5px;}
#boatOfTheMonth{margin:20px 0pt 0pt 5px;
padding:0pt;
width:575px;}

#partners{
/*display: none;*/
}

#footer{width: 960px; text-align: center; font-size: 9px; color: #999999; margin: 5px 0 20px 0; padding-left: 20px; clear: both;}

#footer a:link,#footer a:visited{
color: #999999; 
text-decoration: none;
}
#footer a:hover,#footer a:active{
color: #666666; 
}

#footer ul{ margin: 0; padding: 0; list-style-type: none;}
#footer li {display: inline; padding-right: 10px;}

#formHolder{
	width: 500px;
	margin: 0 0 0 50px;
}
#membershipForm .buttons{text-align: center; margin-top:10px;}

#content .leftPadded, #content .leftPaddedNoJustify, #content .leftPadded12{ 
padding: 0 0 0 25px;
}
#content .padded{padding: 0 25px 0 25px;}
#content .leftPaddedNoJustify{text-align: left; padding: 20px 0 0 25px;}
#content .leftPadded12{font-size: 12px; padding: 0 200px 0 25px;}

#content h6{color: #99999; font-size: 16px; margin: 20px 0 20px 0;}
#content .leftPadded h6{font-weight: normal;}

#content .boldRed, #content .boldRedEurostile{
color: #FF0000;
text-align:center;
font-size: 18px;
font-weight: bold;
line-height: 24px;
padding-top: 10px;
font-family: Eurostile, Arial, Sans Serif;
}
#content .boldRedEurostile{
font-family: Eurostile, Tahoma, Sans Serif;
font-size: 14px;
font-weight: normal;
}
#content .red{
color: #FF0806;
font-weight: normal;
font-family: Eurostile, Arial, Tahoma;
text-transform:uppercase;
font-size: 12px;
}

#content a:link,#content a:visited{
color: #999999;
font-weight: bold;
text-decoration: none;
font-family: Eurostile, Arial, Tahoma;
}
#content a:hover,#content a:active{
color: #666666;
}


#content strong.grey{color: #999999;
font-family: Eurostile, tahoma, arial;
font-size: 16px;
font-weight: 600;
}
#contentNarrow{
width: 650px;
margin: 0 0 0 10px;}

#contentNarrow h5{
color: #999999;
font-size: 24px;
font-weight: normal;
margin: 5px 0 5px 0;
}

#content #aboutusTable {margin-top: 20px; border: medium none ;}

#content.eurostile{font-family: Eurostile, Tahoma, Sans Serif; font-weight: normal;}
#content .headline, #content .headlineBold{color: #999999; font-weight: normal; font-family: Arial, Tahoma, Sans Serif; font-size: 10px;}
#content .headlineBold{font-weight: bold; font-size: 14px; font-family: Eurostile, Tahoma, Sans Serif; }
#content .currency{font-family: Eurostile, Tahoma, Sans Serif;}
#content .outdent{margin-left: -15px;}
#content .headline strong{font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: Eurostile, Tahoma, Sans Serif;}

#contactFormHolder{
width: 258px;
margin: 0 0 0 150px;
}

#contactForm{
border: 1px solid #7381FC;
padding: 10px 20px 0 10px;
}

#contactForm label{
float:none;
margin: 0;
padding: 0;
text-align: left;
color: #000000;
}
#contactForm .textbox{
width: 220px;
height: 16px;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
border: none;
margin-left: -5px;
margin-top: -5px;
padding-top: 8px;
padding-left: 5px;
padding-bottom: 5px;
}
/*Safari no borders hack*/
.inputBackground .inputContainer{
overflow: hidden;
width: 210px;
position:relative;
left: 5px;
height: 18px;
/*border: 1px solid green;*/
}
#contactForm .inputBackground{
width: 240px;
height: 25px;
background: #FFF url('../images/inputBackground.jpg') bottom left no-repeat;
}

#contactForm  .textareaBackground{
width: 240px;
height: 140px;
background: #FFF url('../images/textAreaBackground.gif') bottom left no-repeat;
}

.textareaBackground .inputContainer{
overflow: hidden;
width: 223px;
position:relative;
left: 5px;
top: 5px;
height: 135px;
}

#contactForm .textareaBackground .textbox{
margin-top: -5px;
}

#contactForm  #message{
height: 115px;
width: 220px;
}
#contactForm #buttons{
text-align: center;
}

#contactPostalAddress{
position: absolute;
border: 1px solid white;
width: 160px;
margin-left: 275px;
padding: 0 20px 5px 0px;
margin-top: -2px;
color: #999999;
font-size: 10px;
line-height: 14px;
}
#contactPostalAddress img{
float: right;
margin-right: 15px 
}



/*Search Results*/
#searchFormHolder h5{color: #6E80FF; font-family: Geneva, Arial, sans-serif; font-size: 16px; margin-left: 10px;}

#searchForm{width: 330px; padding: 0;}
#searchForm fieldset{ border: none;}
#searchForm div{height: 28px;}
#searchForm label{ width: 65px; text-align: left; color: #999999; float: left; font-size: 10px;}
/*
ie 6 goes a bit wierd if you set width to 200px
The select boxes just don't show.
Must be wrapping bug
*/
#searchForm select {width: 100px; text-align: center;}
#searchForm #buttons{margin-left: 100px;}

#searchBoatOfTheMonth{
position: absolute;
border: none;
width: 260px;
margin-left: 215px;
margin-top: 22px;
padding: 5px 20px 5px 20px;
color: #999999;
font-size: 12px;
line-height: 14px;

}

#searchResultsNav{
float: right;
font-size: 10px;
margin-right: 12px;
}
.resultsHeading{font-size: 12px; margin-bottom: 15px; margin-left: -10px; margin-top: 10px;}

#searchResultsNav ul{
display:inline;
margin: 0; padding: 0;
list-style-type none:}

#searchResultsNav li{ display: inline; padding-right: 2px;}

#searchResultsNav a:link,#searchResultsNav a:visited{
color: #7381FC;
}
#searchResultsNav .current a:link, #searchResultsNav .current a:visited{
color: #FF0806;
}
#searchResultsNav a:hover,#searchResultsNav a:active{
color: #FF0806;
}

#content .searchResult{font-size: 10px; line-height: 12px; margin-top: 5px; display:block; clear:left; min-height: 58px;}
#content .searchResult .thumbnail{float: left; margin-left: -10px; padding-right: 10px;  margin-top: 5px;}
#content .searchResult .detail{color: #000000; float: left; width: 340px; margin-top: 5px; padding-right: 10px;}
#content .searchResult .detail .moreDetails{color: #999999; font-weight: bold;}

#content .moreDetails a:link, #content .moreDetails a:visited{color: #FF0000;}
#content .moreDetails a:hover, #content .moreDetails a:active{color: #666666;}

#content .searchResult .searchPrice{float: left;  margin-top: 5px;  font-size: 10px; width: 145px;}

#content .searchPrice p {color: #7381FC; }
#content .searchPrice strong{color: #FF0806; font-size: 10px;}

/*crewmates*/
#crewMatesNav{
width: 550px;
margin: 10px 0 0 50px;
padding: 0;
}
#content #crewMatesMessages{
font-size: 12px;
width: 550px;
margin: 90px 0 100px 20px;
text-align:center;
padding: 0;
color: #999999; 
font-weight:bold;
}

#content #crewMatesMessages .phoneNumber{font-size: 18px;}
#content #crewMatesMessages .Geneva{font-size: 10px;}
#content #crewMatesMessages .emailAddress{font-size: 18px;}

#content #crewMatesMessages a:link, #content #crewMatesMessages a:visited{ color: #cc0000; }
#content #crewMatesMessages a:hover, #content #crewMatesMessages a:active{ color: #990000; }

/* Spec Sheet */

.specSheet{margin: 30px 0 0 10px; padding: 0;}
#specPhoto{float: left; margin: -5px 20px 0 5px;}
#specOverview{float: left; width: 270px; margin: -10px 20px 0 0; font-size: 10px; color: #999999; line-height: 7px;}
#specOverview strong{color: #7381FC; line-height: 12px; font-family: Geneva, Arial, SansSerif; }
#specOverview .col2{text-align: right;}
#specPDF{float: left; width: 50px; text-align:center; font-size: 10px; margin: -5px 0 0 0;}
#specPDF .red{font-size: 10px; text-transform:none; white-space:nowrap;}

#downloadLinks{position: absolute; margin-top: 110px; margin-left: 2px;}

#downloadLinks #controlsPanel{width: 200px; text-align:center; color: #999999;}
#downloadLinks .red {text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
#downloadLinks #flashDownload{ font-size: 10px; padding-top: 5px;}
#downloadLinks #flashDownload img{ vertical-align: middle;}

#FlashMovie{position: absolute; width: 640px; margin: -230px 0 0 -15px;}
#closeButton{position: absolute; margin: -245px 0 0 -15px; 	z-index: 100;}

.downloadOptions{color: #999999; margin: 0 0 10px 5px; width: 210px; font-size: 10px; text-align:left;  white-space: nowrap; overflow: visible;}
.downloadOptions img{ vertical-align:middle; padding: 0;}
.downloadOptions p{font-size: 10px; white-space: nowrap; overflow:visible; padding-left: 15px;}
.downloadOptions p.downloadtime{ font-size: 8px; margin: 0;}
.downloadOptions p.downloadtimeCentered{ font-size: 8px; text-align: center; width: 80px; margin: 0; padding: 0 0 0 5px; line-height: 10px;}

.downloadOptions p.downloadtimeInline{display: inline; font-size: 10px; padding-left: 2px;}

.downloadOptions td{height: 20px;}
.downloadOptions .col2{text-align: right; width: 65px;}


#playerDownload{margin: 0px 0 0 8px;  white-space: nowrap; overflow: visible;}
#playerDownload img{vertical-align: middle;}
#playerDownload a{padding-right: 0;}

#content .downloadOptions a:link, #content .downloadOptions a:visited{color: #7381FC; text-decoration: underline; font-weight: normal; padding-right: 2px;}
#content .downloadOptions a:hover, #content .downloadOptions a:active{color: #999999; padding-right: 2px;}

#boatGallery{clear: left; float: left; margin: -10px -12px 0 210px; width: 395px;}
#boatGallery #galleryInstructions{ position: absolute; margin: -12px 0 0 -20px; text-align: center;}

#moreCredits{text-align: center; width: 150px; height: 20px; border: 1px solid black; background-color: #CCCCCC; padding-top: 5px;}
#moreCredits a:link, #moreCredits a:visited{ color: #FF0000;}
#moreCredits  a:hover, #moreCredits a:active{ color: #666666;}

/* Forum Styles*/
.forumHead{ background-color: #718DFF; color: #FFFFFF; font-weight: bold; font-size: 14px;}
.discussionRowDark{ background-color: #CCCCFF; color: #000000; font-size: 12px;}
.discussionRowWhite{ background-color: #FFFFFF; font-size: 12px;}

.comment {border: 1px solid black; padding: 5px; margin-right: 25px; width: 580px;}
.comment .subhd { color: #666666; margin-bottom: 5px;}

#addComment{width: 595px; margin-right: 28px;}

/* Crew Love Profiles */

.crewLoveProfile{ padding: 10px; margin: 10px 20px 0 5px; background-color: #EEEEEE; min-height: 90px; height: auto !important; height: 80px; border: 1px solid #AAAAAA; width: 575px;}
.crewLoveProfile img{float: left; margin-right: 10px; background-color: #FFFFFF; border: 1px solid #6E8DFF; padding: 5px; margin-bottom: 20px;}
.profileMessage{margin-bottom: 5px;}

A.redbut {
  	font-weight: bold;
  	font-size: 11px;
  	font-family: Arial, sans-serif;
  	border: thin outset;
  	text-decoration: none;
  	text-align: center;
  	height: 18px;
  	text-transform: uppercase;
  	line-height: 1.4em;
	padding: 2px 10px 2px 10px;
}
A.redbut:link { 
  	border-width: 1px;
  	background-color: #cc0000; 
  	color: #ffffff;
  	border-color: #ffffff #000000 #000000 #ffffff;
  	text-decoration: none;
}
A.redbut:visited {
  	border-width: 1px;
  	background-color: #ff0000; 
  	color: #ffffff;
  	border-color: #ffffff #000000 #000000 #ffffff;
  	text-decoration: none;
}
A.redbut:hover { 
  	border-width: 1px;
  	background-color: #660000; 
  	color: #ffffff;
  	text-decoration: none;
}
A.redbut:active { 
  	background-color: #336699; 
  	color: #ffffff; 
  	border-color: #000000 #ffffff #000000 #ffffff;
  	text-decoration: none;
}
A.greybut {
  	font-size: 11px;
  	font-family: Arial, sans-serif;
  	border: thin outset;
  	text-decoration: none;
  	color: #ffffff;
  	text-align: center;
  	height: 18px;
  	line-height: 1.4em;
	padding: 2px 10px 2px 10px;
}
A.greybut:link { 
  	border-width: 1px;
  	background-color: #D3D3D3; 
  	color: #000000;
  	border-color: ffffff 404040 404040 ffffff;
  	text-decoration: none;
}
A.greybut:visited {
  	border-width: 1px;
  	background-color: #D3D3D3; 
  	color: #000000;
  	border-color: ffffff 404040 404040 ffffff;
  	text-decoration: none;
}
A.greybut:hover { 
  	border-width: 1px;
  	background-color: #878787; 
  	color: #ffffff;
  	text-decoration: none;
}
A.greybut:active { 
  	background-color: #336699; 
  	color: #ffffff; 
  	border-color: 404040 ffffff 404040 ffffff;
  	text-decoration: none;
}
A.bluebut {
  	font-weight: bold;
  	font-size: 11px;
  	font-family: Arial, sans-serif;
  	border: thin outset;
  	text-decoration: none;
  	color: #ffffff;
  	text-align: center;
  	height: 18px;
  	text-transform: uppercase;
  	line-height: 1.4em;
	padding: 2px 10px 2px 10px;
}
A.bluebut:link { 
  	border-width: 1px;
  	background-color: #0033CC; 
  	color: #ffffff;
  	border-color: #ffffff #000000 #000000 #ffffff;
  	text-decoration: none;
}
A.bluebut:visited {
  	border-width: 1px;
  	background-color: #0033CC; 
  	color: #ffffff;
  	border-color: #ffffff #000000 #000000 #ffffff;
  	text-decoration: none;
}
A.bluebut:hover { 
  	border-width: 1px;
  	background-color: #cc0000; 
  	color: #ffffff;
  	text-decoration: none;
}
A.bluebut:active { 
  	background-color: #336699; 
  	color: #ffffff; 
  	border-color: #000000 #ffffff #000000 #ffffff;
  	text-decoration: none;
}

#forgotPassForm{
margin-top: 10px;
}
#forgotPassForm #submit{
margin-left: 80px;
}

#column3{
border:1px solid blue;
float:right;
margin: 15px 20px 15px 10px;
padding:10px;
width:132px;
min-height: 439px;
}
.rightColAdvert{ margin-bottom: 10px;}

#currencyConversionOptions{margin: 0 0 10px 0; padding: 0; list-style-type: none;}
#currencyConversionOptions li{display: inline}
#currencyConversionOptions label{margin: 0; padding: 0; display: inline; float:none;}

#advertContainer{background: #FFFFFF url(../images/adBannerBG.jpg) repeat-y;}
#bannerContent{padding-left: 5px; min-height:370px;}
#adBannerHead{ background: #FFFFFF url(../images/adBannerHead.jpg) no-repeat; height: 43px;}
#adBannerFoot{ background: #FFFFFF url(../images/adBannerFoot.jpg) no-repeat; height: 18px;}

#croatiaNews{
border: 1px solid red; padding: 15px 5px; float: left; margin-top: -150px; margin-left: -38px;
}

#ryaLogo{float: right; margin: -40px 20px 0 0;}