/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}

div.container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}


/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

.no_margin
{
	margin:0 0 0 0;
}

.itemPlaceholderContainer
{
    margin: 10px 0;
}

/* ILoadBox */
/*******************************************************************************/
div.ILoadBox
{
    margin: 5px 0;
}

.fixedsizegallery
{
    width: 380px;
    height: 200px;
    overflow: auto;
}

.clickableimagepanel
{
    float: left;
    width: 158px;
    text-align: center;
    border: 6px solid #CCCCCC;
	margin: 8px 4px 4px 0;
}

/* site container */
/*******************************************************************************/
body
{
	background: #fff url(/site/img/site-bg.gif) center top repeat-x;
}

div.container
{
	width: 965px;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}




/* header block */
/*******************************************************************************/
div#header_container
{
	height: 110px;
	position: relative;
}

.logo
{
	position: absolute;
	top: 19px;
	left: 27px;
}

#phonenumber
{
	position: absolute;
	top: 22px;
	right: 20px;
	font-size: 4em;
	color: #d6390c;
}

.navigation
{
	width: 965px;
	height: 38px;
	background: #e4e4e4 url(/site/img/menu-bg.gif) no-repeat;
}

.navigation ul
{
	margin: 0 28px;
}

.navigation ul li
{
	float: left;
	font-size: 1.16em;
	list-style-type: none;
	background: url(/site/img/menu-item-off.gif) no-repeat right top;	
	margin-bottom: 0;
}

.navigation ul li span
{
	display: block;
}

.navigation ul li span a
{
    padding: 9px 19px 0;
	font-weight: normal;
	line-height: 29px;
	display: block;
}

.navigation ul li span a:hover
{
    background: #c93307 url(/site/img/menu-item-on.gif) no-repeat right top;
    color: #fff;
}

.navigation ul li.tab span
{
    background: #c93307 url(/site/img/menu-tab-bg.gif) no-repeat right top;
}

.navigation ul li.tab span a
{
    background: url(/site/img/menu-tab-left.gif) no-repeat left top;
    color: #fff;
    padding-top: 4px;
    line-height: 34px;
}

.navigation ul li.tab span a:hover
{
}


#search
{
	float: left;
	width: 685px;
	height: 225px;
	background: #C93307 url(/site/img/searchbox-bg.gif) no-repeat;
}

#search .content
{
    margin: 20px;
}

#valuation
{
	float: left;
	width: 278px;
	height: 225px;
	background: #C93307 url(/site/img/valuation-bg.gif) no-repeat;
}

#valuation .content
{
    margin: 20px 10px;
}


/* body block */
/*******************************************************************************/
div#body_container
{
	margin: 10px;
}

#content
{
	float: left;
	width: 658px;
	margin: 0 10px 20px;
}

#rightnav
{
	float: left;
	width: 260px;
}

#rightnav img
{
	padding-bottom: 10px;
}

.landlordmenu
{
    background: #e4e4e4 url(/site/img/landlord-menu-bg-bot.gif) no-repeat bottom;
    margin-bottom: 10px;
}

.landlordinner
{
    padding: 20px;
    background: url(/site/img/landlord-menu-bg-top.gif) no-repeat top;
}

/* HOMEPAGE */
/*******************************************************************************/
.columncontainer .col
{
    float: left;
    width: 30.5%;
    margin-right: 2.5%;
}

/* CHART */
/*******************************************************************************/
.comparetable
{
    margin: 10px;
    width: 95%;
}

.comparetable th
{
    background-color: #C93307;
    padding: 5px;
    color: #fff;
}

.comparetable tr td
{
    padding: 5px;
    border-bottom: 1px dashed #ccc;
}


/* SERP */
/*******************************************************************************/
.serp_result
{
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
}

.serp_result .thumbnail
{
    border: 6px solid #ccc !important;
    margin-right: 10px;
}

.bedbathrow
{
    padding: 6px;
    text-align: center;
    width: 158px;
}

.bedbathrow .numbathroom
{
    margin-left: 10px;
}

.buttonrow
{
    text-align: right;
    margin: 10px 0;
}

.PropertyTypeLabel
{
    width: 60%;
    display: block;
    float: left;
}

.AvailableFromLabel
{
    width: 40%;
    text-align: right;
    display: block;
    float: left;
}

.buttonrow .key
{
    margin-left: 20px;
}

.propertyimage
{
    float: left;
    width: 158px;
    position: relative;
    border: 6px solid #CCCCCC;    
    margin-right: 10px;
}

.propertyimage a
{
    float: left;
    margin: 0;
    padding: 0;
}

.propertyimage .thumbdiv
{
    float: left;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: transparent url(/site/img/thumbcount-bg.gif) no-repeat;
}

.propertyimage .thumbdiv span
{
    float: left;
    position: absolute;
    right: 4px;
    bottom: 4px;
}


/* property details page */
/*******************************************************************************/
.detailstable
{
    margin: 20px 40px 20px 20px;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
}

.detailstable th,
.detailstable td
{
    line-height: 1.45em;
    padding: 5px 10px;
}

.detailstable tr.alt th,
.detailstable tr.alt td
{
    border-top: 1px solid #ccc;
    background-color: #e4e4e4;
    border-bottom: 1px solid #ccc;
}

#property_detail .calltoactions
{
    text-align: right;
    margin: 20px 0;
}

#property_detail .calltoactions a
{
    margin-left: 20px;
}

/* footer */
/*******************************************************************************/
div#footer_background
{
	background-color: #E4E4E4;
}

div#footer_container
{
	color: #5d5d5d;
	font-size: 0.83em;
	padding: 10px 20px;
}

div#footer_container p
{
	color: #5d5d5d;
}