/* CSS Document */

body, p, h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; }


#wrapper {margin: 0 auto; width: 800px;}


#logo { float: left; margin-top: 20px;}
#login { font-weight: bold; float: right; margin-right: 20px; margin-top: 10px;}

a.rollover_grey:link, a.rollover_grey:visited {color: rgb(255, 255, 255); text-decoration: none;}
a.rollover_grey:hover {color: #999999;}

#tab_wrapper { width:800px;}
.tab_off { height: 29px; width: 116px; background-image: url(images/tab_off.gif); background-repeat: no-repeat; color: #cc0033; float: left;}
.tab_on { height: 29px; width: 116px; background-image: url(images/tab_on.gif); background-repeat: no-repeat; color: #fff; float: left;}
.tab_off:link, .tab_off:visited { color: #cc0033; border: none; text-decoration: none; }
.tab_off:hover { /*background-image: url(images/tab_on.gif); background-repeat: no-repeat;*/ color: #666666;}

.tab_on:link, .tab_off:visited { color: #fff; border: none; text-decoration: none; }
.tab_on:hover { /*background-image: url(images/tab_on.gif); background-repeat: no-repeat;*/ color: #fff;}


.tab_text { text-align: left; display: block; padding: 5px 5px 5px 8px; font-size: 11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.tab_text a:link, .tab_text a:visited { text-align: left; display: block; font-size: 11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-decoration: none; color:  #cc0033;}
.tab_text a:hover { color: #666666; }


.tab_text_on { text-align: left; display: block; padding: 5px 5px 5px 8px; font-size: 11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.tab_text_on a:link, .tab_text_on a:visited { text-align: left; display: block; font-size: 11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;}
.tab_text_on a:hover { color: #fff; }


a.navbar:link, a.navbar:visited { color: #666666; text-decoration:none;}
a.navbar:hover { color: #cc0033;}

.dotted_line {  border-top: dashed 1px #666666; padding-bottom: 10px; clear: both; }

#tab_bar { width: 800px; height: 20px; background-color: #cc0033; clear: both; }
a.tab_bar_links:link, a.tab_bar_links:visited { color: #fff; text-decoration: none; display: block; width: auto;float: left; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left;}
a.tab_bar_links:hover { color: #999999; }

.tab_link_wrapper { color: #fff; width: auto; float: right; text-align: right; padding: 1px 10px 0px 10px;}
#harbour_frieze { width: 621px; height: 156px; float: right; margin-right: 20px; background-image: url(images/harbour_frieze.jpg); background-repeat: no-repeat;}
#footer { width: 800px; height: 100px; background-color:  #cc0033; color: #fff; background-image: url(images/footer_logo.jpg); background-position:right; border: none; background-repeat:no-repeat; clear: both;margin-top:20px;}
.footer_text {font-size: 11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; padding: 10px; float: left;}


#logos {width: 200px; clear: both; margin-bottom: 20px; margin-left:35px; text-align:center; }
#left_column { width: 560px; float: left; }
#right_column {width: 235px; float: right; }

.center_logos { width: 102px; margin: 0 auto;text-align:center; }
.sub_header { color: #cc0033; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}


/*************************** featured properties ****************************************/
#center_fp {width: 500px; margin: 0 auto; }
#featured_property { width: 510px;  margin-bottom: 20px; }
.featured_properties_blurb {clear: left; float:left; width: 100px; margin-left: 10px; font-size:12px; color: #cc0033; text-align: left;}
.blurb_headers { font-size: 13px; font-weight: bold;color:#000000; }
.more_details { font-size: 12px; color: #333333; text-decoration: none; }


/****************************************************************************************/

/*************************** search results ********************************************/
#page_header { background-image: url(images/page_header_bg.gif); height: 40px; background-repeat: no-repeat;}
#page_header p {color: #fff; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 15px; margin-left: 40px; padding-top: 11px;}
.results_box {width: 700px; margin-top: 10px; padding-bottom: 10px; border-bottom: dashed #666666 1px;}
.property_thumbnail {width: 150px; height: 100px; float: left;}
.property_thumbnail_style {width: 150px; height: 100px; border: none;}
.property_details_wrapper { width: 500px; float: right; padding-left: 10px;  padding-right: 10px; }
.property_details_header { }
.results_description { font-size: 12px; padding-top: 5px; padding-bottom: 5px;}
.link_to_full_details {text-align:left;clear:both;}
.dashed { clear: both; margin-top: 10px; width: 700px; border-top: dashed #666666 1px; }
.results_pages a:link, .results_pages a:link a:visited { text-decoration: none; color: #fff; }
.results_pages a:hover { color:#DA2B26; }
.results_pages_footer a:link, .results_pages_footer a:visited { text-decoration: none; color:#666666; }
.results_pages_footer a:hover { color: #FF0000; }
#center_results {width: 700px; margin: 0 auto; }
.bold { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.italic { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; text-decoration: none}
.italic a:link, .italic a:visited { text-decoration: none; color: #666666;}
.italic a:hover { text-decoration: none; color: #DA2B26; }
.icon_wrapper { float: left; width: 30px; margin-top: 5px; }
.icon_text_wrapper { float: left; padding-right: 20px; margin-top: 7px;}
/***************************************************************************************/


/********************* property details ************************************/

#page_header { background-image: url(images/page_header_bg.gif); height: 40px; background-repeat: no-repeat;}
#page_header p {color: #fff; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 15px; margin-left: 40px; padding-top: 11px;}
#icon_header { height: 40px; margin-top: 5px; border-bottom: dashed #666666 1px;}  
#property_address { height: 25px; margin-top: 6px; border-bottom: dashed #666666 1px;}  
#address_text {width: 500px; float: left;}
#back2list { text-align: left; float: right; width: 110px; text-decoration: none; font-size: 12px; margin-top: 0px;}
#back2list a:link, a:visited { text-decoration: none; color: #666666;}
#back2list  a:hover { text-decoration: none; color: #DA2B26; }
#grey_arrow {float: left; margin-top: 4px;}
#back2list_text {float:left; margin-left: 5px; margin-top: 3px;}
#full_details {width:400px; float:left;}
#pics_wrapper {width: 300px; float: right; clear: right; margin-top: 20px; }
#main_pic {width: 300px; float: left;}
.extra_pics_thumbnails {width: 90px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; float: left}
#extra_pics {text-align: center; width: 300px;}
#full_details h2 { font-size: 15px; font-weight: normal; margin-top: 10px;}
#property_specifics { margin-top: 10px; margin-bottom: 10px; float:left; }
#property_description {float: left; font-size: 11px;}
#icon_footer_wrapper { }
.icon_footer { width: 250px; float: left; padding-top: 8px; padding-bottom: 8px; border-top: dashed #666666 1px; }
.icon_footer_pic { width: 30px; float: left;}
.icon_footer_pic img { text-decoration: none; border: none; }
.icon_footer_text { width: 200px; float: left;}

#prop_specifics_wrapper {width: 300px; float: right; clear: right; margin-top: 20px; }
/**************************************************************************/


/************************** register form *********************************/

.form_wrapper {

margin: 0 auto;
width: 385px;
clear: both;
text-align: center;

}
.form_inner_wrapper {
margin: 0 auto;
width: 385px;
text-align: center;

}

#disclaimer { clear: both; }

.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: #c1002b;
	padding: 2px 10px;
	margin-bottom: 8px;
	margin-left: 10px;
	}
	

label.label_left {

	font-weight: bold;
	line-height: normal;
	text-align: left;
	margin-left: 10px;
	margin-top: 8px;
	
	/*display: block;*/
	float: left;
	width: 150px;
	clear: both;
	/*width: 150px;*/
	}


label.fieldLabel {

	display: inline;
	float: none;
	
	}
	
	
select.field_reg {float: right; width: 150px; clear: right; text-align: left; margin-top: 8px; margin-right: 10px; }
input.field_reg {float: right; width: 150px; clear: right; text-align: left; margin-top: 8px; margin-right: 10px;}
textarea.field_reg_area {float: right; width: 150px; clear: right; text-align: left; margin-top: 8px; margin-right: 10px;}

.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;

}

/*************************************************************************************/

/*********************** quick search ********************************/

.center_qs { width: 210px; margin: 0 auto; }
#quick_search {width: 210px; margin-right: 20px; margin-top: 40px;}
#qs_content {width: 210px; border: solid 0px #cc0033; }
#qs_footer {padding-top: 10px; width: 175px; clear: both; margin-bottom: 20px; margin:0 auto;}
#qs_header { margin:0 auto; text-align:center; }
.qs_wrapLeft { width:70px;text-align:left;float:left; }
.qs_wrapright { width:135px;text-align:right;float:left; }
select.field { width: 135px; clear: right; margin-top: 10px; }
input.field {float: right; width: 80px; clear: right; margin-top: 10px; }
label.labels {float: left; margin-top: 10px; color: #cc0033; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:22px;} 

/*******************************************************************/

/************************ search ************************************/

#search_center {width: 400px; margin: 0 auto; padding-top: 20px; padding-bottom: 50px;}
.typeArea { clear:both;margin-left:10px; }


/******************************************************************/

/******************** contact form ****************************/

.contact_form { padding-bottom: 30px; }


/***************************************************************/

/******************** about the team **************************/
.staff { float: left; clear: both; width: 800px; border-top: dashed 1px #666666; padding-bottom: 10px;}
/**************************************************************/
/********************* useful links **************************/
.useful_links { float: left; width: 800px; clear: both; border-top: dashed 1px #666666; padding-bottom: 10px;}
/**************************************************************/