/* *** rural-styles.css *** */
/* *** contains all colours and font families that are theme/site specific *** */
/* *** some elements use rgba colour modal to allow cross browser layered transparency *** */

/* *** General *** */

body {background-color:#FFFFFF;color:#565656;font-size:14px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;line-height:14px;}
a {color:#E2000E;}
a:visited {color:#E2000E;}
a:hover {color:#E2000E;}
h1 {font-size:24px;font-weight:normal;color:#000000;}
h2 {font-size:18px;font-weight:normal;color:#000000;}
h3 {font-size:14px;font-weight:normal;color:#000000;}
h4 {font-size:12px;font-weight:normal;color:#000000;}
#outercontainer {background-color:#FFFFFF;background-image:url(../images/outercontainer-bkgr.gif);background-position:center bottom;background-repeat:no-repeat; background-size: 1000px 235px;}
#footercontainer {background-color:#000000;background-repeat:repeat-x;}
#banner-topcontainer {background-color:transparent;background-image:url(../images/banner-backgr.png);background-repeat:repeat-x;}
#tallbannercontainer {background-image:url(../images/topgraphic2.jpg);background-repeat:no-repeat;background-size:cover;}
#bannercontainer {background-image:url(../images/topgraphic-short2.jpg);}
#banner-top {background-color:transparent;}
#banner-top .banner-info { color:#ffffff; }
#banner-top .banner-info a { color:#ffffff; }
#topgraphic-left {color:#ffffff;}
#content {color:#000000;}
.leftlink a, .leftlink a:visited {color:#ffffff;background-color:#2277D7;}
.leftlink a:hover {color:#ffffff;background-color:#DCDCDC;}
.submit {color:#FFFFFF; background-color:#E2000E; font-weight:bold;}
.pagehead {color:#1F6EC6;}
.newsbox {background-color:#DCDCDC;border-bottom:3px solid #E2000E;}
.newsbox .heading {color:#000000;}
.newsbox a { color:#000000; }
#footer {color:#FFFFFF;}
#footer .links-wrapper a {color:#FFFFFF;}
#footer .address a {color:#FFFFFF;background-color:#000000;}
#footer a:hover { color:#E2000E; }
input[type=text] {color:#0f222c; background-color:#FFFFFF; border:1px solid #bcc4c8;}
textarea {color:#0f222c; background-color:#FFFFFF; border:1px solid #bcc4c8;}
select {color:#0f222c; background-color:#FFFFFF; border:1px solid #bcc4c8;}
.textfield {color:#0F222C;}
.textarea {color:#0F222C;}
.textarea-sm {color:#0F222C;}
.form-required {color:#8A0109;}
ul.subhead li {border:1px solid #D7D7D9;}
ul.subhead li a {background-color:#E9E9EA;}
.home-introbox p {color:#ffffff;}
.home-introbox li {color:#6F164C;}

/* *** Homepage Properties *** */
.homepagepropcontainer { border-bottom:3px solid #E2000E; }
.homepagepropcontainer .subhead {color:#1F6EC6;}
/*.homepageprop {border-bottom:3px solid #000000;}*/
.homepageprop .status {color:#ffffff;}
.homepageprop .details {background:rgba(220, 220, 220,0.8);}
.homepageprop .details .headline {color:#000000;}
.homepageprop .details .displayaddress a {color:#E2000E;}
.homepageprop .details .price {color:#000000;}
.homepagepropouter .nav #prev {background-image:url(../images/arrow-left.png);}
.homepagepropouter .nav #next {background-image:url(../images/arrow-right.png);}

/* *** Search Boxes *** */

.searchbox {border-bottom:3px solid #E2000E; background:rgba(220, 220, 220,0.8);}
.searchbox #searchheading {color:#000000;}
.searchbox label {color:#000000;}
.searchbox #search .propindsep {color:#000000;}
.searchbox .formheading {color:#000000;}
.searchbox .formelement {color:#000000;}
.searchbox .pricesep {color:#000000;}

.searchbox-wide {border-bottom:3px solid #E2000E; background:rgba(220, 220, 220,0.8);}
.searchbox-wide #searchheading {color:#000000;}
.searchbox-wide label {color:#000000;}
.searchbox-wide #search .propindsep {color:#000000;}
.searchbox-wide .formheading {color:#000000;}
.searchbox-wide .formelement {color:#000000;}
.searchbox-wide .pricesep {color:#000000;}

/* *** Search Results *** */

.searchprop .status {color:#ffffff;}
.searchprop .details {background-color:#DCDCDC;}
.searchprop .details .price {color:#000000;}
.searchprop .details .address a, .searchprop .details .address a:visited, .searchprop .details .address a:hover {color:#E2000E;}
.searchprop .details .hoverState {color:#FFFFFF; border-bottom:3px solid #E2000E;}
.searchprop .details .hoverState .address a, .searchprop .details .hoverState .address a:visited, .searchprop .details .hoverState .address a:hover {color:#E2000E;}
.searchprop .details .hoverState .price {color:#FFFFFF;}
.searchprop .details .hoverState .moreinfo {background-color:#E2000E; color:#000000;}
.searchprop .details .hoverState .moreinfo a {color:#FFFFFF;}
/* for setting background colour on hover and non-hover in the js */
#searchListHoverColour { background-color:#000000; }
#searchListNonHoverColour { background-color:#DCDCDC; }

.searchmap #map {border:1px solid #06905f;}
.searchmapkey {border:1px solid #bcc4c8;}

/* *** Paging *** */

.currentPage {background-color:#13235B;color:#ffffff;}
.pagersummary {color:#909090;}
.prefootercontainer .prefootertop {background-color:#DCDCDC;}
.prefootercontainer .prefootertop .inner {color:#000000;}
.prefootercontainer .prefootermiddle .box {color:#000000;}
.prefootercontainer .prefootermiddle .box .heading {color:#000000;}

/* *** Property Details *** */

.propertydet .topleft .price {color:#000000;}
.propertydet .tools div a {color:#FFFFFF; background-color:#000000;}
.propertydet .tools div a:hover {color:#FFFFFF; background-color:#2d2d2d;}
.propertydet .tools .viewing a {color:#FFFFFF; background-color:#E2000E;}
.propertydet .tools .viewing a:hover {color:#FFFFFF; background-color:#f5000f;}
.propertydet .map #map {border:1px solid #DCDCDC;}
#photogallerycontainer {background-color:#ffffff;}
#photogallery .photolinks {background-color:#2906A5;color:#ffffff;}
#usefuldocuments {border:1px solid #F0F3C8;background-color:#FCFDE9;}
.maintenance-contactnos {border:1px solid #C1D7F1;background-color:#F4F0F3;}
.propertydet .nav #prev {background-image:url(../images/arrow-left.png);}
.propertydet .nav #next {background-image:url(../images/arrow-right.png);}

/* *** Arrange a Viewing *** */

#viewing-form .textarea { border:1px solid #565656;}
#viewing-form .textfield {border:1px solid #565656;}
.basicpropertydet {background-color:#DCDCDC; border-bottom:3px solid #E2000E;}
.basicpropertydet .inner {color:#000000;}
.basicpropertydet .address {color: #000000;}
.basicpropertydet .price {color:#E2000E;}
.basicpropertydet .bedsproptypepropind {color:#000000;}
.basicpropertydet .photo .status {color:#000000;}

/* *** Contact Page *** */

#contact-right .company-info {color:#000000;}
#contact-form {background-color:#DCDCDC;border-bottom:3px solid #E2000E;}
#contact-form .inner .heading {color:#000000;}
.contactmap {border:1px solid #DCDCDC;}

/* *** Testimonials *** */

.testimonial .source {color:#959aad;}
.testimonial .date {color:#959aad;}

/* custom styles */

.hspacer { border-bottom:1px solid #CDCDCD; }
.ticks li { list-style: none; background: url(../images/tick.png) 0 0 no-repeat; margin: 0 0 10px 0; line-height: 25px; padding: 0 0 0 32px; }

/* *** Borders for styled select box dropdowns *** */

#MinPrice-menu {border: 1px solid #bcc4c8;}
#MaxPrice-menu {border: 1px solid #bcc4c8;}
#Town-menu {border: 1px solid #bcc4c8;}
#BedsEqual-menu {border: 1px solid #bcc4c8;}

/***** Tablet (768px - 1000px) *****/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	#outercontainer {background-size: 768px 180px;}
}
/***** END OF Tablet (max-width: 767px) *****/	

/***** Phone *****/
@media only screen and (max-width: 767px) { 
	#tallbannercontainer { background-image:url(../images/topgraphic-mobile2.jpg); }
	#bannercontainer {background-image:url(../images/topgraphic-short-mobile2.jpg);}
	#outercontainer {background-size: 100% auto;}
}
/***** END OF Phone (max-width: 767px) *****/