html {
width:100%;
height:100%;
background:#fff;
}
body {
width:100%;
font-size:1.4em;
color:#000;
font-weight:300;
background:#fff;
}
.container-fluid {
max-width:1500px;
}
/* Fonts (insert as necessary) */
body {
font-family: 'Raleway', sans-serif;
}
h1, h2, h3 {
}
button, a.button, a#showmenu, a#valuation, a:hover.button, #slideshowSearch input, a.windowButton {
}
.navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus, .navbar .navbar-nav > li > a, .dropdown-menu {
}
/*******************************************************
************** Custom website colours *****************
*******************************************************/
/*--------------- Header colours ----------------*/
#header, .navbar {
background:#FFF;
}
@media (max-width: 767px) {
#header {
background:#fff;
}
}
#contactBar {
background:#EFEFEF;
border-bottom:1px solid #DFDFDF;
color:#000;
}
#headerSocial i {
}
i.fa-facebook {
color:#38539A;
}
i.fa-instagram {
color:#A4318B;
}
#headerPhone i, #headerEmail i {
color:#E85D00;
}
/* Menu colours */
.navbar .navbar-nav > li > a {
color: #000;
}
/* Menu hover and active */
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus,.dropdown-menu li.active a, .dropdown-menu li a:hover, .dropdown-menu li.active a:hover {
color:#EE6100;
background:none;
}
/* Custom menu call to action (eg. valuation) */
.navbar .navbar-nav > li > a.button {
color: #FFF;
background:#EE6100;
}
.navbar .navbar-nav > li > a.button:hover, .navbar .navbar-nav > li > a.button:focus, .navbar .navbar-nav > .active > a.button, .navbar .navbar-nav > .active > a.button:hover, .navbar .navbar-nav > .active > a.button:focus, .navbar .navbar-nav > .open > a.button, .navbar .navbar-nav > .open > a.button:hover, .navbar .navbar-nav > .open > a.button:focus, .navbar .navbar-nav > li > a.button:hover,
.navbar .navbar-nav > li > a.button:focus {
background:#FF6A06;
color:#fff;
}
/* Dropdown menu */
.dropdown-menu {
background:rgba(0, 0, 0, 0.7);
}
.dropdown-menu li a {
color:#fff;
}
.dropdown-menu li a:hover, .dropdown-menu li.active a:hover, .dropdown-menu li.active a {
color:#EE6100;
}
/* Mobile menu */
.navbar .navbar-toggle, .navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus
{
background:#EE6100;
}
@media (max-width: 767px) {
#header {
background:#fff;
}
.navbar .navbar-nav .open .dropdown-menu li a,
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu {
color:#EE6100;
background:#fff;
}
.navbar .navbar-nav .open .dropdown-menu li.active a, .navbar .navbar-nav .open .dropdown-menu li.active a:hover {
color:#EE6100;
background:#FFF;
}
.dropdown-menu li a:hover
{
color:#EE6100;
}
}
/*---------------- Page headings on content pages ----------------------*/
#pageHeadingContainer h1 {
color:#fff;
}
#pageHeadingContainer h1 span.highlight {
color:#EE6100;
}
.highlight {
color:#EE6100;
}
h2, h3 {
color:#333;
}
/*-------------------- Header image background tone -----------------*/
#imageContainer, #imageContainerResults {
background:#000;
}
/*--------------------- Links -----------------------------*/
a {
color:#EE6100;
}
a:hover {
color:#DF5900;
}
/*------------------- Button colours ----------------------*/
button, a.button, a#showmenu
{
background: #EE6100;
}
a:hover.button, button:hover {
background:#FF6A06;
}
a.blueButton {
background:#EE6100;
}
a.blueButton:hover {
background:#45B0E4;
}
a.orangeButton {
background:#FF9933;
}
a.orangeButton:hover {
background:#FFA851;
}
/*--------------------- Home page -----------------------*/
#homeTextContainer h1 {
color:#575857;
}
/* Home slider circle */
#circle {
background:rgba(0, 0, 0, 0.6);
}
#circle h2 {
color:#fff;
}
/* Search bar */
#searchBar {
color:#fff;
background: rgba(35, 47, 56, 0.3);
}
#searchMenu {
color:#fff;
}
#searchMenu a {
color:#fff;
}
#searchMenu a:hover {
background:#51687F;
}
#searchMenu a.currentSearchTab {
}
button:hover#searchSubmit {
}
#searchMenu a {
background:#000;
border:1px solid #000;
}
#searchMenu a:hover {
background:#2C2C2C;
border:1px solid #2C2C2C;
}
#searchMenu a.currentSearchTab {
background: #EE6100;
border:1px solid #EE6100;
}
#searchMenu a:hover.currentSearchTab {
background: #EE6100;
border:1px solid #EE6100;
}
/* Service boxes */
#service1 {
width:31%;
float:left;
margin-right:3%;
background:#EE6100;
}
#service2 {
width:31%;
float:left;
margin-right:3%;
background:#EE6100;
}
#service3 {
width:32%;
float:left;
background:#FF9933;
}
/* Featured properties */
#featuredSliderContainer .cycle-slideshow {
background: url('../images/featuredSlideBg.png') right no-repeat #000;
color:#fff;
}
#featuredSliderContainer a.button {
}
#featuredSliderContainer a:hover.button {
}
.featuredSlideAddress {
color:;
}
.featuredSlidePrice {
color:;
}
.featuredSlideDescription {
color:;
}
.pager span {
color: #000;
}
.pager span.cycle-pager-active {
color: #EE6100;
}
#next i, #prev i {
color:#fff;
}
/*------------------ Search results colours ----------------------*/
#searchHeaderBar {
border-bottom:1px solid #E6E6E6;
}
a#listButton, a#mapButton, #currentListButton, #currentMapButton {
border:1px solid #E6E6E6;
}
#resultsLeftPanel {
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-bottom:1px solid #E6E6E6;
}
#searchResultsContainer {
background:#F4F4F4;
}
/* Search result hover/active background colour */
.searchResult:hover, .searchResultActive {
background: #EE6100;
}
.searchResultPrice {
color:#FFF;
}
/* Sold/Let labels */
.statusLabel {
background:rgba(153, 0, 0, 0.79);
color:#fff;
}
/* Property result details overlay */
.searchResultOverlay {
color:#fff;
background:rgba(0, 0, 0, 0.6);
}
/* Search results page numbers */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #EE6100;
border-color: #EE6100;
}
/*----------------------- Property particulars page ------------------------*/
#particulars {
background:#F4F4F4;
}
#particularsMenu a {
color: #fff;
background: #EE6100;
border-left:1px solid #EE6100;
border-right:1px solid #EE6100;
border-top:1px solid #EE6100;
}
#particularsMenu a:hover {
color:#333;
}
#particularsMenu a:hover, #particularsMenu li.active a {
background:#fff;
border-top:5px solid #EE6100;
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
color:#333;
}
/* Particulars Slideshow */
#slideshow .sp-selected-thumbnail {
border: 4px solid #EE6100;
}
#particularsBedrooms {
color:#333;
}
#particularsPrice {
color:#333;
}
#particularsRightPanel {
border:1px solid #E6E6E6;
}
#particularsRightPanel h3 {
color:#333;
}
#branchAddress {
color:#fff;
}
#branchTelephone {
color:#fff;
}
#contactBox a {
color:#fff;
}
#contactBox {
background: url('../images/contactBoxBg.png') right bottom no-repeat #000;
}
#contactBox h2 {
border-bottom:4px solid #EE6100;
}
#contactBox h3 {
color:#fff;
}
#description, #floorplans, #adminFees, #streetviewframe {
border:1px solid #E6E6E6;
}
#description h2, #adminFees h2 {
color:#333;
}
#description h3 {
color:#333;
}
#description ul {
color:#EE6100;
}
#sharePropertyIcons i {
color:#EE6100;
}
/*-------------------- Valuation and Register Page -------------*/
#valuationContainer i, #registerContainer i {
color:#EE6100;
}
/*-------------------- Contact Us ----------------------*/
#contactDetails i {
color:#EE6100;
}
#contactSocial i.fa-facebook {
color:#4267B2;
}
#contactSocial i.fa-twitter {
color:#1DABDD;
}
#contactSocial i.fa-youtube {
color:#FF0000;
}
#contactSocial i.fa-linkedin-in {
color:#0077B5;
}
/*-------------------- Error validation on forms -------------------*/
p.error, ol.error {
color:#EE6100;
}
/*------------------------ Footer ----------------------------*/
#footerContainer {
background:#000;
color:#fff;
}
#footer ul li a {
color:#fff;
}
#footer ul li a:hover {
color:#F7F7F7;
}
#copyright a {
color:#fff;
}
#copyright a:hover {
color:#ccc;
}
/********************************************************
***************End of custom colours *******************
*********************************************************/
/* General page styles */
#pageHeadingContainer, #resultsHeadingContainer {
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:100;
}
#pageHeadingContainer h1 {
font-size:3.5em;
margin:350px 0 0 0;
text-shadow: 1px 1px 1px #000;
}
h1 {
font-size:2.1em;
font-weight:700;
padding:5px 0 15px 0;
}
h2 {
font-size:1.9em;
line-height:1.6em;
font-weight:600;
margin:10px 0 20px 0;
}
h3 {
font-size:1.7em;
line-height:1.3em;
font-weight:600;
margin:30px 0 20px 0;
}
p strong {
font-size:1em;
font-weight:400;
}
p {
line-height:1.4em;
margin:0 0 25px 0;
font-size:1em;
}
.bold {
font-weight:400;
font-size:1.1em;
}
button, a.button, a#showmenu
{
color:#fff;
box-shadow: 0px 1px 1px #999;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
a.button {
color:#fff;
padding:13px 25px;
display:inline-block;
font-size:1.2em;
text-decoration:none;
font-weight:500;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
a:hover.button {
color:#fff;
}
button {
color:#fff;
padding:16px 25px;
font-size:1.2em;
text-decoration:none;
font-weight:500;
border:none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
button:hover {
color:#fff;
}
p.error {
margin:0 0 20px 0;
padding:0 0 0 0;
}
ol.error {
margin:0 0 20px 0;
padding:0 0 0 0;
}
ol.error li {
margin:3px 0 3px 0;
padding:0 0 0 0;
width:100%;
}
/* Page styles */
#imageContainer, #imageContainerResults {
position:relative;
}
#registerContainer p, #valuationContainer p, #branchDetails, #pageText p, .service p {
line-height:1.4em;
font-size:1.15em;
}
#pageText a {
text-decoration:underline;
}
#pageText ul {
list-style-type:square;
margin:10px 0 0 10px;
padding:0;
}
#pageText ul li {
padding:0 0 10px 3px;
}
.colourBar {
padding:40px 0 40px 0;
margin:0 0 0 0;
background:#F6F6F6;
}
.whiteBar {
padding:40px 0 40px 0;
margin:0 0 0 0;
}
.whiteBar h1 {
margin:0;
padding:0 0 20px 0;
}
.whiteBar h2, .colourBar h2 {
margin:0;
padding:0 0 20px 0;
}
/* Menu */
#headerPage {
height:90px;
position:absolute;
z-index:1000000000;
width:100%;
}
#headerResults {
height:90px;
position:absolute;
z-index:10000;
width:100%;
}
#header {
position:absolute;
z-index:10000;
width:100%;
top: 0;
position: fixed;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
border-radius:none !important;
box-shadow: 0px 0 5px #999;
}
#contactBar {
height:42px;
overflow: hidden;
text-align:right;
padding:10px 10px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
#headerEmail i, #headerPhone i {
margin-right:5px;
}
#headerSocial i {
font-size:17px;
margin-left:7px;
margin-top:0px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
opacity:0.8;
}
#headerSocial i:hover {
opacity:1.0;
}
#headerPhone, #headerEmail, #headerSocial {
transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
}
#headerPhone {
float:right;
margin-right:20px;
font-weight:500;
}
#headerPhone img {
margin-right:5px;
vertical-align: text-bottom;
}
#headerEmail {
float:right;
/*margin-right:20px;*/
font-weight:500;
}
#headerEmail img {
margin-right:5px;
vertical-align: text-bottom;
}
#headerEmail a {
color:#000;
text-decoration:none;
}
#headerEmail a:hover {
color:#333;
}
#headerSocial {
float:right;
}
.navbar ul li.dissapear {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#headerSocial img {
margin-left:12px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#headerSocial img:hover {
opacity: 0.6;
}
/* Size down effects on header */
.shrink .navbar {
padding:0 0 0 0;
}
.shrink .navbar ul {
padding-top:5px;
padding-bottom:5px;
margin-top:0;
margin-bottom:0;
}
.shrink .navbar ul li.dissapear {
/*opacity:0;
display:none;*/
}
.shrink #contactBar {
height:0px;
padding:0 0 0 0;
border-bottom:none;
overflow:hidden;
}
.shrink #contactBar #headerPhone, .shrink #contactBar #headerEmail, .shrink #contactBar #headerSocial {
opacity:0;
}
/* End of size down effects on header */
#headerContent {
position:relative;
padding:0 0 0 20px;
margin:0 auto;
}
/* Menu */
.navbar .navbar-nav > li > a, .dropdown-menu li a {
font-weight:600;
}
.navbar {
background-color: none;
margin:0;
border:none;
z-index:20000;
padding:0 0 0 0;
}
.navbar ul {
margin-top:10px;
margin-bottom:10px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav > li > a.button {
font-size:1.1em;
font-weight:600;
padding:10px 20px;
text-transform:none;
margin:5px 0 0 10px;
}
/* branding (logo) */
.navbar .navbar-brand {
margin:0;
}
img#logo {
height: 190px;
margin-left:-15px;
margin-top:-57px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.shrink img#logo {
margin-top:-15px;
height:103px;
}
#headerResults img#logo {
height:116px;
}
#headerResults .shrink img#logo {
height:90px;
}
.navbar .navbar-nav > li > a {
font-size:1.3em;
margin:0 0 0 0;
padding:15px 19px;
}
.navbar .navbar-nav li.lastItem a {
padding-right:0px;
}
.dropdown-menu {
padding:0px 0px 0px 0;
font-size:1.2em;
position:absolute;
top:55px;
z-index:1000;
border:none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.dropdown-menu li a {
padding:12px 18px 12px 18px;
}
/* mobile menu */
.navbar .navbar-toggle {
border:none;
color:#333;
border-radius: 0px;
}
.navbar-toggle {
margin:17px 15px 0 0;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
color:#fff;
}
.navbar .navbar-toggle .icon-bar {
background-color:#fff;
color:#333;
}
/* Footer */
#footerContainer {
padding:20px 0 0 0;
}
#footer {
padding:0 0 35px 0;
}
#footer ul {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}
#footer ul li a {
float:left;
font-size:0.85em;
padding:0 20px 0 0;
text-decoration:none;
}
#footer ul li a:hover {
}
#footerLogos {
text-align:left;
padding:0 0 20px 0;
padding-left:0;
}
#copyright {
font-size:0.85em;
text-align:right;
padding:0 0 0 0;
}
#copyright a {
text-decoration:underline;
}
#copyright a:hover {
}
/* Affiliates bar */
#affiliates {
text-align:center;
padding:20px 0;
background:#FFF;
}
#affiliates img {
margin:10px 10px;
height:30px;
}
/* Home page */
/* Slideshow */
#slideshowContainer {
position:relative;
margin:112px auto 0 auto;
width:100%;
}
.cycle-slideshow {
width: 100%;
height:690px;
padding:0;
overflow:hidden;
opacity:0.99;
}
.cycle-slideshow img {
width: 100%;
min-width:1903px;
}
#slideshowContentContainer {
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:100;
}
#slideshowContent {
max-width:1300px;
position:relative;
margin:0 auto;
color:#fff;
}
#circle {
width: 500px;
height: 500px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin:60px 0 0 0;
float:right;
text-align:center;
padding:80px 80px;
}
#circle h2 {
font-size:2.8em;
}
#circle p {
font-size:1.5em;
}
/* End of slideshow */
/* Services Banner */
#serviceBoxesContainer {
color:#fff;
padding:50px 0;
}
#serviceBoxesContainer h2 {
font-size:1.4em;
color:#fff;
}
#serviceBoxesContainer p {
font-size:1em;
}
.serviceBoxLeft {
width:40%;
float:left;
}
.serviceBoxRight {
width:60%;
float:left;
color:#fff;
padding:15px 25px 0px 25px;
}
#service1, #service2, #service3 {
/*-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;*/
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
opacity:1.0;
}
#service1:hover, #service2:hover, #service3:hover {
opacity:0.8;
}
#service1 {
width:31%;
float:left;
margin-right:3%;
}
#service2 {
width:31%;
float:left;
margin-right:3%;
}
#service3 {
width:32%;
float:left;
}
/* End of service boxes container option */
#servicesContainer {
max-width:1300px;
margin:0 auto;
text-align:center;
padding:60px 0 60px 0;
}
#servicesContainer .container {
max-width:1300px;
width:100%;
}
.service {
margin:0 0 0 0;
padding:0;
}
#servicesContainer h2 {
color:#333;
padding:0 0 20px 0;
}
#servicesContainer h3 {
font-size:1.6em;
color:#333;
font-weight:700;
}
.service img {
height:180px;
width:auto;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.service img:hover {
opacity: 0.4;
text-decoration:none;
}
/* Featured properties on home page */
#featuredSliderContainer {
padding:0 0 0 0;
width:100%;
position:relative;
}
#next, #prev {
position:absolute;
font-size:50px;
z-index:5000;
opacity:0.5;
top:40%;
cursor:pointer;
}
#next:hover, #prev:hover {
opacity:0.7;
}
#next {
right:20px;
}
#prev {
left:20px;
}
.featuredCurve {
position:absolute;
right:0px;
top:0px;
width:116px;
height:100%;
background: url('../images/featuredCurve.png') no-repeat right;
}
#featuredSliderContainer .cycle-slideshow {
height:auto;
margin:0 auto;
}
#featuredSliderContainer .cycle-slideshow img {
width:100%;
min-width:100%;
}
.featuredSlide {
width:100%;
}
.featuredSlideLeft {
width:50%;
float:left;
max-height:480px;
position:relative;
}
.featuredSlideRight {
width:50%;
float:left;
text-align:left;
}
.featuredSlideInfo {
max-width:600px;
position:relative;
height:100%;
}
.featuredSlideAddress {
font-size:1.9em;
font-weight:500;
padding:40px 0 0 20px;
}
.featuredSlidePrice {
font-size:2em;
font-weight:700;
padding:0 0 0 20px;
}
.featuredSlideDescription {
font-size:1.2em;
padding:20px 0 0 20px;
}
.featuredSlideInfo .button {
position:absolute;
top:380px;
right:0px;
}
#detailsButtonMobile {
display:none;
}
.pager {
text-align: center;
width: 100%;
overflow: hidden;
padding:0;
margin:0 0 10px 0;
}
.pager span {
font-family: arial;
font-size: 50px;
width: 20px;
height: 10px;
line-height:1em;
display: inline-block;
cursor: pointer;
}
.pager > * {
cursor: pointer;
}
/* End of featured properties slider */
/* Home text */
#homeTextContainer {
text-align:center;
padding:30px 0 30px 0;
}
#homeTextContainer p {
font-size:1.3em;
line-height:1.7em;
}
/*#homeTextContainer p {
font-size:1.1em;
line-height:1.4em;
}*/
#homeTextContainer h1 {
font-size:2.5em;
margin:0;
padding:0 0 25px 0;
}
/* Featured properties */
.statusLabel {
position:absolute;
top:0px;
left:0px;
padding:10px 15px 10px 15px;
font-size:1em;
font-weight:500;
z-index:1000;
}
.searchResultOverlay {
position:absolute;
bottom:0px;
left:0px;
right:0px;
display:inline-block;
z-index:1000;
padding:10px 15px 10px 15px;
font-size:0.95em;
}
.searchResultPrice {
padding:15px 0 15px 0;
font-weight:500;
}
.featuredLabel {
position:absolute;
bottom:0px;
left:0px;
}
img.featuredImage {
width:100%;
}
#contactBoxHome {
text-align:center;
}
/* Home page search bar */
/* Home search bar */
#lettingsSearch {
display:none;
}
#salesSearch {
}
#searchMenu {
color:#fff;
margin:12px 0 0 0;
/*box-shadow: 0px 0 3px #999;*/
}
#searchMenu a {
font-size:1.2em;
padding:8px 0;
display:inline-block;
width:50%;
text-align:center;
text-decoration:none;
font-weight:500;
}
#searchMenu a:hover {
}
#searchMenu a.currentSearchTab {
}
/* Search bar */
button:hover#searchSubmit {
}
#searchMenu a {
}
#searchMenu a:hover {
}
#searchMenu a.currentSearchTab {
}
#searchMenu a:hover.currentSearchTab {
}
#searchBar {
margin:0 0 0 0;
position:absolute;
bottom:0px;
left:0px;
width:100%;
padding:7px 0;
font-size:0.8em;
font-weight:300;
}
#searchBar form {
margin:0 0 0 0;
padding:0 0 0 0;
}
#searchBar select, #searchBar input {
width: 174px;
}
input#areaField {
width:220px;
margin-right:10px;
}
button#searchSubmit {
margin:10px 0 10px 10px;
padding:9px 25px;
text-decoration:none;
/*background:#333333;*/
border:none;
font-size:1.2em;
}
button#searchSubmit:hover {
/*background:#000;*/
}
/* End of home page */
/* Maps */
#map {
background: url('../images/preloader.gif') center no-repeat;
width:100%;
}
#contactContainer #map, #contactBoxHome #map {
height:400px;
}
#particulars #map {
height:250px;
}
#searchResultsContainer #map {
height:300px;
opacity:0;
}
#particulars #map, #searchResultsContainer #map {
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}
#contactContainer #map {
margin-top:40px;
}
/* End of maps */
/* Services page */
.pageImage {
opacity:0.65;
height:450px;
width:100%;
}
.resultsPageImage {
opacity:0.35;
height:135px;
width:100%;
}
#servicesImage {
background: url('../images/services.jpg') center top no-repeat;
}
#valuationImage {
background: url('../images/valuation.jpg') center top no-repeat;
}
#registerImage {
background: url('../images/register.jpg') center bottom no-repeat;
}
#resultsImage {
/*background: url('../images/searchResults.jpg') center top no-repeat;*/
}
#contactImage {
background: url('../images/slide1.jpg') center bottom no-repeat;
}
.inputCentral input {
margin:0px auto 25px auto;
}
#checkboxes .inputCentral input {
margin:-5px auto 25px auto;
}
/* Register and Valuation pages */
#buyingReqs, #rentingReqs {
display:none;
}
#registerContainer h2, #valuationContainer h2, #contactContainer h2 {
padding-top:20px;
text-align:center;
font-size:2.2em;
}
#registerContainer p a, #valuationContainer p a {
text-decoration:underline;
}
#registerContainer p a.button, #valuationContainer p a.button {
text-decoration:none;
}
#registerContainer ol, #valuationContainer ol {
list-style-type:none;
}
#registerContainer {
text-align:center;
}
#valuationContainer {
text-align:center;
}
#valuationContainer h3, #registerContainer h3 {
font-weight:500;
font-size:1.8em;
margin:25px 0 30px 0;
}
#valuationFormContainer, #registerFormContainer {
margin:0 0 0 0;
}
#registerFormContainer label, #valuationFormContainer label {
text-align:center;
cursor:pointer;
font-size:1.2em;
}
#valuationFormContainer input, #registerFormContainer input, #valuationFormContainer select, #registerFormContainer select {
margin-bottom:15px;
}
fieldset#contactForm .col-sm-1, fieldset#contactForm .col-sm-2, fieldset#contactForm .col-sm-3, fieldset#contactForm .col-sm-4, fieldset#contactForm .col-sm-5, fieldset#contactForm .col-sm-6, fieldset#contactForm .col-sm-12 {
padding:0 7px;
}
#valuationFormContainer img, #registerFormContainer img {
margin-bottom:20px;
}
.greyFormRow {
background:#F4F4F4;
margin:20px 0 20px 0;
padding:10px 0 20px 0;
}
#valuationContainer i, #registerContainer i {
font-size:60px;
margin-bottom:20px;
}
/* End of register & valuation page */
/* Search results */
#searchResultsImage {
height:150px;
width:100%;
}
#searchHeaderBar {
background:#fff;
padding:20px 0 22px 0;
}
#viewButtons {
float:left;
}
a#listButton {
background: url('../images/listIcon.png') left no-repeat;
background-position: 7px 7px;
}
a#mapButton {
background: url('../images/mapIcon.png') left no-repeat;
background-position: 7px 7px;
}
#mapContainer {
background: url('../images/preloader.gif') center no-repeat;
}
/* Google maps info window */
.windowContainer {
width:290px;
padding:5px 0 0 0;
-webkit-animation: fadeIn 600ms; /* Chrome, Safari, Opera */
animation: fadeIn 600ms;
}
.windowLeftPanel {
float: left;
}
.windowRightPanel {
float:left;
padding:0 0 0 10px;
}
.windowAddress {
font-size: 0.95em;
color:#333;
padding:4px 0 4px 0;
border-bottom:2px dotted #ccc;
}
.windowBedroomsType {
color: #333;
padding:3px 0 4px 0;
font-size: 0.95em;
font-weight:400;
border-bottom:2px dotted #ccc;
}
.windowPrice {
font-size: 1.1em;
font-weight: bold;
padding:4px 0 4px 0;
color: #333;
}
.windowRentFrequency {
font-size: 1em;
font-weight: normal;
}
a.windowButton {
font-size:0.85em;
display: inline-block;
margin-top:10px;
color:#fff;
padding:5px 10px;
text-decoration: none;
}
/* End of google maps info window */
a#listButton, a#mapButton, #currentListButton, #currentMapButton {
display:inline-block;
padding:5px 10px 5px 30px;
text-decoration:none;
color:#333;
margin-right:7px;
}
a:hover#listButton, #currentListButton {
background-position: 7px 7px;
}
a:hover#mapButton, #currentMapButton {
background-position: 7px 7px;
}
#resultsLeftPanel {
background:#fff;
margin:-1px 0 0 -10px;
}
/* Start of quick search */
#resultsLeftPanel input, #resultsLeftPanel select {
margin-bottom:18px;
}
#resultsLeftPanel .row {
margin:0 -10px;
}
#quickSearchResults {
padding:10px 7px;
}
#quickSearchResults label {
font-size:0.95em;
}
#leftField {
margin-right:0px;
padding-right:10px;
}
#rightField {
margin-left:0px;
padding-left:10px;
}
#quickSearchResults #searchSubmit {
width:100%;
margin:20px 0 0 0;
font-size:0.9em;
padding:8px 0;
}
#soldLet {
}
#soldLet input {
display:inline-block;
width:20px;
height:20px;
margin-left:105px;
margin-top:25px;
}
#soldLet label {
display:inline-block;
margin-bottom:15px;
padding-bottom:15px;
margin-top:-10px;
position:absolute;
top:32px;
left:15px;
}
a#showmenu {
text-decoration:none;
text-align:center;
padding:8px 30px;
display:inline-block;
cursor:pointer;
display:none;
font-size:1.1em;
margin:0px 5px 12px 13px;
text-transform:uppercase;
color:#fff;
font-weight:500;
}
#registerAdvert {
padding:0 10px;
margin:50px 0 30px 0;
}
#registerAdvert img{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#registerAdvert img:hover {
opacity: 0.7;
}
/* End of quick search */
#searchResultsContainer {
min-height:800px;
padding:105px 0 0 0;
}
#searchResultsContainer h1, #searchNav {
margin:4px 0 0 0;
padding:0 0 0 0;
font-size:1.3em;
font-weight:600;
}
#sortList {
float:right;
font-size:1.1em;
color:#333;
text-align:right;
margin:4px 0 0 0;
font-weight:400;
}
#sortList i {
margin-right:4px;
margin-left:4px;
}
#propertiesList {
padding-bottom:30px;
}
.searchResultContainer {
margin:0;
padding:20px 0 0 20px;
}
.searchResult {
position:relative;
overflow:hidden;
height:220px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.searchResultActive .photo {
opacity: 0.5;
}
.searchResultPhoto {
height:190px;
overflow:hidden;
position:relative;
}
.photo {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.photo:hover {
opacity: 0.5;
}
.underOfferLabel, .soldLetLabel {
position:absolute;
bottom:0px;
left:0px;
width:100%;
color:#fff;
text-align:center;
padding:10px 0;
font-size:1em;
font-weight:400;
/*text-transform:uppercase;*/
}
.underOfferLabel {
background: rgba(204, 0, 0, 0.6);
}
.soldLetLabel {
background: rgba(204, 0, 0, 0.6);
}
#searchResultDescription {
}
.searchResultPriceLabel {
font-size:1em;
color:#878786;
margin:20px 0 0 0;
}
.searchResultDetails {
height:100px;
position:relative;
}
.searchResultAddress {
}
.page-item active {
background:#000;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #333;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #333;
background-color: #eee;
border-color: #ddd;
}
#searchNav {
float:left;
margin:0 0 0 0;
}
ol#mapsList {
font-size:0.85em;
margin:20px 0 0 0;
padding:0;
}
ol#mapsList a {
text-decoration:underline;
font-weight:400;
}
/* Particulars */
#particulars {
height:100%;
min-height:800px;
padding:105px 0 60px 0;
}
.detailsBar {
margin-bottom:15px;
padding-top:30px;
}
#particularsBedrooms {
font-size:1.6em;
font-weight:600;
}
#particularsAddress {
font-size:1.2em;
color:#666666;
font-weight:500;
}
#particularsPrice {
font-size:2.6em;
font-weight:600;
text-align:right;
}
.priceQualifier {
font-size:40%;
font-weight:400;
}
#particularsRightPanel {
padding:0px 0 0 0;
margin:0 0 30px 0;
background:#fff;
}
#particularsRightPanel .highlight {
font-weight:400;
color:#fff;
}
#particularsRightPanel h3 {
padding:25px 0 15px 0;
margin:0 25px 20px 25px;
font-size:1.3em;
font-weight:600;
border-bottom:2px dotted #E8E8E8;
}
#particularsRightPanel #registerAdvert {
padding:0 25px;
margin:20px 0 0 0;
}
#branchAddress {
font-size:0.9em;
font-weight:400;
margin-bottom:20px;
color:#fff;
padding:0 10px;
}
#branchTelephone {
font-size:1.2em;
font-weight:500;
color:#fff;
padding:10px 15px 0px 15px;
}
#branchTelephone img {
width:16px;
margin:0 6px 0 0;
}
#branchEmail {
font-size:0.9em;
font-weight:500;
padding:10px 10px 10px 15px;
color:#fff;
}
#branchEmail a {
color:#fff;
}
#branchEmail img {
width:16px;
margin:0 6px 0 0;
}
#contactBox {
margin:25px 25px 0 25px;
padding:0 0 10px 0;
}
#contactBox h2 {
color:#FFF;
background:none;
font-size:1.2em;
margin:0 0 10px 0;
font-weight:600;
padding:15px 15px;
width:100%;
}
#contactBox h3 {
font-size:1.1em;
color:#fff;
font-weight:500;
display:inline-block;
padding:8px 0;
margin:0 0 10px 0;
}
#contactBox i {
margin-right:8px;
font-size:13px;
}
#viewingForm {
padding:0 25px 20px 25px;
}
#viewingForm p {
margin-left:0px;
}
#forename {
padding-right:10px;
}
#surname {
padding-left:10px;
}
#viewingForm, #viewingForm p.error, #viewingForm ol.error {
font-size:0.9em;
line-height:0.9em;
}
#viewingForm p.error {
margin:0 0 20px 0;
padding:0;
}
#viewingForm ol.error {
margin:0 0 20px 12px;
padding:0;
}
#sharePropertyIcons {
margin:40px 0 20px 25px;
font-weight:500;
}
#sharePropertyIcons i {
font-size:30px;
margin-left:10px;
opacity:1.0;
}
#sharePropertyIcons i:hover {
opacity:0.8;
}
#particularsRightPanel p {
padding:15px 0px 0 0px;
margin:0 25px;
}
#particularsRightPanel ul {
list-style-type:square;
font-size:1.1em;
margin:10px 25px 15px 25px;
padding:0 0 0 15px;
font-weight:400;
}
#particularsRightPanel ul span {
color:#333;
font-size:1em;
}
#particularsRightPanel ul li {
margin:0 0 8px 0;
padding:0 0 0 5px;
}
#particularsMenu {
margin:30px 0 -1px 0px;
}
#particularsMenu ul {
padding:0 0 0 0;
margin:0 0 0 0;
}
#particularsMenu li {
display:inline;
margin:0;
line-height: normal;
}
#particularsMenu a {
font-size: 1em;
padding: 13px 18px;
text-align:center;
text-decoration: none;
margin:0 5px 0 0;
white-space: nowrap;
display:inline-block;
font-weight:500;
text-decoration:none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
#particularsMenu a:hover {
padding: 8px 18px 13px 18px;
}
#particularsMenu a:hover, #particularsMenu li.active a {
padding: 8px 18px 13px 18px;
}
#branchTelephone {
font-size:1em;
font-weight:400;
padding:10px 15px 0px 15px;
}
#streetview {
/*display:none;*/
}
#streetviewframe {
width:100%;
height:450px;
}
#adminFees {
}
#virtualTour {
}
#virtualTourVideo {
margin:0px 0 20px 0;
width:750px;
height:550px;
border:none;
}
#streetview h2 {
margin:0 0 0 0;
padding:0 0 0 0;
}
#description {
background:#fff;
padding:20px;
}
#floorplans {
background:#fff;
padding:20px;
}
#description h2 {
padding:0 0 15px 0px;
margin:0 0;
font-size:1.3em;
font-weight:600;
}
#description h3 {
font-size:1.1em;
margin:0;
padding:0;
font-weight:500;
}
#description ul {
margin:10px 0 15px 3px;
padding:0;
list-style-type:square;
list-style-position: inside
}
#description ul li {
float:left;
width:43%;
margin:0 0 7px 0px;
padding:0px 0 7px 0;
border-bottom:1px solid #ECECEC;
}
#description ul li span {
color:#333;
font-weight:300;
}
#description img {
margin:20px 0 20px 0;
max-width:100%;
}
#adminFees {
background:#fff;
padding:20px;
}
#adminFees h2 {
padding:0 0 15px 0px;
margin:0 0;
font-size:1.3em;
font-weight:600;
}
#mapview {
display:none;
min-height:455px;
}
#floorplans img {
border:5px solid #fff;
max-width:100%;
}
#epc {
display:none;
}
#epc img {
border:5px solid #fff;
}
#roomsDetails {
display:none;
}
/* Particulars Slideshow */
#slideshow .sp-selected-thumbnail {
}
#slideshow .sp-thumbnails-container {
float:left;
}
/* End of slideshow */
#rentalFees {
display:none;
}
/* Contact us */
#contactContainer {
text-align:center;
}
#branchDetails {
color:#333;
}
#contactDetails {
font-size:1.2em;
line-height:2em;
font-weight:500;
margin:20px 0 20px 0;
padding:0;
}
#contactDetails a {
color:#000;
text-decoration:none;
}
#contactDetails a:hover {
color:#333;
}
#contactDetails i {
margin-right:5px;
}
#contactSocial {
margin:30px 0 0 0;
}
#contactSocial i {
font-size:18px;
margin:0 3px;
}
/* Form styles */
label {
font-weight:300;
font-size:1.1em;
text-align:left;
}
.form-horizontal .control-label{
text-align:left !important;
}
.form-inline label {
font-weight:400;
font-size:1.1em;
margin:0 4px 8px 8px;
}
.form-inline select {
max-width:170px;
}
.form-control input {
border-radius:0px;
}
input {
display: block;
width: 100%;
height: 34px;
padding: 4px 8px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-image: none;
border: 1px solid #ccc;
border-radius: none;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
radio {
background: none;
border:none;
-webkit-box-shadow:none;
box-shadow: none;
margin-left:80px;
margin:40px 0 0 0;
width:40px;
display:inline;
}
.radio {
background:#ccc;
text-align:center;
height:30px;
}
checkbox {
background: none;
border:none;
}
select {
display: block;
width: 100%;
height: 34px;
padding: 4px 8px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-inline select {
display:inline-block;
width: auto;
vertical-align: middle;
padding: 4px 8px;
}
fieldset {
border:none;
margin:0px 0 0 0;
padding:0px 0 0 0;
}
legend {
margin:20px 0 25px 0;
font-size:1.6em;
display:inline;
padding:0 0 0 0;
font-weight:700;
}
/* End of form styles */
/*--------Responsive/media queries------*/
/* Medium Devices, Desktops */
@media (max-width : 1500px) {
/* Search bar on home page inputes */
#searchBar select, #searchBar input {
width: 130px;
}
input#areaField {
width:195px;
}
}
@media (max-width : 1400px) {
/* Search results */
.searchResult {
height:180px;
}
}
/* Medium Devices, Desktops */
@media (max-width : 1300px) {
/* Menu */
.navbar .navbar-nav > li > a {
font-size:1.2em;
padding:15px 13px;
}
/* Slideshow */
#slideshowContainer {
margin:130px auto 0 auto;
}
.cycle-slideshow {
height:600px;
}
.cycle-slideshow img {
min-width:1650px;
}
#circle {
width: 450px;
height: 450px;
margin:40px 0 0 0;
padding:80px 80px;
}
#circle h2 {
font-size:2.5em;
}
#circle p {
font-size:1.3em;
}
/* End of slideshow */
/* Search results */
.searchResult {
height:160px;
}
/* Services banner on home page */
#servicesContainer {
padding:20px 0 40px 0;
}
.service img {
height:130px;
margin:20px 0 0 0;
}
#servicesContainer h3 {
font-size:1.3em;
padding:10px 0 0 0;
}
#service1, #service2, #service3 {
font-size:90%;
}
#service1 h2, #service2 h2, #service3 h2 {
margin:0;
padding:0 0 12px 0;
}
.serviceBoxRight {
padding:20px 20px 0 20px;
}
/* Search bar on home page inputes */
#searchBar select, #searchBar input {
width: 104px;
}
input#areaField {
width:185px;
}
/* Featured properties on home page */
.featuredSlideAddress {
font-size:1.7em;
}
.featuredSlidePrice {
font-size:1.8em;
}
.featuredSlideDescription {
font-size:1em;
padding:20px 70px 0 20px;
}
.featuredSlideInfo .button {
top:330px;
right:20px;
}
}
@media (max-width : 1199px) {
/* Header and menu */
img#logo {
height:170px;
}
.navbar ul {
margin-top:10px;
margin-bottom:10px;
}
.navbar .navbar-nav > li > a {
font-size:1.1em;
padding:15px 11px;
}
.navbar .navbar-nav > li > a.button {
font-size:0.9em;
padding:10px 15px;
margin-top:5px;
}
.dropdown-menu {
top:55px;
font-size:1.1em;
}
.dropdown-menu li a {
padding:12px 15px;
}
.shrink #contactBar {
height:0px;
padding:0 10px 0 0;
}
/* Slideshow on home page */
/* Slideshow */
#slideshowContainer {
margin:112px auto 0 auto;
}
.cycle-slideshow {
height:520px;
}
.cycle-slideshow img {
min-width:1450px;
}
#circle {
width: 400px;
height: 400px;
margin:30px 0 0 0;
padding:50px 50px;
}
#circle h2 {
font-size:2.2em;
}
#circle p {
font-size:1.3em;
}
/* Search bar on home page */
#searchBar select, #searchBar input {
width: 124px;
}
input#areaField {
width:150px;
}
#minPrice {
display:none;
}
/* Service boxes */
#service1, #service2, #service3 {
font-size:90%;
min-height:200px;
}
#service1 img, #service2 img, #service3 img {
webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
/* Home text */
#homeTextContainer p {
font-size:1.2em;
line-height:1.3em;
}
#homeTextContainer h1 {
font-size:1.8em;
}
/* Services */
#servicesContainer h3 {
font-size:1.2em;
}
.service p {
font-size:1em;
}
.service a.button {
font-size:1em;
}
/* Featured properties on home page */
.featuredSlideAddress {
font-size:1.3em;
padding-top:20px;
}
.featuredSlidePrice {
font-size:1.4em;
}
.featuredSlideDescription {
font-size:0.85em;
}
.featuredSlideInfo .button {
top:270px;
right:20px;
}
/* General page styles */
.pageImage {
height:250px;
margin:50px 0 0 0;
}
#valuationImage, #registerImage, #contactImage, #servicesImage, #resultsImage {
background-size: cover;
}
#pageHeadingContainer h1 {
font-size:2.6em;
margin:180px 0 0 0;
}
#registerContainer p, #valuationContainer p, #branchDetails, #pageText p, .service p {
line-height:1.3em;
font-size:1em;
}
#registerContainer h2, #valuationContainer h2, #pageText h2 {
font-size:1.8em;
}
#registerContainer h3, #valuationContainer h3, #pageText h3 {
font-size:1.7em;
}
/* Search results */
.searchResult {
height:150px;
}
.searchResultPhoto {
height:160px;
}
.searchResultOverlay {
font-size:0.8em;
}
.statusLabel {
font-size:0.8em;
}
#viewButtons {
font-size:0.9em;
}
#searchMenu a {
font-size:1.1em;
padding:10px 0;
}
#leftField {
margin-right:0px;
padding-right:15px;
}
#rightField {
margin-left:0px;
padding-left:15px;
}
ol#mapsList {
font-size:0.85em;
margin:20px 0 0 20px;
padding:0;
}
/* Property details */
#epc img {
width:100%;
}
#particulars {
padding:105px 0 60px 0;
}
/* Affiliates bar */
#affiliates {
padding:10px 0;
}
#affiliates img {
margin:10px 13px;
height:25px;
}
#sharePropertyIcons i {
font-size:20px;
margin:0 0 0 5px;
padding:0;
}
}
/* Tablet */
@media (max-width: 992px) {
/* Header and menu */
#headerContact {
font-size:1em;
font-weight:400;
}
.navbar {
padding:0 0 0 0;
min-height:auto;
}
.navbar ul {
margin-top:17px;
margin-bottom:14px;
}
.shrink .navbar ul {
margin-top:5px;
margin-bottom:5px;
}
img#logo {
height: 100px;
}
.shrink img#logo {
height: 80px;
}
.navbar .navbar-nav > li > a {
font-size:1em;
padding:10px 9px;
}
.navbar .navbar-nav > li > a.button {
font-size:0.9em;
padding:8px 15px;
margin:0 0 0 10px;
}
.dropdown-menu {
top:42px;
font-size:1em;
}
.dropdown-menu li a {
padding:12px 15px;
}
/* Slideshow */
#slideshowContainer {
margin:102px auto 0 auto;
}
.cycle-slideshow {
height:450px;
}
.cycle-slideshow img {
width: 100%;
min-width:1250px;
}
#circle {
width: 350px;
height: 350px;
margin:30px 0 0 0;
padding:45px 50px;
}
#circle h2 {
font-size:1.8em;
}
#circle p {
font-size:1.1em;
}
#circle a.button {
font-size:90%;
}
/* Footer menu */
#footer ul li a {
font-size:0.7em;
padding:0 10px 0 0;
}
/* Affiliates bar */
#affiliates {
padding:10px 0;
}
#affiliates img {
margin:10px 15px;
height:20px;
}
/* Home page search bar */
#searchBar select, #searchBar input {
width: 90px;
}
input#areaField {
width:90px;
}
button#searchSubmit {
margin:10px 0 10px 10px;
padding:9px 10px;
border:none;
font-size:1em;
}
/* Service boxes on home page */
#service1, #service2, #service3 {
font-size:90%;
margin:0 0 0 0;
min-height:200px;
width:32%;
}
#service1, #service2 {
margin-right:2%;
}
#service1 img, #service2 img, #service3 img {
webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
.serviceBoxLeft {
width:100%;
}
.serviceBoxRight {
width:100%;
}
/* Featured properties on home page */
.featuredSlideAddress {
font-size:1em;
padding-top:15px;
}
.featuredSlidePrice {
font-size:1em;
}
.featuredSlideDescription {
font-size:0.8em;
padding-top:10px;
}
.featuredSlideInfo .button {
display:none;
}
/* Search results page */
#searchResultsContainer {
padding:100px 0 30px 0;
}
#searchNav {
display:none;
}
#resultsLeftPanel input, #resultsLeftPanel select {
margin-bottom:12px;
}
#searchMenu a {
font-size:1em;
padding:8px 0;
width:50%;
}
.searchResult {
height:110px;
}
.searchResultPhoto {
height:110px;
}
.underOfferLabel, .soldLetLabel {
padding:7px 0;
font-size:0.8em;
}
#sortList {
font-size:0.9em;
}
#leftField {
margin-right:0px;
padding-right:15px;
}
#rightField {
margin-left:0px;
padding-left:15px;
}
#searchResultsContainer h1 {
font-size:1.1em;
margin-right:0px;
}
/* Property details page */
#particulars {
padding:100px 0 60px 0;
}
#particulars #registerAdvert {
display:none;
}
#particularsRightPanel {
border-top:none;
padding-top:20px;
}
#description {
border-bottom:none;
}
/* Contact us page */
#contactDetails {
font-size:1.1em;
line-height:1.7em;
}
}
/* Mobile styles */
@media (max-width: 767px) {
/* General headings */
h1 {
font-size:1.8em;
}
h2 {
font-size:1.4em;
line-height:1.4em;
}
#registerContainer h2, #valuationContainer h2, #pageText h2 {
font-size:1.4em;
}
#registerContainer h3, #valuationContainer h3, #pageText h3 {
font-size:1.3em;
}
/* Header and menu */
img#logo, #headerResults img#logo {
height:67px;
width:auto;
margin:-15px 0 0 0;
}
.shrink img#logo, #headerResults .shrink img#logo {
height:67px;
margin:-15px 0 0 0;
}
.shrink .navbar {
}
.shrink .navbar ul {
margin-top:0;
padding-top:0;
}
#headerContact {
display:none;
}
.navbar {
padding:0 0 0 0;
min-height:auto;
position:fixed;
width:100%;
z-index:1000;
margin-bottom:0px;
}
.navbar .navbar-brand {
height:65px;
display:block;
}
.navbar .navbar-nav > li > a {
font-size:0.7em;
padding:10px 18px;
margin:0;
}
.navbar .navbar-nav > li > a.button {
font-size:1em;
padding:10px 18px;
margin:0 0 0 0;
font-weight:500;
}
.navbar ul {
margin-top:0px;
margin-bottom:0px;
}
.navbar .navbar-nav > li > a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:none;
box-shadow:none;
font-size:1em;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
box-shadow: none;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
box-shadow: none;
}
.navbar .navbar-nav .open .dropdown-menu li a,
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu {
color:#333;
background:#fff;
}
.navbar .navbar-nav .open .dropdown-menu li.active a, .navbar .navbar-nav .open .dropdown-menu li.active a:hover {
}
.dropdown-menu li a:hover
{
border:none;
}
/* Slideshow on home page */
#slideshowContainer {
margin:30px auto 0 auto;
width:100%;
}
.cycle-slideshow {
width: 100%;
height:auto;
overflow:hidden;
}
.cycle-slideshow img {
height:auto;
min-width:850px;
width:100%;
float:left
}
#circle {
width: auto;
height: 290px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin:20px 0 20px 0;
text-align:center;
padding:20px 20px;
}
#circle h2 {
font-size:1.8em;
font-weight:600;
}
#circle p {
font-size:1.1em;
}
#circle a.button {
font-size:90%;
}
#homeTextContainer p {
font-size:1.1em;
line-height:1.3em;
}
#homeTextContainer h1 {
font-size:1.7em;
}
/* Featured properties on home page */
.featuredCurve {
display:none;
}
#featuredSliderContainer {
height:auto;
}
#featuredSliderContainer .cycle-slideshow img {
min-width: 100%;
}
#featuredSliderContainer .cycle-slideshow {
height:auto;
padding-bottom:40px;
}
.featuredSlide {
background:none;
height:auto;
}
.featuredSlideLeft {
width:100%;
height:auto;
}
.featuredSlideRight {
width:100%;
height:auto;
}
.featuredSlideAddress {
font-size:1em;
padding:20px 20px 0 20px;
text-align:center;
}
.featuredSlidePrice {
font-size:1.2em;
padding:0 20px 0 20px;
text-align:center;
}
.featuredSlideDescription {
display:none;
}
#next, #prev {
top:30%;
}
#detailsButton {
display:none;
}
#detailsButtonMobile {
display:block;
margin:20px auto 20px auto;
text-align:center;
width:70%;
font-size:1.1em;
padding:10px 0;
}
.pager {
text-align: center;
width: 100%;
overflow: hidden;
padding:0;
margin:0 0 10px 0;
}
.pager span {
font-family: arial;
font-size: 50px;
width: 20px;
height: 10px;
line-height:1em;
display: inline-block;
cursor: pointer;
}
.pager span.cycle-pager-active {
}
.pager > * {
cursor: pointer;
}
/* Service boxes on home page */
#serviceBoxesContainer {
padding:20px 0;
}
#service1, #service2, #service3 {
font-size:90%;
margin:0 0 20px 0;
width:100%;
min-height:auto;
}
#service1 img, #service2 img, #service3 img {
webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}
.serviceBoxLeft {
width:40%;
}
.serviceBoxRight {
width:60%;
}
/* Services banner */
#servicesContainer {
padding:20px 0 20px 0;
}
#servicesContainer h3 {
margin:0;
padding:10px 0 20px 0;
}
.service {
margin-bottom:20px;
}
#footerLogos img {
margin:0 0 10px 0;
}
.form-inline select {
width:100%;
border-radius: 0px;
}
.form-inline label {
margin:0 4px 8px 0px;
}
/* Footer */
#footer ul {
display:none;
}
#copyright {
}
#logos {
display:none;
}
/* Affiliates bar */
#affiliates {
padding:10px 0;
}
#affiliates img {
margin:10px 10px;
height:20px;
}
/* Form fields */
fieldset {
border:none;
margin:20px 0 0 0;
padding:0 0 0 0;
}
fieldset label {
margin-bottom:6px;
}
legend {
margin:0 0 20px 0;
padding:0;
font-size:1.6em;
}
.form-inline select {
max-width:100%;
}
/* Search results page */
#resultsLeftPanel {
border-left:none;
border-right:none;
border-bottom:none;
margin:-20px -5px 0 -10px;
padding-bottom:10px;
}
#headingDesktop {
display:none;
}
#searchHeaderBar {
background:#fff;
padding:20px 0 22px 0;
}
.searchResultPhoto {
height:auto;
}
.searchResultContainer {
margin:0;
padding:0 17px 5px 17px;
}
.searchResult {
height:auto;
}
.searchResult {
margin-top:15px;
}
.searchResult:hover {
text-decoration:none;
}
.searchResultPhoto {
height:auto;
}
#registerAdvert {
display:none;
}
#sortList {
display:none;
}
#viewButtons {
display:none;
}
#refine {
display:none;
}
a#showmenu {
display:block;
}
#searchResultsContainer {
padding:40px 0 30px 0;
}
#quickSearchResults #searchSubmit {
margin:20px 0 20px 0;
font-size:1.1em;
padding:8px 0;
}
/* Search bar on home page */
#searchBar {
position:relative;
background:none;
color:#333;
}
#searchMenu {
margin:30px 0 20px 0;
}
#searchMenu a {
font-size:1.3em;
padding:8px 0;
width:50%;
}
#searchBar {
padding-bottom:0px;
}
#searchBarHome {
padding:0 0px 0 0;
}
#searchBar select, #searchBar input {
width: 100%;
}
#minPrice {
display:block;
}
button#searchSubmit {
margin:16px 0 0 0px;
padding:10px 0;
width:100%;
font-size:1.3em;
}
/* End of search bar */
/* Property particulars page */
.section {
height:auto;
min-height:30px;
padding-bottom:20px;
}
.detailsBar {
padding:0;
margin:0 0 25px 0;
}
#particularsBedrooms {
font-size:1.2em;
font-weight:500;
padding-bottom:5px;
padding-top:20px;
margin-bottom:0;
}
#checkboxes {
text-align:center;
}
#particularsAddress {
font-size:1em;
font-weight:300;
padding-bottom:6px;
margin-bottom:0;
}
#particularsPrice {
font-size:1.4em;
padding:0 0 6px 0;
font-weight:500;
text-align:left;
margin:0 15px 20px 15px;
}
.priceQualifier {
font-size:60%;
font-weight:400;
}
#particularsMenu {
margin-bottom:-1px;
}
#particularsMenu a {
color: #fff;
font-size: 0.8em;
padding: 13px 14px;
margin-bottom:0px;
}
#particularsMenu a:hover {
padding: 8px 14px 13px 14px;
}
#particularsMenu a:hover, #particularsMenu a.currentParticularsTab {
padding: 8px 14px 13px 14px;
}
#description, #floorplans, #adminFees, #streetviewframe {
border-bottom:none;
}
#contactBox {
margin:0 20px 0 20px;
}
#forename {
padding-right:15px;
margin-bottom:15px;
}
#surname {
padding-left:15px;
}
a#rooms {
padding:6px 0px;
font-size:0.7em;
}
a#viewing {
padding:6px 0px;
font-size:0.7em;
}
#particulars {
padding-top:60px;
}
#imageContainerResults {
display:none;
}
#epc img {
width:100%;
}
#description ul li {
width:100%;
}
#searchResultsImage {
display:none;
}
#headerResults {
height:60px;
}
#headerContent {
padding:0;
}
#contactBar {
display:none;
}
#registerContainer p, #valuationContainer p, #branchDetails, #pageText p, .service p {
line-height:1.4em;
font-size:1em;
}
.pageImage {
height:150px;
}
#valuationImage, #registerImage, #contactImage, #servicesImage, #resultsImage {
background-size: cover;
}
#pageHeadingContainer h1 {
color:#fff;
font-size:2em;
margin:70px 0 0 0;
}
#resultsHeadingContainer h1 {
color:#fff;
font-size:2.2em;
margin:40px 0 0 0;
}
#valuationContainer h2, #registerContainer h2 {
padding-top:10px;
text-align:left;
font-size:1.4em;
}
#valuationContainer h3, #registerContainer h3 {
font-size:1.3em;
}
#contactContainer h2 {
padding-top:10px;
font-size:1.4em;
}
#valuationContainer h1, #registerContainer h1 {
text-align:left;
}
#valuationContainer p, #registerContainer p, #contactContainer p {
text-align:left;
}
#valuationContainer p.error, #registerContainer p.error {
text-align:center;
}
#registerContainer legend, #valuationContainer legend {
font-size:1.4em;
}
#registerContainer p, #valuationContainer p {
}
fieldset#contactForm .col-sm-1, fieldset#contactForm .col-sm-2, fieldset#contactForm .col-sm-3, fieldset#contactForm .col-sm-4, fieldset#contactForm .col-sm-5, fieldset#contactForm .col-sm-6, fieldset#contactForm .col-sm-12 {
padding:0 15px;
}
#contactContainer .greyBar {
margin:0px 0 0px 0;
padding:0 0 30px 0;
}
#contactContainer .greyBar h2 {
font-size:1.4em;
margin:20px 0 0 0;
}
#contactContainer #contactDetails {
font-size:1em;
}
.inputCentral {
}
.inputCentral input {
margin:0px auto 25px auto;
width:30px;
}
#checkboxes .inputCentral input {
margin:0px auto 25px auto;
width:30px;
}
/* Maps */
#contactContainer #map, #contactBoxHome #map {
height:250px;
}
#particulars #map, #searchResultsContainer #map {
height:200px;
}
#searchResultsContainer #map {
margin-top:25px;
}
}
/*----End of responsive media queries ---*/