

.pf_hidden_on_screen {

display: block;

}



.pf_visible_on_screen {

display: none;

}

/******************************* 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;

}




