@charset "utf-8";

/* CSS Document */
html, body, img, table, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height:1.6em;
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:#333333;	
}
body{background:url(/images/body_background.png) repeat-x;height:100%;}
table{border-collapse:collapse}
h5{margin:0 0}
form{margin:0; border:0}

ul{list-style:none; margin:0; padding:0}
a, a:visited {text-decoration:none; color:#003D79}
a:hover{text-decoration:underline; color:#003D79}

input, textarea{border:#ACBFD6 solid 1px}
label{vertical-align:middle;}
input{padding-left:0;margin-left:0;overflow:visible; vertical-align:middle}
.noborder{border:none}

.clearer{clear:both}
.clearer2{overflow:auto; width:100%}
.centered{text-align:center}
.bold{font-weight:bold}
.space_top{margin-top:1em}
.red{ color:#A10405}
.blue {color:#003D79}
.txt_small{font-size:10px}
.btn{cursor:pointer}
.left{float:left}
.right{float:right}
.centered{margin-left:auto; margin-right:auto}

#wrapper{
	margin-right:auto; margin-left:auto; 
	width:988px;
}

/*top*/
#top{
	background:url(../images/header_background.png) no-repeat;
	height:138px;
	padding:0 9px;
}
.logo{float:right; margin:22px 10px 0 0}
.motto{padding:20px 0 0 2em; color:#C2C6D1; width:600px;}
.menu{margin:30px 1em 0 0; text-align:right; font-size:12px}
.menu li{display:inline; margin-left:2em}
.menu a, .menu a:visited{color:#9CAACD}
.menu a:hover{color:#FFF; text-decoration:none}
#menu_active{color:#FFF}
/* end top*/

#main_area{
	background:url(/images/main_background.png) repeat-y;
	padding:0 14px;
}
.main_content{padding:3em 2em}
.content_with_sbox{width:580px; float:left}
.title{font-size:1.6em}
.title_spaced{font-size:1.6em; margin-bottom:1em}
.subtitle{font-size:1.3em; font-weight:bold; margin:1em 0 0 0}
.sub_subtitle{margin-top:5px; font-weight:bold}
.main_services{float:left}
.main_services a{color:inherit; font-weight:bold}
.main_services ul{list-style:url(/images/bullet.png)}
.main_services li{margin:1em 0 2em 4em}

.sbox{float:right; font-size:10px; margin:0 0 2em 1em}
.sale_rent{font-size:12px;}
.sbox_section{margin:0 10px}
.sbox_content{padding:1em 1em 1em; background-color:#E2E9F1; width:276px}
.sbox_section_header_first{margin:0 0 1em 0}
.sbox_section_header{margin:2em 0 1em 0}
.sbox_radios{margin:0 0 1em 0; font-weight:bold}
.sbox_key_input{vertical-align:top; margin: 0 0 1em 0;border:solid 1px #ACBFD6; height:20px; width:218px}
.sbox_key_btn{vertical-align:top}
.range_fields{border:0; background:#E2E9F1; font-size:11px}
.range_fields_price{width:60px}
.range_fields_beds{width:22px}
.sbox_btn{margin-top:5px}
.sbox_buttons{float:right}
.sbox_links a,.sbox_links a:visited{ margin:1em 1em 1em 1em; color:#003D79}
.sbox_links_left{float:left; margin-right:3em}


/*footer*/
.ft_branches{ padding:2em 1em 1em 0; background-color:#CCCCCC; clear:both}
.footer_end{background:url(/images/footer_end.jpg) no-repeat; height:47px;}
.contact_map{float:right;}
.branch_address{float:left;margin-left:20px; width:173px; color:#003D79; font-size:10px}
.branch_header{ font-size:1.2em; margin-bottom:1em; font-weight:bold}
.branch_phone{margin:1em 0}
.phone_header{display:block; float:left; width:30px}
.branch_address_box{height:100px}

/*forms generic*/
.btn_close{text-align:right;float:right; margin-top:-3px; cursor:pointer}
.thank_you{text-align:center; font-size:14px}


/* enquiry form */
.e_form{width:550px; position:absolute; display:none; left:100px; top:50px; z-index:6; background:#FFF;  border:2px solid #ACBFD6; padding:1em 1em}
.e_top{font-size:17px; color:#003D79}
.e_header {font-size:14px; color:#003D79; padding-bottom:1em}
.e_form label{width:60px; display:block; float:left;}
.e_form li{margin-bottom:5px}
.e_left{float:left}
.e_right{float:right}
.e_right textarea{width:320px; height:100px}
.e_buttons {padding-top:10px; text-align:right}
.e_buttons img{cursor:pointer; margin-left:10px}
#e_error{float:left; color:#F00; font-weight:bold}

/* appraisal form */
.app_form{width:600px; position:absolute; display:none; left:100px; top:50px; z-index:6; background:#FFF;  border:2px solid #ACBFD6; padding:1em 1em}
.app_form label{width:60px; display:block; float:left;}
.app_form li{margin-bottom:5px}
.app_header {font-size:14px; color:#003D79; padding:1em 0 .5em 0}
#app_p_address{width:210px; height:60px}
#app_description{height:207px}
#app_thank_you{padding:3em 0 0 0}

/*send to a friend*/
.stf{width:400px; position:absolute; display:none; left:200px; top:120px; z-index:6; background:#FFF;  border:2px solid #ACBFD6; padding:1em 1em}
.stf label{width:150px; display:block; float:left;}
.stf input{ width:240px; margin-left:5px;}
.stf li{margin-bottom:5px}
.stf ul{margin-bottom:10px}
.stf_top{margin-bottom:1em}
.stf_btn_close, .stf_button{float:right}
#stf_error{color:#F00; font-weight:bold}

.sec_bullets ul{list-style:url(/images/bullet.png); width:570px; margin:2em 0 2em 2em}
.sec_bullets li{margin:0 0 .8em 0}

/*register*/
.reg_box{
color:#003D79;
background-color:#E2E9F1;
border:#ACBFD6 solid 1px;
text-align:left;
padding:1em 2em;
margin:auto;
width:700px;
}
.reg_col3 label{float:left; width:100px; display:block}
.reg_col3 input, textarea{width:210px;}
.reg_col1{float:left; width:280px}
.reg_col2{float:left; width:190px}
.reg_col3{float:left; width:210px}

.unregister{text-align:center; font-size:14px}

/*mortgage form*/
#mortgage-calc-form fieldset {
border:0 none;
margin:1em 0 0;
padding:0;
position:relative;
width:100%;
}