/* ===========================================================*/
/* GLOBAL */
/* ===========================================================*/
html {
 	min-height: 100%;
 	height: auto;
	border:0px;
	margin:0px;
}

body {
	background:url(../images/HomeFindersBG.jpg) repeat-x #E6E6E6;
	font-family: arial;
	font-size: 14px;
}

body#user.index{ background-image:url(../images/HomeFindersIndexBG.png)!important;}

body#tinymce{background:none!important;}
/* ===========================================================*/
/* Colours*/
/* ===========================================================*/
h1, h1 span a, #sidebar h2, body#admin h2, a {color:#000;}

h2{color:#737373;}

#navigation ul li a, #subNav li a{color:#4b4b4b;}

label, select, .textField, select option {color:#3d3d3d;}

#indexContent h3,#indexContent h3 a, table tr th, .propertyListItem h2 a, .price, #property h2, .detailLink, .submit{
	color:#fff;}
	
.indexPrice{color:#A81E13;}
/* ===========================================================*/
/* Typeography */
/* ===========================================================*/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea, a{
  font-family:Arial, Helvetica, sans-serif;
}

#indexContent h2{text-align:center;}

h1, h2, h3,body#user label, #navigation a, #footer span span, .price, #subNav li a , form .submit, .detailLink, .backLink {
	font-weight: bold;
}

h1 span  {font-weight:normal;}

h1, span.backLink {
	margin: 0px 15px;
	line-height:43px;
	display:block;
}

em{ font-style:italic}

span.backLink {margin-right:30px;}

h2 {font-size: 16px; margin: 0px 0px 15px 0px;}

#textPage h2{ font-size:21px; padding-left:15px;}

h3 { padding-left:15px; margin: 15px 0px 8px 0px;}

#indexContent h2{font-size:28px;}

#indexContent p.tagline, #indexContent  h1{font-size:20px}

#indexContent form .field .submit, .indexPrice{font-size:18px;}

h3, h1, h2, .price, .backLink{font-size:16px;}

p, ul li , #navigation ul li a, #mailForm *, indexPropertyTitle{font-size:13px;}

#footer, label, select, .textField,  select option, textarea, .underline{
	font-size:11px;}

p{ margin: 10px 15px; line-height:16px;}

ul{ 
	margin: 10px 15px; 
	list-style:disc;
	list-style-position:inside;}

ul li{line-height:16px;}
/*==============================================================*/
/*    LINKS*/
/*==============================================================*/
.detailLink{text-decoration:none}
#navigation a, #subNav a{ text-decoration:none;}

.navSelected {color:#FFF!important;}

#navigation a:hover {background-color:#AFAFAF!important; color:#FFF}

#navigation a:hover, .navSelected{
	background-color:#6C6D6F;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
/* ie6 is making all sub nav li's 100% width by the looks so ill cut them down a bit */
#subNav #locationMap{background:url(../images/locationMap.jpg) 0 0 no-repeat; _width:127px;}
#subNav #streetView{background:url(../images/streetView.jpg) 0 0 no-repeat; _width:115px;}
#subNav #pdfBrochure{background:url(../images/pdfBrochure.jpg) 0 0 no-repeat; text-indent: 36px; _width:85px;}
#subNav #print{background:url(../images/print.jpg) 0 0 no-repeat; text-indent: 36px; _width:50px;}
#subNav #epc{background:url(../images/epc.jpg) 0 0 no-repeat; _width:60px;}
#subNav #share{background:url(../images/share.jpg) 0 0 no-repeat; text-indent: 36px; _width:55px;}

#subNav #locationMap:hover, #subNav #streetView:hover, #subNav #pdfBrochure:hover, #subNav #print:hover, #subNav #epc:hover, .subNav-selected{background-position: 0px -47px!important;}

.underline {text-decoration:underline;}
/*==============================================================*/
/*    LAYOUT*/
/*==============================================================*/
#wrap{
	width:980px; 
	margin:0 auto; 
	position:relative;
}

#logo{float:left;}
	
#navWrapper{			
	text-align: right;
	float: right;
	width: 600px;
	padding-top: 10px;
	padding-right: 40px;	
}

#contactTop{
	float:right;
	height:79px;
	width:340px;
	margin:15px 0px 0px 0px;
	display:block;
}

#navigation{
	clear:both;
	height:37px;
	width:600px;
	float:right;
	margin-top:6px;
}

#titleBar{
	clear:both;
	height:43px;
	width:980px;
	padding:5px 0px 5px 0px;
	background:url(../images/titleTop.png) no-repeat top;
}

#fauxColumns{
	clear:both;
	background:url(../images/fauxColumns.png) repeat-y 0px;
	overflow:visible;
}

#sidebar, #contentArea{
	min-height:500px;
	_height:500px;
	float:left;
	padding-left:15px;
}
#sidebar{width:230px;}

#contentArea{padding:15px 15px 0px 25px; width:680px;}

#contentArea #property{
	_height:900px; /* ie6 having problems with the javascript on the page enlarging it after load, (galleriffic) which it hasnt calculated for when sizing background images , this make sure that the page has enough room to begin with so that  we wont get a white space below with no background image */
}

#footer{
	clear:both;
	background:url(../images/fauxColumnsEnd.png) top no-repeat;
	padding:20px 15px 0px 30px;
	margin-bottom:20px;
	line-height:20px;
}
/*============================================================*/
/*    Index Layout  */
/*============================================================*/
#indexContent{clear:both;}

#indexContent  h1{padding-top:5px;}

#indexContent p.tagline{margin-top:0px;padding-top:0px;}

#indexContent p.tagline, #indexContent  h1{
	clear:both;
	float:right;
	width:390px;
	padding-right:40px;
	margin:0px;
	font-weight:bold !important;
	line-height:25px !important;
	color:#fff !important;
	overflow:auto;
	height:auto!important;
	}
	
#indexContent #searchBox{
	background:url(../images/indexSearchBG.jpg) no-repeat;
	height:531px;
	width:500px;
	padding-top:120px;
}

#indexContent #map{
	clear:both;
	float:right;
	padding:40px 40px 0px 0px;
}

#indexContent #latestProperty{
	width:438px;
	height:130px;
	margin:0px auto;
	background:#fff;
	border:1px solid #000;
	_position:relative;}

#indexContent #latestProperty #indexImgContainer{float:left; text-align:center; width:200px;}
	
#indexImgContainer img{ text-align:center}
	
#indexContent h3,#indexContent p{
	float:right;
	display:block;
	width:223px;
	margin:0px;
	padding-left:15px;
}
	
#indexContent h3{
	text-align:left;
	background:url(../images/justAddedBg.jpg) repeat-x;
	height:37px;
	line-height:37px;
	margin-bottom:3px;}
	
#indexContent #latestProperty p{line-height:17px;}

#indexPropertyTitle{ 
	display:block;
	height:18px;
	overflow:hidden;
	font-weight:bold;
}

body#user.index #footer{
	margin-top:-85px;
	_margin-left:5px!important;
	_margin-top:0px;}
	
#indexContent form .field .submit{
	background-image:url(../images/searchButton.jpg)!important;
	width:137px!important;
	height:43px!important;
	margin-left:-35px;
}	

#indexContent #footer{background:none;}
/*============================================================*/
/*    LISTS  */
/*============================================================*/
#subNav ul,#navigation ul{ 
	padding:0px; 
	list-style:none; 
	margin:0px
}

#navigation ul{float:right;}	
#navigation ul li, #subNav ul li{float:left;}
#navigation ul li{line-height:35px;}
#navigation ul li a{padding:4px;margin: 0px 2px;}

#subNav ul li {
	line-height:39px;
	font-size:13px;
}

#subNav #locationMap, #subNav #streetView, #subNav #pdfBrochure, #subNav #print, #subNav #share, #subNav #epc{
	display:block;
	text-indent: 40px;
	height:47px;
	margin-right:16px;
	_margin-right:15px;
}
/*============================================================*/
/*    TABLES */
/*============================================================*/
table {
	border-spacing: 0px;
	margin-bottom: 20px;
}

table tr th {	
	background: #0B659E;
	padding: 5px 0px 5px 5px;
	text-align: left;
}

body#user table tr td {padding: 4px 0px 10px 0px;}

.tblLabel{ vertical-align:middle}
body#user .submit{float:right}

#indexForm{width:435px; margin:10px 0px 0px 30px; display:inline-table;}
#indexForm td{margin-bottom:3px;}
#indexForm .tblLabel {padding-left:10px; width:70px; }
#indexForm #propertyLocationID{width:355px;}
#indexForm .textField { width: 130px;}
#indexForm select {width: 136px;}

#emailAlertForm table, #searchForm table{ width: 195px;}
#emailAlertForm .tblLabel, #searchForm .tblLabel{ width:65px !important; }
#emailAlertForm .textField, #searchForm .textField {width:122px;}
#emailAlertForm select, #searchForm select {width:128px;}

#mailForm .tblLabel{width:80px!important}

#loginForm .tblLabel{width:100px}

/*============================================================*/
/*    GENERAL FORMS  */
/*============================================================*/


form .column {width:340px; float:left; margin:15px 55px; }

form .noColumn, form .fullWidth {clear:both}
 
.fullWidth {width:100%;}

input.submit{
	height:33px;
	background:url(../images/smallButton.png) no-repeat 0px 2px;
	border:none;
	color:#fff;
	text-align:center;
	font-size:12.38px;
	width:100px!important;
}
select, .textField{padding:2px 1px;}
/*============================================================*/
/*   SIDEBARS */
/*============================================================*/
#searchForm {height:265px;}

#emailAlertForm {height:190px;}

#emailAlertForm .submit {padding-bottom:5px; margin-right:-3px;}

#searchForm, #emailAlertForm{
	padding:15px; 
	background:url(../images/sidebarFade.jpg) 100% 100% repeat-x; 
	width:198px;
	margin-left:1px;
}

#cullomptonOffice{display:block; margin:10px auto;}
/*============================================================*/
/*    USER - Contact Page */
/*============================================================*/
h2.indent{padding-left:15px;}

/*p.indentData{position:relative;}
p.indentData span{
	position:absolute;
	display:inline-block;
	left:90px;
	top:0px;
}	*/

div.contactDetails{margin-bottom:80px;_height:150px}
	
#mailForm{margin:0px 0px 10px 15px;}
#mailForm .textAreaField{height:200px;}
#mailForm #message{width:250px; height:200px;}
/*============================================================*/
/*    USER - PROPERTY LIST PAGE  */
/*============================================================*/

#subNav{
	margin-top:6px;
	margin-bottom:10px;
	height:39px;
	background:url(../images/subMenuBg.jpg) no-repeat;
	padding:0px 15px;
}

.propertyListItem{
	padding-bottom:6px;
	border-bottom:1px solid #c9c9c9;
	margin-bottom:6px;
	position:relative;
	_width:658px;
}

.propertyListItem p{
	display:block;
	height:90px;
	margin:16px 0px 0px 220px;
	padding:0px;
}

.propertyListItem .header, #property .header{
	height:35px; 
	background-color:#5AB405;
	margin-bottom:6px;
	background:url(../images/headerBG.jpg) ;
}

.propertyListItem h2, .price, #property h2 {line-height:35px; margin:0px; height:35px; overflow:hidden;}

.propertyListItem h2, #property h2, h1{
	display:block; 
	padding-left:15px;
	padding-right:15px;
	float:left;
	width:470px;
}

h1{ width:650px; height:43px; overflow:hidden; }
	
.price{ float:right; padding-right:15px;}

.propertyImageContainer{
	width:200px; 
	height:130px; 
	float:left;
	padding:0px 20px 0px 0px;
	position:relative;
	text-align:center;
}
.propertyImage {z-index:1;}
.imageOverlay {z-index:2;}
.propertyImage, .imageOverlay{position:absolute; top:0px; left:0px;
}
#slideshow .imageOverlay{ top:1px!important;}

.propertyListItem .lowerArea{
	margin-left:220px;
	line-height:30px;
	height:34px;
	width:460px;
}

.propertyListItem .bedrooms{
	background:url(../images/bedIcon.jpg) left no-repeat;
	text-indent:35px;
	display:inline-block;
	line-height:34px;
	width:150px;
	float:left;
}

.detailLink, body#admin input.submit, #emailAlertForm .submit{
	background:url(../images/button.png) no-repeat;
	width:144px !important;
	text-align:center;
	border:none;
	line-height:28px; /* dont generally work on buttons but will work on the link wehyre tis needed */
}
.propertyListItem .detailLink, .submitRight { display:block; float:right;}

.submitLeft{display:block; float:left!important;}
/*============================================================*/
/*    USER - TEXTUAL PAGES  */
/*============================================================*/
#textPage #headImage{margin-bottom:15px;}

#textPage p, #textPage form, #textPage ul{padding-right:275px;}

#textPage #portals{float:right; width:240px;}
	
#textPage #portals img{margin-bottom:20px;}
/*============================================================*/
/*    USER - PROPERTY DETAIL PAGE  */
/*============================================================*/
#hiddenInformation{position:relative;}

#map_canvas, #streetMap_canvas , #epcImage{
	width:680px;
	height:400px;
	border:0px;
	margin:0px;
	overflow:hidden;
	position:relative;
	top:0px;
	left:0px;
}

#epcImage{text-align:center}
h1{float:left; display:block; width:500px;}
span.backLink {display:block; float:right;}

#property #map_canvas, #streetMap_canvas, #epcImage{display:none;}

#textualContent{position:relative; background: #FFF;}
/*============================================================*/
/*  OTHER BITS AND BOBS*/
/*=============================================================*/
p.message {padding: 10px;margin:2px 0px;}

p.error {background: #C41C1C; border: 1px solid #DF6F6F; color: white;}

p.success {background: #24A239; border: 1px solid #5ACF6D; color: white;}

body#user p.success{background: #E6E6E6; border: 1px solid #DFC3C3; color:#000;}