/* 
   SureRent.co.uk : Homepage Stylesheet
   ===================================
   Gavin Cooper, July 08
   
   TENANT+LANDLORD                                                                  TENANT+LANDLORD ::
------------------------------------------------------------------------------------------------------------ */
div#split
{
	border-left:	1px solid #cbcccd;
	border-right:	1px solid #cbcccd;
	margin:			6px 0 0;
	width:			958px;
	}
body#register div#split
{
	margin:			0;
	border:			0;
	}
div.half, div.half_banner
{
	float:			left;
	width:			470px;
	border-bottom:	1px solid #cbcccd;
	border-top:		1px solid #cbcccd;
	/*min-height:		232px;*/
	min-height:		142px;
	height:			auto !important;
	/*height:			232px; /* FIX IE */
	height:			175px; /* FIX IE */
	}
div#tenant, div#landlord
{
	float:			left;
	position:		relative;
	width:			470px;
	height:			100%;
	}
/*
div#tenant
{
	background:		url("../img/tenant.gif") right top no-repeat;
	}
div#landlord
{
	background:		url("../img/landlord.gif") right top no-repeat;
	}
*/
div#split div.register h2
{
	width:			440px;
	}
div#rent
{
	border-right:	1px solid #cbcccd;
	border-left:	1px solid #cbcccd;
	/*background:		url("../img/rent.gif") repeat-x;*/
	background:		url("../img/tenant.gif") left top no-repeat;
	padding-bottom:	10px;
	}
div#let
{
	float:			right;
	border-right:	1px solid #cbcccd;
	border-left:	1px solid #cbcccd;
	/*background:		url("../img/let.gif") repeat-x;*/
	background:		url("../img/landlord.gif") left top no-repeat;
	padding-bottom:	10px;
	}
body#home div#rent
{
	border-left:	0;
	padding:		0;
	background:		url("../img/tenant.gif") left bottom no-repeat;
	}
body#home div#let
{
	border-right:	0;
	padding:		0;
	background:		url("../img/landlord.gif") left bottom no-repeat;
	}
body#home div.half_banner
{
	min-height:		0;
	border:			0;
	height:			auto;
	margin:			6px 0 -2px;
	}
a.request_tenant img, a.request_landlord img
{
	display:		inline;
	border:			1px solid #cbcccd;
	margin:			0;
	}
a.request_landlord img
{
	margin-left:	18px !important;
	margin-left:	16px; /* FIX IE */
	}
div#content h3
{
	float:			left;
	display:		inline;
	border-bottom:	1px solid #cbcccd;
	color:			#FF7E00;
	font-size:		1.3em;
	font-weight:	bold;
	padding:		8px 0;
	margin:			0 10px;
	width:			291px;
	}
div#tenant h2, div #landlord h2
{
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			197px;
	w\idth:			182px;
	height:			113px;
	font-size:		2em;
	padding:		15px 0 0 15px;
	}
div#tenant h2
{
	background:		url("../img/tenant-speech.gif") no-repeat;
	/*color:			#17720d;*/
	color:			#dfb012;
	}
div#tenant p.about
{
	/*
	position:		absolute;
	top:			120px;
	left:			145px;
	width:			250px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	*/
	position:		absolute;
	top:			15px;
	left:			215px;
	width:			240px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	}
div#tenant p.about span.lquote, div#landlord p.about span.lquote
{
	display:		block;
	width:			19px;
	height:			17px;
	float:			left;
	margin:			0 6px 0 0;
	text-indent:	-9999px;
	}
div#tenant p.about span.lquote
{
	background:		url("../img/tenant-ldquo.gif") no-repeat;
	}
div#tenant p.about a.rquote, div#landlord p.about a.rquote
{
	white-space:	nowrap;
	display:		inline;
	margin:			0 0 0 4px;
	}
div#tenant p.about a.rquote
{
	background:		url("../img/tenant-rdquo.gif") no-repeat;
	}
div#tenant form
{
	position:		absolute;
	top:			170px;
	left:			45px;
	width:			340px;
	}
div#tenant fieldset
{
	float:			left;
	width:			340px;
	}
div#tenant legend
{
	display:		none;
	}
div#tenant ol, div#tenant ol li
{
	float:			left;
	width:			300px;
	margin:			4px 0 0;
	}
div#tenant label
{
	float:			left;
	font-size:		1.6em;
	margin:			2px 0 0;
	font-weight:	bold;
	color:			#fff;
	width:			100px;
	}
div#tenant input
{
	float:			left;
	padding:		3px;
	font-size:		1.3em;
	width:			190px;
	border:			1px solid #cbcccd;
	background:		#fff;
	color:			#686868;
	}
div#tenant button
{
	float:			right;
	width:			36px;
	height:			36px;
	background:		url("../img/tenant-start.png") no-repeat;
	text-indent:	-9990px;
  cursor:			pointer !important;
	}
div#tenant button:hover
{
	cursor:			pointer !important;
	}
div#tenant p#miniHelp
{
	position:		absolute;
	top:			206px;
	left:			150px;
	color:			#126008;
	font-size:		1.1em;
	font-weight:	bold;
	}
div#landlord h2
{
	background:		url("../img/landlord-speech.gif") no-repeat;
	/*color:			#1971bc;*/
	color:			#d64e27;
	}
div#landlord p.about
{
	/*
	position:		absolute;
	top:			120px;
	left:			135px;
	width:			280px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	*/
	position:		absolute;
	top:			15px;
	left:			215px;
	width:			240px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	}
div#landlord p.about span.lquote
{
	background:		url("../img/landlord-ldquo.gif") no-repeat;
	}
div#landlord p.about a.rquote
{
	background:		url("../img/landlord-rdquo.gif") no-repeat;
	}
div#landlord a#startlet
{
	/*
	position:		absolute;
	top:			185px;
	left:			135px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	padding:		10px 50px 10px 0;
	background:		url("../img/landlord-go.png") right top no-repeat;
	cursor:			pointer !important;
	*/
	position:		absolute;
	top:			92px;
	left:			322px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	padding:		8px 40px 10px 0;
	background:		url("../img/landlord-go.png") right top no-repeat;
	cursor:			pointer !important;
	}
div#tenant a#startten
{
	/*
	position:		absolute;
	top:			185px;
	left:			145px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	padding:		10px 50px 10px 0;
	background:		url("../img/tenant-start.png") right top no-repeat;
	*/
	position:		absolute;
	top:			92px;
	left:			322px;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#fff;
	padding:		8px 40px 10px 0;
	background:		url("../img/tenant-start.png") right top no-repeat;
	cursor:			pointer !important;
	}
	
/*   TOP LANDLORDS                                                                  TOP LANDLORDS ::
------------------------------------------------------------------------------------------------------------ */
div#content
{
	margin:			6px 0 0;
	width:			958px;
	}
div.element
{
	float:			left;
	width:			313px;
	margin-right: 	-3px;
	}
a.homepagead
{
	float:			left;
	margin:			0 -8px 4px 16px !important;
	margin:			0 -1px 4px 10px; /* FIX IE */
	}
div#rated
{
	float:			left;
	width:			312px;
	background:		#FFF;
	margin-bottom:	8px;
	}
div#top, div#bottom
{
	border:			1px solid #cbcccd;
	float:			left;
	width:			100%;
	background:		#eaeaea;
	}
div#top
{
	padding:		0 0 5px;
	}
div#rated div#top
{
	}
div#bottom
{
	padding:		0 0 10px;
	}
div#ending, div#latest
{
	float:			right;
	}
div.top
{
	float:			left;
	border-top:		1px solid #cbcccd;
	border-left:	1px solid #cbcccd;
	border-right:	1px solid #cbcccd;
	}
div#latest div.top, div#ending div.top
{
	background:		#eaeaea;
	}
div#ending
{
	display:		inline;
	margin:			0 9px 0 0;
	}
ol.top
{
	float:			left;
	display:		inline;
	width:			292px;
	margin:			5px 10px 0;
	}
ol.top li
{
	float:			left;
	clear:			left;
	width:			100%;
	margin:			4px 0;
	}
ol.top a.name
{
	float:			left;
	clear:			left;
	width:			56%;
	padding:		2px 0;
	font-size:		1.1em;
	color:			#7a7b7d;
	font-weight:	bold;
	}
ol.top a.name strong
{
	color:			#4f4f4f;
	}
ol.top a.name:hover, ol.top a.name:hover strong
{
	background:		none;
	color:			#FF7E00;
	}
ol.top span.stars
{
	float:			left;
	width:			80px;
	}
ol.top img
{
	float:			left;
	border:			none;
	margin:			1px 0 0;
	}
ol.top a.view
{
	float:			right;
	width:			32px;
	w\idth:			29px;
	font-size:		1.1em;
	padding:		2px 10px 2px 0;
	color:			#4f4f4f;
	background:		url("../img/small-arrow.gif") top right no-repeat;
	}
ol.top a.view:hover
{
	background-position: right -17px;
	color:			#4f4f4f;
	}
div#bottom h3 {
	margin-bottom:	7px;
	}
div#bottom h3 a
{
	color:			#FF7E00;
	}
div#bottom h3 a:hover
{
	background:		none;
	color:			#FF7E00;
	}
div#bottom a.img
{
	display:		inline;
	width:			132px;
	}
div#bottom img:hover
{
	border:			1px solid #FF7E00;
	}
div#bottom img
{
	float:			left;
	margin:			5px 10px 0 10px;
	}
div#bottom p, div#bottom ul
{
	margin:			0 0 10px 10px;
	display:		block;
	font-size:		1.1em;
	line-height:	1.7em;
	color:			#7a7b7d;
	}
div#bottom ul li
{
	margin:			0 0 0 20px;
	list-style-type:disc;
	}
div#bottom p strong
{
	color:			#4f4f4f;
	}
div#bottom a.more
{
	float:			left;
	margin:			2px 0 10px 10px;
	font-size:		1.1em;
	color:			#4f4f4f;
	font-weight:	bold;
	padding:		0 16px 0 0;
	background:		url("../img/small-arrow.gif") right -2px no-repeat;
	}
div#bottom a.more:hover
{
	background-position: right -19px;
	}
ol.prop
{
	float:			left;
	display:		inline;
	margin:			0 10px;
	padding:		0 0 10px;
	width:			292px;
	}
ol.prop li
{
	float:			left;
	width:			293px;
	margin:			10px 0 0;
	}
ol.prop li img
{
	float:			left;
	margin:			0 10px 0 0;
	}
ol.prop li img:hover
{
	border:			1px solid #FF7E00;
	}
ol.prop li h4
{
	float:			left;
	width:			135px;
	font-size:		1.3em;
	}
ol.prop li h4 a:hover
{
	color:			#FF7E00;
	}
h4 span.price
{
	float:			left;
	}
h4 span.time
{
	float:			right;
	}
h4 span.soon
{
	color:			#d6390e;
	}
ol.prop p
{
	float:			left;
	height:			60px;
	width:			135px;
	}
ol.prop p a
{
	display:		block;
	width:			135px;
	height:			60px;
	color:			#7a7b7d;
	font-size:		1.2em;
	background:		url("../img/small-arrow.gif") right 43px no-repeat;
	}
ol.prop p a:hover
{
	background:		url("../img/small-arrow-grey.gif") right 43px no-repeat;
	}
span.location
{
	font-size:		0.9em;
	}
a.all
{
	float:			left;
	width:			316px;
	w\idth:			290px;
	padding:		5px 11px;
	font-size:		1.2em;
	color:			#fff;
	}
a.norm
{
	border-left:	1px solid #d0d1d3;
	border-right:	1px solid #c4c5c7;
	color:			#4f4f4f;
	background:		url("../img/all.gif") right top no-repeat;
	}
a.norm:hover
{
	border-left:	1px solid #dddedf;
	background-position: right -28px;
	}
a.emph
{
	border-left:	1px solid #ff8b19;
	border-right:	1px solid #ff7e00;
	background:		url("../img/all-emph.gif") right top no-repeat;
	}
a.emph:hover
{
	border-left:	1px solid #ff9731;
	background-position: right -28px;
	}
div#new
{
	background:red;
	float:			right;
	margin:			0 7px 0 0;
	}