/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	color: #595959;
	text-align: center;
	font: normal 13px/120% arial, helvetica, sans-serif;
	}

#outercontainer {	
	width: 100%;
	}

#container {
	width: 770px;
	background: #fff;
	margin: 0 auto;
	}
	
#header {
	height: 102px;
	}
	
#main {
	margin: 13px 0;
	}
	
#home #main {
	}
	
#column {
	width: 167px;
	float: left;
	margin-left: 26px;
	text-align: left;
	}

	
h1 {
	padding: 14px 0 0 22px;
	font: normal 13px/110% arial, helvetica, sans-serif;
	border: 0;
	float: left;
	}
	
h1 a {
	color: #00306C;
	border: 0;
	}

h2 a {
	padding: 16px 22px 0 0;
	font: normal 13px/110% arial, helvetica, sans-serif;
	border: 0;
	float: right;
	border: 0;
	}
	
#content {
	text-align: left;
	width: 770px;
	float: left;
	}
	
#home #content {
	text-align: left;
	width: 564px;
	float: left;
	}
	
#content h3.home {
	height: 49px;
	
	margin: 0 0 0 10px;
	border: 0;
	}
	
#content p {
	text-align: left;
	padding: 0 10px 20px 0px;
	}
	
#home #content p {
	text-align: left;
	padding: 0 10px 20px 10px;
	}
	
.contentimage {
	margin: 0 0px 20px 0px;
	}
	
#content a {
	color: #D52B1E;
	text-decoration: none;
	}
	
#content a:hover {
	color: #D52B1E;
	text-decoration: underline;
	}
	
#content h3 {
	font: bold 14px/110% arial, helvetica, sans-serif;
	border-bottom: 1px solid #DDDCDC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

#content h4 {
	color: #D52B1E;
	font: bold 14px/110% arial, helvetica, sans-serif;
	border-bottom: 1px solid #D52B1E;
	padding: 4px 0;
	margin-bottom: 10px;
	}
	
#content h5 {
	color: #D52B1E;
	font: bold 18px/110% arial, helvetica, sans-serif;
	padding: 4px 0;
	margin-bottom: 10px;
	}

	
#content h6 {
	color: #595959;
	font: bold 13px/110% arial, helvetica, sans-serif;
	padding: 0px 0;
	margin-bottom: 0px;
	}
	
#home #content .phonenumbers {
	margin: 0 0 30px 4px;
	}

#content .phonenumbers {
	margin: 0 0 30px 0px;
	}
	
#content .phonenumbers p, #home #content .phonenumbers p {
	padding: 6px 5px 6px 0;
	}
	

	
/* navigation */

#nav {
	display: none;
	}


	
/* sub nav */
	
#subnav {
	display: none;
	}
	

/* Funnels */

#content a.funnel {
	display: block;
	width: 185px;
	height: 100px;
	float: left;
	color: #595959;
	text-decoration: none;
	font: normal 11px/110% arial, helvetica, sans-serif;
	}
	
#content a.funnel:hover {
	color: #595959;
	text-decoration: none;
	}

#content .funnel span {
	padding: 22px 14px 10px 0px;
	display: block;
	}	

#content .funnel span.funnelupdated {
	}

#content .funnel span.funnelvaluation {
	}
	
#content .funnel span.funnelhips {
	}
	
#content .funnel span.funnellogin {
	}
	
#content .funnel span.funnelsearch {
	}
	
#content .funnel span.funnelfinance {
	}
	
	
#content .funnel span.funnelberkshire {
	}
	
#content .funnel span.funnelpangbourne {
	padding-top: 24px;
	}
	
#content .funnel span.funneltilehurst {
	padding-top: 18px;
	}
	
#content .funnel span.funnelreading {
	padding-top: 18px;
	}

#funnelpadding {
	margin: 0 4px;
	}
	
	
a {
	outline: none;
	}
	
/* Search Area */

#propertysearchprice {
	display: none;
	}
	

	
/* webcode */

#webcode {
	display: none;
	}
		
	
/* refine search */

#refinesearch {
	background: #B4ADAD;
	width: 770px;
	padding-bottom: 8px;
	}

#refinesearch h3 {
	
	height: 36px;
	width: 160px;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	}
	
#refinesearch h3.sort {
	
	height: 36px;
	width: 66px;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	}
	
#refinesearchareaselect {
	margin: 7px 0 0 13px;
	padding: 0 0;
	width: 306px;
	height: 37px;
	float: left;
 	}
	
#sortbyselect {
	margin: 7px 0 0 13px;
	padding: 0 0;
	width: 203px;
	height: 37px;
	float: left;
 	}
	


/* Column */

#column h3.featuredproperty {
	
	height: 44px;
	width: 167px;
	}
	
#column h4 {
	font: bold 13px/110% arial, helvetica, sans-serif;
	}
	
.price {
	color: #D52B1E;
	}
	
#column p {
	margin: 10px 0;
	}
	
.featuredpropertyimg {
	margin-bottom: 10px;
	}
	
a.morelink {
	text-decoration: none;
	padding: 0px 2px 0px 14px;
	color: #D52B1E;
	}

a.morelink:hover {
	text-decoration: underline;
	}
	
/* Discover Berkshire */

#discoverberkshire {
	text-align: left;
	font: normal 11px/130% arial, helvetica, sans-serif;
	padding: 20px 0 20px 20px;
	margin: 30px 0 10px 0;
	}
	
#discoverberkshire h3, #discoverberkshire h3 a {
	float: left;
	width: 172px;
	color: #D52B1E;
	font: bold 14px/110% arial, helvetica, sans-serif;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
	
.discoverfloat {
	float: left;
	width: 150px;
	}
	
.discoverfloat2 {
	float: left;
	width: 156px;
	margin: 0 40px 0 40px;
	}
	
#discoverberkshire h4, #discoverberkshire h4 a {
	color: #D52B1E;
	font: bold 12px/120% arial, helvetica, sans-serif;
	text-decoration: none;
	}
	
#discoverberkshire a.morelink {
	text-decoration: none;
	padding: 2px 2px 2px 14px;
	color: #D52B1E;
	}

#discoverberkshire a.morelink:hover {
	text-decoration: underline;
	}
	
/* bottom strip */

#bottomstrip {
	height: 32px;
	color: #fff;
	}
	
#bottomstrip a {
	color: #fff;
	text-decoration: none;
	font: bold 12px/120% arial, helvetica, sans-serif;
	}
	
#bottomstrip h2 {
	padding: 9px 0 0 10px;
	margin: 0;
	font: bold 12px/120% arial, helvetica, sans-serif;
	text-align: left;
	float: left;
	}
	
#bottomstrip p {
	float: right;
	padding: 3px 6px 0 0;
	}
	
a.oealink, a.oeaalink:hover {
	text-indent: -3000px;
	text-decoration: none;
	display: block;
	width: 51px;
	height: 23px;
	float: left;
	}
	
a.naealink, a.naealink:hover {
	text-indent: -3000px;
	text-decoration: none;
	display: block;
	width: 48px;
	height: 23px;
	float: left;
	margin-left: 6px;
	}
	
/* results */

#content p.infotext {
	padding: 18px 0 20px 4px;
	width: 550px;
	}

.advancedsearchlink {
	float: right;
	text-align: left;
	margin: 18px 4px 0 0;
	}
	
.housesummary, .pagedetail {
	padding: 15px 15px;
	margin-bottom: 16px;
	}
	
.housesummary img {
	float: left;
	margin-right: 10px;
	}
	
.housesummarytext {
	float: left;
	width: 382px;
	}
	
.housesummarytext label {
	color: #D52B1E;
	cursor: pointer;
	}
	
.housesummarytext .morelink {
	margin-right: 50px;
	}

	
#content .housesummarytext p {
	padding: 0 0 10px 0;
	}
	
.propertyheader {
	border-bottom: 1px solid #DDDCDC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	
#content .propertyheader h3 {
	float: left;
	font: bold 14px/110% arial, helvetica, sans-serif;
	width: 320px;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#content .pagedetail .propertyheader h3 {
	width: 460px;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#content .propertyheader h3 a, #content .propertyheader h3 a:hover {
	color: #595959;
	text-decoration: none;
	}
	
.propertyheader strong {
	color: #D52B1E;
	}
	
.housesummaryhighlights {
	float: right;
	width: 154px;
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#content .housesummaryhighlights h5 {
	color: #fff;
	background: #D52B1E;
	padding: 6px 10px;
	margin: 0;
	font: normal 13px/120% arial, helvetica, sans-serif;
	}

.housesummaryhighlights ul {
	list-style-type: none;
	background: #EBEBEB;
	padding: 10px;
	font: normal 11px/120% arial, helvetica, sans-serif;
	}
	
.housesummaryhighlights li {
	padding: 0;
	}
	
#content p.prevnext {
text-align: right;
padding-right: 20px;
}

#content p.prevnext .next {
text-align: right;
padding-right: 14px;
}

.prev {
padding-left: 14px;
}

#content p.prevnext strong {
	color: #595959;
}


.pagecol1 {
	float: left;
	width: 528px;
	}
	
.pagecol2 {
	float: left;
	width: 180px;
	margin: 25px 0 0 30px;
	border-top: 1px solid #DDDCDC;
	padding-top: 10px;
	}
	
.pagecol2noborder {
	float: left;
	width: 180px;
	margin: 0 0 0 30px;
	}
	
.pagecol2 h3, .pagecol2noborder h3 {
	font: bold 14px/110% arial, helvetica, sans-serif;
	border-bottom: 1px solid #DDDCDC;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.pagecol2 h3 strong, .pagecol2noborder h3 strong {
	color: #D52B1E;
	}
	
.pagedetail img {
	float: left;
	}
	
.propertyheader img {
	float: left;
	margin-right: 10px;
	}
	
#pagedetailimages {
	margin-left: -9px;
	margin-bottom: 10px;
	}
	
#pagedetailimages img {
	float: left;
	margin-bottom: 9px;
	margin-left: 9px;
	}

.pagecol1 p {
	padding: 0 0 20px 0;
	}

.pagecol1 ul {
	padding: 0 0 20px 0;
	list-style-type: none;
	}
	
.pagecol1 ol {
	padding: 0 0 20px 0;
	margin: 0 0 0 20px;
	}

.pagecol1 ol li {
	padding: 2px 0 2px 0;
	}
	
.pagecol1 ul li {
	padding: 2px 0 2px 10px;
	}

.pagecol2 ul, .pagecol2noborder ul {
	margin-left: 0px;
	list-style-type: none;
	}
	
.pagecol2 ul li, .pagecol2noborder ul li {
	padding: 0 0 6px 10px;
	}

	
.pagecol2 #detaillinks, .pagecol2noborder #detaillinks {
	list-style-type: none;
	margin-top: 10px;
	margin-left: 0;
	}
	
.pagecol2 #detaillinks li, .pagecol2noborder #detaillinks li {
	padding: 6px 0 6px 14px;
	border-bottom: 1px solid #DDDCDC;
	}
	
.pagecol2 #detaillinks li a, .pagecol2noborder #detaillinks li a {
	display: block;
	}
	
#content p.contactdetails {
	border: 1px solid #DDDCDC;
	padding: 6px 10px;
	margin-top: 10px;
	font: bold 13px/120% arial, helvetica, sans-serif;
	}
	
#content p.contactdetails strong {
	color: #D52B1E;
	}
	
#content .backto {
	margin-left: 16px;
	}
	
	
/* Footer */

#footer {
	font: normal 11px/120% arial, helvetica, sans-serif;
	text-align: center;
	padding: 8px 0;
	color: #A8A8A8;
	}
	
#footer a {
	color: #A8A8A8;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #A8A8A8;
	text-decoration: underline;
	}
	
iframe {
	margin-bottom: 20px;
	}
	
hr {
	border: 0;
	background: #AEACAC;
	height: 1px;
	margin: 20px 0;
	}
	

/* Form */

.contentform {
	}
	
.contentform form {
	padding: 20px 20px 14px 20px;
	}
	
.formleft {
	float: left;
	width: 190px;
	padding: 5px 3px 10px 0;
	margin: 0;
	text-align: right;
	}
	
.formright {
	float: right;
	width: 280px;
	padding: 4px 0 10px 3px;
	margin: 0;
	text-align: left;
	}
	
.formboth {
	padding: 4px 0 20px 0px;
	}
	
.contentform input.textinput, .contentform textarea.textinput {
	background: #fff;
	width: 200px;
	border: 0;
	padding: 2px 0;
	}

.contentform select {
	font: normal 11px/120% arial, helvetica, sans-serif;
	width: 100px;
	}
	
.checkbox {
	margin: 2px 2px 2px 0;
	}

	
select.selectprice {
	width: 118px;
	margin: 0;
	font: normal 11px/120% arial, helvetica, sans-serif;
	vertical-align: text-top;
	padding: 0;
	margin-top: -1px;
	}
	
select.selectarea {
	width: 230px;
	margin: 0;
	font: normal 11px/120% arial, helvetica, sans-serif;
	vertical-align: text-top;
	padding: 0;
	margin-top: -1px;
	}
	
select.selectsort {
	width: 128px;
	margin: 0;
	font: normal 11px/120% arial, helvetica, sans-serif;
	vertical-align: text-top;
	padding: 0;
	margin-top: -1px;
	}
	
select#selectpricepadding {
	margin-left: 16px;
	}
	
.findbutton {
	margin: 0;
	cursor: pointer;
	position: relative;
	top: 7px;
	left: 5px;
	}
	
.inputwebcode {
	border: 0;
	width: 91px;
	padding: 2px 0;
	margin: 0 0 0 26px;
	font: normal 11px/120% arial, helvetica, sans-serif;
	}
	
.contentform span, .highlight {
	color: #D52B1E;
	}
	
.error {
	color: red;
	}
	
	

	
/* Clearfix */	
	
.clearfix:after, .housesummary:after, .propertyheader:after, .pagedetail:after, #content a.funnel:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

.clearfix, .housesummary, .propertyheader, .pagedetail {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, .housesummary, .propertyheader, .pagedetail {display:block;}
/* End hide from IE Mac */