/* CSS Document */

/* general settings */
body { text-align: center;  }
t8d {  font-family: verdana; }
p {
	margin: 0px 0px 8px;
	font-family: verdana;
	font-size: 11px;
}

td {
	vertical-align: top
	}

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

ul { margin: 6px 30px;}
li {margin-bottom: 4px;}
	
/* text styles */
.pagetitle {
	font: 300 18px arial, helvetica, "sans-serif normal";
	color: #035B8F;
	}

.heading {
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 8px;
	margin: -8px -8px 0px;
	border-bottom: 1px solid #000000;
	background-color: #97D5EB;
	}

.subheading {
	font-weight: bold;
	font-size: 12px;
	color: #035B8F;
	}


.subheading a:link, .subheading a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #035B8F;
	}

.emph {
	color: #035B8F;
	font-weight: bold;
	font-size: 120%;
	}
	
/* not in use - see facilities under property page elements */
.xsectionheading, td.xsectionheading {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #035B8F;
	padding: 2px;
	margin-top: 12px;
	margin-bottom: 8px;
	}

.caption {
	font-style: italic;
	font-size: 9px;
	font-family: tahoma, sans-serif;
	text-align: right;
	width: 100%;
	}

/* outer (holds the lot) */
#outer {  
	width: 752px; 
	margin: 10px auto 10px auto; 
	text-align: left; 
	border: 1px solid #035B8F; 
	/* background: url(nav/banner.gif) repeat-x top center; */
	}

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

#travelbanner {
	position: relative;
	background: #ffffff url(nav/travelbanner.gif) repeat-x left top;
	height: 91px;
}

span.sun { position: absolute; top: -16px; left: -10px; }

span.logo {  position: absolute; top: 55px; left: 435px; }

div.nav {
	padding: 1px 1px 1px 142px;
	background: #000000;
	
}

span.navlinks {
	

	} 


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

/* content area of page - 3 columns */
#content { 
	border-top: 0px solid #000000;
	background: #D7EBF6;
	}

table.content {
	padding: 0px;
	border: 0px; 
	}

/* left nav area */
#leftnav {
	width: 140px;
	border-right: 0px solid #035B8F;
	vertical-align: top;
	background: #D7EBF6;
	padding: 0px 2px 0px 8px;	
}
.leftnavhead {
	height: 12px;
	font: italic bold 11px verdana;
	margin-left: 2px;
	margin-top: 8px;
	margin-bottom: 4px;
}
span.leftnavlinks {
	
	
}

.leftnavlinks a, .leftnavlinks a:link, .leftnavlinks a:visited {
	color: #000000;
	text-decoration: none;
	padding: 1px 0px 1px 10px;
	font: normal 10px verdana, sans-serif;
	width: 100%;
	margin: 0px;
	background-image: url(nav/arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}
.leftnavlinks a:hover {
	background: #2b90ca;
	color: #FFFFFF;
}


/* main content area */
#main, #main2 {
	vertical-align: top;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0px;
   padding-top: 10px;
	padding-bottom: 10px;
	}

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

#main { width: 468px;}
#main2 { width: 570px;}	

#main td, #main2 td { font: 11px Verdana, Arial, Helvetica, sans-serif; }	

/* #ad is relevant to pages with banner add only */
#ad {
	width:468;
	height:60;
	background-color: #cccccc;
	margin: 0px 0px 16px;
	}
	
#guts {
	text-align: left;
	padding: 16px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	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;
	}

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

	

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

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

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

/* secondary nav if required */	
#secondarynav {
	padding: 2px 8px 2px 8px;
	background: #035B8F;
	font-size: 10px;
	font-family: verdana; sans-serif;
	font-weight: normal;
	color: #ffffff;
	margin: 0px;
	margin-top: -8px;
	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 */	
.centretable { width: 432px; }


#text {
		}

/* tds and elements within each boxed area */		
.search {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 8px;
	vertical-align: top;
	}
	
.propertyhighlight, .travelcos, .agents, .privowners {
	padding: 8px;
	background-color: #ffffff;
	vertical-align: top;
	border: 1px solid #000000;
	width: 200px;
	}	

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

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

/* not used? */			
.headingreverse {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
	margin: 0px -8px 0px -8px;
	padding: 0px 8px 2px 8px;
	}

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

table.searchform  td {
	padding: 2px 2px 0px 0px;
	vertical-align: middle;
	border: 0px;
	}
	
table.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: 100%;
	}

/* input classes in search box */
.getproperties, .getdates {
	font-size: 11px;
	font-family: verdana, sans-serif;
	background-color: #D7EBF6;
	border-top: 2px solid #333333;
	border-left: 2px solid #333333;
	border-bottom: 1px solid #2B90CA;
	border-right: 1px solid #2B90CA;
	}	

.getproperties {
	width: 165px;
}	

.getpropertiesbutton {
	font-size: 11px;
	font-family: verdana, sans-serif;
	background-color: #D7EBF6;
	border-bottom: 2px solid #333333;
	border-right: 2px solid #333333;
	border-top: 1px solid #2B90CA;
	border-left: 1px solid #2B90CA;
	}	

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

.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: 100%;
	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; height: 12px;}

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

/* about the property  */
#about { padding-right: 8px;
	
	}
	
.desc { font-style: italic; font-size: 11px; }

/* property icons */
table.icons  { width: 100% ;
	}
		
.icons td {
	font-style: italic;
	border-bottom: 1px solid #000000;
	padding: 2px;
	height: 24px;
	vertical-align: middle;
	}	


/* rates */
.ratestable {  width: 250px;}
.ratestable td { padding: 3px; border-bottom: 1px solid #000000; white-space: nowrap;}
.ratesdetails { float: right; width: 280px; border-left: 1px solid #000000; padding-left: 6px;}	
.rate1 {}
.rate2 { background-color: #eeeeee; }
.rate { text-align: right }
.previousRate { color: #999999; font-style: italic; }
.rateComment { font-style: italic; }

/* facilities */
.sectionheading { 
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #eeeeee;
	padding: 2px;
	margin-top: 12px;
	margin-bottom: 8px;
	border: 1px solid #000000;
	}
.facilities { border-bottom: 1px solid #000000; width: 540px; }
.facilities td { white-space: nowrap; }
.leftborder { border-left: 1px solid #000000; }
.rightborder { border-right: 1px solid #000000; }
.bothborder { border-right: 1px solid #000000; border-left: 1px solid #000000; }

/* other tables on this page */
.infotable { width: 560px; }

/* other sections */
 
/* right advertising area */
#rightnav {
	width: 140px;
	vertical-align: top;
	text-align: center;
	background: #D7EBF6;
	padding: 0px 0px;
	}

.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 {
	width: 120px;
	text-align: center;
	margin-left: 8px;
	}

	
.promo1 {
	FONT-SIZE: 10px;
	BORDER-BOTTOM: 1px solid #2b90ca;
	FONT-FAMILY: verdana, sans-serif;
	TEXT-ALIGN: center;
	padding: 2px;
	margin: 0px 0px 6px 0px;
	}
	
.promo2 {
	FONT-SIZE: 10px;
	padding: 2px 4px 6px 4px;
	FONT-FAMILY: verdana, sans-serif;
	TEXT-ALIGN: center;
	background-color: #97d5eb;
	border: 1px solid #2b90ca;
	margin: 0px 0px 6px 0px;
	}
	
.promo3 {
	FONT-SIZE: 10px;
	padding: 2px 4px 6px 4px;
	FONT-FAMILY: verdana, sans-serif;
	TEXT-ALIGN: center;
	border: 1px solid #2b90ca;
	background-color: #ffffff;
	margin: 0px 0px 6px 0px;


}
.promo3title {
	FONT-SIZE: 10px;
	padding: 2px 4px 2px 4px;
	FONT-FAMILY: verdana, sans-serif;
	TEXT-ALIGN: center;
	background-color: #2b90ca;
	border: 1px solid #2b90ca;
	font-weight: bold;
	color: #FFFFFF;


}

.ad120 {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana, sans-serif;
	TEXT-ALIGN: center;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 8px;

}

.ad150 {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana, sans-serif;
	TEXT-ALIGN: center;
	width: 150px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: -10px;

}	

/* base */
#clear { clear: both; }
#footer {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	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;
	}


/* rentals main page specific classes */


	
/* admin area content */
	
.dropdown, .textfield {
	font-size: 11px;
	font-family: verdana, sans-serif;
	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;
	font-size: 11px;
	font-family: verdana, sans-serif;
}
   
.button {
	font-size: 11px;
	font-family: verdana, sans-serif;
	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: 432px; }
.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: 4px; }
.searchname .subheading { margin-bottom: 4px; height: 100%; }


.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; }