/*================================================

	KINGS RESIDENTIAL
	-----------------
		
	File			: 	common.css
	By				:		
	Started		:		06/08/2007 13:05:55
		
		
================================================*/

/* === RESET ELEMENTS === */


/* === CONTAINERS === */
div#container
{
	text-align: left;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	width: 980px;
	margin-bottom: 15px;
	min-height: 850px;
  height: auto !important;
  height: 850px;
}

div#header
{
	height: 119px;
	padding-top: 7px;
	position: relative;
}

div#main
{
	position: relative;
	margin-top: 15px;
}

div#menu
{
	width: 210px;
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 20px;
}

div#menu
{
	_left: -220px;
}

div#content
{
	margin-left: 10px;
	color: #2C367E;
	font-size: 14px;
	line-height: 1.3;
	padding-bottom: 20px;
}

/* === SEARCH === */
div.property
{
	height: 150px;
	border-bottom: 1px solid #CBCCE0;
                     margin-top: 0px
	margin-bottom: 0px;
	font-size: 12px;
}

div.property img
{
	width: 167px;
	height: 125px;
	float: left;
	margin-right: 20px;
	border: 2px solid #28286E;
}

div.property p
{
	font-size: 11px;
	font-family: Verdana, sans-serif;
                     margin: 0;
}

div.property span.price
{
	color: #323C8C;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

div.row
{
	margin-bottom: 15px;
	float: left;
	clear: both;
}

form#search
{
	margin-top: 10px;
}

input, select, textarea
{
	font: 12px Verdana, sans-serif;
	padding: 5px;
	border: 1px solid #CBCCE0;
	min-width: 100px;
}

input, select
{
	float: left;
	clear: right;
}

label, input.button
{
	cursor: pointer;
}

label
{
	width: 200px;
	display: block;
	float: left;
	clear: left;
}

input.button
{
	background: #2C307A url(../images/body_bg.gif) center left repeat-x;
	border: 1px solid #28276D;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	min-width: 0;
}

.under-offer
{
	color: #FFF;
	background: #FFA73F;
	padding: 2px;
}

.completed
{
	color: #FFF;
	background: #FF3F3F;
	padding: 2px;
}

/* === PROPERTY VIEW === */
div#details
{
	width: 320px;
 	float:left;	

}

div#right
{
	width:395px;
	text-align:right;
/*	position: absolute;*/
	float:left;
	top: 0;
	right: 0;
}

div#right img.preview
{
	width:372px;
	height: 300px;
	background: url(../images/preview_l.jpg) center center no-repeat;
	margin: 0;
	margin-left:15px;
border:1px solid #010179;
	
}

div#right div.thumbs img
{
	width: 84px;
	height: 63px;
	background: url(../images/preview_small_l.jpg) center center no-repeat;
	margin-right: 6px;
}

div#map
{
	margin-bottom: 10px;
}

img.chart
{
	margin-top: 15px;
	width: 320px;
	height: 296px;
}

/* === BUY TO LET === */
div#right.buytolet
{
	top: 60px;
	text-align: right;
}

div#right.buytolet img
{
	margin-bottom: 20px;
}

/* === MAIN CONTENT === */
img#side
{
	float: right;
}

div#content h2
{
	font-size: 20px;
}


div#content h3
{
	font-size: 16px;
	margin-bottom: 14px;
}

div#content h4
{
	font-size: 12px;
	margin-bottom: 6px;
	color: #959595;
}

div#content ul, div#content ol
{
	margin-bottom: 15px;
	padding-left: 20px;
}

div.index
{
	padding-right: 350px;
	height: 800px;
}

div.hr
{
                     border-top: 1px solid #CBCCE0;
                     border-bottom: 1px solid #CBCCE0;
	margin-top: 0px;
	margin-bottom: 0px;
}


img.preview, ul.options
{
	float: left;
}

img.preview
{
	width: 217px;
	height: 160px;
	background: url(../images/preview.jpg) center center no-repeat;
	padding: 0px;
	margin-right: 10px;
}

div#content ul.options
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/*ul.options a
{
	display: block;
	background-position: center left;
	background-repeat: no-repeat;
	color: #5C5C8E; 
	padding: 14px 0 14px 50px;
	margin-bottom: 1px;
	_margin-bottom: -10px;
	_padding: 12px 0 12px 50px;
}*/
/**/
a.request { background-image: url(../images/request_viewing.jpg); }
a.map { background-image: url(../images/view_map.jpg); }
a.local { background-image: url(../images/local_information.jpg); }
a.print { background-image: url(../images/print.jpg); }
a.tour { background-image: url(../images/virtual_tour.jpg); }
a.basic { background-image: url(../images/basic.jpg); }
a.luxury { background-image: url(../images/luxury.jpg); }
a.premium { background-image: url(../images/premium.jpg); }
a.mortgage { background-image: url(../images/mortgage.jpg); }
a.hips { background-image: url(../images/hips.jpg); }
a.conveyancing { background-image: url(../images/conveyancing.jpg); }

div.thumbs
{
	clear: both;
	padding-top: 10px;
}

div.thumbs img
{
	margin-right: 4px;
	width: 60px;
	height: 45px;
	border:1px solid #010179;
}

div#preview
{
	margin-bottom: 10px;
	margin-top:10px;
}

p.note
{
	font-size: 11px;
	color: #888;
}

div#flash
{
	position: absolute;
	top: 0;
	right: 0;
}

img#credit
{
	float: right;
}

a.contactme
{
	float: right;
	width: 139px;
	height: 133px;
	background: url(../images/contactme2.gif) top left no-repeat;
	text-indent: -999em;
	display: block;
}

a.contactme:hover
{
	background: url(../images/contactme-over.gif) top left no-repeat;	
}

/* === VIRTUAL TOUR === */
iframe#tour
{
	width: 480px;
	height: 360px;
	overflow: hidden;
	float: left;
	border: 1px solid #000;
}

div#tours
{
	float: left;
	text-align: center;
	width: 270px;
}

div.tour
{
	
}




div.contact
{
	width: 440px;
	height: 60px;
	background: url(../images/contact.png) top right no-repeat;
	position: absolute;
	top: 50px;
	right: 0;
	text-indent: -999em;
}

div.sales-0 { background-image: url(../images/contact_manchester.gif); }
div.sales-1 { background-image: url(../images/contact_stretford.gif); }

/* === MENU === */
div#image-nav
{
	text-transform: titlecase;
	font-size: 10px;
	clear: both;
	height: 78px;
        padding-top: 10px;
        padding-left:17px;
}

div#image-nav li, div#image-nav a
{
	float: left;
	list-style: none;
	color: #26266E;
	
}

div#image-nav a
{
	padding-top: 50px;
	background-position: top center;
	background-repeat: no-repeat;	
	width: 52px;
	text-align: center;
}

a.home { background-image: url(../images/home.jpg); }
a.search { background-image: url(../images/search.jpg); }
a.sales { background-image: url(../images/for_sale.jpg); }
a.rentals { background-image: url(../images/for_rent.jpg); }

/* === PAGES === */
div#pages
{
	padding-bottom: 10px;
}

div#pages a, div#pages span
{
	font: 11px Verdana, sans-serif;
	float: left;
	display: block;
	padding: 5px 10px;
	border: 1px solid #CBCCE0;
	margin-right: 10px;
	color: #323C8C;
}

div#pages span
{
	background: #CBCCE0;
	border: 1px solid #28286E;
	font-weight: bold;
}

div#pages a:hover
{
	border: 1px solid #28286E;
	text-decoration: none;
}