


/******************* colour guide *********************/
/*	dark grey #363535;     		*/
/*	red #f62400;				*/	
/*	hover red #f76f6f;			*/
/*								*/
/*								*/

body {

color: #363535;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-style: italic;
text-align: justify;

}

p {


font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-style: normal;
text-align: justify;

}
h1 {

font-family: Arial, Helvetica, sans-serif;
font-weight: normal;

font-size: 18px;
font-style: normal;

}

a:link, a:visited {

color: #363535;
font-weight: normal;
}

.pf {

display: none;   /* print friendly version of header or logo image not possible via CSS */


}

a:hover {


color: #f76f6f;

}


/************************ anchor class navbar used in confirm.php, afterPropertyDetails etc **********************/



a.navbar:link, a.navbar:visited {

display: inline;
text-decoration: none;
color: #333333;


}

a.navbar:hover {

display: inline;
color: #f76f6f;


}








/* styles input areas for forms called by class="qs" */

input.qs {

background-color: #ffffff;
color: #363535;
}

select.qs {

background-color: #ffffff;
color: #363535;

}

/* end */

a.search:link, a.search:visited {

display: inline;
float: right;
margin-right: 0px;
background-color: #164f34;
padding: 2px 5px 2px 5px;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;
}








a.search:hover {



margin-right: 0px;
background-color: #339966;
padding: 2px 5px 2px 5px;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #ffffff;
text-decoration: none;
border: none;



}




#wrapper {

margin: 0 auto;
width: 850px;
text-align: left;
background-color: #ffffff;

/* #9ed5b8 */
}

#header {

width: 850px;
float:left;
text-align: left;
height: 130px;
background-color: #363535;



}

#header_text {

width: 150px;
height: 80px;
color: #ffffff;
font-size: 13px;
float: left;
margin-left: 20px;
margin-top: 20px;
background-color: #363535;

}


ul.bullet {

list-style-image:url(images/red_house_bullet.gif);

}

/************************** header logo **********************/
#header_logo {

width: 330px;
float: left;
padding: 10px;
background-color: #363535;

}

/************************ print friendly hacks ****************/

.pf_hidden_on_screen {

display: none;

}



#header_nav {

margin-top: 60px;
margin-right: 10px;
width: 460px;
height: auto;
float: right;
color: #ffffff;
background-color: #164f34;
text-align: left;

}

#header_nav a:link, a:visited {

text-align: left;
display:block;
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
padding-top: 5px;
padding-bottom: 5px;

}

#header_nav a:hover {

color: #9ed5b8;


}



#header_text a:link, a:visited {

color: #ffffff;

}

#header_text a:hover {

color: #0099CC;

}
/************************************ call us ************************************/

#call_us {

margin-top: 10px;
margin-right: 10px;
width: 350px;
height: auto;
float: right;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #f62400;
background-color: #363535;
text-align: right;

}


/********************************** navigation styling *******************************/

#nav {

clear: both;
width: 460px;
float: left;
height: 28px;
background-color: #363535; 
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font-style: normal;
}


#nav ul{
list-style: none;
margin: 0;
padding: 0;
padding-top: 0px;
}

#nav li {
display: inline;
}

#nav a:link, #nav a:visited {

float: left;
padding: 5px 10px 6px 10px;
margin-right: 0px;
color: #ffffff;
background-color: #f62400;
text-decoration: none;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font-style: normal;



}

#nav a:hover {


color:  #ffffff;
background-color: #f76f6f;


}




/********************************* end of navigation styling **************************/


/******************************** content styling **********************************/

#content {

float: left; 
width: 850px;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;*/
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #ffffff;

}

#inner_content {

width: 840px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 10px;



}

/******************************* banner ****************************************/

#banner {

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 498px;
height: 250px;
border-left: 1px solid #363535;
border-bottom: 1px solid #363535;
border-right: 1px solid #363535;
background-color: #ffffff; 

}


/******************************* bullets ****************************************/

#bullets {

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 349px;
height: 250px;
border-right: 1px solid #363535; 
border-bottom: 1px solid #363535;  
text-align: center;
font-style: normal;
background-color: #ffffff; 
font-size: 11px;
text-decoration: none;


}


#bullets ul {

text-align: left;


}

#bullets h1 {

font-size: 13px;
font-weight: bold;
color: #f62400;
text-align: center;
padding: 0;
margin-top: 1em;
margin-bottom: 0.3em;
border: 0;

}


a.bullet_email:link, a.bullet_email:visited {

font-size: 13px;
font-weight: bold;
color: #666666;
text-align: center;
text-decoration: none;

}


a.bullet_email:hover {

font-size: 13px;
font-weight: bold;
color: #f76f6f;
text-align: center;
text-decoration: none;

}




/******************************* blurb ****************************************/

#blurb {

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 278px;
height: 230px;
line-height: 14px;
text-align: justify;
font-style: normal;
font-size: 11px;
border-left: 1px solid #363535;
border-bottom: 1px solid #363535;
border-right: 1px solid #363535;
background-color: #ffffff; 

/* remember that actual div width/height is width/height + padding */ 


}

/*********************************** quick search form **************************************/

#search_form {


float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 199px;
height: 250px;
border-right: 1px solid #363535; 
border-bottom: 1px solid #363535;  
text-align: center;
font-style: normal;
background-color: #ffffff;
font-size: 11px;



}

#search_header {

font-family: Verdana, Arial, Helvetica, sans-serif;


text-align: center;
font-size: 18px;
font-style: normal;
color: #f62400;
padding-top: 10px;

}


#search_form input.search {

margin-right: 0px;
width: 80px;
background-color: #f62400;
padding: 2px 5px 2px 5px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
border: none;
}

#search_form input.search:hover {

margin-right: 0px;
background-color: #f76f6f;
padding: 2px 5px 2px 5px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
border: none;

}


/* taken from index.php to help make it IE6 friendly */

#index_search_button {

width: 179px; 
float: right; 
text-align: right; 
margin-top: 10px; 
padding-right: 20px;

}

/********************************** featured props *******************************/

#featured_props {

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
width: 339px;
height: 250px;
border-right: 1px solid #363535; 
border-bottom: 1px solid #363535;  
text-align: center;
font-style: normal;
background-color: #ffffff;

}


.property_loop_wrapper {

float: left; 
width: 112px;


}



.property_loop_header {

float:left; 
width: 100px; 
margin-left: 10px; 
font-size:12px;


}

.line_height_wrapper {

height: 30px;

}

.property_loop_features {

text-align: left; 
margin-bottom: 5px;

}

.property_loop_image_wrapper {

float:left; 
width: 100px;

}


.property_loop_image {

float:left;
width:62px; 
margin-left:10px;

}

.property_loop_footer {

text-align: left; 
margin-left: 10px;

}



/******************************* page header styling ******************************************/


#page_header_wrapper {

width: 200px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;

/* using div wrapper because unable to use margin-top with span class below */



}

.page_header {


font-size: 20px;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
background-color:  #f62400;;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-style: normal;
margin-bottom: 20px;
}

.page_header_small {

font-weight: normal;
font-size: 18px;

}


#page_intro {

margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 10px;

}
#page_intro h3 {


font-size: 15px; 
font-weight: bold; 
margin-top: 10px; 
font-style: normal;

}

#blurb_wrapper {

margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;


}


#wrapper_index_bottom {


clear: both; 
margin: 0 auto; 
text-align: center; 
width: 780px; 
height: 220px; 
background-color: #9ed5b8; 
padding: 10px;


}




/********************************* footer ****************************/
#footer {

clear:both;
width: 850px;
height: 30px;
text-align: center;
font-size: 14px;
font-weight: bold;
font-style: normal;
color: #f62400;
padding-bottom: 10px;
padding-top: 10px;
background-color: #363535;



}


/******************************* logos ************************************/

#logos {

padding-top: 5px;
margin-top: 10px;
text-align: center;

}




/*********************************** login form **************************************/

#login_form {


float: left;

margin-top: 10px;
margin-bottom: 10px;
float:left;
margin-left: 0px;
margin-right: 0px;
width: 400px;


text-align: left;
font-style: normal;
font-size: 13px;




}

#login_header {

font-family: Arial, Helvetica, sans-serif;
width: 120px;
margin-left: 5px;
float: left;
font-size: 16px;
font-style: normal;
color: #164f34;
padding: 2px;

}


#login_form input.search {

margin-right: 0px;
width: 80px;
background-color: #f62400;					
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;
}

#login_form input.search:hover {

margin-right: 0px;
background-color: #f76f6f;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;

}








/********************************* news module *********************************************************/

/*

#news_module {

margin-top: 10px;
margin-bottom: 0px;
float:left;
margin-left: 10px;
margin-right: 10px;
width: 146px;
height: auto;
border: 0px solid #164f34; 
text-align: center;
font-style: normal;
color: #ffffff;

}

a.latest_news:link, a.latest_news:visited {

font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #9ed5b8;
background-color: #ffffff;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
text-decoration: none;

}


a.more_news:link, a.more_news:visited {

margin: 5px;
display:block;
width: 80px;
color: #99cccc;
background-color: #ffffff;
border: solid #99cccc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;


}


a.more_news:hover{

margin: 5px;
display: block;
width: 80px;
color: #164f34;
background-color:  #ffffff;
border: solid #0066cc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;


}


*/




/************************************* offices address boxes ******************************************/


#address_wrapper {

width: 600px;
margin: 0 auto;
text-align: center;

}


.address_box {

float: left;
width: 110px;
height: auto;

background-color: #ffffff;
color: #164f34;
font-style: normal;
text-align: center;

margin-right: 50px;

}

#inner_address_wrapper {

clear: both;
width: 350px;
text-align: center;
margin: 0 auto;


}

.address_header {

width: 110px;
padding: 2px 5px 2px 5px;
font-size: 16px;
font-style: normal;
color: #ffffff;
font-weight: normal;
text-align: center;
border-bottom: solid 0px #ffffff;
background-color: #9ed5b8;



}




#disclaimer {

width: 760px;
clear: both;
float: left;
margin-left: 10px;

}




/***************************** more details button styling **********************/

a.more_details:link, a.more_details:visited {

margin-top: 5px;
display:block;
width: 80px;
color: #164f34;
background-color: #9ed5b8;
border: solid #99cccc 0px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;


}

a.more_details:hover {

margin-top: 5px;
display: block;
width: 80px;
color: #339966;
background-color:  #9ed5b8;
border: solid #0066cc 0px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;

}

/******************************* search page ************************************/


#detailed_search_wrapper {


width: 400px;
text-align: center;



}

#detailed_search {


margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
float: right;
width: 400px;
height: auto;
text-align: left;
font-style: normal;
background-color: #ffffff; 

}


#detailed_search input.search {

margin-right: 0px;
width: 80px;
background-color: #164f34;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;
}

#detailed_search input.search:hover {

margin-right: 0px;
background-color: #339966;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;

}





#detailed_header {

font-size: 18px;
font-weight: normal;
color: #ffffff;
background-color: #9ed5b8;
font-family: Arial, Helvetica, sans-serif;
border-left: 5px solid #9ed5b8;
border-right: 5px solid #9ed5b8;
border-top: 2px solid #9ed5b8;
border-bottom: 2px solid #9ed5b8;
text-decoration: none;
width: 210px;
margin-bottom: 20px;

}

/********************************** form styling ************************************/

.form_wrapper {

margin: 0 auto;
width: 400px;
clear: both;
text-align: center;

}
/*
.form_inner_wrapper {
margin: 0 auto;
width: 385px;
text-align: center;

}

*/

/********************************* about us styling *******************************/

.about_us_wrapper {

clear: both;
float: left;
width: 780px;
margin-bottom: 20px;


}

.about_us_wrapper p {

display: block;
width: 600px;

}






/************************ detailed search form REVISED ******************************/


fieldset {

	font: 13px Arial, Helvetica, sans-serif;
	color: #363535;
	background-color: #ffffff;
	padding: 2px;
	border: solid 1px #363535;
	width: 396px; }
	
legend {

	color: #fff;
	font-weight: bold;
	font-size: 16px;
	background-color: #f62400;
	padding: 2px 10px;
	margin-bottom: 8px;
	margin-left: 10px;
	}
	
label {

	font-weight: bold;
	line-height: normal;
	text-align: right;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 150px;
	}
	
label.fieldLabel {

	display: inline;
	float: none;
	}
	
input.formInputText  {

	font-size: 13px;
	color: #666;
	background-color: #fee;
	padding: 2px;
	border: solid 1px #363535;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 10px;
	
	
	}
	
input.formInputText:hover {

	background-color: #f76f6f;
	border: solid 1px #363535;
	color: #000;
	
	}
	
input.formInputText:focus {

	color: #000;
	background-color: #ffffff;
	border: solid 1px #363535;
	}
	
select.formSelect {

	font-size: 13px;
	color: #666;
	background-color: #fee;
	padding: 2px;
	border: solid 1px #363535;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	width: 100px;
	}
select.formSelect:hover {

	color: #333;
	background-color: #f76f6f;
	border: solid 1px #363535;
	}
select.formSelect:focus {

	color: #000;
	background-color: #ffffff;
	border: solid 1px #363535;
	}
	
input.formInputButton {

float: right;
margin-right: 0px;
width: 80px;
background-color: #f62400;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;
}


.detailed_search_spacing {

clear: both; 
float: left; 
margin-left: 155px;



}

	
input.formInputButton:hover {

margin-right: 0px;
background-color: #f76f6f;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;

}

	
input.formInputButton:active {

	background-color: #ccffff;

}


/************************ results and details buttons ******************************/

.results_button:link, .results_button:visited {

display: inline;
margin-right: 0px;
background-color: #f62400;
padding: 2px 5px 2px 5px;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;
}





.results_button:hover {



margin-right: 0px;
background-color: #f76f6f;
padding: 2px 5px 2px 5px;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #ffffff;
text-decoration: none;
border: none;



}

/******************* register form CSS *************************/


/************************ detailed search form REVISED ******************************/

.register_form {

margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
float: right;
width: 400px;
height: auto;
text-align: left;
font-style: normal;
background-color: #ffffff; 


}




fieldset {

	font: 13px Arial, Helvetica, sans-serif;
	color: #363535;
	background-color: #ffffff;
	padding: 2px;
	border: solid 1px #363535;
	width: 396px; }
	
legend {

	color: #fff;
	font-weight: bold;
	font-size: 16px;
	background-color: #f62400;
	padding: 2px 10px;
	margin-bottom: 8px;
	margin-left: 10px;
	}
	
label {

	font-weight: bold;
	line-height: normal;
	text-align: right;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 150px;
	}
	
label.fieldLabel {

	display: inline;
	float: none;
	}
	
input.formInputText  {

	font-size: 13px;
	color: #666;
	background-color: #cccccc;
	padding: 2px;
	border: solid 1px #363535;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 15px;
	
	
	}
	
input.formInputText:hover {

	background-color: #f76f6f;
	border: solid 1px #363535;
	color: #000;
	
	}
	
input.formInputText:focus {

	color: #000;
	background-color: #ffffff;
	border: solid 1px #363535;
	}
	
select.formSelect {

	font-size: 13px;
	color: #666;
	background-color: #cccccc;
	padding: 2px;
	border: solid 1px #363535;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	width: 100px;
	}
select.formSelect:hover {

	color: #333;
	background-color: #f76f6f;
	border: solid 1px #363535;
	}
select.formSelect:focus {

	color: #000;
	background-color: #ffffff;
	border: solid 1px #363535;
	}
	
input.formInputButton {

float: right;
margin-right: 0px;
width: 80px;
background-color: #f62400;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;
}


.detailed_search_spacing {

clear: both; 
float: left; 
margin-left: 155px;



}


	
input.formInputButton:hover {

margin-right: 0px;
background-color: #f76f6f;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;

}

	
input.formInputButton:active {

	background-color: #ccffff;

}


textarea.formTextArea {

font-size: 13px;
color: #666;
background-color: #cccccc;
padding: 2px;
border: solid 1px #363535;
margin-right: 5px;
margin-bottom: 5px;

}

textarea.formTextArea:hover {

font-size: 13px;
color: #000;
background-color: #f76f6f;
padding: 2px;
border: solid 1px #363535;
margin-right: 5px;
margin-bottom: 5px;

}

textarea.formTextArea:focus {

font-size: 13px;
color: #000;
background-color: #ffffff;
padding: 2px;
border: solid 1px #363535;
margin-right: 5px;
margin-bottom: 5px;

}



/************************ styling for property to let page ****************************/


#ptl_left_box {


float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 349px;
height: auto;
border-left: 0px solid #363535;
border-bottom: 0px solid #363535;
border-right: 0px solid #363535;
background-color: #ffffff; 



}




#ptl_right_box {

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 478px;

padding-left: 10px;
padding-right: 10px;

height: 200px;
border-right: 0px solid #363535; 
border-bottom: 0px solid #363535;  
text-align: left;
font-style: normal;
background-color: #ffffff; 
font-size: 11px;
text-decoration: none;





}				

#ptl_bottom_left_box {

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 329px;
height: auto;
text-align: center;
font-style: normal;
font-size: 12px;
border-left: 0px solid #363535;
border-bottom: 0px solid #363535;
border-right: 0px solid #363535;
background-color: #ffffff; 

/* remember that actual div width/height is width/height + padding */ 



}			

#ptl_bottom_right_box {				

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
width: 488px;
height: auto;
border-right: 0px solid #363535; 
border-bottom: 0px solid #363535;  
text-align: center;
font-style: normal;
background-color: #ffffff;




}			

/******************************* property description page styling *******************************/


/******************* colour guide *********************/
/*	dark grey #363535;     		*/
/*	red #f62400;				*/	
/*	hover red #f76f6f;			*/
/*								*/
/*								*/



/* this wrapper helps centralise the layout for screen */

#property_details_box {

width: 700px;
margin: 0 auto;



}

#property_detail_header {

text-align:left;
width:400px;
float:left; 
margin-left: 10px; 
margin-bottom: 10px;


}

/* this sets the position and size of the thumbnail wrapper */
#property_detail_thumbnails_wrapper {

float:right; 
padding:10px;
width:160px; 
margin-right: 30px;

}

/* using class, not div, as each thumbnail will require it separately */
.property_details_thumbnails {

padding:5px; 
float:left;
width:150px;
height:auto;

}

/* this sets position and size of the styles,price,ref...wrapper  */
#property_details_ref_wrapper {
clear:left;
text-align:left;
margin-top:10px; 
margin-left: 10px; 
width:400px;

}


/* this sets the style of the price, ref etc */
.detail_title {

width: inherit;
margin-left: 20px;
margin-top: 10px;
text-align:left;
font-size:18px;
color: #363535;  
font-weight:bold;
padding-bottom:10px;
	
}




#property_details_bullets {

clear: left; 
float:left; 
width:400px; 
margin-left: 10px; 
text-align: left;
font-size:14px;
font-weight:bold; 
margin-top: 10px; 
margin-bottom: 10px;

}

#property_details_short_description {

clear: left; 
float:left; 
width: 400px; 
margin-left: 10px; 
text-align:left; 
margin-bottom: 20px;

}

#property_details_long_description {

clear:left; 
float: left; 
width:400px; 
margin-left: 10px; 
text-align:left; 
margin-bottom: 20px;

}



#pf_buttons {

	clear: both;
	float: left;
	text-align: center;
	width: 700px;

}



/************************ styling for property to let page ****************************/


#lyp_left_box {


float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 349px;
height: 200px;
border-left: 1px solid #363535;
border-bottom: 1px solid #363535;
border-right: 1px solid #363535;
background-color: #ffffff; 



}




#lyp_right_box {

float: right;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
width: 498px;
height: 200px;
text-decoration: none;





}				

#lyp_bottom_left_box {

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 329px;
height: 230px;
text-align: justify;
font-style: normal;
font-size: 12px;
border-left: 1px solid #363535;
border-bottom: 1px solid #363535;
border-right: 1px solid #363535;
background-color: #ffffff; 

/* remember that actual div width/height is width/height + padding */ 



}			

#lyp_bottom_right_box {				

float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
width: 488px;
height: 250px;
border-right: 1px solid #363535; 
border-bottom: 1px solid #363535;  
text-align: center;
font-style: normal;
background-color: #ffffff;




}			

/******************************* property results page styling *******************************/


/******************* colour guide *********************/
/*	dark grey #363535;     		*/
/*	red #f62400;				*/	
/*	hover red #f76f6f;			*/
/*								*/
/*								*/


#inner_content {

width: 840px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 10px;



}


.content {

margin: 0 auto;
width: 760px;


}



.results_content {

width: 700px;
float: left;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
	
}


.results_content h1 {

text-align: center;
font-size: 16px; 
color: #363535; 

}

.results_content a {

font-size: 16px; 
color: #363535; 
text-decoration: none;
text-align: center;

}



.navbar {

text-align: center;
color: #363535;
text-decoration: none;

}


.navbar a:link, .navbar a:visited {
display: inline;
text-align: center;
color: #363535;
font-style: normal;
font-weight: normal;

}

.navbar a:hover {

color: #f76f6f;	
}



/* results_box simply creates a 2px outline which contains each property's details */

.results_box {


text-align:left;
border:2px solid #363535; 
width:95%;
margin:0 auto; 

}

.results_box_top {

background-color:#363535;
color:#ffffff;
text-align:center; 
font-size: 18px; 
clear:both;



}

.results_box_footer {


background-color:#363535;
color:#ffffff;
text-align:center;
padding-top: 3px;
padding-bottom: 1px;
font-size: 14px; 
clear:both;

}



.results_description {

float:left; 
margin-left: 10px; 
width:480px;
padding:5px;

}


/*** position picture inside results_box ***/


.property_thumbnail {

float:left;
width:200px;

}



.property_thumbnail_style {

padding: 5px;
border: none;

}


.results_button_wrapper {


width: 600px;
clear: both;
margin: 0 auto;


text-align: center;
padding-top:10px;
padding-bottom: 10px;  /* used padding instead of margin due to a bug in IE7 */

}


/*** style buttons on results page - view details, local info and view map ***/

a.search:link, a.search:visited {

display: inline;
margin-right: 0px;
background-color:  #f62400;
padding: 2px 5px 2px 5px;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;
}





a.search:hover {



margin-right: 0px;
background-color:  #f76f6f;	
padding: 2px 5px 2px 5px;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #ffffff;
text-decoration: none;
border: none;



}






