/* 
    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:356px; 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;}
#upper_three li {
	display:inline;
	float:left;
	width:298px;
	height:248px;
	margin:0px 0px 10px 8px;

}
	li#stunning {background:url(../images/offer_june_family.png) top left no-repeat}
	li#fabulous {background:url(../images/offer_june_breaks.png) top left no-repeat}
	li#stunning, li#fabulous {position:relative}
	.tcs {position:absolute; bottom:2px; left:20px; color:#fff}
	.linkout {display:block; width:298px; height:226px}
	li#offers {background:#650834 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 */
	#offertc_high { position:absolute; bottom:130px; left:32px; color:#fff}
	#offertc_low {position:absolute;bottom:12px;left:32px; color:#fff}
	
.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:#a7ce38; background-image:none;}

#regionguide, #letting {
	float:left;
	width:278px;
	height:138px;
	padding:10px;
	margin-bottom:12px;
	background:#EBDAE4 url(../images/sub_bg.jpg) top left repeat-x;
	position:relative; /* required for IE curves */
	z-index:1; /* required for IE curves */
}
#letting { margin-right:6px } 
#letting a { float:right; }
#regionguide { background:url(../images/regionguide_bg.jpg) top right no-repeat }

#regionguide *, #letting * {z-index:1000;} /* required for IE curves */

#quicksearch, #avail_search, #prop_ref {
	width:244px;
	background:url(../images/ie8macfix.png) top left repeat;
	position:absolute;
	right:10px;
	padding:6px 10px;
	color:#fff;
	z-index: 1000;/* required for IE curves */
}
#quicksearch {top:40px;}
  #quicksearch strong { font-size:16px;}
#avail_search a, #map_search a { color:#f60}
#prop_ref { top:260px;}
#prop_ref strong {float:left}
#avail_search {top:180px;}
.sub_left {float:left;width:604px;margin:0 0 16px 8px;}
  .sub_left p, #sisters p {padding:0px 6px 16px 6px}
#sub_right {float:right;width:298px;margin-right:10px}
  #map_search {background:url(../images/map_search.png) top left no-repeat; width:298px; height:261px; margin-bottom:20px}
  #map_search a {display:block; width:100px; padding:20px; font-size:16px}
  #sisters {width:286px;color:#fff;background:#B10F5B url(../images/sisters_bg.jpg) bottom left repeat-x; float:left; clear:left;padding:6px; margin-top:38px; z-index:1;position:relative } /* required for IE curves */
  #sisters p {font-size:15px}
  #sisters li {margin:3px 0 0 50px}
  #ecc, #icc, #scc {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}
  #scc {background:url(../images/scc.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}