/*
colour pallette: 

palest blue - in use as link rollovers backgrounds: EAF4F9
pale blue, in use on sidebars and image borders: D7EBF6
medium blue - in use for rollovers on nav and border bottom: aadff3 (old one 96d3ea - same as the sky colour)
bright blue - in use in sea, and for boxes on right: 2B90CA
deeper blue - in use for blue text and headlines: 035B8F

yellow - in use in sand: ffcd33
deeper yellow - in use on sand: fcbb11
orange - in use on rollover of nav links: ffc00c
very dark orange - buttons title: FFB510

*/


/* general settings */
body { 
	text-align: center;  
	padding: 30px 10px;	margin: 0;
	}


h1 {
	margin-top: 2px;
	margin-bottom: 2px;
}

a img { border: 0px; }

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

#gutsinner a { font-weight: bold; text-decoration: none; }
#gutsinner a:hover { background-color: #EAF4F9; }


td {vertical-align: top; }

form { padding: 0px; margin: 0px; }
select { margin: 4px 0px 4px 0px; }

ul { margin: 6px 30px;}
li {margin-bottom: 4px;}

.books li {display: block; }
	
hr { height: 1px; border: 0; border-bottom: 1px dotted #fff; background: #fff; }


/* -------------------------------- text styles ------------------------------- */
/* including all font family and size settings. When editing, please include font sizing here, not further down in the css. */

html { font-size: 62.5%; 	font-family: arial, Arial, sans-serif; } /* this sets the base font size to 10px approximately */
#outer { font-size: 14px; font-size: 1.4rem; }

/* 
rem type units are relative to the root font size, as opposed to em units, which can compound when nested. 
But of course, IE doesn't currently support rem. IE7 and IE8 can use the zoom feature, 
but that's not as handy as specifying a larger font.
So to get around this, I have pared down the font sizings to try and simplify everything and make it easier to work out.
Hence, all font setting is done in a separate section so that they can be viewed and compared more readily.
*/


#main { font-size: 13px; font-size 1.3rem; }

h1   { font-size: 24px; font-size: 2.4rem; margin-bottom: 18px;} 

.pagetitle {
	font-family: Arial, san-serif;
font-weight: normal; 
	font-size: 24px; font-size: 2.4rem;
	color: #035B8F;
	}

.heading {
	font-family: Arial, san-serif;
	font-size: 24px; font-size: 2.4rem;
	color: #000000;
	padding: 5px 8px;
/*	margin: -8px -8px 0px; */
	border-bottom: 1px solid #000000;
	background-color: #97D5EB;
	}

.sectionheading, .sectionhead { 
 	font-size: 16px; font-size: 1.6rem; 
	color: #000000;
	background: #fcdb11;
	padding: 4px 4px 1px 4px;
	border-bottom: 6px solid #fcbb11;
	margin-top: 12px;
	margin-bottom: 8px;
	font-weight: bold;
	}


.centretable .sectionheading { /* where this is used in the tables, it doesn't need to be too obvious */
	font-size: 13px; font-size: 1.3rem;
	background: #fcdb11;
	padding: 4px;
	border-bottom: 1px solid #fcbb11;
}


.subheading, .booktitle {
	font-weight: normal;
	font-size: 16px; font-size: 1.6rem
	color: #035B8F;
	}

h4.subheading, h4.booktitle {
	background: #D7EBF6; 
	padding: 2px 5px; 
	margin-bottom: 0;
}

h4.booktitle { margin-bottom: 10px;}

.subheading {clear: left;}

.ehd p .subheading, .ehddesc .subheading { /* where subheading is mistakenly used as an emphasis we need to remove display: block; and disable sizing */ 
	display: inline; 
	font-size: 14px ! important; font-size: 1.4rem ! important;
	color: #035B8F;
	font-weight: bold;
	background: transparent;
	padding: 0;
	}



.propertyhighlight .subheading { display: inline; background: transparent; padding: 0 0 5px 0; }


.subheading a:link, .subheading a:visited, a.subheading:link, a.subheading:visited {
	font-weight: normal ! important;
/* 	font-size: 22px; font-size: 2.2rem; */
	color: #035B8F;
	}

.emph {
	color: #035B8F;
	font-weight: bold;
	}
	
.caption {
	font-style: italic;
	font-size: 9px; font-size: .9rem;
	text-align: right;
	width: auto;
	}


/* top nav fonts */
div.nav li {  
	font-weight: bold;
	font-size: 11px; font-size: 1.1rem; 
	} 


/* left nav fonts */
	.leftnavhead {
	font-weight: normal;
	font-size: 12px; font-size: 1.2rem;
	}


.leftnavlinks { font-weight: normal; color: #000000; 
	font-size: 12px; font-size: 1.2rem;
}

.leftnavlinks a, .leftnavlinks a:link, .leftnavlinks a:visited {
	color: #000000;
	text-decoration: none;
	}



/* #main td, #main2 td { font-size: 11px; font-size: 1.1rem;  }	*/

#footer { font-size: 11px; font-size: 1.1rem;  }
.promo { font-size: 12px; font-size: 1.2rem;  }

 

/* ------------------- layout ------------------------ */

/* outer (holds the lot) */
#outer {  
	position: relative;
	padding: 0;
	max-width: 1000px;
	min-width: 800px; 
	margin: 10px auto 10px auto; 
	text-align: left; 
	border: 1px solid #035B8F; 
	/* background: url(images/nav/banner.gif) repeat-x top center; */
	-moz-box-shadow:    0px 0px 8px 0px #999;
	-webkit-box-shadow: 0px 0px 8px 0px #999;
	box-shadow:         0px 0px 8px 0px #999;
	}

/* banner area, logos, top navigation links */
#rentalsbanner {
	position: relative;
	background: url(images/nav/rentalsbanner.gif) repeat-x left top;
	height: 81px;
	}

#travelbanner {
	position: relative;
	background: url(images/image.png) repeat-x center top;
	height: 81px;
	width: auto;
	margin:0; padding: 0;
	}

#sand { 
	width: auto;
	height: 81px;
	background: url(images/sand.png) repeat-x center top;
	margin:0; padding: 0;
}

#tree { 
	width: auto;
	background: url(images/tree.png) no-repeat right top;
	height: 81px; 
	margin:0; padding: 0;
	}

#umbrellas { 
	width: auto;
	background: url(images/umbrellas.png) no-repeat right top;
	height: 81px; 
	margin:0; padding: 0;
	}


span.sun { 
	position: absolute; 
	top: -11px; 
	left: -10px; 
	background: url(images/sun.png); 
	height:115px; 
	width:117px; 
	}



span.logo {  position: absolute; top: 50px; right: 20px; }

div.nav {
	margin: 0;
	padding: 6px 1px 4px 1px;
	background: #000000;
	zoom: 1;
}


div.nav ul { padding: 0; margin: 0; margin-left: 120px; }

div.nav li { 
	float: left; 
	display: block; 
	color: #fff;	
	padding: 0 20px 0 0; 
	} 


div.nav:after  { content: ""; display: block; clear: both; height: 1px; }

div.nav a { color: #fff; text-decoration: none; }
div.nav a:hover { color: #ffc00c; }

.stripes {
/*	height: 9px; */
	border-bottom: 0px solid #ffffff;
	padding: 0px;
	background-color: #D7EBF6;
	}

/* content area of page - 3 columns in a table. Using a table means we don't have to fight
the various browsers dealing of floats and clearing, so it might be deprecated, but it is robust. */

#content { 
	border-top: 0px solid #000000;
	background: #D7EBF6;
	overflow: hidden;
	}

table.content {
	padding: 0px;
	border: 0px; 
	width: 99%; /* width is 99% to prevent the table pushing the width of the 
			outer div, and leaving white gaps on other elements in IE. 
			Means that we have to play with margins in the right column. */
	}
	


#leftnav {
	width: 160px ! important; /* this is a fixed width */
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

#main, #main2, #forum {
	vertical-align: top;
	text-align: center;
	padding:0px;
	padding-top: 0px;
	padding-bottom: 10px;
	}


#gutsinner { padding: 20px 16px; }

#gutsinner, #guts { height: 1%; } /* this is purely to overide the gilhoutine bug in IE7 which causes float jumping */

/* main2 is relevant for pages with no right nav */	

#rightnav {
	width: 160px; /* fixed width */
	vertical-align: top;
	text-align: center;
	background: #D7EBF6;
	padding: 0px 0px;
	}

#guts { margin-right: 10px; }
/* #main { padding-right: 10px; } */


/* left nav area, and all aspects within. */
/* font sizes are defined in the font area previous to this. Please use that area for type face and size. */
.leftnavhead {
	display: inline-block;
	padding: 0 2px 2px 4px; 
	margin-bottom: 4px;
	margin-top: 5px;
	background: #000; 
	color: #fff;
	min-width: 130px;
	width: 100%;
	}

span.leftnavlinks {
	display: inline-block;
	border-bottom: 1px solid #aadff3;
	width: 160px;
	}

span.leftnavlinks a { width: auto; display: block; text-indent: 5px; }

.leftnavlinks a, .leftnavlinks a:link, .leftnavlinks a:visited {
	color: #000000;
	text-decoration: none;
	margin: 0px;
	}

.leftnavlinks a:hover { background: #aadff3; }



/* main content area */

	
/* #ad is relevant to pages with banner add only */
#ad, .forumad {
	text-align: center;
	height:60px;
	margin: 8px auto; 
	}
	
#ad img, .forumad img { 
	background: #ccc;
	display: block; 
	width:468px;
	height:60px;
	margin: 0 auto; 
	}


/* white area of the page, holds all content */
#guts, #forumguts {
	text-align: left;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #035B8F;
	border-right-color: #035B8F;
	border-bottom-color: #035B8F;
	border-left-color: #035B8F;
	margin-right: 0px;
	/* drop shadows will be shown on standards complient browsers */
	-moz-box-shadow:    0px 0px 5px 0px #5b657c;
	-webkit-box-shadow: 0px 0px 5px 0px #5b657c;
	box-shadow:         0px 0px 5px 0px #5b657c;
	position: relative;
	z-index: 50;
	}

#guts a:link, #guts a:visited { color: #035B8F; }

	

	
/* page elements */
img.feature { 
	border: 2px solid #000000; 
	float: right; 
	margin-left: 10px; 
	margin-bottom: 10px;
	}

.book {
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	float: left;
	border: 1px solid #000000;
	}

hr {
	clear: both;
	width: auto;
	height: 1px;
	background-color: #000000;
	}
	

/* secondary nav if required */	
#secondarynav {
	padding: 2px 8px 2px 8px;
	background: #2B90CA;
	font-size: .9em;
	font-family: arial; sans-serif;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0 0px 0;
	text-align: left;
	}

#secondarynav a:link, #secondarynav a:visited {
	text-decoration: none;
	color: #ffffff;
	}
	
#secondarynav a:hover {
	color: #97D5EB;
	}		



/* rental main page elements */

/* boxed elements */
#searchandoffer, #cos, #villas {
	margin-top: 12px
	}	

/* table in which all boxes sit */	
/* have also retained this class on some divs which were once tables */

.centretable { width: 100%; padding: 0; }
.centretable {border: 4px solid #D7EBF6; }
.searchandoffer .centretable, #searchandoffer .centretable, #villas .centretable	{  border: 0px; }


/* tds and elements within each boxed area */		

.centretable td { padding-left: 8px; padding-right: 8px; }
.centretable .search td { padding-left: 0px; padding-right: 8px; }
.search form { margin-bottom: 8px; }
.centretable:after { display: inline ! important; content: ""; clear: none ! important; height: 0px ! important;} /* not needed when on server */
#searchandoffer .centretable:after, .searchandoffer .centretable:after { display: block; content: ""; clear: both; height: 10px;}

.searchandoffer, #searchandoffer	{  border: 8px solid #D7EBF6; }

.search {
	background-color: #ffffff;
	padding: 8px;
	vertical-align: top;
	}
	
.propertyhighlight, .travelcos, .agents, .privowners {
	padding: 8px;
	background-color: #ffffff;
	vertical-align: top;
	border: 8px solid #D7EBF6; 
	width: 49%;
	}	

.propertyhighlight { width: 55%; position: relative; }
.propertyhighlight .propicons { clear: both; margin-top: 20px;  position: relative;  }
.propertyhighlight .propicons td { padding-left: 30px ! important; position: relative;  }
.propertyhighlight .propicons td img { float: left; margin-left: -25px; }

.propertyhighlight .heading, .travelcos .heading, .agents .heading, .privowners .heading, .search .heading { margin-bottom: 8px; }


/* spacing td in center of double info boxes */
.margin { width: 10px; }

		
.centretable .heading, .notcentretable .heading {
font-family: arial, arial, sans-serif;
font-size: 18px; font-size: 1.8rem; 
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
	margin: -6px -6px 0px -6px; 
	padding: 2px 8px 2px 8px;
background: #D7EBF6;
	}


.notcentretable .heading { margin: 0px 0px 8px 0px;}
.notcentretable { padding: 2px;}


.titlecell.location { float: left; clear: left; }
.titlecell.beds, .titlecell.bedrooms, .titlecell.bathrooms { float: left;  clear: left;}
.titlecell.accomodation { float: left; clear: left; width: 100%;}
/*.titlecell.advanced { float: right ! important; clear: right; width: 100%;}*/

.searchfacilities { clear: both; margin: 20px 0;   }
.searchfacilities { border-collapse: collapse; }

.title cell.choosedate { display: block; width: 100%; clear: none; }
.arrive.date, .depart.date { float: left; }
.arrive.date input, .depart.date input { width: 160px;}
.titlecell strong { display: block; }
.basebutton { clear: both; text-align: right; padding: 0px 0 ! important; }

.titlecell { padding-top: 10px ! important }	
.selectdate { padding-top: 20px ! important;  }

.accomodationtype { display: inline-block; }
.accomodation strong { padding-right: 20px; }
.propnamesearch { width: 100%; padding: 0px 0 10px 0 ! important; clear: none; }
.gotoadvanced { text-align: center; padding: 20px; background: #eee; margin-top: 10px; padding: 6px ! important;  clear: both;}

.baseform { padding: 0px 0 ! important; margin-top: 10px;  }

.notcentretable:after { content:""; display: block; clear: both; }

.searchform { padding: 0 10px;  }


.leftform {   width: 55%; float: left;  }
.rightform {  width: 43%; float: right;}
.centerform{ text-align: center; }

.leftform:after, .rightform:after, .baseform:after { content:""; display: block; clear: both; }



/* search box */
.searchform { margin-top: 6px;}

.searchform div {
	padding: 2px 2px 0px 0px;
	vertical-align: middle;
	border: 0px;
	}
	
.searchform td.button {
	background-color: #ffffff;
	vertical-align: bottom;
	padding-left: 20px;
	padding-bottom: 4px;
	}	
	
.searchform form {
	text-align: center;
	padding-bottom: 2px;
	margin-bottom: 0px;
	margin-top: 8px;
	width: auto;
	}

/* input classes in search box */

.getproperties { width: 165px; }




	
/* content elements in boxed areas other than search */		
/* icon in featured rental */	
.propthumb {
	border: 1px solid #000000;
	margin: 8px 10px 10px 0px;
	float: left;
	}

.featurethumb {
	border: 1px solid #000000;
	margin: -4px 4px 2px 0px;
	}

.propicons td {
	font-style: italic;
	border-bottom: 1px solid #000000;
	padding: 2px;
	height: 24px;
	vertical-align: middle;
	}
			
.featured {
	color: #035B8F;
	font-weight: bold;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #035B8F;
	padding-top: 5px;
	padding-bottom: 1px;
	}
	
.new {
	padding: 1px 8px;
	font-style: italic;
	font-weight: bold;
	margin: 4px -8px 2px;
	color: #000000;
	text-align: right;
	float: right;
	}	




/* property page elements */
/* backlinks at top of page */
#backtrack { margin-bottom: 8px; font-size: 12px; font-size: 1.2rem; border-bottom: 1px solid #fff; height: 20px;}
#backtrack, #backtrack a:link { color: #555; font-weight: normal; }
#backtrack a { text-decoration: underline; }

/* property photos */
#photos { text-align: center; margin-left: 10px; margin-right: 0px; vertical-align: bottom; }
.mainphotos  { border: 4px solid #D7EBF6; margin-bottom: 0px; padding: 0px; position: relative; border-bottom: 0; }
.morephotos { border: 4px solid #D7EBF6; }

.mainphotos span { float: left;}
#PropertyCaption { background: #000; color: #fff; }


/* about the property  */
#about { padding-right: 8px; vertical-align: top;  padding-right: 10px; width: 80%; padding-bottom: 10px;}
#icontable { vertical-align: bottom; padding-right: 10px; }	

.desc { font-style: italic; }
.extrainfo { background: #eee; padding: 5px; font-style: italic; font-size: 1.1rem; margin-top: 5px;}
.propdescription { padding: 20px 0; }

/* property icons */
table.icons  { width: 100%; background: #D7EBF6;  }
.icons { border-collapse: collapse; }

.icons td {
	font-weight: bold;
	padding: 3px 5px;
	height: 24px;
	vertical-align: middle;
	font-size: 12px; font-size: 1.2rem;
	border: 1px solid #fff;
	}	

.infotable { width: 100%; }

td.ratessummary { background: #2B90CA; color: #fff;}
td.rundown { border: none; }
td.minimap { width: 160px; padding: 0; }

/* rates */
.ratestable { width: 90%; }
.ratesarea { width: 100%; }
.ratestable td { padding: 3px; white-space: nowrap;}
.ratesdetails { width: 250px; }	
.rate1 { }
.rate2 { background-color: #EAF4F9; }
.rate { text-align: right }
.previousRate { color: #999999; font-style: italic; }
.rateComment { font-style: italic; }

.rentalratesdetails { width: 250px; }

.lastminutedeals .ratestable { width: 90%; padding-right: 5px; }
td.specialoffers { width: 250px; }

/* facilities */
.facilities { border-top: 2px solid #fcbb11; border-bottom: 2px solid #fcbb11; width: 100%; }
.facilities td { white-space: nowrap; padding: 4px ! important; }
.leftborder { border-left: 2px solid #fcbb11; }
.rightborder { border-right: 2px solid #fcbb11; }
.bothborder, table .sectionheading { border-right: 2px solid #fcbb11; border-left: 2px solid #fcbb11; }



/* adstyles.css below */
.ehd {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 5px;
}

/* .ehd img, .ehd iframe, .ehd object {
	float: left; 
	margin-right: 10px;
	border: none;
	margin-bottom: 34px; 
clear: right; 
margin-top: 30px;
} */

.ehd img  {
	float: left; 
	margin-right: 10px;
	margin-bottom: 10px;
	border: none;

}
.ehddesc {
	font-weight: normal;
 	clear: both; 
}

.ehd:after { content: ""; display: block; clear: both; }

.texttitle {
	margin-bottom: 4px;
	font-weight: bold;

}
.secttext {
	font-weight: normal;
}
.container {
	background-color: #FFFFFF;

}

.booktitle {
/* removed styles from here, added booktitle to subtitle for stying */

	}


.booktitle a:link, .booktitle a:visited {
	font-weight: bold;
	color: #035B8F;
	}

/* resturant ede */
.cuisine {
  font-weight: bold;
}
/* borders for Bus Timetables */
.zborderleft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2690ca;
}
.zborderright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2690ca;
}
.zbordertop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2690ca;
}.zborderbottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2690ca;
}
/* text stles for latest deals */
.dealsred {
/* display: block; */
padding: 5px 0; 
	font-size: 16px;
	color: #FF800D ! important; /* temp */
text-align: left;
font-weight: bold;
}
.dealstext {
font-weight: bold;

}
/* Latest Deals Box on Home Page */
	.stoppress {
	width: 200px;
}

.stoppress { 
	float: right; 
	margin: 0 auto 10px 10px;
	}

.stoppresstitle {
	font-weight: bold;
	text-transform: capitalize;
	color: #000;
	background-color: #FFB510;
	padding: 3px;
	margin: 0px;
	border: 0px solid #2B90CA;
	text-align: center;
}
.stoppressbox {
	border: 0px solid #000;
	background: #ffcd33;	
	padding: 4px 2px 6px 4px;
}


/* ------------------ page numbers ----------------------- */
.active { background: #aadff3; padding: 2px 5px;}
.pagenumbers { background: #D7EBF6; padding: 4px; }


.centretable textarea, .centretable input, .centretable select, .centretable .textfield,
.notcentretable textarea, .notcentretable input, .notcentretable select, .notcentretable .textfield { 
border: 1px solid #aadff3; 
border-bottom-width: 2px; 
font-size: 14px; font-size: 1.4rem;
color: #666; 
padding: 1px; 
background: #EAF4F9; 
}

input[type="radio"], input[type="checkbox"] { background: transparent; border: none; } 

.centretable input[name="Submit"], input.getpropertiesbutton, input.searchbutton, input#go { 
color: #fff; 
background: #2B90CA;
border: 0px; 
padding: 2px; 
font-size: 15px; font-size: 1.5rem; 
}
.date p { margin: 0; padding: 5px 0 0 0;}

 
/* --------------------- right navigation column area ------------------ */

/* twitter and facebook share icons */
div.sharethis { padding: 5px; text-align: right; background: #ededed; margin: 0;  }

.sharing { padding: 10px 0 10px 28px; text-align: left; }
.sharing iframe {}
.fb-like { margin-top: 0px;  margin: 0 ! important;  float: left; width: 50px ! important; }
.promo { clear: both; }



/* sidebuttons */

.sidebutton { 
	padding: 5px 8px 3px 0 ! important; 
	margin: 0 0 4px 10px; 
	text-align: left; 
	font-size: 1.3rem; 
}

.promo .sidebutton { margin: 0 0 4px 0px; }

.promo .sidebutton a:link, .promo .sidebutton a:visited {
font-weight: normal; 
	}


.sidebutton a {
	display:table-cell; 
	vertical-align:middle;
	}

.sidebutton.bluebutton, .promo2.bluebutton { 
	background: #2f7fc2 url(/images/bluegrad.png) repeat-x 0 0;
	color: #fff; 
	}

.palebluebutton { background: #aadff3;}
	 
.sidebutton.bluebutton a, .promo .promo2.bluebutton a { 
	color: #fff ! important; 
	text-decoration: none; 
	}

.sidebutton.yellowbutton a, .promo .promo2.yellowbutton a { 
	color: #000 ! important; 
	text-decoration: none; 
	}


.sidebutton.yellowbutton, .promo2.yellowbutton { 
	background: #f7bc21 url(images/yellowgrad.png) repeat-x 0 0;
	color: #000; 
	border: 1px;
	}

.sidebutton:after { content: ""; display: block; clear: both; }
.yellowbutton:after, .bluebutton:after { clear: both; content:""; display: block;}
.yellowbutton, .bluebutton {display:inline-block;}

.sidebutton img { float: left; margin: 0 10px 0 5px ! important; }





/* promo boxes */
.promo a, .promo a:link, .promo a:visited {
	font-weight: bold;
	color: #035B8F;
	text-decoration: none;
	}

.promo a:hover {
	color: #555555;
	text-decoration: none;
	}
	
.promo {
	text-align: center;
	padding: 10px;
	padding-right: 0; 
	}

.promo .promo { padding: 0; } /* put this in to prevent accidently double nesting generated by the system */
	
.promo1 {
	BORDER-BOTTOM: 1px solid #2b90ca;
	TEXT-ALIGN: center;
	padding: 2px;
	margin: 0px 0px 6px 0px;
	}
	
.promo2 {
	padding: 2px 4px 6px 4px;
	TEXT-ALIGN: center;
	background-color: #97d5eb;
	border: 1px solid #2b90ca;
	margin: 0px 0px 6px 0px;
	}
	
.promo3 {
	padding: 2px 4px 6px 4px;
	TEXT-ALIGN: center;
	border: 1px solid #2b90ca;
	background-color: #ffffff;
	margin: 0px 0px 6px 0px;
	}

.promo3title {
	padding: 2px 4px 2px 4px;
	TEXT-ALIGN: center;
	background-color: #2b90ca;
	border: 1px solid #2b90ca;
	font-weight: bold;
	color: #FFFFFF;
	}

.ad120 {
	TEXT-ALIGN: center;
	width: 120px;
	margin: 0 auto 8px auto; 
	}

.ad150 {
	TEXT-ALIGN: center;
	width: 150px;
	margin: 0 auto 8px auto; 
	}	


/* base */
#clear, .clear { clear: both; }
#footer {
	color: #FFFFFF;
	background-color: #000000;
	border: 0px solid #000000;
	border-top: 1px solid #000000;
	padding: 2px 6px;
	}
	
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

	
/* ---------------------- admin area content --------------------- */
.dropdown, .textfield {
	background-color: #D7EBF6;
	border-top: 2px solid #333333;
	border-left: 2px solid #333333;
	border-bottom: 1px solid #2B90CA;
	border-right: 1px solid #2B90CA;
	}		


.menu { background-color: #D7EBF6; }

   
.button {
	background-color: #D7EBF6;
	border-bottom: 2px solid #333333;
	border-right: 2px solid #333333;
	border-top: 1px solid #2B90CA;
	border-left: 1px solid #2B90CA;
	}

	
.admin {
	background-color: #D7EBF6;
	border: 1px solid #000000;
	padding: 8px;
	vertical-align: top;
	}	
	
.adminform {
	text-align: left;
	padding-bottom: 2px;
	margin-bottom: 0px;
	margin: auto;
	margin-top: 8px;
	}	

/* search listing results page */
.searchresults { 
	border-bottom: 2px solid #999999; 
	margin-bottom: 10px; 
	width: 100%; 
	border-collapse: collapse; 
	}
	
.searchresults td { 
	border-bottom: 1px solid #bbbbbb; 
	vertical-align: middle;
	}
	
.special { 
	font-weight: bold; 
	color: #cc0000; 
	}

.searchicons { 
	background-color: #eeeeee; 
	width: 120px; 
	}
	
.searchpic { 
	padding: 4px 4px 4px 4px; 
	width: 60px; 
	text-align: center; 
	vertical-align: middle; 
	border-right: 1px solid #999999;
	}
	
.searchname { padding-bottom: 6px; }
.searchname .subheading { margin-bottom: 0px; }

.searchbutton { 
	text-align: right; 
	float: right; 
	}

.propnamesearch { 
	text-align: center; 
	padding-bottom: 20px;
	}
	
.minisearch {  margin-top: 0px; }

.accomtype { 
	display: inline-block; 
	padding-right: 20px;
	}

.findmore { 
	text-align: left; 
	width: 125px; 
	margin-left: 8px; 
	margin-bottom: 12px;
	}
	
.findmore .subheading { margin-bottom: 6px; height: 100% }

.expired { color: #cc0000; }
.incomplete { color: #cc0000; }
.advertisersInfo { color: #035B8F; }




/* beach pages */
.beachtable { border: 1px solid #999999; border-right: 0px; margin-top: 10px; width: auto; }
.beachtable td { border-bottom: 1px solid #999999; border-right: 1px solid #999999; }
.prpsummary td?? { background-color: #cccccc; border-bottom: 1px solid #999999;}




/* ----------------------- image slideshow ---------------------------- */


td#photos { width: 300px; }
.showphotos { border: 6px solid #D7EBF6; float: left ! important; vertical-align: bottom; }

.ad-gallery {
width: 300px;   
}

#hidden_slideshow .ad-gallery {
width: 600px;   
}


.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 300px;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
background: #aadff3;
  }

#hidden_slideshow .ad-gallery .ad-image-wrapper {
height: 500px;
background: #fff; 
margin-top: 0; }

#hidden_slideshow h4 { margin-bottom: 0; }


    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 300px;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 300px;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
font-size: 12px ; font-size: 1.2rem;
font-weight: bold;
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: #000;
        color: #fff;
opacity: .75;
filter: alpha(opacity = 75);
margin-bottom: 0; 
      }

      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
display: none;
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
background: #D7EBF6;
padding-bottom: 6px;
  }

#hidden_slideshow .ad-gallery .ad-nav {
/* background: #333; */

  }

    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 58px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -0px;
      width: 13px;
      display: block;
      background: url(images/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: 0px;
      width: 13px;
      background: url(images/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 90%;

padding-top: 6px;
margin: 0 auto;

    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #aadff3;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #035B8F;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}


.ad-thumb-list img { width: 40px; height: 40px;}

  #gallery {
    padding: 30px;
    background: #e1eef5;
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }


/* testing */
.noDisplay { display: none;}

 
/* ------------------------- lightbox overlay ---------------------- */

#hidden_slideshow, .ad_gallery {
	-moz-box-shadow:    0px 0px 12px 0px #000;
	-webkit-box-shadow: 0px 0px 12px 0px #000;
	box-shadow:         0px 0px 12px 0px #000;
}

#simplemodal-container a.modalCloseImg {
	background: url(images/close.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top: 0px;
	right:-18px;
	cursor:pointer;
}


.simplemodal-overlay { background: #000; opacity: .8; }
.simplemodal-wrap {  padding: 0px; overflow: display; height: 700px ! important;}

.googlelargemap { background: #fff; padding-bottom: 20px;}
.googlelargemap .attn{ color: #035B8F; font-size: 12px; font-weight: bold;  }
.googlelargemap h4{ margin-bottom: 10px; }
.googlelargemap p{ width: 580px; margin-left: auto; margin-right: auto; margin-top: 1em;}
#gmapLarge{ height:400px; width:580px; border:1px solid; margin: auto; margin-bottom: 10px;} 
.gmapTooltip {
   font-family: arial,sans-serif;
   font-weight:lighter;
   font-size: smaller;
   background-color:#FFFFE1;
   border:1px #000000 solid;
}


.linktolarger { background: #aadff3 }
.ad-gallery { overflow: hidden; }

.tableL eft { display: none; }

.tabs { text-align: right; border-bottom: 4px solid #2B90CA; padding-right: 10px; }
.tabs .active { border: 1px solid #2B90CA; 
margin-right: 10px; 
border-bottom: 0px; background: #fff; 
padding: 4px 10px 8px 10px;
margin-bottom: -4px; 
font-weight: bold;  display: inline-block; }
.tabs a { border: 1px solid #2B90CA; padding: 4px 10px 4px 10px; background: #aadff3;
border-bottom: 0px solid #2B90CA; display: inline-block; 
margin-right: 10px; }



/* testing */
/* #largemap { display: none;} */


.spacegap { height: 0px; clear: both; }

.error { color: red; }

/* Google DFP Banner classes */
.dfp { text-align: center; }

.dfp-mr { 
		float: left; 
	margin-right: 10px; 
	margin-bottom: 30px;
	}
#cookie-compliance {
    background-color: #eee;
    border-color: #999;
    color: #000;
    font-size: 12px;
    margin-bottom: 0;
    padding: 10px;
	line-height: 20px;
    max-width: 1000px;
    min-width: 800px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#cookie-compliance a:link, #cookie-compliance a:visited {
    color: #035b8f;
}
#cookie-compliance a {
    font-weight: bold;
    text-decoration: none;
}
#cookie-compliance button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    color: #000;
    float: right;
    font-size: 20px;
    font-weight: 700;
    text-shadow: none;
    top: -2px;
	height: 20px;
    right: 0;
    position: relative;
}