/* ------------------------------------------------------------
 * Global Styles
 * Changes to this document will apply to the entire site
 ------------------------------------------------------------ */

/* Setting up some basic styles... */
body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center; /* IE 5.x hack */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /*feed to IE 5.5*/
	f\ont-size: 12px; /*feed to compliant browsers*/
}
img {
	border: 0;
}
a {
	color: #1081b9; /* the color of the right angle quote */ /*changed*/
	text-decoration: none;
}
a:hover {
	/*background: transparent; /* needed for IE to allow hover on sub elements */
	text-decoration: underline;
}
a:hover span {
	text-decoration: underline;
}

/* Our outer div */
#container, .container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* Recover from hack */
	voice-family: "\"}\""; /* Tantek's Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
	voice-family: inherit;
	width: 1000px;
}
html>body #container { /* Be nice to Opera 5 */
	width: 1000px;
}

#content {
	padding: 0px 0px 0px 0px;
}
/* The footer styles, basic stuff here */
#footer {
	color: #999999;
	width: 920px;
	line-height: 1.3em;
    text-align: center;
	margin: 0 auto;
	padding: 15px 30px;
	voice-family: "\"}\""; /* Tantek's Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: inherit;
	width: 1000px;
	font-size: 11px;
}
html>body #footer { /* Be nice to Opera 5 */
	width: 920px;
}
#footer a { /* Set up our footer links */
	color: #000000;
	font-weight: normal;
	font-size: xx-small; /*feed to IE 5.5*/
	f\ont-size: x-small; /*feed to compliant browsers*/
}
#footer a:hover {
	text-decoration: underline;
}
.hide { /* Used to hide elements */
	display: none;
}
/* Used to clear the floats: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */
/* This gets applied to the clearing div added to #domfix via the Javascript fix for IE/Mac */
.mac-clearfix {
	clear:both;
	height:0;
	overflow:hidden;
}

/*///////////////////////////////////////////////
////////////////    Basics    ///////////////////
///////////////////////////////////////////////

h2 {	margin: 0px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {	margin: 5px 5px 2px 0px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ACCEA5;
}*/

h4 {	margin: 2px 2px 2px 0px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #999999;
		font-size: 14px;
}

/*///////////////////////////////////////////////
////////////    Content Code    /////////////////
///////////////////////////////////////////////*/

#middleContent {
	padding: 0px;
	float: left;
	width: 467px;
}

#mainContent {
	padding: 15px;
	color: #666666;
	text-align: justify;
	line-height: 150%;
}

/*///////////////////////////////////////////////
////////////    Right Side Code    //////////////
///////////////////////////////////////////////*/

#rightSide {
	width: 260px;
	float: left;
	background-color: #ACCEA5;
	padding: 0px 0px 15px 0px;
	color: #FFFFFF;
	min-height: 510px;
}

/* for Internet Explorer */
/*\*/
* html #rightSide {
height: 520px;
}
/**/

#rightSide input {
	font-size: 11px;
	width: 100px;
	margin: 2px;
	color: #666666;
}

#rightSide select {
	width: 120px;
	font-size: 11px;
	margin: 2px;
	color: #666666;
}

#rightSide input#pets, #rightSide input#smokes, #rightSide input#cot, #rightSide input#highchair {
	margin: 3px 0px 3px 0px;
	padding: 0px;
	width: 50px;
}

#srchTable tbody tr td {
	padding: 2px;
	width: 110px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; /*feed to IE 5.5*/
	f\ont-size: small; /*feed to compliant browsers*/
	color: #FFFFFF;
}

#rightSide hr {
	margin: 5px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	border: 0px;
}

/*///////////////////////////////////////////////
////////////    Side Menu Code    ///////////////
///////////////////////////////////////////////*/

#sideMenu {
	margin: 0px 0px 0px 0px;
	width: 209px;
	color: #FFFFFF;
	float: left;
	/*margin-left: 2.8em;*/
}

/* Hides from IE-mac \
* html #sideMenu {
	margin-left: 2.9em;
}*/

#sideMenu ul li a, #requestABrochure a, #emailSignUp a {
	color: #FFFFFF;
	text-decoration: none;
}

#sideMenu ul li a:hover, #requestABrochure a:hover, #emailSignUp a:hover {
	color: #FFFFFF;
	text-decoration: UNDERLINE;
}

#sideMenu ul {
	padding: 0px;
	margin: 0px;
}

#sideMenu ul li {
	list-style: none;
	margin: 0;
	padding: 8px;
	padding-left: 3em;
	text-indent: -1em;
	/*background-color: #9ECDEB;*/
	background-color: #8EC4E6;
	cursor: hand;
	cursor: pointer;
}

#sideMenu ul li#home {
	list-style: none;
	margin: 0;
	padding: 8px;
	padding-left: 3em;
	text-indent: -1em;
	background-color: #8EC4E6;
	/*background-color: #A1CEEB;
	background-color: #9E80EE;*/
	cursor: hand;
	cursor: pointer;
}

#sideMenu ul li#home:hover {
	list-style: none;
	margin: 0;
	padding: 8px;
	padding-left: 3em;
	text-indent: -1em;
	background-color: #9966FF;
	cursor: hand;
	cursor: pointer;
}

#sideMenu ul li:hover {
	background-color: #9966FF;
}

#requestABrochure {
	background-color: #8EC4E6;
	padding: 20px 0px 20px 0px;
	padding-left: 3em;
	text-indent: -1em;
	/*padding-left: 2em;
	text-indent: -1em;
	text-align: center;*/
	border-width: 1px 0px 1px 0px;
	border-color: #FFFFFF;
	border-style: solid;
	cursor: hand;
	cursor: pointer;
}

#requestABrochure:hover {
	cursor: hand;
	cursor: pointer;
	background-color: #9999FF;
}

#emailSignUp {
	background-color: #8EC4E6;
	padding: 20px 0px 20px 0px;
	padding-left: 3em;
	text-indent: -1em;
	/*padding-left: 2em;
	text-indent: -1em;
	text-align: center;*/
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF;
	border-style: solid;
	cursor: hand;
	cursor: pointer;
}

#emailSignUp:hover {
	cursor: hand;
	cursor: pointer;
	background-color: #9999FF;
}

#emailSignUp input {
	font-size: 11px;
	margin: 2px;
	color: #666666;
}

#freedomSideBarInfo {
	background-color: #8EC4E6;
	padding: 20px 0px 20px 0px;
	padding-left: 2em;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF;
	border-style: solid;
}

#prop_rightside_title {
	padding-left: 720px;
	color: #FFFFFF;
}

/*///////////////////////////////////////////////
///////////////    Misc Code    /////////////////
///////////////////////////////////////////////*/

#textIndent {
	padding-left: 1em;
}

#adHeader {
	padding: 8px;
	width: 186px;
	background-color: #999999;
	color: #FFFFFF;
	margin-top: 15px;
}

#adPicture {
	width: 202px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 0px 1px 0px;
}

#adPicture img {
	width: 202px;
	height: 139px;
}

#adContent {
	padding: 5px;
	width: 192px;
	background-color: #999999;
	color: #FFFFFF;
}

#pricestable td {
	font-family: Verdana;
	font-size: 12px;
	padding: 3px;
}

#pttitle {
	width: 60px;
	background-color: #999999;
	color: #FFFFFF;
}

#ptdata {
	background-color: #CCCCCC;
	color: #FFFFFF;
}

#propsearchresult td {
	color: #666666;
	font-family: Verdana;
	font-size: 10px;
}

#propsearchresultpic {
	border: 3px solid #CCCCCC;
}

#proppricetable {	background-color: #EAEAEA;
					color: #999999;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px; /*feed to IE 5.5*/
					font-weight: bold;
}

#proppricetable2 {	background-color: #ABCEA4;
					color: #FFFFFF;
					width: 100px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px; /*feed to IE 5.5*/
					font-weight: bold;
					text-align: center;
					cursor: hand;
					cursor: pointer;
}

#proppricetable2:hover {	background-color: #CCCCCC;
	cursor: hand;
	cursor: pointer;
}

#propertysearch label {	
	width: 100px;
	display: block;
	float: left;
	padding-left: 3px;
}

#propertysearchdiv label {	
	width: 200px;
	display: block;
	float: left;
	padding-left: 3px;
}

#brochure label {	
	width: 100px;
	display: block;
	float: left;
}

#bookingformdiv label {	
	width: 200px;
	display: block;
	float: left;
}

#bookingformdivsubmit {
	border: 2px solid #AEAFB1;
	background-color: #B3DCF2;
	font-size: 9px;
	font-family: Verdana;
	padding: 3px;
}

#availTableHeader td {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px 2px 2px 2px;
	background-color: #B3DCF2;
	font-size: 10px;
}

#availTableData td {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0px 0px 2px 2px;
	background-color: #C6DDC1;
	font-size: 10px;
}

#holidayInfo label {
	width: 100px;
	display: block;
	float: left;
}

#holidayInfo table {
	padding: 0px;
	border: 0px;
}

#holidayInfo input {
	font-size: 10px;
	font-family: Verdana;
	width: 60px;
}

#bookbutton {
	border: 2px solid #AEAFB1;
	background-color: #B3DCF2;
	font-size: 9px;
	font-family: Verdana;
	padding: 3px;
}

.availTableDay:hover {
	cursor: hand;
	cursor: pointer;
}

/*//////////////////////////
/// Suggest CSS
/////////////////////////*/

.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
			
.suggest_link_over {
	background-color: #CCCCCC;
	padding: 2px 6px 2px 6px;
	cursor: hand;
	cursor: pointer;
}

#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 		
	border: 0px solid #CCCCCC;	
}

#frmSearch {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
}
.mapTD { 
  font-size: 8pt;
  line-height: 9pt; 
  font-family: Verdana; 
  font-variant: normal;
  font-style: normal;
}

#securebookingform label {	
	width: 200px;
	display: block;
	float: left;
	padding-left: 3px;
}

#ownerpack label {	
	width: 230px;
	display: block;
	float: left;
	padding-left: 3px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}