@charset "utf-8";
/* Wren Properties CSS */


* { margin: 0; padding: 0; outline: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: black;
}

#outermost {
   width:990px;
   background:white;
   /*text-align:center;*/
   margin: 0 auto;
}

#top-frame {
	margin: 0 auto;
	width: 990px;
	height: 163px;
	background-color: black;
	background-image: url(/images/back_top_rounded.png);
	background-position:center;
	background-repeat: no-repeat;
}

#printheader {
   display: none;
}

#logo {
	padding: 58px 20px 0px 50px;
}

.page_header {
   font-size: 13px;
   text-align: left;
}

#menu {
	margin: 0 auto;
	clear: both; /*No floating elements allowed on either the left or the right side*/
	width: 980px;
	/*padding-left: 25px; Padding*/
	height: 30px; /*The height of the menu */
	font-family: Verdana, Arial, Helvetica, sans-serif; /*The font family*/
	font-size: 12px; /*The font size*/
	font-weight:bold;
	line-height: 30px; /*The line-height property sets the distance between lines.*/
	background-image: url(/images/back_red.png);
	background-repeat: no-repeat;
	background-position: center;
}
#menu ul {
	list-style: none;
	margin-left:20px; padding: 0px;
}
#menu ul li {
	display: inline; /*The element will be displayed as an inline element, with no line break before or after the element*/
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #fff; /*Font color*/
	text-decoration: none;
	border-bottom: none;
	border-top: none;
}
#menu ul li a:hover {
	display: block;
	float: left;
	padding: 0 12px;
	color: #fff; /*Font color*/
	text-decoration: none;
	background-color: #2e2e2e;
}

#middle-frame {
	margin: 0 auto;
	width: 980px;
	height: 300px;
	/*background-image: url(/images/back_middle.png);*/
	background-position:center;
	background-repeat: repeat-y;
}

#hotspot {
	margin: 10px 0px 10px 0px;
	background-color: #C4CFE3;
	float: left;
	width: 455px;
	height: 280px;
	text-align: center;
	color: #fff;
}

.errors {
   color: red;
   font-weight: bold;
   margin-left: 10px;
}

.display_group .title {
   float: none;
   clear: both;
   font-size: 13px !important;
   font-weight: bold;
}

/*.btn {
    border: 1px solid #006;
    background: #fff;
    padding: 3px;
    height: 25px;
}*/

#homesearchbox,
#propertysearchbox,
#subscribe_form,
#recruitment_form,
#contact_form
 {
	margin: 10px 30px 10px 5px;
	border:#9C9C9C solid 1px;
	background-color: #C4CFE3;
	text-align: center;
	/*color: #fff;*/
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

#homesearchbox {
   margin: 10px 8px 10px 0px;
   padding-top: 4px;
   padding-bottom: 15px;
   padding-left: 9px;
   width: 281px;
   height: 259px;
   float: left;
	background-image: url(/images/search_fill.png);
	font-size: 11px;
}

#propertysearchbox {
   width: 620px;
   height: 200px;
	background-image: url(/images/search_fill_wide.png);
   float: none;
   clear: both;
}

#propertysearchboxexpandlink {
   font-weight: bold;
   cursor: pointer;
   display: none;
}

#subscribe_form {
   width: 520px;
   float: none;
   clear: both;
   background-image: url(/images/search_fill_wide_deep.png);
	background-color: #C4CFE3;
}

#recruitment_form {
   width: 640px;
   float: none;
   clear: both;
   background-image: url(/images/search_fill_wide_notopshade.png);
	background-repeat: repeat-y;
	background-color: #C4CFE3;
}

#contact_form {
   width: 640px;
   float: none;
   clear: both;
   background-image: url(/images/search_fill_wide_notopshade.png);
	background-repeat: repeat-y;
	background-color: #C4CFE3;
}

#homesearchbox div,
#propertysearchbox div,
#property_enquiry_form div,
#subscribe_form div,
#recruitment_form div,
#contact_form div {
	text-align: right;
	line-height: 15px;
	padding: 1px;
	font-size: 11px;
}

#property_enquiry_form div,
#subscribe_form div,
#recruitment_form div,
#contact_form div {
   text-align: left;
}

#homesearchbox div.label,
#propertysearchbox div.label,
#property_enquiry_form div.label,
#subscribe_form div.label,
#recruitment_form div.label,
#contact_form div.label {
   float: left;
	/*text-align: right;
	width: 170px;*/
}

#homesearchbox h1,
#propertysearchbox h1,
#subscribe_form h1 {
	font-size: 14px;
	font-weight:bold;
	/*color: #fff;*/
}

#homesearchbox select,
#propertysearchbox select,
#property_enquiry_form select,
#subscribe_form select,
#recruitment_form select,
#contact_form select {
	padding: 1px;
	width: 100px;
	border: 0px solid #000;
	/*color: #fff;
	background: #000;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

#homesearchbox input,
#propertysearchbox input,
#property_enquiry_form input,
#subscribe_form input,
#recruitment_form input,
#contact_form input {
	padding: 2px;
	width: 100px;
	height: 15px;
	border: 0px solid #000;
	/*color: #fff;
	background: #000;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

#homesearchbox label,
#propertysearchbox label,
#property_enquiry_form label,
#subscribe_form label,
#recruitment_form label,
#contact_form label {
   background-color:white;
   display:block;
   float:right;
   text-align:left;
   width:195px;
}

#homesearchbox label input,
#propertysearchbox label input,
#property_enquiry_form label input,
#subscribe_form label input,
#contact_form label {
   width: 20px;
}

#min_price,
#max_price,
#bedrooms,
#postcode,
#parking,
#results_per_page,
#order_by,
#subscribe_name,
#subscribe_email,
#subscribe_telephone {
   width: 279px;
   /*border:solid white 1px;*/
}

#min_price,
#max_price,
#bedrooms,
#location_label,
#postcode,
#parking,
#subscribe_name,
#subscribe_email,
#subscribe_telephone,
.contactformfield {
   float: left;
   clear: left;
}

.recruitfield .label {
   width: 150px;
}

.contactformfield {
   width: 329px;
}

.contactformfield .label {
   width: 200px;
}

#final_info {
   float: none;
   clear: both;
}

#str_general_info {
   width: 505px;
   height: 200px;
   margin: 10px 0px 10px 0px;
}

#location_list {
   width: 226px;
   float: left;
}

#propertysearchbox #location_list
 {
   /*width: 346px;*/
   margin-right:200px;
}

#subscribe_form #location_list {
   margin-left:110px;
   clear: none;
}

#order_by select {
   width: 150px;
}

.nav {
   float: none;
   clear: both;
}

#search_details_group_1 {
}

#search_details_group_2 {
}

#search_details_group_3 {
   float: right;
}

#str_parking {
	background: #C4CFE3;
}

#parking input {
   width: 106px;
}

#go {
	font-weight: bold;
}

#content-frame {
	clear: both;
	margin: 0 auto;
	width: 980px;
	/*background-image: url(/images/back_middle.png);*/
	background-position:center;
	background-repeat: repeat-y;
}

.content {
	margin: 0px 0px 5px 0px;
	
	float: left;
}

.contentcol1 {
   width: 352px;
}

.contentcol2 {
   width: 382px;
   text-align: justify;
   padding-right: 10px;
}

#content p {
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 16px;
}

#contact_details {
	float: left;
	width: 210px;
	height: 271px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 9px 0px 0px 8px;
	padding: 8px 0px 0px 3px;
   border:#9C9C9C solid 1px;
	/*background-color: b30000;*/
	background-image: url(/images/contact_fill.png);
	background-position: center;
	/*background-repeat: no-repeat;*/
}

#contact_details a {
   text-decoration: none;
}

.company_title {
   height: 16px;
   font-weight: bold;
   font-size: 12px;
}

.office_details {
   padding: 0px 0px 8px 0px;
}

#sidemenu {
	float: left;
	width: 217px;
	height: 200px; /*The height of the menu */
	font-family: Verdana, Arial, Helvetica, sans-serif; /*The font family*/
	font-size: 11px; /*The font size*/
	font-weight:bold;
	line-height: 30px; /*The line-height property sets the distance between lines.*/
	text-align: right;
	color: #fff;
	margin: 0px 0px 0px 18px;
	background-color: b30000;
}
#sidemenu ul {
	list-style-type: disc;
	list-style-position:inside;
	list-style-position:inside;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidemenu ul li {
	list-style-type: none;
	list-style-position:inside;
	padding: 0px;
	margin-bottom: 4px;
	line-height: 24px;
	width: auto;
	background-image: url(/images/back_red.png);
	background-position: center;
	background-repeat: no-repeat;
}

#sidemenu ul li a {
	color: #fff;
	text-decoration: none;
	padding:3px 14px 3px 0px;  
	display: block;
	font-weight:bold;
}

#sidemenu ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #97A7C6;
	font-weight:bold;
}

#testimonials {
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: black;
}

#promotional {
	clear: both;
	height: 10px;
	/*color: #fff;*/
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

#seo {
	/*clear: both;
	height: 10px;*/
	/*color: #fff;*/
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

#foot-content {
	text-align: center;
	color: #fff;
	background-image: url(/images/back_red.png);
	height: 25px;
	padding-top: 12px;
}

#footer-frame {
	margin: 0 auto;
	width: 980px;
	/*background-image: url(/images/back_end.png);*/
	background-position: center;
	background-repeat: no-repeat;
	height: 56px;
}

/* minor styles */

.justify {
	text-align: justify;
}

/* slider styling */

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:445px;
	height:280px;
	overflow:hidden; 
}

#testimonialslider{}	
#testimonialslider ul, #testimonialslider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#testimonialslider li{ 
	overflow:hidden; 
	font-size: 11px;
	font-weight: normal;
	color: black;
	width: 900px;
	height:30px;
	text-align:center;
	margin-bottom: 5px;
}
	
.main_content {
   /*color: white;*/
}

a {
   /*color: white;*/
}

.sub_content {
   padding: 20px 40px 0px 12px;
}

.sub_content h1 {
   font-size: 16px;
   padding-bottom: 5px;
}

.sub_content h2 {
   font-size: 14px;
}

#quicksearchform .label {
   clear:left;
   float:left;
   margin-right:10px;
   width:150px;
}

#property_enquiry_form .label/*,
#subscribe_form .label*/ {
   clear:left;
   float:left;
   margin-right:10px;
   width:180px;
}

#subscribe_form .label {
   width:171px;
}

#property_enquiry_form #newsletter .label {
   clear: none;
   float: right;
   width: 400px;
}

#property_enquiry_form #newsletter input {
   width: 20px;
   padding:0px;
   margin:0px;
   background-color: #C4CFE3;
}

#property_enquiry_form #newsletterfrequency select,
#property_enquiry_form #newsletterformat select,
#subscribe_form #newsletterformat select {
   width: 150px;
}

#newsletter,
#newsletterfrequency {
   clear: both;
}

#enquiry_form_please {
   margin-top: 15px;
   font-weight: bold;
}

#location_list {
   height: 63px;
   overflow: auto;
   text-align: left;
   margin-bottom: 2px;
}

#disclaimer {
   float: none;
   clear: both;
   margin: 0px 50px 18px 0px;
}

.outline {
	clear: both;
	background: #2e2e2e;
	color: white;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	background-image: url(/images/back_red.png);
	background-position: center;
}

.high_content {
   height: 300px;
   /*overflow: auto;*/
}

textarea {
   width: 350px;
   height: 100px;
}

/* Property search */
.property_search_result_detail {
   width: 740px;
   padding: 5px 20px 20px 10px;
}
.property_search_result_detail ul {
   margin-left: 20px;
   float: left;
}

.property_search_result_detail h2 {
   padding: 3px 0px 5px 0px;;
}

.property_search_result_image {
   float: right;
   vertical-align: top;
}

.property_search_result_buttons {
   float: none;
   clear: both;
}

.paginationControl {
   padding: 0px 0px 5px 2px;
}

/* Property enquiry form */
#property_enquiry_form {
   margin-bottom: 10px;
   border: #9C9C9C solid 1px;
   background-color: #808080;
	background-image: url(/images/interested_fill.png);
	background-position: center;
	background-repeat: no-repeat;
   padding: 0px 0px 8px 10px;
   /*width: 100%;*/
}

#property_enquiry_form p,
#property_enquiry_form h2 {
   padding-bottom: 7px;
}

/* Property details */
.property_col_1 {
   float: left;
   width: 50%;
   padding: 5px 0px 0px 0px;
}

.property_col_2 {
   float: left;
   width: 46%;
   padding: 10px 5px 0px 12px;
}

#property_buttons {
   float: none;
   clear: both;
   padding: 0px 0px 10px 0px;
}

.property_description_attr {
   padding: 0px 0px 10px 0px;
}

/* Property basket */
#basket_contact_details p {
   padding-top: 7px;
}

/*#basket_details th {
   text-align: left;
   background-color: #818181;
   padding: 3px;
}

#basket_details td {
   background-color: #BCBCBC;
   padding: 3px;
}*/

#homepagebullets {
   margin-left:25px;
   margin-right:25px;
}

#homepagebullets li {
   padding-bottom: 7px;
}
