/* 
    Document   : home.css
    $LastChangedRevision: 874 $
	$LastChangedBy: jamiemorgan $
	$LastChangedDate: 2010-04-08 12:08:55 +0100 (Thu, 08 Apr 2010) $
    Description:
        HOME STYLES, styles that are applied to the Home Page of the site.
*/

#main_feature { height:373px; background:url(../images/main_feature.jpg) top left no-repeat;position:relative;}

#cmbSleeps, #cmbArea {width:150px;margin-top:5px;}

#imgBtnCountry, #imgBtnArea {margin:4px 0 0 15px;}
#qs_search label, #prop_ref label {
	float:left;
	padding:6px 0px 0px 6px;
	width:60px;
	clear:both;
	display:block;
	color:#fff;
}
#propref {
	width:90px;
	margin:4px 14px 5px 0px;
	border:1px solid #999;
	padding:2px;
	float: left;
}

#search_detail_txt {
	width:180px;
	margin:5px 0 5px 6px;
	float:left;
}

#upper_three {float:left; margin-bottom:10px;}
#upper_three li {
	display:inline;
	float:left;
	width:298px;
	height:230px;
	margin:6px 0px 0 8px;

}
	li#stunning {background:url(../images/stunning.jpg) top left no-repeat}
	li#fabulous {background:url(../images/fabulous.jpg) top left no-repeat}
	li#offers {background:#004A7F url(../images/promo.jpg) top left no-repeat; z-index:1;position:relative } /* required for IE curves */
	li#offers span {z-index:1000}/* required for IE curves */
	li#offers a {position:absolute;bottom:16px;left:32px}
	
.section h3, .search h3, .rarHiererchyTitle, h3.generic, h3#generic, .header_text {
	display:block;
	padding:3px 4px;
	background-color:#a7ce38;
	color:#fff;
	font-size:1.1em;
	font-weight:600;
	margin-bottom:4px;
}
.rarHiererchyTitle{
	background-color:#006699;
	background-image:none;
}

#destguide {
	float:left;
	width:278px;
	height:120px;
	padding:10px;
	margin-bottom:12px;
	background:#DBE4EB;
	position:relative; /* required for IE curves */
	z-index:1; /* required for IE curves */
}
#letting {
	float:left;
	width:278px;
	height:120px;
	padding:10px;
	margin-bottom:12px;
	background:#DBE4EB;
	position:relative; /* required for IE curves */
	z-index:1; /* required for IE curves */
}

#letting a { float:right; }
#destguide *, #letting * {z-index:1000;} /* required for IE curves */

#quicksearch, #avail_search, #prop_ref, #townsearch {
	width:244px;
	background:url(../images/ie8macfix.png) top left repeat;
	position:absolute;
	right:11px;
	padding:6px 10px;
	color:#fff;
	z-index: 1000;/* required for IE curves */
}
#quicksearch {
	top:17px;
}
  #quicksearch strong { font-size:16px;}
#avail_search a, #map_search a, li#offers a { color:#f60}
#prop_ref {
	top:278px;
}
#prop_ref strong {float:left}
#avail_search {
	top:205px;
}
#townsearch {
	height: 40px;
	top:150px;
}
#townsearch label, #prop_ref .header{ font-weight:600; display:block; }

.sub_left {float:left;width:298px;margin:0 0 16px 8px;}
  .sub_left p, #sisters p {padding:0px 6px 16px 6px}
#sub_right {float:right;width:604px;margin-right:10px}
  #map_search {background:url(../images/map_search.png) top left no-repeat; width:298px; height:261px; margin-bottom:10px; float:left;}
  #map_search a {display:block; width:100px; padding:20px 0; font-size:14px}
  #map_search p {color:#ffffff; display:block; width:150px; font-size:16px; margin:5px 0 0 10px;}
   #sisters {
	width:286px;
	color:#fff;
	background:#5F8AAC url(../images/sisters_bg.jpg) repeat-x left bottom;
	float:right;
	padding:6px;
	height: 400px;
	position: relative;
	z-index:200;
} /* required for IE curves */
   #sisters p {font-size:15px}
  #sisters li {margin:3px 0 0 50px}
  #ecc, #icc, #fcc {display:block;width:179px;height:70px;}
  #ecc {background:url(../images/ecc.png) top left no-repeat}
  #icc {background:url(../images/icc.png) top left no-repeat}
  #fcc {background:url(../images/fcc.png) top left no-repeat}

#quicksearch #imgBtnSearch {float:right;margin:5px 28px 5px 0;}
#quicksearch #gobutton {display:block;height:24px;}
#propsearchbttn { float:left; margin-top:4px}


input#townsearchmyhat {margin-left:13px; margin-top:-2px;}