/* *** 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 *** */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400,700&display=swap');

/* *** General *** */

body {background-color:#00144f;font-size:15px; font-family: "Rubik", sans-serif; font-weight: 400;line-height:1.4;}
a {color:#DC0A00;}
a:visited {color:#DC0A00;}
a:hover {color:#DC0A00;}
h1 {color:#00008C;}
h2 {color:#00008C;}
h3 {color:#00008C;}
h4 {color:#00008C;}
#outercontainer {background-color:#e9ebf0;}
#footercontainer {background-color:#fff;}
#banner-topcontainer {background-color:#000055;background-image:url(../images/bannerbackgr.png);background-repeat:repeat-x;background-position:center bottom;}
#tallbannercontainer {background-color:#ffffff;background-image:url(../images/topgraphic5.jpg);}
#bannercontainer {background-color:#ffffff;background-image:url(../images/topgraphic-short5.jpg);}
#banner-top {}
#banner-top .banner-left { color:#FFFFFF; }
#topgraphic-left {color:#ffffff;}
#content {color:#545454;}
.leftlink a, .leftlink a:visited {color:#ffffff;background-color:#2277D7;}
.leftlink a:hover {color:#ffffff;background-color:#e0e2e9;}
.submit {color:#e0e2e9; background-color:#DC0A00;}
.pagehead {color:#1F6EC6;}
#footer {color:#FFFFFF;}
#footer .links-narrow a {color:#FFFFFF;}
#footer .links a {color:#FFFFFF;}
#footer .address a {color:#FFFFFF;}
#footer a {color:#FFFFFF;}
#footer a:visited {color:#FFFFFF;}
#footer .terms, #footer .terms a {color:#788DCD;}
input[type=text] {color:#0f222c; background-color:#dbdde0; border:1px solid #A2A4AA;}
textarea {color:#0f222c; background-color:#dbdde0; border:1px solid #A2A4AA;}
select {color:#0f222c; background-color:#dbdde0; border:1px solid #A2A4AA;}
.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;}
#fees { background-color:#FFFFFF; }

/* *** Homepage Properties *** */

.homepagepropcontainer {border-bottom:3px solid #DC0A00;background-color:none;}
.homepagepropcontainer .subhead {color:#1F6EC6;}
.homepageprop {border-bottom:3px solid #DC0A00;background-color:transparent;}
.homepageprop .status {color:#ffffff;}
.homepageprop .details {background:rgba(0, 20, 79,0.9);}
.homepageprop .details .headline {color:#FFFFFF;}
.homepageprop .details .displayaddress a {color:#FFFFFF;}
.homepageprop .details .price {color:#FFFFFF;}
.homepageprop .details .price a {color:#FFFFFF;}
.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 #DC0A00; background:rgba(0, 20, 79,0.9);}
.searchbox #searchheading {color:#FFFFFF; line-height:24px;}
.searchbox label {color:#e0e2e9;}
.searchbox #search .propindsep {color:#e0e2e9;}
.searchbox .formheading {color:#e0e2e9;}
.searchbox .formelement {color:#e0e2e9;}
.searchbox .pricesep {color:#e0e2e9;}
.searchbox a:hover { color:#00008C; }

/* border color for styled select boxes */
.searchbox select { border:1px solid #00008C; }
.searchbox-wide {border-bottom:3px solid #DC0A00; background:rgba(0, 20, 79,0.9);}
.searchbox-wide #searchheading {color:#e0e2e9;}
.searchbox-wide label {color:#e0e2e9;}
.searchbox-wide #search .propindsep {color:#e0e2e9;}
.searchbox-wide .formheading {color:#e0e2e9;}
.searchbox-wide .formelement {color:#e0e2e9;}
.searchbox-wide .pricesep {color:#e0e2e9;}

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

.searchprop {border-bottom:3px solid #DC0A00;}
.searchprop .status {color:#ffffff;}
.searchprop .details {background-color:#FFFFFF;}
.searchprop .details .price {color:#00008C;}
.searchprop .details .address a, .searchprop .details .address a:visited, .searchprop .details .address a:hover {color:#00008C;}
.searchprop .details .hoverState {color:#FFFFFF; /*border-bottom:3px solid #DC0A00;*/}
.searchprop .details .hoverState .address a, .searchprop .details .hoverState .address a:visited, .searchprop .details .hoverState .address a:hover {color:#FFFFFF;}
.searchprop .details .hoverState .price {color:#FFFFFF;}
.searchprop .details .hoverState .moreinfo {background-color:#DC0A00; }
.searchprop .details .hoverState .moreinfo a {color:#FFFFFF;}
.searchprop .details .hoverState .feeslink {color:#FFFFFF;}
.searchprop .details .hoverState .feeslink:hover { font-weight:normal; }

/* for setting background colour on hover and non-hover in the js */

#searchListHoverColour { background-color:#00144F; }
#searchListNonHoverColour { background-color:#FFFFFF; }

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

/* *** Paging *** */

.currentPage {background-color:#13235B;color:#ffffff;}
.pagersummary {color:#909090;}
.prefootercontainer .prefootertop {background-color:#E0E2E9;}
.prefootercontainer .prefootertop .inner {color:#00008C;}
.prefootercontainer .prefootermiddle .box {color:#374146;}
.prefootercontainer .prefootermiddle .box .heading {color:#00008C;}

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

.propertydet .topleft .price {color:#00008C;}
.propertydet .tools div a {color:#FFFFFF; background-color:#2c3d69;}
.propertydet .tools div a:hover {color:#FFFFFF; background-color:#0c2464;}
.propertydet .tools .viewing a {color:#FFFFFF; background-color:#DC0A00;}
.propertydet .tools .viewing a:hover {color:#FFFFFF; background-color:#b20805;}
.propertydet .map #map {border:1px solid #DC0A00;}
#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 {/*width:249px;*/ background-color:#e0e2e9; border:1px solid #8d8e92;}
#viewing-form .textfield {background-color:#e0e2e9; border:1px solid #8d8e92;}
.basicpropertydet {background-color:#FFFFFF; border-bottom:3px solid #DC0A00;}
.basicpropertydet .inner {color:#00008C;}
.basicpropertydet .address {color: #00008C;}
.basicpropertydet .price {color:#00008C;}
.basicpropertydet .bedsproptypepropind {color:#00008C;}
.basicpropertydet .photo .status {color:#00008C;}

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

#contact-right .company-info {color:#000000;}
#contact-form {background-color:#FFFFFF;border-bottom:3px solid #DC0A00;}
#contact-form input[type=text],#contact-form textarea { background-color:#e0e2e9; border:1px solid #e0e2e9; }
#contact-form .inner .heading {color:#00008C;}
.contactmap, .contact-photo img {border:1px solid #ccc;}

/* *** Testimonials *** */

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

/* *** 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;}

/* custom */

.feestable { border-collapse:collapse; margin-top:10px; }
.feestable td { border-collapse:collapse; border:1px solid #c8c2b4; padding:5px; line-height:18px; }
.feestable td p { margin:0; }
.pagesep { border-top: 1px dashed #2C3D69; }

/* error */

input[type=text].formerror, select.formerror, textarea.formerror { border:1px solid #9d0505; }
#contact-form input[type=text].formerror, #contact-form select.formerror, #contact-form textarea.formerror { border:1px solid #9d0505; }
.valuationbox input[type=text].formerror, .valuationbox select.formerror, .valuationbox textarea.formerror { border:1px solid #9d0505; }
.errheader {margin-bottom:6px;font-size:13px}
.err {background-color:#FFF7F7;border:1px solid #FA9992;font-weight:bold; font-size: 11px; color:#E11000;margin:20px 0px 10px 0px;padding:5px 5px 2px 5px;}
#maincontent .err ul {padding-left:15px;margin:0px 0px 5px 0px;}
#maincontent .err li {color:#E11000;margin-bottom:5px;}
.errform {background-color:#FFF7F7;border:1px solid #FA9992;font-weight:bold; font-size:11px;color:#E11000;margin:0px 0px 0px 0px;padding:2px 5px 2px 5px;float:right;}
.success {background-color:#F1FFEF;font-weight:bold; font-size: 11px;color:#41A932;border:1px solid #92E287;margin:20px 0px 10px 0px;padding:2px 5px 2px 5px;}
.associations {background-color:#ffffff;border-bottom:3px solid #DC0A00;}