html {
width:100%;
height:100%;
background:#fff;
}
body {
width:100%;
font-size:1.4em;
color:#000;
font-weight:300;
background:#fff;
opacity: 1;
transition: 0.5s opacity;
}
img { image-rendering: auto !important }
body.fade-out {
opacity: 0;
transition: none;
}
* {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.container-fluid {
max-width:1300px;
}
/* Fonts */
body {
/*font-family: 'Raleway', sans-serif;*/
font-family: 'Roboto', sans-serif;
}
h1, h2, h3, legend {
font-family:Georgia, "Times New Roman", Times, serif;
}
button, a.button, a#showmenu, a#valuation, a:hover.button, #slideshowSearch input, a.windowButton {
font-family:Georgia, "Times New Roman", Times, serif;
}
.navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus, .navbar .navbar-nav > li > a, .dropdown-menu {
font-family:Georgia, "Times New Roman", Times, serif;
}
.featuredProperty {
/*font-family:Georgia, "Times New Roman", Times, serif;*/
}
#registerFormContainer label, #valuationFormContainer label {
/*font-family:Georgia, "Times New Roman", Times, serif;*/
}
.searchResultPrice, #particularsBedrooms, #particularsPrice {
font-family:Georgia, "Times New Roman", Times, serif;
}
/* Custom */
h1, h2, h3 {
color:#333;
}
a, #searchNav, #contactContainer .greyBar h2 {
color:#003D77;
}
#pageText ul {
color:#FEB712;
}
a:hover {
color:#00305B;
}
p.error, ol.error {
color:#C00;
}
.highlight {
color:#FEB712;
}
h2, .lowlight {
color:#333;
}
i {
color:#FEB712;
margin-right:6px;
}
#valuationContainer i, #registerContainer i {
color:#003D77;
}
#headerSocial i {
color:#FEB712;
}
.featuredDetails, button, a.button, .navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus, a#showmenu, a#valuation, a.windowButton
{
background: #FEB712; /* Old browsers */
border:1px solid #FEB712;
color:#fff;
}
.navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
border:none;
}
/* Button states */
a:hover.button, button:hover, a:hover.windowButton {
background:#F8AD01;
}
.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 {
background:none;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
color: #FEB712;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
color: #FEB712;
}
.navbar .navbar-toggle, .navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus
{
background:#FEB712;
}
.dropdown-menu {
background:rgba(0, 0, 0, 0.7);
}
/* End of button states */
#pageMenu ul li a:hover, #pageMenu ul li.pageMenuActive a {
background: #2ECFE1; /* Old browsers */
}
#headerContact {
color:#FFF;
}
#headerContact a {
color:#FFF;
}
.number {
color:#FFF;
}
#slideshowHome, #imageContainer {
background:#000;
}
#homeTextContainer {
background: url('../images/homeTextBg.png') no-repeat right #003D77;
}
#slideshowText h3 span {
}
.service:hover {
background:#FFEBBB;
}
#imageContainerResults {
}
#pageHeadingContainer, #resultsHeadingContainer {
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:100;
}
#pageHeadingContainer h1 {
color:#fff;
font-size:3.5em;
margin:350px 0 0 0;
text-shadow: 1px 1px 1px #000;
}
#pageHeadingContainer h1 span.highlight {
}
#resultsHeadingContainer h1 {
color:#fff;
font-size:2.8em;
margin:170px 0 0 0;
display:none;
}
.searchButtonBuying:hover {
}
.featuredOverlay, .searchResultOverlay {
background-color: rgba(0, 0, 0, 0.6);
}
.featuredOverlay {
border-left:5px solid #FEB712;
}
.featuredPropertyOverlay {
background:#003D77;
}
.featuredPrice {
color:#FEB712;
}
.colourBar {
padding:40px 0 40px 0;
margin:0 0 0 0;
background:#F6F6F6;
}
.colourBarRegister .container .row {
}
.colourBarRegister {
background:#415264;
padding:0;
margin:20px 0 0 0;
}
#backgroundFade {
background: url('../images/colourBarBg.png') no-repeat right top;
padding:12px 15px;
}
.colourBarRegister legend {
color:#fff;
}
.colourBarRegister label {
color:#fff;
}
#contactDetails {
color:#333;
}
#contactDetails i.fa-facebook-f {
color:#4267B2;
}
#contactDetails i.fa-twitter {
color:#1DABDD;
}
legend {
color:#333;
}
#footerContainer {
background:#003D77;
}
/*------------ Search results colours ----------*/
#searchHeaderBar {
border-bottom:1px solid #E6E6E6;
}
a#listButton, a#mapButton, #currentListButton, #currentMapButton {
border:1px solid #E6E6E6;
}
a:hover#listButton, #currentListButton {
background: url('../images/listIcon.png') left no-repeat #F4F4F4;
border:1px solid #E6E6E6;
color:#333;
}
a:hover#mapButton, #currentMapButton {
background: url('../images/mapIcon.png') left no-repeat #F4F4F4;
border:1px solid #E6E6E6;
color:#333;
}
#resultsLeftPanel {
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-bottom:1px solid #E6E6E6;
}
#searchResultsContainer {
background:#F4F4F4;
}
.searchResult:hover {
/*background: url('../images/searchResultBar.png') right top no-repeat #DCF9FC;*/
background: #003D77;
}
.searchResultActive {
/*background: url('../images/searchResultBar.png') right top no-repeat #DCF9FC;*/
background:#003D77;
}
.searchResultPrice {
color:#53ECFE;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #003D77;
border-color: #003D77;
}
h1#headingDesktop .highlight {
color:#333;
}
/*------------- End of search results colours -----------*/
/*------------ Particulars colours ------------*/
#particulars {
background:#F4F4F4;
}
#particularsMenu a {
color: #fff;
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;
background: #003D77; /* Old browsers */
text-decoration:none;
border-left:1px solid #003D77;
border-right:1px solid #003D77;
border-top:1px solid #003D77;
}
#particularsMenu a:hover {
color:#333;
padding: 8px 18px 13px 18px;
}
#particularsMenu a:hover, #particularsMenu li.active a {
background:#fff;
border-top:5px solid #003D77;
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
padding: 8px 18px 13px 18px;
color:#333;
}
#slideshow .sp-selected-thumbnail {
border: 4px solid #003D77;
}
#particularsBedrooms {
color:#333;
}
#particularsPrice {
color:#333;
}
#particularsRightPanel {
border:1px solid #E6E6E6;
}
#particularsRightPanel .highlight {
font-weight:400;
color:#fff;
}
#particularsRightPanel h3 {
color:#333;
}
#branchAddress {
color:#fff;
}
#branchTelephone {
font-size:1em;
font-weight:400;
color:#fff;
padding:10px 15px 0px 15px;
}
#contactBox a {
color:#fff;
}
#contactBox {
background: url('../images/contactBoxBg.png') right bottom no-repeat #003D77;
}
#contactBox h2 {
border-bottom:4px solid #FEB712;
}
#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:#003D77;
}
/*------------ End of particulars colours --------------*/
/* End of custom */
h1 {
font-size:2.1em;
font-weight:500;
padding:5px 0 15px 0;
}
h2 {
font-size:1.8em;
line-height:1.6em;
font-weight:500;
margin:10px 0 20px 0;
}
h3 {
font-size:1.7em;
line-height:1.3em;
font-weight:500;
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;
}
#pageText ul {
font-size:1.2em;
}
.bold {
font-weight:400;
font-size:1.1em;
}
a.button {
color:#fff;
padding:13px 25px;
display:inline-block;
font-size:1em;
text-decoration:none;
font-weight:500;
text-transform:uppercase;
}
a:hover.button {
color:#fff;
}
button {
color:#fff;
padding:16px 25px;
font-size:1em;
text-decoration:none;
font-weight:500;
text-transform:uppercase;
border:none;
}
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 style */
#imageContainer, #imageContainerResults {
position:relative;
}
/*#registerContainer p, #valuationContainer p, #branchDetails, #pageText p, .service p {
line-height:1.4em;
font-size:1.15em;
}*/
p {
line-height:1.4em;
font-size:1.15em;
}
#pageText h2 {
margin:0;
padding:0 0 25px 0;
}
#pageText a {
text-decoration:underline;
}
#pageText ul {
list-style-type:square;
margin:10px 0 0 15px;
padding:0;
}
#pageText ul span {
color:#000;
}
#pageText ul li {
padding:0 0 10px 3px;
}
.greyBar {
background:#F6F6F6;
margin:10px 0 0 0;
padding:10px 0 30px 0;
border-top:1px solid #E2E2E2;
}
.whiteBar {
padding:40px 0 40px 0;
margin:0 0 0 0;
}
.whiteBar h1 {
margin:0 0 0 0;
padding:0 0 35px 0;
}
#pageMenu {
}
#pageMenu ul {
list-style-type: none;
padding:0;
margin:0 0 0 0;
}
#pageMenu ul li {
display:inline-block;
margin:0;
padding:0;
}
#pageMenu ul li a {
padding:15px 25px;
margin:0;
/*text-transform:uppercase;*/
display:inline-block;
text-decoration:none;
color:#fff;
}
#pageMenu ul li a:hover {
color:#fff;
}
#pageMenu ul li.pageMenuActive a {
color:#fff;
}
/* Menu */
#headerPage {
/*background: url('../images/headerPageBg.png') left top no-repeat;*/
height:90px;
position:absolute;
z-index:1000000000;
width:100%;
}
#headerResults {
height:90px;
position:absolute;
z-index:1000000000;
width:100%;
}
#header {
position:absolute;
z-index:1000000000;
width:100%;
top: 0;
position: fixed;
background: #003D77;
/*border-bottom:5px solid #C6E118;*/
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;
}
#contactBar {
/*background:#F8F8F8;
border-bottom:1px solid #E1E1E1;*/
height:42px;
overflow: hidden;
text-align:right;
/*padding:10px 10px;*/
font-weight:400;
color:#FFF;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
font-family:Georgia, "Times New Roman", Times, serif;
}
#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;
}
#headerPhone img {
margin-right:4px;
vertical-align: text-bottom;
}
#headerEmail {
float:right;
/*margin-right:20px;*/
}
#headerEmail img {
margin-right:4px;
vertical-align: text-bottom;
}
#headerEmail a {
color:#FFF;
text-decoration:none;
}
#headerEmail a:hover {
color:#CCC;
}
#headerSocial {
float:right;
}
#headerSocial i {
margin-left:10px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#headerSocial i:hover {
opacity: 0.6;
}
/* Size down effects on header */
.shrink {
}
.shrink img#logo {
margin-top:-8px;
height:40px;
}
.shrink .navbar {
}
.shrink .navbar ul {
margin-top:2px;
margin-bottom:2px;
}
.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;
}
#headerResults .shrink img#logo {
height:30px;
}
/* End of size down effects on header */
#headerContent {
position:relative;
max-width:1500px;
padding:0 20px;
margin:0 auto;
}
#headerContact {
position:absolute;
top:0px;
padding:20px 20px;
right:0px;
font-size:1.3em;
font-weight:400;
z-index:1000000;
}
/*
#socialHeader {
position:absolute;
top:19px;
right:30px;
}
*/
#socialHeader {
display:none;
}
#headerContact img {
}
/* Menu */
.navbar {
background-color: #003D77;
background:#003D77;
margin:0;
border:none;
z-index:20000;
padding:0 0 0 0;
font-weight:400;
}
.navbar ul {
margin-top:13px;
margin-bottom:10px;
font-weight:400;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
li#telephoneNumber {
color:#333;
font-size:1.2em;
font-weight:500;
padding:17px 15px 0 10px;
}
li#telephoneNumber img {
margin-right:2px;
}
/* branding (logo) */
.navbar .navbar-brand {
margin:0;
}
img#logo {
height: 118px;
margin-left:-15px;
margin-top:-60px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
#headerResults img#logo {
}
.navbar .navbar-nav > li > a {
color: #FFF;
font-size:1.2em;
margin:0 5px 0 0;
padding:15px 14px;
}
.navbar .navbar-nav li.lastItem a {
padding-right:0px;
}
.dropdown-menu {
padding:0px 0px 0px 0;
font-size:0.95em;
position:absolute;
top:60px;
z-index:1000;
border:none;
text-transform:uppercase;
}
.dropdown-menu li a {
padding:12px 18px 12px 18px;
color:#fff;
}
.dropdown-menu li.active a {
color:#53ECFE;
}
.dropdown-menu li a:hover {
color:#53ECFE;
}
.dropdown-menu li.active a:hover {
color:#FFF;
background:#F2BE0D;
}
/* mobile menu */
.navbar .navbar-toggle {
border:none;
color:#fff;
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;
color:#fff;
font-size:0.8em;
/*text-transform:uppercase;*/
padding:0 20px 0 0;
text-decoration:none;
}
#footer ul li a:hover {
color:#F7F7F7;
}
#footerLogos {
text-align:left;
padding:0 0 20px 0;
padding-left:0;
}
#copyright {
font-size:0.8em;
text-align:right;
color:#fff;
padding:20px 0 0 0;
}
#copyright a {
color:#fff;
text-decoration:underline;
}
#copyright a:hover {
color:#ccc;
}
/* Affiliates bar */
#affiliates {
text-align:center;
padding:20px 0;
background:#FFF;
/*display:none;*/
}
#affiliates img {
margin:10px 15px;
/*height:30px;*/
}
/* Home page */
/* Slideshow */
#slideshowHome {
position:relative;
margin:0 0 0 0;
}
.cycle-slideshow { width: 100%; height:540px; margin: 60px auto 0px auto; padding:0; text-align:right; overflow:hidden; opacity:0.99}
#slideshowContainer {
max-height:800px;
position:relative;
overflow:hidden;
}
#slideshowContentContainer {
position:absolute;
top:60px;
left:0px;
width:100%;
z-index:100;
}
#slideshowContent {
max-width:1300px;
position:relative;
margin:0 auto;
color:#fff;
}
#slideshowText {
max-width:650px;
width:100%;
float:left;
/*background:rgba(255, 255, 255, 0.6);*/
background:rgba(0, 0, 0, 0.6);
margin:120px 0 0 0px;
padding:30px 30px 30px 30px;
}
#slideshowText h2 {
color:#FFF;
font-size:2em;
margin:0 0 0 0;
padding:0;
font-weight:500;
letter-spacing: 4px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#slideshowText h3 {
color:#FFF;
font-size:4em;
margin:0;
padding:0;
font-weight:300;
font-family:Georgia, "Times New Roman", Times, serif;
}
#slideshowText h3 span {
font-weight:500;
}
#slideshowText p {
margin:20px 0 40px 0;
padding:0;
color:#fff;
font-size:1.3em;
}
.cycle-slideshow > div {
position: absolute; top: 0; left: 0;
width: 100%; padding: 0 0px 0 0;
}
/* End of slideshow */
/* Services Banner */
#servicesContainer {
text-align:center;
padding:30px 0 50px 0;
background: #F2F2F2;
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}
#servicesContainer h2 {
font-size:2.2em;
margin:0;
padding:0 0 30px 0;
}
#servicesContainer h3 {
color:#333;
font-size:1.2em;
}
#servicesContainer p {
color:#333;
}
.service {
background:#FFF;
padding:40px 20px 20px 20px;
opacity: 1;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
box-shadow: 1px 1px 2px #ccc;
}
.service p {
font-size:1.1em;
}
.service:hover {
opacity:0.9;
}
/* Home text */
#homeTextContainer {
text-align:center;
padding:20px 0 30px 0;
}
#homeTextContainer p {
font-size:1.3em;
line-height:1.5em;
color:#fff;
}
#homeTextContainer h1 {
font-size:2.5em;
font-weight:500;
color:#fff;
}
#homeTextContainer h1 span.highlight {
color:#fff;
}
/* Featured properties */
#featuredProperties .container-fluid {
max-width:1380px;
margin-bottom:10px;
padding:0 40px;
}
#featuredProperties .container-fluid .row {
margin:0px;
padding:0px;
}
#featuredProperties .container-fluid .row .col-sm-3{
margin:0px;
padding:0px;
}
#featuredProperties {
padding:40px 0 30px 0;
margin:0 auto;
/*background:#EFEFEF;*/
}
#featuredProperties h2 {
font-size:2.2em;
margin:30px 0 30px 0;
text-align:center;
}
.featuredPropertyContainer, .featuredProperty {
height:250px;
}
.featuredPropertyContainer {
overflow:hidden;
/*box-shadow: 0px 0 5px #ccc;*/
}
.featuredProperty {
position:relative;
margin:0 0 0 0;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.featuredProperty:hover {
opacity: 0.6;
}
.featuredOverlay {
position:absolute;
bottom:0px;
left:0px;
display:inline-block;
z-index:1000;
padding:7px 15px 7px 15px;
font-size:1em;
color:#fff;
}
.featuredPropertyOverlay {
position:absolute;
top:0px;
left:0px;
display:inline-block;
z-index:1000;
padding:7px 15px 7px 15px;
font-size:0.9em;
color:#fff;
}
.statusLabel {
position:absolute;
top:0px;
left:0px;
background:rgba(153, 0, 0, 0.79);
color:#fff;
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;
color:#fff;
}
img.featuredArrow {
height:20px;
margin-left:15px
}
.featuredPrice {
padding:15px 0 15px 0;
font-weight:500;
}
.featuredLabel {
position:absolute;
bottom:0px;
left:0px;
}
img.featuredImage {
width:100%;
}
#contactBoxHome {
text-align:center;
}
/* End of home page */
/* Services page */
.pageImage {
opacity:0.6;
height:450px;
width:100%;
/*margin-top:100px;*/
}
.resultsPageImage {
opacity:0.35;
height:135px;
width:100%;
}
#servicesImage {
background: url('../images/services.jpg') center top no-repeat;
}
#aboutImage {
background: url('../images/aboutus-new.jpg') center top no-repeat;
}
#lettingImage {
background: url('../images/lettings.jpg') center top no-repeat;
}
#teamImage {
background: url('../images/meettheteam.jpg') center top no-repeat;
}
#careersImage {
background: url('../images/careers.jpg') center bottom no-repeat;
}
#valuationImage {
background: url('../images/valuation-new.jpg') center top no-repeat;
}
#registerImage {
background: url('../images/register-new.jpg') center top no-repeat;
}
#resultsImage {
/*background: url('../images/searchResults.jpg') center top no-repeat;*/
}
#contactImage {
background: url('../images/aboutus.jpg') center bottom no-repeat;
}
a#valuation {
display:block;
width:100%;
font-size:1.6em;
color:#fff;
text-decoration:none;
padding:20px;
text-align:center;
margin:10px 0 10px 0;
/* text-transform:uppercase;*/
}
a#register {
display:block;
width:100%;
font-size:1.6em;
color:#fff;
text-decoration:none;
padding:20px;
background:#333;
text-align:center;
margin:10px 0 10px 0;
/*text-transform:uppercase;*/
}
.inputCentral input {
margin:-5px auto 25px auto;
}
a:hover#register {
background:#999;
}
a#contact {
display:block;
width:100%;
font-size:1.6em;
color:#fff;
text-decoration:none;
padding:20px;
background:#000;
text-align:center;
margin:10px 0 10px 0;
/*text-transform:uppercase;*/
}
a:hover#contact {
background:#333;
}
/* Meet the team page */
/* Team page */
.blueTeamBox {
background:#003D77;
margin-bottom:20px;
padding-bottom:15px;
}
.greyTeamBox {
background:#949599;
margin-bottom:30px;
padding-bottom:15px;
}
.blueTeamBox h2, .greyTeamBox h2 {
color:#fff;
margin:0;
padding:0;
font-size:1.1em;
padding:15px 15px 0px 15px;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
.blueTeamBox h3, .greyTeamBox h3 {
color:#fff;
font-family: 'Roboto', sans-serif;
margin:0;
padding:0;
font-size:0.9em;
padding:0px 15px;
}
.blueTeamBox p, .greyTeamBox p {
color:#fff;
margin:0;
font-size:0.9em;
padding:20px 15px 20px 15px;
line-height:1.5em;
}
.blueTeamBox a, .greyTeamBox a {
color:#fff;
}
/*
#teamContainer h2 {
margin:0;
padding:0 0 0 0;
font-size:1.8em;
}
#teamContainer h3 {
margin:5px 0 25px 0;
padding:3px 10px 3px 10px;
background:#003D77;
color:#fff;
display:inline-block;
font-size:1.3em;
font-weight:400;
}
#teamContainer a {
text-decoration:none;
}
#teamContainer #pageText .whiteBar, #teamContainer #pageText .colourBar {
padding-bottom:20px;
padding-bottom:20px;
}
.teamContact {
}
.teamNumber {
display:inline-block;
font-weight:400;
margin:0 15px 15px 0;
}
.teamEmail {
display:inline-block;
font-weight:400;
margin:0 0 15px 0;
}
.teamEmail a {
text-decoration:none;
}
img.teamMember {
margin-bottom:20px;
}*/
/* Register and Valuation pages */
#rentingReqs {
display:none;
}
#buyingReqs {
}
#registerContainer h2, #valuationContainer h2 {
padding-top:20px;
text-align:center;
font-size:2.2em;
}
#contactContainer h2 {
padding-top:20px;
text-align:center;
font-size:2em;
}
#registerContainer p a, #valuationContainer p a {
text-decoration:underline;
}
#valuationContainer i, #registerContainer i {
font-size:60px;
margin-bottom:20px;
}
#registerContainer {
text-align:center;
}
#valuationContainer {
text-align:center;
}
#valuationContainer h3, #registerContainer h3 {
color:#333;
font-weight:500;
font-size:1.8em;
margin:25px 0 30px 0;
}
#valuationFormContainer, #registerFormContainer {
margin:30px 0 0 0;
}
#registerFormContainer label, #valuationFormContainer label {
text-align:center;
cursor:pointer;
font-size:1.2em;
}
#registerFormContainer ul {
}
#registerFormContainer li {
}
#valuationFormContainer input, #registerFormContainer input, #valuationFormContainer select, #registerFormContainer select {
margin-bottom:15px;
}
fieldset#contactForm {
}
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;
}
/* End of register & valuation page */
/* Search results */
#searchResultsImage {
/*background: url('../images/searchResults.jpg') center top no-repeat;*/
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 30px -10px;
}
/* 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:350px;
opacity:0;
}
#particulars #map, #searchResultsContainer #map {
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}
#contactContainer #map {
margin-top:40px;
}
/* End of maps */
/* 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;
/*text-transform:uppercase;*/
}
#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:110px 0 0 0;
}
#searchResultsContainer h1, #searchNav {
margin:4px 0 0 0;
padding:0 0 0 0;
font-size:1.3em;
}
#sortList {
float:right;
font-size:1.1em;
color:#333;
text-align:right;
margin:4px 0 0 0;
font-weight:500;
}
#sortList a {
text-decoration:underline;
}
#propertiesList {
padding-bottom:30px;
}
.searchResultContainer {
margin:0;
padding:20px 0 0 20px;
}
.searchResult {
/*background: url('../images/searchResultBar.png') right top no-repeat #fff;*/
position:relative;
overflow:hidden;
height:200px;
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;
}
.searchResultPrice {
position:absolute;
bottom:0px;
left:0px;
width:100%;
background:#333;
padding:7px 15px 10px 14px;
font-size:1.5em;
font-weight:400;
}
.searchResultAddress {
}
.searchResultType {
margin:10px 0 0 0;
padding:0 0 0 32px;
background: url('../images/typeIcon.png') left top no-repeat;
}
.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:110px 0 60px 0;
}
#particulars #map_canvas_2 {
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}
.statusLabelParticulars {
display:inline-block;
margin:0 0 0 10px;
padding:5px 15px;
background:#C40000;
color:#fff;
font-size:0.5em;
}
.detailsBar {
margin-bottom:15px;
padding-top:30px;
}
#particularsBedrooms {
font-size:1.6em;
font-weight:500;
}
#particularsAddress {
font-size:1.2em;
color:#666666;
font-weight:400;
}
#particularsPrice {
font-size:2.6em;
font-weight:500;
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:500;
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:1em;
font-weight:400;
color:#fff;
padding:10px 15px 0px 15px;
}
#branchTelephone img {
width:16px;
margin:0 6px 0 0;
}
#branchEmail {
font-size:0.9em;
font-weight:400;
padding:10px 10px 10px 15px;
}
#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:400;
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;
}
#viewingForm {
padding:0 25px 20px 25px;
}
#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;
}
#forename {
padding-right:10px;
}
#surname {
padding-left:10px;
}
#sharePropertyIcons {
margin:40px 0 20px 25px;
font-weight:500;
}
#sharePropertyIcons i {
font-size:30px;
margin-left:5px;
opacity:1.0;
}
#sharePropertyIcons i:hover {
opacity:0.8;
}
/* Particulars Slideshow */
#slideshow .sp-selected-thumbnail {
}
#slideshow .sp-thumbnails-container {
float:left;
}
.shareIcons {
margin:20px 0 20px 25px;
}
#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;
}
#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:500;
}
#description h3 {
font-size:1.1em;
margin:0;
padding:0;
font-weight:500;
}
#description ul {
margin:10px 0 15px 3px;
padding:0;
font-size:1.1em;
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:500;
}
#mapview {
display:none;
min-height:455px;
}
#mapview h2 {
}
#map_canvas_2 {
width:100%;
height:270px;
}
#floorplans {
/*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;
}
#rentalFees {
display:none;
}
/* Contact us */
#contactContainer {
text-align:center;
}
#contactContainer #map_canvas_1 {
height:350px;
width:100%;
margin:30px 0 0 0;
}
#contactContainer .greyBar {
padding:25px 0 35px 0;
margin-bottom:0;
}
#contactContainer .greyBar h2 {
margin:0;
padding:5px 0 25px 0;
font-size:1.6em;
}
#branchDetails {
font-size:1.15em;
line-height:1.4em;
margin:0;
padding:0;
min-height:110px;
}
#contactDetails {
font-size:1.1em;
line-height:2em;
font-weight:500;
margin:20px 0 20px 0;
padding:0;
}
#contactDetails img {
margin-right:5px;
}
#contactDetails .label {
color:#000;
display:inline-block;
width:60px;
font-weight:400;
font-size:1em;
margin:0;
padding:0;
text-align:left;
}
#contactDetails a {
color:#333;
text-decoration:none;
}
#contactDetails a:hover {
color:#000;
}
/* 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;
font-weight:500;
padding:0 0 0 0;
}
/* End of form styles */
/*--------Responsive/media queries------*/
/* Medium Devices, Desktops */
@media (max-width : 1300px) {
#header {
height:auto;
}
.navbar .navbar-nav > li > a {
padding:15px 11px;
font-size:1.1em;
}
.searchResult {
height:180px;
}
#slideshowText {
max-width:650px;
width:100%;
margin:120px 0 0 0px;
}
#slideshowText h2 {
font-size:2em;
letter-spacing: 4px;
}
#slideshowText h3 {
font-size:4em;
}
#slideshowText p {
margin:20px 0 40px 0;
}
.featuredPropertyContainer, .featuredProperty {
height:220px;
}
}
@media (max-width : 1199px) {
img#logo {
height: 90px;
}
.navbar ul {
}
.navbar ul {
margin-top:0px;
margin-bottom:10px;
}
#socialHeader {
display:none;
}
.navbar .navbar-nav > li > a {
font-size:1.1em;
padding:10px 10px;
}
.shrink .navbar ul {
}
li#telephoneNumber {
font-size:1.1em;
padding:18px 20px 0 10px;
}
.dropdown-menu {
top:60px;
font-size:0.75em;
}
.dropdown-menu li a {
padding:12px 15px;
}
/* Slideshow styles */
#slideshowText {
max-width:650px;
width:100%;
margin:120px 0 0 30px;
}
#slideshowText h2 {
font-size:2em;
letter-spacing: 4px;
}
#slideshowText h3 {
font-size:4em;
}
#slideshowText p {
margin:20px 0 40px 0;
}
/* End of video */
.cycle-slideshow { height:560px; }
.featuredOverlay, .searchResultOverlay {
font-size:0.8em;
}
.statusLabel {
font-size:0.8em;
}
.featuredPropertyContainer, .featuredProperty {
height:190px;
}
/* Search results */
#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;
}
.searchResultPhoto {
height:160px;
}
.searchResultPriceLabel {
font-size:0.9em;
margin:15px 0 0 0;
}
.searchResultPrice {
font-size:1.5em;
padding:0 25px 10px 0;
margin-right:45px;
}
.searchResultAddress {
margin:20px 0 0 0;
font-size:0.8em;
}
.searchResultBedrooms, .searchResultType {
color:#666666;
font-weight:400;
font-size:0.8em;
}
.searchResult {
height:150px;
}
ol#mapsList {
font-size:0.85em;
margin:20px 0 0 20px;
padding:0;
}
/* End of search results */
#epc img {
width:100%;
}
#particulars {
padding:100px 0 60px 0;
}
#sharePropertyIcons i {
font-size:20px;
margin:0 0 0 5px;
padding:0;
}
/* Affiliates bar */
#affiliates {
padding:10px 0;
}
#affiliates img {
margin:10px 13px;
height:25px;
}
}
/* Tablet */
@media (max-width: 992px) {
#headerContact {
font-size:1em;
font-weight:400;
}
.navbar {
padding:0 0 0 0;
min-height:auto;
}
.navbar ul {
margin-top:0px;
margin-bottom:10px;
}
.shrink .navbar ul {
margin-top:8px;
margin-bottom:5px;
}
li#telephoneNumber {
display:none;
}
img#logo {
height: 60px;
margin-top:-40px;
}
#contactBar {
font-size:0.8em;
}
.shrink img#logo {
}
.navbar .navbar-nav > li > a {
font-size:0.9em;
padding:10px 6px;
}
.dropdown-menu {
top:60px;
font-size:0.7em;
}
.dropdown-menu li a {
padding:12px 10px;
}
#footer ul li a {
font-size:0.7em;
padding:0 10px 0 0;
}
#pageText h2, #valuationContainer h2, #registerContainer h2 {
font-size:1.5em;
}
#pageText h3, #valuationContainer h3, #registerContainer h3 {
font-size:1.4em;
}
#pageText p, #valuationContainer p, #registerContainer p {
/*font-size:1em;*/
}
#pageText ul {
font-size:1em;
}
/* Affiliates bar */
#affiliates {
padding:10px 0;
}
#affiliates img {
margin:10px 15px;
height:20px;
}
.cycle-slideshow { height:560px; margin: 35px auto 0px auto}
#slideshowHome {
height:560px;
}
/* Slideshow styles */
#slideshowText {
max-width:650px;
width:100%;
margin:120px 0 0 30px;
}
#slideshowText h2 {
font-size:1.8em;
letter-spacing: 4px;
}
#slideshowText h3 {
font-size:3em;
}
#slideshowText p {
margin:20px 0 40px 0;
font-size:1.2em;
}
#homeTextContainer h1 {
font-size:2em;
}
#homeTextContainer p {
font-size:1.2em;
}
#servicesContainer h2 {
font-size:2em;
}
/* End of slideshow */
.featuredArrow {
display:none;
}
.featuredPropertyContainer, .featuredProperty {
height:140px;
}
/* Search results */
#searchResultsContainer {
padding:100px 0 30px 0;
}
#searchNav {
display:none;
}
#resultsLeftPanel input, #resultsLeftPanel select {
margin-bottom:12px;
}
#searchMenu a {
font-size:1.3em;
padding:8px 0;
width:100%;
}
.searchResultPhoto {
height:110px;
}
.searchResultPriceLabel {
font-size:0.8em;
margin:10px 0 0 0;
display:none;
}
.searchResultPrice {
font-size:1.2em;
padding:10px 25px 10px 0;
margin-right:45px;
}
.searchResultAddress {
margin:15px 0 0 0;
font-size:0.7em;
}
.searchResultBedrooms, .searchResultType {
color:#666666;
font-weight:400;
font-size:0.65em;
height:20px;
}
.searchResult {
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;
}
/* End of search results */
h3#branchDetails {
font-size:1.1em;
line-height:1.7em;
margin-bottom:20px;
}
#contactDetails {
font-size:1.1em;
line-height:1.7em;
}
#particulars #registerAdvert {
display:none;
}
#particularsRightPanel {
border-top:none;
padding-top:20px;
}
#description {
border-bottom:none;
}
#branchDetails {
min-height:50px;
}
/* Team page */
img.teamMember {
margin-bottom:25px;
}
#teamContainer h2 {
font-size:1.6em;
}
#teamContainer h3 {
font-size:1.1em;
}
}
/* Mobile styles */
@media (max-width: 767px) {
#header {
background:#003D77
}
img#logo, #headerResults img#logo {
height:50px;
width:auto;
margin:-7px 0 0 0;
}
/* Size down effects on header */
.shrink img#logo, #headerResults .shrink img#logo {
height:50px;
margin:-7px 0 0 0;
}
.shrink .navbar {
}
.shrink .navbar ul {
}
#headerContact {
display:none;
}
.navbar {
padding:0 0 0px 0;
min-height:auto;
}
.navbar .navbar-brand {
height:65px;
display:block;
}
.navbar .navbar-nav > li > a {
font-size:0.7em;
padding:10px 18px;
margin:0;
}
.navbar {
position:fixed;
width:100%;
z-index:1000;
margin-bottom:0px;
}
.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:#fff;
font-size:1em;
padding:7px 10px;
margin:0;
}
.dropdown-menu li a:hover
{
color:#333;
border:none;
}
.cycle-slideshow { height:372px; width:100%; margin:0 0 0 0; background:#ccc; }
.cycle-slideshow img { height:auto; min-width:850px; width:100%; float:left}
/* Slideshow styles */
#slideshowContainer {
background:#ccc;
}
#slideshowText {
max-width:100%;
background: url('../images/mobileHeaderBg3.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position:center;
height:372px;
width:100%;
margin:0px 0 0 0;
padding:30px 30px 0 30px;
text-align:center;
}
#slideshowText h2 {
font-size:1.6em;
letter-spacing: 4px;
}
#slideshowText h3 {
font-size:2em;
}
#slideshowText p {
margin:20px 0 20px 0;
font-size:1em;
}
#homeTextContainer p {
font-size:1em;
line-height:1.3em;
}
#homeTextContainer h1 {
font-size:1.5em;
font-weight:500;
color:#fff;
}
/* End of slideshow */
/* Services banner */
#servicesContainer {
text-align:center;
padding:30px 0 30px 0;
}
#servicesContainer h2 {
font-size:1.6em;
margin:0;
padding:0 0 30px 0;
}
.service {
margin-bottom:20px;
}
#streetviewframe {
height:220px;
}
#footerLogos img {
margin:0 0 10px 0;
}
h1 {
font-size:1.8em;
}
h2 {
font-size:1.4em;
}
#homeBoxes {
z-index:1;
}
.form-inline select {
width:100%;
border-radius: 0px;
}
#pageMenu ul {
margin:0 0 0 0;
}
#pageMenu ul li a {
width:100%;
}
#pageMenu .container {
margin:0;
padding:0;
}
#pageMenu ul li {
display:inline-block;
width:100%;
}
.form-inline label {
margin:0 4px 8px 0px;
}
#footer ul {
display:none;
}
#copyright {
}
#logos {
display:none;
}
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%;
}
#contactContainer {
}
#featuredProperties {
display:none;
}
#homeTextContainer {
background-color:#003D77;
}
/* Search results */
#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;
}
#searchResultsContainer #map_canvas_1 {
display:none;
}
.searchResultContainer {
margin:0;
padding:0 17px 5px 17px;
}
.searchResult {
height:auto;
}
.searchResult {
margin-top:15px;
}
.searchResult:hover {
text-decoration:none;
}
.searchResultPhoto {
height:auto;
}
.searchResultPrice {
font-size:1.8em;
font-weight:400;
border-bottom:none;
padding:10px 0 10px 15px;
margin:0 15px 0 0;
margin-right:0;
}
.searchResultPrice a:hover {
text-decoration:none;
}
.searchResultAddress {
margin:10px 15px 15px 15px;
font-size:0.9em;
}
.searchResultBedrooms, .searchResultType {
font-weight:400;
font-size:0.9em;
padding:0 15px 15px 15px;
margin:0 0 8px 15px;
}
.searchResultBedrooms {
padding:0 0 0 32px;
background: url('../images/bedroomIcon.png') left top no-repeat;
}
.searchResultType {
padding:0 0 0 32px;
background: url('../images/typeIcon.png') left top no-repeat;
}
#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;
}
/* End of search results */
/* Particulars */
.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;
}
#sharePropertyIcons i {
font-size:20px;
margin:0 0 0 5px;
padding:0;
opacity:1.0;
}
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%;
}
#map_canvas_2 {
height:220px;
margin:0 0 20px 0;
}
#description ul li {
width:100%;
}
#searchResultsImage {
display:none;
}
#headerResults {
height:60px;
}
#headerContent {
padding:0;
}
#contactBar {
display:none;
}
#contactContainer #map_canvas_1 {
height:250px;
}
.pageImage {
height:200px;
}
#valuationImage, #registerImage, #contactImage, #servicesImage, #resultsImage, #aboutImage {
background-size: cover;
}
#pageHeadingContainer h1 {
color:#fff;
font-size:2.2em;
margin:140px 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;
}
#contactContainer h2 {
padding-top:10px;
font-size:1.4em;
}
#pageText h2 {
}
#pageText h3 {
font-size:1.5em;
}
#pageText ul {
font-size:1.1em;
}
#valuationImage {
}
#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, #valuationContainer {
}
#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 #branchDetails {
font-size:1em;
}
#contactContainer #contactDetails {
font-size:1em;
}
.inputCentral {
}
.inputCentral input {
margin:10px auto 25px auto;
width:30px;
}
#checkboxes .inputCentral input {
margin:0px auto 25px auto;
width:30px;
}
#map_canvas {
height:200px;
margin-top:20px;
}
/* Maps */
#map_canvas {
height:200px;
margin-top:20px;
}
#contactContainer #map, #contactBoxHome #map {
height:250px;
}
#particulars #map, #searchResultsContainer #map {
height:200px;
}
#searchResultsContainer #map {
margin-top:25px;
}
/* Affiliates bar */
#affiliates {
padding:10px 0;
}
#affiliates img {
margin:10px 10px;
height:20px;
}
#registerContainer p, #valuationContainer p, #branchDetails, #pageText p, .service p {
/*line-height:1.4em;
font-size:1em;*/
}
#valuationContainer h3, #registerContainer h3 {
font-size:1.3em;
}
/* Team page */
img.teamMember {
margin-bottom:25px;
}
#teamContainer h2 {
font-size:1.6em;
}
#teamContainer h3 {
font-size:1.1em;
}
}
/*----End of responsive media queries ---*/