.chromestyle{
width: 550px;
font:normal 12px arial;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: url(chromebg4-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " " url(downimage.gif);
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: 400;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FFECEC;
}/* 
----------------------------------------
SCREEN STYLES
Filename: screen.css
Author: Ron Eis
Edited by: Bret McVey
----------------------------------------
*/

* {
  padding:0;
  margin:0;
}

#printHeader {
  display: none;
}

body {
  width: 760px;
  margin: 10px auto;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  background: #A12830 url(/resources/all/files/_SiteRoot/SITE22/Icons/bg-gradient3.gif) repeat fixed;
  line-height: 1.6em;
}

p {
  margin-bottom:10px;
}

h1, h2, h3, h4, h5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:25px 0 10px 0;
}

h3 {
  font-size:16px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

h4 {
  font-size:14px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

hr{clear: both;}

br{line-height: 0px;}

ul {
  list-style:disc;
  margin-left:0;
  margin-bottom:10px;
  padding-left: 3em;
  text-indent: 1em;
}

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

img{border:none;}

.imgRight {
	float:right;
	margin:0;
	padding-left:20px;
}
.imgLeft {
  float:left;
  display:block;
  padding: 5px 0 10px 10px;
}
.logo2 {
  padding-right:30px;
  padding-bottom:30px;
}

div.page {
  clear: both;
  background: #fff;
  border: 15px #fff solid;
}



#header {
	width:719px;
	height:123px;
	background-color: #fff;
}

#nav {
	width:720px;
	height:24px;
	border:0;
}
#body {background-color: #FFF;}
#body div.content {
	background-color:#fff;
	width:678px;
	padding:25px 20px 20px 20px;
	border:1px #ddd solid;	
}


#logo,
.logo {
	clear:both;
	display:block;
	float:left;
	width:140px;
	height:160px; 
}

#logoBrands {
	height:160px;
	}

#propLogo {
	display:block;
	float:left;
	padding-right:20px;
	margin-bottom:10px;
}

div#key_largo_text table,
div#jackson_text table,
div#creston_text table{
	width: 686px;
	margin-bottom: 2em;
}

#description,
.description {
	display:block;	
	margin-bottom:10px;
  
}



#description img,
.description img {
	float:right;
	padding:0px;
	margin:6px 10px 0 0;
	border:1px #333 solid; 
}



#highlight {
	float:right;
	width:320px;
	border:2px #ccc dotted;
	padding:10px;
	margin:0 0 15px 25px;
}

#special {
	float:left;
	width:500px;
	border:2px #ccc dotted;
	padding:5px;
	margin:25px 0;
}

#hertz,
.hertz {
	float:right !important;
	width:120px !important;
	text-align:center !important;
	border:2px #ccc dotted !important;
	padding:5px !important;
	margin:0 0 0 3em !important;
}

#special ul {
list-style:disc;
margin-left:0;
margin-bottom:10px;
padding-left: 3em;
text-indent: 1em;
}

#homepageRight {
	float:right;
	width:350px;
	padding:0;
	margin:0;
}


#mapFeature {
/*	border:1px #FFF2CB solid;
*/	border:0;
	padding:16px;
	background-color:#fff;
} 

/* ------Forms----------- */
.input, select, option {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

div.form_entry select{ clear: both;}
div.form_entry input {
  color: #00008B;
  background-color: #FFCC33;
  border: 1px inset #00008B;
  width: 200px;
  margin-bottom:0.9em;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

div.form_entry textarea {
  color: #00008B;
  background-color: #FFCC33;
  border: 1px inset #00008B;
  width: 200px;
  height:80px;
  margin-bottom:0.9em;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

input.button,
button.submit_button {
  color: #00008B;
  background-color: #FFCC33;
  border: 1px inset #00008B;
  width: 60px;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

label {
	width:150px;
  	font: bold 1.0em  Arial, Helvetica, sans-serif;
}

div.registration_validation_errors{
  color:#b5131e;
  border: 1px #b5131e solid;
  background-color: #fdf6c4;
  margin: 1em 0;
  padding: .25em;
  font-weight: bold;}

/**** BEGIN MENU STYLES ****/

.chromestyle{
width:718px;
height:27px;
font:normal 11px arial;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 

clear: both; 
visibility: hidden;

}

.chromestyle ul{
border: 1px solid #993333;
width: 100%; 
background: #9A0000 url(g/chromebg.gif) center center repeat;
padding: 4px 0;

margin: 0;
text-align: left; 
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
padding: 4px 10px;
margin:0;
text-decoration: none;
border-right: 1px solid #993333;
}

.chromestyle ul li a:hover{
background: url(g/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top:0;
border: 1px solid #993333;
border-bottom-width: 0;
font:normal 11px arial;
line-height:18px;
z-index:100;
background-color:#eee;
width: 160px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=180,strength=2); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #993333;
padding: 2px 0;
text-decoration: none;
font-weight: 400;
color:#666666;
}

.dropmenudiv a:hover{ 
background-color: #FFCC33;
color:#993333;
}


div.page,
div.header,
div#topnav,
#body,
div.footer
{float:left;
clear: both;}

/*topnav */

div#topnav ul {
  margin: 10px 0 0 0;
  width:100%;
  list-style: none;
  background-color: #9A0000;
}

div#topnav ul li{
	margin: 0;
	padding: 0;
        position: relative;}

div#topnav ul li a{
	background-color: #9A0000;
	color:#FFF;
	margin: 0px 0 0 0;
	padding: 3px;
	text-decoration: none;
	display: block;
	z-index: 1;
}

div#topnav ul li.topnav_home{
width: 260px;
background-color: #9A0000;}

div#topnav ul li.topnav_home a{
width: 10px;
background-color: #9A0000;}

div#topnav ul li ul{
        margin: 0;
	padding: 0;
	z-index: 500;
       position: absolute;
	left: 8px;
	top: 24px;
	}


div#topnav ul li ul li{
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	}


div#topnav ul li ul li a:link,
div#topnav ul li ul li a:visited
{
	background-color: #EFEFEF;
	color:#666;
	margin: 0px 0 0 0;
	padding: 2px;
	text-indent: 0px;
	border: 1px #9A0000 solid;
	border-width: 0px 1px 1px 2px;
	width: 150px;
	display: block;
	float: left;
	clear: both;
	z-index: 500;}

div#topnav ul li ul li a:hover{
	background-color: #FFCC33;
	color:#9A0000;
	margin: 0;
	padding: 2px;
	text-indent: 0px;
	border: 1px #9A0000 solid;
	border-width: 0px 1px 1px 2px;
	width: 150px;
	display: block;
	float: left;
	clear: both;
	z-index: 500;}	
	

/*body */
div#print_logo{display:none;}

#body{
	margin:0;
	padding: 25px 20px 10px 20px;
	border: 1px #DDD solid;
	border-width: 0px 1px 1px 1px;
	width:677px;}

/* Tabs */

div.tabcontainer2{
  border: none;
  margin: 0;
  padding: 0;
  width: 686px;
}

ul.tabs{  
  border: none;
  margin: 0;
  padding: 0;
  width: 686px;
  background: transparent url(/resources/all/files/_SiteRoot/SITE22/Icons/tab_bg1.gif) repeat-x left bottom;
  float: left;  
}



ul.tabs li{
  display: inline;
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
  }


ul.tabs li a {
  background: transparent url(/resources/all/files/_SiteRoot/SITE22/Icons/tab_inactive.gif) bottom left repeat-x;
  color: #000;
  padding: 0px 2px;
  margin: 0 0 0 3px;
  border: 1px #DDD solid;
  border-bottom: none;
  font-weight: bold;
  display: block;
  float:left; text-indent: 0px;
  }


ul.tabs li a:link, div.tabs li a:visited{
  text-decoration: none;
  }

ul.tabs li a:hover{
  text-decoration: underline;
  }


ul.tabs li a.tab-selected,
ul.tabs li a.tab-selected:link,
ul.tabs li a.tab-selected:visited{
  background: #fff url(/resources/all/files/_SiteRoot/SITE22/Icons/tab_active.gif) top left repeat-x;
  border-bottom: 1px #fff solid;
  z-index: 50 !important;
  } 


div.tabcontainer2 div{
   border: 1px #DDD solid;
  border-top: none;
   padding: 10px;
   margin: 0;
   width: 664px;
   z-index: 1 !important;
   
   }

div.tabcontainer2 div table{
  margin: 0 !important;
  padding: 0 !important;}


div.tabcontainer2 div.photo_gallery img{
  margin: 2px; 
}
div.tabcontainer2 div.photo_gallery {
  float: left;
}
div.tabcontainer2 div.photo_gallery table {
  float: left;
}

/*body content*/
div#key_largo_text, 
div#key_largo_tabs{
float:left;
clear: both;}

/*footer */

div.footer{
  width: 700px;
  margin:10px 0 0 0;
  text-align:center;}

div.formentrybean div.please_select {
  margin: 0 0 1em 0;
}

div.formentrybean span.extra_value_name_con {
  display: block;
  float: left;
  clear: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  width: 160px;
}
div.formentrybean input,
div.formentrybean textarea,
div.formentrybean button.submit_button  {
  background: #FFCC33;
  border: 1px #00008B inset;
}
div.formentrybean button.submit_button {
  font-family: Arial, Helvetica, sans-serif;
  margin: 1em 0 0 160px;
  padding: .15em .25em;
}

div.formentrybean div.user_entry_required_con {
  margin: 0 0 1em 0;
}