html {
width:100%;
height:100%;
background:#37343A;
}
body {
width:100%;
font-size:1.4em;
color:#333;
font-family: 'Roboto', sans-serif;
font-weight:300;
background:#fff;
}
/* Social media sticky */
#sticky-social a {
text-decoration: none;
}
#sticky-social ul {
list-style: none;
margin: 0;
padding: 0;
}
#sticky-social {
right: 0;
position: fixed;
box-shadow: 0px 0 5px #666;
z-index:2000;
top: 380px;
}
#sticky-social a {
color: #fff;
display: block;
height: 35px;
font: 16px "Open Sans", sans-serif;
line-height: 35px;
position: relative;
text-align: center;
width: 35px;
}
a.facebook {
background: url('../images/fbAsside.png') 8px 8px no-repeat #37343A;
}
a.twitter {
background: url('../images/twitterAsside.png') 8px 8px no-repeat #37343A;
}
#sticky-social a span {
line-height: 35px;
right: -100px;
position: absolute;
text-align:center;
width:100px;
}
#sticky-social a:hover span {
right: 100%;
background: #37343A
}
/* Valpal */
#valPalBanner {
text-align:left;
}
#valPalMobile {
display:none;
}
/* Custom */
h1, h3, p.error, ol.error, a, #searchNav, #particularsLeftPanel ul, #pageText ul {
color:#333;
}
.highlight {
color:#E6C900;
}
strong {
font-weight:600;
font-size:1.1em;
}
h2, .lowlight {
color:#333;
font-weight:400;
}
a:hover {
color:#333;
}
.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, .featuredDetails, .dropdown-menu li.active a, .dropdown-menu li a:hover, .dropdown-menu li.active a:hover, button, .navbar .navbar-toggle, .navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus, a#showmenu, #particularsMenu a:hover, #particularsMenu a.currentParticularsTab, a#valuation
{
background:#FFE704;
}
.featuredDetails:hover, button:hover, a:hover#showmenu, a:hover#valuation {
background:#FFE704;
}
button {
color:#333;
}
a.button {
color:#333;
background:#FFE704;
text-transform:uppercase;
font-weight:400;
padding:10px 20px;
text-decoration:none;
display:inline-block;
border:1px solid #fff;
}
a:hover.button {
color:#333;
background:#F2DA00;
text-decoration:none;
}
#particularsMenu a {
background:#666;
}
/* End of custom */
h1 {
font-size:2.6em;
font-weight:400;
padding:5px 0 15px 0;
}
h2 {
font-size:1.7em;
line-height:1.6em;
font-weight:400;
margin:10px 0 20px 0;
}
h3 {
font-size:1.7em;
line-height:1.3em;
font-weight:400;
margin:30px 0 20px 0;
}
p {
line-height:1.5em;
margin:0 0 25px 0;
}
.bold {
font-weight:400;
font-size:1.1em;
}
button {
color:#333;
padding:12px 15px;
font-size:1.3em;
text-decoration:none;
border:none;
font-weight:700;
}
button:hover {
color:#333;
background:#E6C900;
}
p.error {
margin:10px 0 10px 0;
padding:0 0 0 0;
font-size:1.1em;
}
ol.error {
list-style-type: disc;
margin:0px 0 20px 20px;
padding:0 0 0 0;
font-size:1.1em;
}
ol.error li {
margin:8px 0 8px 0;
padding:0 0 0 0;
}
/* Page style */
#pageText p {
color:#333;
text-align:justify;
line-height:1.4em;
font-size:1em;
}
#pageText ul {
list-style-type:square;
margin:10px 0 0 10px;
padding:0;
}
#pageText ul span {
color:#666;
}
#pageText ul li {
padding:0 0 10px 3px;
}
.greyBar {
background:#F6F6F6;
margin:20px 0 0px 0;
padding:10px 0 20px 0;
}
ul#pageBullets {
list-style-type:square;
font-size:1em;
margin:20px 0 25px 0px;
padding:0 0 0 15px;
color:#FDE71B;
}
ul#pageBullets span {
color:#333;
}
ul#pageBullets li {
margin:0 0 25px 0;
}
/* Menu */
#header {
background-color: #37343A;
padding:0;
}
#headerContent {
position:relative;
max-width:1170px;
margin:0 auto;
}
#headerContact {
position:absolute;
top:15px;
right:0px;
z-index:1000000;
color:#fff;
font-size:1.2em;
width:240px;
}
.number {
font-size:1.3em;
font-weight:400;
}
/* navbar */
.navbar {
background-color: #37343A;
margin:0;
border:none;
font-weight:300;
z-index:200000;
padding:0 0 0 0;
border-radius:none !important
}
ul.navbar-nav {
margin-top:20px;
margin-bottom:20px;
margin-right:250px;
}
/* branding (logo) */
.navbar .navbar-brand {
margin:0px 0 0px 0;
padding:0;
}
img#logo {
height: 100px;
}
.navbar .navbar-nav > li > a {
color: #fff;
font-size:1em;
margin:0;
position:relative;
padding:20px 13px;
font-weight:700;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
color: #333;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
color: #333;
}
.dropdown-menu {
padding:0px 0px 0px 0;
position:absolute;
right:10000px;
top:58px;
z-index:1000;
background:#fff;
border:none;
font-weight:700;
font-size:1em;
}
.dropdown-menu li a {
padding:12px 18px 12px 18px;
color:#333;
font-weight:700;
}
.dropdown-menu li.active a {
color:#333;
}
.dropdown-menu li a:hover {
}
.dropdown-menu li.active a:hover {
color:#333;
}
/* 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 {
background:#37343A;
padding:0 0 30px 0;
}
#footerContainer img {
margin:0 0 15px 0;
}
#footerContainer h2 {
color:#fff;
}
#footerContainer a {
color:#fff;
}
#footerContainer h3 {
color:#fff;
font-size:1.2em;
margin:0 0 0 0;
padding:0 0 0 0;
}
#footerContainer p {
color:#fff;
}
#footer {
padding:15px 0 50px 0;
}
#footer ul {
list-style-type:none;
margin:0;
padding:0;
}
#footer ul li a {
color:#fff;
font-size:1.1em;
padding:5px 0 5px 0;
text-decoration:none;
}
#footer ul li a:hover {
color:#ccc;
}
#copyright {
font-size:0.8em;
text-align:left;
color:#fff;
margin-top:20px;
}
#copyright a {
color:#fff;
text-decoration:underline;
}
#copyright a:hover {
color:#ccc;
}
/* Home page */
/* Slideshow */
#slideshowHome {
position:relative;
height:479px;
margin:0 0 0 0;
}
#slideshowSearchContainer {
position:absolute;
left:0px;
width:100%;
z-index:120;
}
#slideshowSearch {
max-width:470px;
margin:100px auto 0 auto;
padding:20px 30px 20px 30px;
background-color: rgba(112, 14, 133, 0.7);
}
#searchBox select {
padding:10px;
margin:0 0 20px 0;
height:auto;
}
#searchBox input {
padding:10px;
color:#666;
margin:0 0 20px 0;
height:auto;
}
#roomsColumn {
padding-right:10px;
}
#typeColumn {
padding-left:10px;
}
#saleButtonColumn {
padding-right:10px;
}
#rentButtonColumn {
padding-left:10px;
}
#homeSearchButtons {
float:right;
height:40px;
margin:10px 0px 0 0;
}
.searchButtonBox {
float:right;
}
.searchButtonBuying, .searchButtonRenting {
font-size:1.1em;
font-weight:700;
padding:10px 0;
}
.searchButtonBuying {
color:#333;
}
.searchButtonRenting {
background:#37343A;
width:100%;
color:#fff;
}
.searchButtonBuying {
width:100%;
}
.searchButtonRenting:hover {
background:#000;
color:#fff;
}
.cycle-slideshow { width: 100%; height:479px; margin: 0 auto 0px auto; padding:0; text-align:right; overflow:hidden;}
.cycle-slideshow > div {
position: absolute; top: 0; left: 0;
width: 100%; padding: 0 0px 0 0;
}
.cycle-slideshow h1 {
position:absolute;
top:48px;
left:0px;
background:;
z-index:200;
color:#333;
font-size:3.4em;
background:#F0E807;
padding:15px 30px;
font-weight:300;
}
.cycle-slideshow h2 {
position:absolute;
top:155px;
left:0px;
background:;
z-index:200;
color:#333;
font-size:2.3em;
background:#F0E807;
padding:5px 30px;
font-weight:300;
}
.cycle-slideshow h3 {
position:absolute;
top:255px;
left:0px;
background:;
z-index:200;
color:#333;
font-size:1.4em;
background:#fff;
text-align:left;
padding:8px 30px;
font-weight:300;
}
#guides {
color:#fff;
}
#guides h3 {
margin:0 0 0 0;
padding:0 0 5px 0;
font-size:1.3em;
font-weight:400;
color:#fff;
}
#guides a {
color:#F0E81B;
padding:5px 0 0 0;
display:block;
}
/* End of slideshow */
/* Services pages */
#fees span {
display:inline-block;
width:250px;
font-weight:300;
}
#fees p {
font-weight:400;
}
#fees h3 {
font-size:1.4em;
margin:15px 0 15px 0;
padding:0;
}
/* Search container */
#searchContainer {
background:#EFEFEF;
margin:30px 0 0 0;
padding:0 0 50px 0;
}
#searchContainer h2 {
font-size:2.9em;
text-align:center;
padding:20px 0 20px 0;
font-weight:300;
}
#searchContainer h3 {
font-weight:400;
font-size:1.5em;
}
#searchBox {
background:#D9D9D9;
padding:30px;
border:1px solid #C0C0C0;
}
#searchBox h3 {
padding:0 0 20px 0;
margin:0;
color:#333;
}
/* About box */
#aboutBoxContainer {
background:#37343A;
padding:0 0 40px 0;
}
#aboutBoxContainer h2 {
color:#fff;
font-size:2.9em;
padding:20px 0 20px 0;
font-weight:300;
}
h2#aboutUsHeading {
text-align:right;
margin-bottom:0;
padding-bottom:0;
}
#aboutUs {
text-align:right;
color:#fff;
}
#aboutUs h3 {
font-weight:400;
font-size:1.5em;
color:#fff;
margin-top:40px;
}
#testimonialsContainer {
padding:0 0 50px 0;
}
p.testimonial {
text-align:center;
border-bottom:1px solid #ccc;
padding:15px 0 25px 0;
font-style:italic;
line-height:1.7em;
}
p.testimonial strong {
font-style:normal;
}
#testimonialsContainer h2 {
font-size:2.9em;
text-align:center;
padding:20px 0 20px 0;
font-weight:300;
}
#testimonialsContainer img {
margin:0 20px 20px 0;
}
#helpContainer {
background: url('../images/helpBg.jpg') top center;
padding:0 0 50px 0;
text-align:center;
}
#helpContainer h2 {
font-size:2.9em;
text-align:center;
padding:20px 0 50px 0;
color:#fff;
font-weight:300;
}
.helpBox {
background:#fff;
text-align:center;
padding:20px 0px 20px 0px;
position:relative;
}
.helpBox h3 {
text-transform:uppercase;
}
.helpBoxImage {
position:absolute;
width:100%;
top:-40px;
text-align:center;
}
.helpBox img {
}
/* Tenants page */
table#feesTable {
border-collapse: collapse;
margin-bottom:60px;
}
table#feesTable th, td {
border: 1px solid black;
padding:15px;
}
ul.feeList {
margin:0 0 0 15px;
padding:0;
}
ul.feeList li {
margin:10px 0 10px 0;
}
/* News page */
#news h2 {
font-size:1.6em;
}
ol.tumblr_posts {
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:1.1em;
}
ol.tumblr_posts li {
list-style:none;
margin:0 0 20px 0;
padding:0 0 0 0;
border-bottom:2px dotted #999;
/*background-color: rgba(0,0,0,0.75);*/
/*border:1px solid #fff;
background:#fff;*/
}
.tumblr_title {
font-size:1.7em;
line-height:1.6em;
font-weight:400;
margin:10px 0 0 0;
color:#333;
}
.tumblr_body {
color:#333;
padding:15px 0px 15px 0px;
}
.tumblr_caption {
display:none;
}
.tumblr_body p {
}
.tumblr_body img {
margin:15px 0 15px 0;
padding:0;
}
.tmblr-full {
margin:0 auto;
padding:0;
}
.tumblr_quote {
font-size:2.2em;
padding:30px 10px 30px 30px;
color:#333;
display:inline-block;
font-style:italic;
}
.tumblr_source {
padding:0px 0px 20px 0px;
display:inline-block;
color:#333;
display:none;
}
.tumblr_text_post {
background:#fff;
}
.tumblr_photo_post {
}
/* Privacy policy page */
#privacyPolicy a {
text-decoration:underline;
}
#privacyPolicy ul {
margin:20px 0 20px 0;
}
#privacyPolicy ul li {
margin:10px 0 10px 0;
}
#privacyPolicy h3 {
font-size:1.5em;
}
/* Featured properties */
#featuredPropertiesContainer {
background:#F7F7F7;
padding:20px 0 20px 0;
}
#featuredPropertiesContainer h2 {
color:#700E85;
font-size:2em;
}
/* Home boxes */
#homeBoxes {
padding:30px 0 40px 0;
text-align:center;
}
#homeBoxes h2 {
margin:10px 0 15px 0;
padding:0 0 0 0;
}
#homeBoxes h2 a {
font-weight:300;
text-decoration:none;
font-size:1.1em;
color:#333;
}
#homeBoxes h2 a:hover {
color:#000;
}
#homeBoxes p a {
color:#333;
text-decoration:none;
font-size:1em;
line-height:1.5em;
}
#homeBoxes p a:hover {
color:#000;
}
#homeBoxes img {
opacity: 1;
margin:18px 15px 0 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#homeBoxes img:hover {
opacity: 0.7;
}
/* Home bottom banner */
#homeBottom {
padding:15px 0 20px 0;
}
#homeBottom h2 {
font-size:2em;
padding:0 0 0 0;
color:#700E85;
}
#homeBottom p {
font-size:0.95em;
line-height:1.6em;
}
.contactRow {
width:100%;
margin:0 0 20px 0;
}
.contactRow p {
padding:5px 0 0 0;
margin:0;
font-weight:400;
}
.contactRow img {
margin:0 10px 0 0;
}
/* End of home page */
/* Services page */
#servicesImage {
background: url('../images/services.jpg') center no-repeat;
height:250px;
width:100%;
position:relative;
}
#buildingImage {
background: url('../images/maintenance.jpg') center no-repeat;
height:250px;
width:100%;
position:relative;
}
#aboutImage {
background: url('../images/aboutUs.jpg') center no-repeat;
height:250px;
width:100%;
position:relative;
}
#mortgagesImage {
background: #36343A;
padding-top:40px;
width:100%;
position:relative;
text-align:center;
}
#mortgages-content {
padding-bottom:50px;
}
#mortgages-content h2 {
font-size:2.1em;
margin-top:40px;
}
#mortgages-content p, #mortgages-content ul li {
font-size:1.3em;
}
.mortgages-button {
background:#000;
color:#FFF;
text-decoration:none;
display:inline-block;
padding:10px 20px;
font-size:1.3em;
margin:20px 10px 40px 0;
border-radius:15px;
}
.mortgages-button:hover {
background:#333;
color:#FFF;
text-decoration:none;
}
#mortgages-content ul {
list-style-type:none;
margin:0;
padding:0;
list-style-position:inside;
}
#mortgages-content ul li {
background: url('../images/arrow.png') left no-repeat;
padding:0 0 0 25px;
margin:0 0 5px 0;
}
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;
}
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;
}
/* Special offers */
#offerBox {
width:100%;
height:500px;
background: url('../images/offerBg2.jpg') center no-repeat;
padding:55px 0 0 0;
}
#offerButtonBar {
background:#37343A;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
text-align:center;
padding:20px 0;
color:#fff;
font-size:2em;
}
#offerBoxContents {
max-width:1170px;
margin:0 auto 0 auto;
}
#offerBox h1 {
color:#333;
font-size:3.4em;
background:#F0E807;
padding:15px 30px;
font-weight:300;
display:inline-block;
margin:0 auto 40px auto;
width:auto;
max-width:1170px;
}
#offerBox h2 {
color:#333;
font-size:2.3em;
background:#F0E807;
padding:5px 30px;
font-weight:300;
margin:0px auto 0 auto;
display:inline-block;
max-width:1170px;
}
/* Search results */
a#showmenu {
text-decoration:none;
text-align:center;
padding:10px 30px;
display:inline-block;
cursor:pointer;
display:none;
font-size:1.1em;
margin:0px 0 20px 0;
color:#333;
font-weight:400;
}
#searchResultsContainer {
min-height:800px;
padding:10px 0 30px 0;
}
#searchNav {
font-weight:400;
}
#searchResults {
padding:25px 20px 20px 20px;
margin:0px auto 0px auto;
background-color: rgba(0,0,0,0.7);
}
#searchResultsContainer h1, #searchNav {
margin:0 0 30px 0px;
padding:0 0 0 0;
float:left;
font-size:2em;
}
p#sortList {
float:right;
margin:10px 0px 0 0;
font-size:1.1em;
font-weight:400;
color:#000;
}
#sortList a {
text-decoration:underline;
}
.searchResult {
margin-bottom:30px;
position:relative;
background:#fff;
box-shadow: 0px 0 65px #E8E8E8;
}
.searchResultPhoto {
height:230px;
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.7;
}
.thumbnailLabel {
position:absolute;
width:69px;
height:61px;
bottom:0px;
right:15px;
}
.address {
font-size:1.3em;
font-weight:400;
}
.address a {
color:#333;
text-decoration:none;
display:inline-block;
padding:20px 0 20px 0;
}
.address a:hover {
color:#000;
text-decoration:none;
}
.description {
padding:0 20px 40px 0;
}
.description a {
text-decoration:none;
}
.description a:hover {
text-decoration:none;
color:#000;
}
.price {
text-align:right;
margin:3px 0 0 0;
}
.price a {
color:#FFE704;
background:#37343A;
text-decoration:none;
padding:5px 15px 5px 15px;
font-size:1.4em;
font-weight:400;
text-align:center;
width:auto;
}
.resultsPhoto {
max-height:195px;
overflow:hidden;
}
.price a:hover {
color:#FFE704;
background:#000;
text-decoration:none;
}
.searchResultType a {
color:#333;
text-decoration:none;
}
.searchResultType a:hover {
color:#000;
}
a.fullDetails {
display:block;
background:#FFE704;
color:#37343A;
position:absolute;
bottom:0px;
right:0px;
font-weight:400;
font-size:1em;
padding:5px 15px;
text-decoration:none;
}
a:hover.fullDetails {
background:#F9D300;
}
a#price {
color:#333;
font-size:1.3em;
text-decoration:none;
font-weight:400;
padding:10px 0 10px 15px;
margin-bottom:0;
display:inline-block;
width:100%;
}
.currentPage {
background:#333;
color:#FFE704;
padding:0 3px;
}
#searchNav {
float:left;
margin:0 0 0 0;
}
#pageList {
float:right;
margin:0 0 0 0;
text-align:right;
font-size:1.3em;
font-weight:400;
color:#333;
padding:8px 15px;
}
#pageList a {
text-decoration:underline;
margin:0 2px;
padding:0 3px;
}
a#fullDetails {
position:absolute;
bottom:10px;
right:10px;
font-size:1em;
padding:8px 10px;
color:#fff;
}
/* Search bar */
#searchBar {
margin:0 0 20px 0;
font-size:0.7em;
text-transform:uppercase;
font-weight:300;
}
#searchBar form {
margin:0 0 0 0;
padding:0 0 0 0;
}
#searchBar select, #searchBar input {
width: 144px;
}
button#searchSubmit {
margin:12px 0 10px 10px;
padding:8px 15px;
}
#searchBar a {
color:#FFFFFF;
}
#searchBar a:hover {
color:#CCCCCC;
}
/* Particulars */
#particulars {
height:100%;
min-height:800px;
padding:30px 0 60px 0;
}
#particularsLeftPanel {
padding:25px 25px 25px 25px;
margin:0 0 30px 0;
box-shadow: 0px 0 65px #E8E8E8;
}
#particularsLeftPanel h1 {
padding:0px 0 15px 0px;
margin:0 0px;
font-size:1.3em;
border-bottom:2px dotted #E8E8E8;
}
#particularsLeftPanel h2 {
padding:15px 0 15px 0px;
margin:0 0px;
font-size:1.3em;
font-weight:400;
border-bottom:2px dotted #E8E8E8;
}
#particularsLeftPanel h3 {
padding:15px 0 0px 0px;
margin:0 0px;
font-size:1.1em;
font-weight:300;
}
#particularsLeftPanel p {
padding:15px 0px 0 0px;
margin:0;
}
#particularsLeftPanel ul {
list-style-type:square;
font-size:1em;
margin:10px 0 15px 0px;
padding:0 0 0 15px;
color:#FDE71B;
}
#particularsLeftPanel ul span {
color:#333;
font-size:1em;
}
#particularsLeftPanel ul li {
margin:0 0 8px 0;
padding:0 0 0 5px;
}
a#rooms {
width:46%;
color:#333;
padding:6px 0px;
border:1px solid #F86D0F;
text-align:center;
text-decoration:none;
display:block;
float:left;
text-transform:uppercase;
font-size:0.9em;
cursor:pointer;
}
a#viewing {
width:46%;
color:#333;
padding:6px 0px;
border:1px solid #F86D0F;
text-align:center;
text-decoration:none;
display:block;
float:right;
text-transform:uppercase;
font-size:0.9em;
}
a:hover#rooms {
background-color:#FEEDE2;
}
a:hover#viewing {
background-color:#FEEDE2;
}
#particularsMenu {
margin:0px 0 30px 0px;
}
#particularsMenu ul {
padding:0 0 0 0;
margin:0 0 0 0;
}
#particularsMenu li {
display:inline;
margin:0;
line-height: normal;
}
#particularsMenu a {
color: #fff;
font-size: 0.9em;
font-weight:700;
padding: 13px 13px;
text-align:center;
text-decoration: none;
margin:0 10px 0 0;
white-space: nowrap;
border:none;
display:inline-block;
background:#37343A;
}
#particularsMenu a:hover {
color:#333;
}
#particularsMenu a.currentParticularsTab {
color:#333;
}
#streetview {
display:none;
}
#streetview h2 {
margin:0 0 0 0;
padding:0 0 0 0;
}
#description {
display:none;
}
#description h2 {
font-size:1.4em;
margin:0 0 20px 0;
padding:0;
font-weight:400;
}
#description h3 {
font-size:1.2em;
margin:0;
padding:0;
}
#mapview {
display:none;
}
#mapview h2 {
}
#map_canvas_2 {
width:100%;
height:610px;
}
#floorplans {
display:none;
}
#floorplans img {
border:5px solid #fff;
}
#epc {
display:none;
}
#epc img {
border:5px solid #fff;
}
#roomsDetails {
display:none;
}
/* Right panel */
#contactBox {
padding:25px 25px 35px 25px;
background: url('../images/callback.jpg') left no-repeat;
color:#fff;
margin:30px 0 0 0;
float:right;
max-width:298px;
}
#contactBox h3 {
color:#fff;
margin:0 0 0 0;
padding:0 0 20px 0;
font-size:1.5em;
}
#testimonialBox {
padding:25px 25px 15px 25px;
color:#333;
margin:30px 0 30px 0;
float:right;
max-width:298px;
background:#EFEFEF;
border:1px solid #CCCCCC;
}
#testimonialBox h3 {
color:#333;
margin:0 0 0 0;
padding:0 0 20px 0;
font-size:1.5em;
}
/* Contact us */
#contactContainer {
margin:0 0 0px 0;
}
/* Maps */
#map {
background: url('../images/preloader.gif') center no-repeat;
width:100%;
}
#contactContainer #map {
height:300px;
}
#particulars #map {
height:250px;
}
#searchResultsContainer #map {
height:350px;
opacity:0;
}
#particulars #map, #searchResultsContainer #map {
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}
/* End of maps */
#contactContainer .greyBar {
padding:10px 0 35px 0;
font-weight:400;
}
#contactContainer .greyBar h2 {
margin:0;
padding:25px 0 10px 0;
font-size:1.7em;
font-weight:400;
}
#contactContainer .greyBar a {
color:#333;
font-weight:400;
}
h3#branchDetails {
font-size:1.1em;
line-height:1.5em;
color:#333;
margin:0;
padding:0;
}
#contactDetails {
font-size:1.1em;
line-height:2em;
color:#333;
margin:0;
padding:0;
}
#contactDetails img {
margin-right:5px;
}
#contactDetails .label {
color:#333;
display:inline-block;
width:60px;
font-weight:400;
font-size:1em;
margin:0;
padding:0;
text-align:left;
}
/* 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-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;
}
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);
}
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);
}
ul.errorMessage {
color:#C00;
margin:20px 0 20px 0;
}
.form-inline select {
display:inline-block;
width: auto;
vertical-align: middle;
padding: 4px 8px;
}
fieldset {
border:none;
margin:0px 0 0 0;
padding:20px 0 0 0;
}
legend {
color:#333;
margin:0 0 0 0;
font-size:1.6em;
display:inline;
font-weight:400;
padding:20px 0 15px 0;
}
/* End of form styles */
/*--------Responsive/media queries------*/
/* Medium Devices, Desktops */
@media (max-width : 1199px) {
#headerContact {
display:none;
}
.navbar ul {
margin-right:0px;
padding-right:0;
}
.dropdown-menu {
top:54px;
font-size:1em;
}
/*#homeBoxes img {
width:25px;
height:auto;
margin-bottom:10px;
margin-top:8px;
}*/
#homeBoxes h2 {
font-size:1.5em;
margin:0 0 10px 0;
}
#homeBoxes p {
font-size:0.9em;
}
.searchResult {
}
.searchResultPhoto {
height:200px;
}
.searchResultType {
font-size:1em;
}
.searchResultAddress {
font-size:1em;
}
#searchBar select, #searchBar input {
width: 105px;
}
#epc img {
width:100%;
}
}
/* Tablet */
@media (max-width: 992px) {
.navbar ul {
margin-top:10px;
margin-bottom:10px;
}
.navbar .navbar-nav > li > a {
padding-left:10px;
padding-right:10px;
}
img#logo {
height:80px;
}
.dropdown-menu {
top:52px;
font-size:1em;
}
.dropdown-menu li a {
padding:8px 8px 8px 8px;
}
#footer ul li a {
font-size:0.7em;
padding:0 10px 0 0;
}
.cycle-slideshow { height:460px;}
.featuredDetails {
font-size:80%;
min-width:300px;
}
/*
#homeBoxes img {
width:20px;
height:auto;
}*/
#homeBoxes h2 {
margin:0 0 10px 0;
}
#homeBoxes h2 a {
font-size:1em;
margin-bottom:10px;
}
#homeBoxes p {
font-size:0.9em;
}
#homeBottom h2 {
font-size:1.6em;
}
#homeBottom p {
}
#homeBox {
top:50px;
}
#searchNav {
display:none;
}
.searchResultPhoto {
height:140px;
}
.searchResultAddress, .searchResultType {
font-size:0.9em;
}
.searchResultDescription {
font-size:0.8em;
}
a#price {
font-size:1.1em;
}
.address a {
font-size:0.8em;
padding-bottom:10px;
}
.description a {
font-size:0.8em;
line-height:0.8em;
}
.price a {
padding:5px 15px 5px 15px;
font-size:1.1em;
}
a.fullDetails {
font-size:0.8em;
}
#homeBoxes a.button {
float:none;
width:100%;
text-align:center;
padding:10px 0;
}
#homeBoxes div.button {
float:none;
margin:20px 0 20px 0;
font-weight:400;
width:100%;
text-align:center;
}
#homeBoxes h2 {
font-size:1.3em;
}
#searchBar select, #searchBar input {
width: 100px;
}
#contactContainer h2 {
padding:0px 0 0px 0;
}
h3#branchDetails {
font-size:1.1em;
line-height:1.7em;
margin-bottom:20px;
}
#contactDetails {
font-size:1.1em;
line-height:1.7em;
}
.mortgages-button {
display:inline-block;
padding:15px 15px;
font-size:1.1em;
margin:20px 5px 40px 0;
}
}
/* Mobile styles */
@media (max-width: 767px) {
.navbar {
padding:0 0 0px 0;
}
.navbar .navbar-brand {
margin:0;
height:65px;
}
.navbar .navbar-nav > li > a {
font-size:0.7em;
padding:8px 0px 8px 8px;
}
.navbar {
position:fixed;
width:100%;
}
.navbar ul {
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
padding:0;
}
.navbar .navbar-nav > li > a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:none;
box-shadow:none;
font-size:1em;
margin-right:0px;
padding-right:0px;
}
.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;
}
#searchContainer h2 {
display:none;
}
img#logo {
height:65px;
width:auto;
}
#homeBoxContainer {
width:100%;
}
#homeBoxes h2 {
font-size:1.4em;
}
#homeBoxes p {
padding:0px 0 25px 0;
}
#mortgagesImage {
padding-top:70px;
}
.cycle-slideshow { width: 100%; margin: 0px auto 0px auto; padding:0; text-align:right; height:auto}
.cycle-slideshow img { height:auto}
.cycle-slideshow img#award {
height:70px;
}
.cycle-slideshow h1 {
top:58px;
font-size:1.3em;
padding:20px 20px;
text-align:left;
font-weight:400;
}
.cycle-slideshow h2 {
top:140px;
font-size:1.1em;
padding:10px 20px;
text-align:left;
font-weight:300;
}
.cycle-slideshow h3 {
position:absolute;
top:185px;
left:0px;
text-align:left;
z-index:200;
color:#333;
font-size:1em;
background:#fff;
padding:8px 20px;
font-weight:300;
}
#aboutUs {
text-align:left;
}
#aboutUs h2 {
text-align:left;
}
#roomsColumn {
padding-right:15px;
}
#typeColumn {
padding-left:15px;
}
#saleButtonColumn {
padding-right:15px;
}
#rentButtonColumn {
padding-left:15px;
}
#slideshowSearch select {
height:40px;
}
#slideshowSearch input {
height:40px;
}
h1 {
font-size:1.8em;
}
h2 {
font-size:1.4em;
}
#refine {
display:none;
}
a#showmenu {
display:block;
}
#searchResultsContainer {
padding:90px 0 30px 0;
}
p#sortList {
display:none;
}
#searchBar {
padding:10px 0px;
}
#searchBar select, #searchBar input {
width: 100%;
}
#searchResultsContainer h1 {
font-size:1.1em;
font-weight:400;
margin-right:20px;
}
.address {
padding:0px 10px 0px 10px;
font-size:1.2em;
}
.description {
font-size:1.1em;
padding:10px 10px 50px 10px;
}
a.fullDetails {
display:block;
width:100%;
margin:40px 0 0 0;
text-align:center;
font-size:1em;
}
.price a {
display:block;
width:100%;
margin:10px 0 10px 0;
}
a#price {
font-size:1.1em;
}
p#sortList {
font-size:1.1em;
margin:0 0 5px 0;
float:left;
font-weight:400;
}
.searchResult {
}
.searchResultAddress, .searchResultType, a#price {
font-size:1.1em;
}
.searchResultDescription {
font-size:0.9em;
}
.form-inline select {
width:100%;
border-radius: 0px;
}
.searchResultPhoto {
height:auto;
}
.section {
height:auto;
min-height:30px;
padding-bottom:20px;
}
#particularsMenu {
margin:105px 0 30px 0px;
}
#particularsMenu a {
font-size:0.9em;
padding: 10px 10px;
margin:0 3px 10px 0;
}
#particularsLeftPanel h1 {
margin-top:20px;
font-size:1em;
margin:0;
padding:0 0 10px 0;
}
#particularsLeftPanel h2 {
font-size:1em;
padding:10px 0 10px 0;
}
#particularsLeftPanel p {
font-size:0.9em;
}
#particularsLeftPanel ul span {
font-size:0.9em;
}
#description p {
font-size:0.9em;
}
#description h2 {
font-size:1.1em;
padding:0 0 10px 0;
margin:0;
}
#description h3 {
font-size:1em;
}
em {
font-size:0.9em;
}
a#rooms {
padding:6px 0px;
font-size:0.7em;
}
a#viewing {
padding:6px 0px;
font-size:0.7em;
}
#particulars {
margin-top:0px;
padding-top:0px;
}
#epc img {
width:100%;
}
#map_canvas_2 {
height:220px;
margin:0 0 20px 0;
}
.form-inline label {
margin:0 4px 8px 0px;
}
button#searchSubmit {
margin:12px 0 10px 0px;
}
/*
#footer ul {
display:none;
}
*/
#footer {
padding:10px;
}
#footer ul {
font-size:1.4em;
}
#footer h2 {
margin:20px 0 10px 0;
padding:0;
}
#footer h3 {
margin:20px 0 10px 0;
padding:0;
}
#copyright {
margin:30px 0 0 0;
}
#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 {
padding:70px 0 0 0;
}
#offerBox h1 {
font-size:2em;
padding:15px 30px;
display:inline-block;
margin:30px auto 20px auto;
width:auto;
}
#offerBox h2 {
color:#333;
font-size:1.8em;
padding:5px 30px;
margin:0px auto 0 auto;
display:inline-block;
}
#sticky-social {
display:none;
}
table#feesTable {
font-size:70%;
}
ul.feeList {
margin:0 0 0 5px;
}
#contactContainer #map {
height:200px;
}
/* Valpal */
#valPalBanner {
display:none;
}
#valPalMobile {
display:block;
text-align:center;
}
#valPalMobile img {
max-width:250px;
}
}
/*----End of responsive media queries ---*/