html {
width:100%;
height:100%;
background:#fff;
}
body {
width:100%;
font-size:1.4em;
color:#333;
font-family: 'Roboto', sans-serif;
font-weight:300;
}
* {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
/* Bits with custom colours */
ol {
font-size:1.1em;
font-weight:400;
}
ol li {
margin-bottom:8px;
}
/*--------- Menu, header & footer -----------*/
#header {
background: rgba(255, 255, 255, 0 );
}
#headerContact {
color:#333;
}
#headerContact a {
color:#333;
text-decoration:none;
}
.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, .featuredDetails, button, a.button, a#showmenu, a#valuation
{
background: #EE3E66; /* Old browsers */
background: -moz-linear-gradient(top, #EE3E66 0%, #ED2F5A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE3E66 0%,#ED2F5A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE3E66 0%,#ED2F5A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3E66', endColorstr='#ED2F5A',GradientType=0 ); /* IE6-9 */
font-weight:400;
border-right:1px solid #ED2F5A;
border-left:1px solid #ED2F5A;
}
.navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {}
.navbar .navbar-toggle, .navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus, a#showmenu
{
background: #EE305B; /* Old browsers */
background: -moz-linear-gradient(top, #EE305B 0%, #ED214F 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE305B 0%,#ED214F 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE305B 0%,#ED214F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE305B', endColorstr='#ED214F',GradientType=0 ); /* IE6-9 */
}
#footerContainer {
background:#333;
}
/*--------- End of menu, header & footer colours ----------*/
/* ----------- Button and link colours -------------*/
a {
color:#EE305B;
}
a:hover {
color:#ED214F;
}
button, a.button, a#showmenu, a#valuation
{
background: #EE305B; /* Old browsers */
background: -moz-linear-gradient(top, #EE305B 0%, #ED214F 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE305B 0%,#ED214F 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE305B 0%,#ED214F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE305B', endColorstr='#ED214F',GradientType=0 ); /* IE6-9 */
text-decoration:none;
border:1px solid #ED214F;
}
button:hover, a:hover.button, a:hover#showmenu, a:hover#valuation {
background:#ED214F;
}
/*-------- End of button and links ------------*/
/*-------------- Page menu colours ----------------*/
#pageMenu {
background: #5b7895; /* Old browsers */
background: -moz-linear-gradient(top, #5b7895 0%, #51687F 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5b7895 0%,#51687F 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5b7895 0%,#51687F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7895', endColorstr='#51687F',GradientType=0 ); /* IE6-9 */
text-decoration:none;
border:1px solid #51687F;
}
#pageMenu ul li a:hover, #pageMenu ul li.pageMenuActive a {
background:#51687F;
color:#54EDFE;
}
#pageMenu ul li a {
padding:15px 25px;
margin:0;
text-transform:uppercase;
display:inline-block;
text-decoration:none;
color:#fff;
}
/* ------------ End of page menu colours ------------*/
/*-------- General ---------*/
h1, h3, #searchNav, #particularsRightPanel ul, #particularsRightPanelMobile ul, #pageText ul, #pageText h2, .price, #particularsRightPanel h2, #contactContainer .greyBar h2 {
color:#333;
}
.highlight {
color:#F04A70;
}
h2, .lowlight {
color:#333;
}
h3 {
color:#333;
}
p.error, ol.error {
color:#F04A70;
}
#buyingReqs legend, #rentingReqs legend {
color:#FFF;
}
#homeTextBox img {
border-right:8px solid #ED214F;
}
#presentation-video video {
height: 480px;
}
#featuredProperties {
background: #333;
}
.featuredPrice {
color:#EE305B;
}
legend {
color:#FFF;
font-size:1.5em;
display:block;
font-weight:400;
padding:20px 0 15px 0;
margin:0;
}
.colourBar {
background:#EE2F5A;
padding:10px 0 10px 0;
margin:20px 0 0 0;
box-shadow: 0px 0 10px #999;
}
.colourBar legend {
color:#FFF;
}
.colourBar label {
color:#fff;
}
.colourBar button {
background:#fff;
color:#ED2F5A;
margin:40px 0 20px 0;
}
.colourBar button:hover {
background:#F2F2F2;
color:#ED2F5A;
}
#pinkContactBar {
background:#EE2F5A;
padding:20px 0 30px 0;
box-shadow: 0px 0 10px #999;
}
#pinkContactBar h2 {
color:#fff;
font-family: 'Roboto', sans-serif;
}
#pinkContactBar a.button {
background:#fff;
color:#ED2F5A;
}
#pinkContactBar a.button:hover {
background:#F2F2F2;
color:#ED2F5A;
}
.colourBarPage {
background: #F0F3F7;
}
#headerStrapline .highlight {
color: #F04A70;
}
#strapline .highlight {
color:#F04A70;
}
/*------------- End of general page colours -------------------*/
/*-------------Start of search results colours ---------------*/
#searchHeaderBar {
border-bottom:1px solid #E8E8E8;
}
a#listButton, a#mapButton, #currentListButton, #currentMapButton {
border:1px solid #E4E4E4;
color:#fff;
}
a:hover#listButton, #currentListButton {
background: url('../images/listIcon.png') left no-repeat #333;
border:1px solid #333;
color:#fff;
}
a:hover#mapButton, #currentMapButton {
background: url('../images/mapIcon.png') left no-repeat #333;
border:1px solid #333;
color:#fff;
}
#resultsLeftPanel {
border-left:1px solid #E8E8E8;
border-right:1px solid #E8E8E8;
border-bottom:1px solid #E8E8E8;
}
#searchResultsContainer {
min-height:800px;
background: #F3F3F3;
padding:110px 0 0 0;
}
.searchResult {
border:1px solid #E8E8E8;
}
.searchResult:hover {
background: url('../images/searchResultBar.png') right top no-repeat #FCEFF3;
}
.searchResultPrice {
color:#333;
}
.underOfferLabel {
background: rgba(204, 0, 0, 0.6);
}
.soldLetLabel {
background: rgba(204, 0, 0, 0.6);
}
.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;
background-color: #F02B57;
border-color: #F02B57;
}
/* Search bar */
button#searchSubmit {
background: #EE305B; /* Old browsers */
background: -moz-linear-gradient(top, #EE305B 0%, #ED214F 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE305B 0%,#ED214F 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE305B 0%,#ED214F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE305B', endColorstr='#ED214F',GradientType=0 ); /* IE6-9 */
text-decoration:none;
border:1px solid #ED214F;
}
button:hover#searchSubmit {
background:#E21241; /* Old browsers */
border:1px solid #ED214F;
}
#searchMenu a {
background: #333; /* Old browsers */
background: -moz-linear-gradient(top, #333 0%, #242424 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #333 0%,#242424 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #333 0%,#242424 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
border:1px solid #242424;
}
#searchMenu a:hover {
background:#51687F;
}
#searchMenu a.currentSearchTab {
background: #EE305B; /* Old browsers */
background: -moz-linear-gradient(top, #EE305B 0%, #ED214F 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE305B 0%,#ED214F 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE305B 0%,#ED214F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE305B', endColorstr='#ED214F',GradientType=0 ); /* IE6-9 */
text-decoration:none;
border:1px solid #ED214F;
}
#searchMenu a:hover.currentSearchTab {
background: #EE305B; /* Old browsers */
background: -moz-linear-gradient(top, #EE305B 0%, #ED214F 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE305B 0%,#ED214F 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE305B 0%,#ED214F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE305B', endColorstr='#ED214F',GradientType=0 ); /* IE6-9 */
text-decoration:none;
border:1px solid #ED214F;
}
/*-------------End of search results colours ----------------*/
/*------------ Particulars colours ------------*/
#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:400;
background: #EE2F5A; /* Old browsers */
text-decoration:none;
border-left:1px solid #EE2F5A;
border-right:1px solid #EE2F5A;
border-top:1px solid #EE2F5A;
}
#particularsMenu a:hover {
color:#1F4F76;
padding: 8px 18px 13px 18px;
}
#particularsMenu a:hover, #particularsMenu a.currentParticularsTab {
background:#fff;
border-top:5px solid #EE2D58;
border-left:1px solid #E8E8E8;
border-right:1px solid #E8E8E8;
padding: 8px 18px 13px 18px;
color:#333;
}
.galleria-bar {
background:#F3F3F3;
}
.galleria-thumbnails .galleria-image {
border: 2px solid #EE2D58;
}
#particulars {
background:#F3F3F3;
border-top:1px solid #E8E8E8;
}
#particularsBedrooms {
color:#EE2D58;
}
#particularsPrice {
color:#333;
}
#particularsRightPanel {
border:1px solid #E8E8E8;
}
#particularsRightPanel .highlight {
font-weight:400;
color:#fff;
}
#particularsRightPanel h3 {
color:#EE2D58;
}
#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 #333;
}
#contactBox h2 {
border-bottom:4px solid #EE2D58;
}
#contactBox h3 {
color:#fff;
}
#description {
border:1px solid #E8E8E8;
}
#description h2 {
color:#EE2D58;
}
#description h3 {
color:#333;
}
#description ul {
color:#EE2D58;
}
#adminFees {
border:1px solid #E8E8E8;
}
#adminFees h2 {
color:#EE2D58;
}
/*------------ End of particulars colours --------------*/
/* End of custom */
h1 {
font-size:2.3em;
font-family: 'Lato', sans-serif;
font-weight:400;
padding:10px 0 15px 0;
}
h2 {
font-size:1.7em;
font-family: 'Lato', sans-serif;
line-height:1.6em;
font-weight:400;
margin:10px 0 20px 0;
}
h3 {
font-size:1.4em;
font-family: 'Lato', sans-serif;
line-height:1.3em;
font-weight:400;
margin:30px 0 20px 0;
}
p strong {
font-size:1.1em;
font-weight:400;
}
strong {
font-size:1.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;
}
a.button {
color:#fff;
padding:10px 25px;
display:inline-block;
font-size:1em;
text-decoration:none;
text-transform:uppercase;
box-shadow: 0px 0 3px #999;
}
a:hover.button {
color:#fff;
}
button {
color:#fff;
padding:12px 15px;
font-size:1.3em;
text-decoration:none;
text-transform:uppercase;
border:none;
box-shadow: 0px 0 3px #999;
}
button:hover {
color:#fff;
}
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 */
#registerImage, #valuationImage, #servicesImage, #buyingImage, #aboutImage, #teamImage {
height:380px;
position:relative;
width:100%;
margin:0 0 30px 0;
}
#pageText p {
line-height:1.4em;
font-size:1.1em;
}
#pageText h2 {
font-size:2em;
}
#pageText ul {
list-style-type:square;
margin:10px 0 30px 15px;
padding:0;
}
#pageText ul span {
color:#333;
}
#pageText ul li {
padding:0 0 10px 3px;
}
.colourBarPage {
padding:40px 0 40px 0;
margin:0 0 0 0;
}
.whiteBar {
padding:40px 0 40px 0;
margin:0 0 0 0;
}
.whiteBar h1 {
margin:0 0 0 0;
padding:0 0 35px 0;
}
.whiteBar h2 {
margin-top: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;
}
.numbered-list {
margin-top:30px;
}
.list-item {
margin-bottom:8px;
}
.list-number {
display:block;
float:left;
width:23px;
padding:3px 0;
margin-right:10px;
background:#EE315B;
text-align:center;
color:#FFF;
border-radius:50% !important;
font-size:0.9em;
font-weight:400;
margin-bottom:10px;
}
.list-text {
padding:3px 0;
font-size:1.5rem;
color:#000;
/*font-weight:400;*/
}
/* Menu */
#header {
position:absolute;
z-index:1000000000;
width:100%;
}
#headerContent {
position:relative;
max-width:1170px;
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;
}
#headerContact img {
}
/* navbar */
.navbar {
background-color: none;
background:none;
margin:0;
border:none;
z-index:20000;
padding:0 0 20px 0;
font-weight:400;
border-radius:none !important
}
.navbar ul {
margin-top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d2d4f+0,262644+100 */
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#F0F0F0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFFFFF 0%,#F0F0F0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 0 5px #666;
font-weight:400;
}
li#telephoneNumber {
color:#333;
font-size:1.4em;
font-weight:400;
padding:16px 20px 0 10px;
}
li#telephoneNumber img {
margin-right:2px;
}
/* branding (logo) */
.navbar .navbar-brand {
margin:0px 0 0px 0;
}
img#logo {
height: 90px;
}
.navbar .navbar-nav > li > a {
color: #333;
font-size:0.9em;
margin:0 0 0 0;
font-weight:400;
padding:20px 15px;
/*text-transform:uppercase;*/
border-right:1px solid #E5E5E5;
border-left:1px solid #fff;
}
.navbar .navbar-nav li.firstItem a {
border-right:none;
border-left:none;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
color: #FFF;
background: #EE3E66; /* Old browsers */
background: -moz-linear-gradient(top, #EE3E66 0%, #ED2F5A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE3E66 0%,#ED2F5A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE3E66 0%,#ED2F5A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3E66', endColorstr='#ED2F5A',GradientType=0 ); /* IE6-9 */
font-weight:400;
border-right:1px solid #ED2F5A;
border-left:1px solid #ED2F5A;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
color: #FFF;
background: #EE3E66; /* Old browsers */
background: -moz-linear-gradient(top, #EE3E66 0%, #ED2F5A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE3E66 0%,#ED2F5A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE3E66 0%,#ED2F5A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3E66', endColorstr='#ED2F5A',GradientType=0 ); /* IE6-9 */
font-weight:400;
border-right:1px solid #E91444;
border-left:1px solid #F04A70;
}
.dropdown-menu {
padding:0px 0px 0px 0;
position:absolute;
top:55px;
z-index:1000;
background:#fff;
border:none;
font-size:0.9em;
}
.dropdown-menu li a {
padding:12px 18px 12px 18px;
}
.dropdown-menu li.active a {
background: #EE3E66; /* Old browsers */
background: -moz-linear-gradient(top, #EE3E66 0%, #ED2F5A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE3E66 0%,#ED2F5A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE3E66 0%,#ED2F5A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3E66', endColorstr='#ED2F5A',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.dropdown-menu li a:hover {
background: #EE3E66; /* Old browsers */
background: -moz-linear-gradient(top, #EE3E66 0%, #ED2F5A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EE3E66 0%,#ED2F5A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EE3E66 0%,#ED2F5A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3E66', endColorstr='#ED2F5A',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.dropdown-menu li.active a:hover {
color:#262645;
background:#fff;
}
/* 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.7em;
text-transform:uppercase;
padding:0 20px 0 0;
text-decoration:none;
}
#footer ul li a:hover {
color:#ccc;
}
#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;
}
/* Home page */
/* Slideshow */
#slideshowHome {
position:relative;
height:650px;
margin:0 0 0 0;
}
.cycle-slideshow { width: 100%; height:650px; margin: 0 auto 0px auto; padding:0; text-align:left; overflow:hidden;}
.cycle-slideshow > div {
position: absolute; top: 0; left: 0;
width: 100%; padding: 0 0px 0 0;
}
.cycle-slideshow .strapline {
position:absolute;
top:300px;
left:0px;
z-index:200;
background: url('../images/slideshowStraplineBg.png') center no-repeat;
padding:20px 30px;
width:100%;
text-align:center;
font-weight:400;
}
.strapline h1 {
color:#fff;
font-size:3.2em;
font-weight:400;
text-shadow: 1px 1px 3px #333;
padding:0;
margin:0;
}
.strapline h2 {
color:#fff;
font-size:1.5em;
font-weight:400;
text-shadow: 1px 1px 3px #333;
padding:8px 0 0 0;
margin:0;
}
/* End of slideshow */
/* Home search bar */
#lettingsSearch {
}
#salesSearch {
/*display:none;*/
}
#searchMenu {
color:#fff;
margin:5px 0 0 0;
background: url('../images/searchMenuBg.png') center no-repeat;
width:185px;
height:46px;
padding:14px 0 0 0;
text-align:center;
font-size:1.3em;
font-weight:400;
/*box-shadow: 0px 0 3px #999;*/
}
#searchMenu a {
font-size:1.3em;
padding:8px 0;
display:inline-block;
width:50%;
text-align:center;
text-transform:uppercase;
color:#fff;
text-decoration:none;
}
#searchMenu a:hover {
background:#000;
color:#fff;
}
#searchMenu a.currentSearchTab {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3ddbed+0,19bed1+100 */
color:#fff;
}
/* Home text box */
#homeTextBox {
margin:50px 0 50px 0;
}
#homeTextBox img {
padding-right:8px;
}
#homeTextBox h1 {
margin:0 0 30px 0;
padding:0;
font-size:2em;
line-height:1.3em;
}
#homeTextBox p {
font-weight:300;
font-size:1.1em;
}
/* Featured properties */
#featuredProperties {
padding:0 0 40px 0;
}
#featuredProperties h2 {
text-align:center;
padding:0;
font-size:2.3em;
margin:30px 0 35px 0;
color:#fff;
}
.featuredProperty {
position:relative;
margin:0 0 27px 0;
}
.featuredOverlay {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background:#022257;
z-index:1000;
background-color: rgba(0,0,0, 0.6);
opacity:0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding:20px;
font-size:1.2em;
}
.featuredType {
color:#fff;
border-bottom:2px dotted #999;
padding:5px 0 10px 0;
}
.featuredAddress {
color:#fff;
border-bottom:2px dotted #999;
padding:10px 0 10px 0;
}
.featuredPrice {
padding:10px 0 10px 0;
font-weight:400;
}
.featuredArrow {
position:absolute;
bottom:20px;
right:20px;
}
.featuredLabel {
position:absolute;
bottom:0px;
left:0px;
}
img.featuredImage {
width:100%;
height:175px;
box-shadow: 0px 0 3px #333;
}
.featuredOverlay:hover {
opacity:1.0;
}
/* End of home page */
#headerStrapline {
position:absolute;
font-family: 'Lato', sans-serif;
bottom:100px;
left:0px;
width:100%;
padding:10px 0;
margin:0;
text-align:left;
background: url('../images/slideshowStraplineBg.png') center no-repeat;
color:#fff;
font-size:2.5em;
font-weight:400;
text-shadow: 1px 1px 3px #333;
}
/* About page */
#aboutImage {
background: url('../images/aboutHeader.jpg') center no-repeat;
margin-bottom:0px;
}
/* Services page */
#servicesImage {
background: url('../images/registerHeader.jpg') center no-repeat;
margin-bottom:0px;
}
/* Team page */
#teamImage {
background: url('../images/teamHeader.jpg') center no-repeat;
margin-bottom:0px;
}
/* Buying page */
#buyingImage {
background: url('../images/buyingHeader.jpg') center no-repeat;
margin-bottom:0px;
}
/* Start of landlords page */
#landlordsImage {
background: url('../images/landlordsHeader.jpg') center no-repeat;
height:250px;
width:100%;
padding:90px 0 0 0;
}
/* End of landlords page */
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;
}
/* Search results */
#searchHeaderBar {
background:#fff;
padding:22px 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;
}
a#listButton, a#mapButton {
display:inline-block;
padding:5px 10px 5px 30px;
text-decoration:none;
color:#333;
margin-right:7px;
}
#currentListButton, #currentMapButton {
display:inline-block;
padding:5px 10px 5px 30px;
text-decoration:none;
margin-right:7px;
}
a:hover#listButton, #currentListButton {
background-position: 7px 7px;
color:#fff;
}
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;
}
#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:1em;
margin:0px 5px 12px 13px;
color:#fff;
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;
}
#searchResultsContainer h1, #searchNav {
margin:4px 0 0 0;
padding:0 0 0 0;
font-size:1.3em;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
#sortList {
float:right;
font-size:1.1em;
color:#333;
text-align:right;
margin:4px 0 0 0;
}
#sortList a {
text-decoration:underline;
}
#propertiesList {
padding-bottom:30px;
}
.searchResult {
margin-top:15px;
background: url('../images/searchResultBar.png') right top no-repeat #fff;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.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.7;
}
.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;
}
#searchResultDescription {
}
.searchResultPriceLabel {
font-size:1em;
color:#878786;
margin:20px 0 0 0;
}
.searchResultPrice {
font-size:2em;
font-weight:400;
border-bottom:1px solid #DADBD4;
padding:0 25px 10px 0;
margin-right:45px;
}
.searchResultAddress {
margin:20px 0 0 0;
color:#666666;
font-size:0.9em;
}
.searchResultBedrooms, .searchResultType {
color:#666666;
font-weight:400;
font-size:1em;
}
.searchResultBedrooms {
margin:10px 0 0 0;
padding:0 0 0 32px;
background: url('../images/bedroomIcon.png') left top no-repeat;
}
.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;
}
/* 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;
}
#particulars #map, #searchResultsContainer #map {
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}
#contactContainer #map {
}
/* End of maps */
/* Leaflet map */
#searchResultsContainer #map {
margin:20px 0 0 0;
height:610px;
border:1px solid #E6E6E6;
}
#mapContainer {
background: url('../images/preloader.gif') center no-repeat;
}
.custom .leaflet-popup-tip {
background: #FFF;
padding-top:0;
}
.custom .leaflet-popup-content-wrapper {
background: #FFF;
color: #ffffff;
padding:5px 0 0px 0;
height:130px;
width:350px;
margin-bottom:0;
position:relative;
}
.popupPhoto {
width:180px;
position:absolute;
top:10px;
left:10px;
}
.popupDetails {
width:150px;
position:absolute;
top:10px;
left:180px;
font-family: Arial, Helvetica, sans-serif;
}
.popupType {
color:#333;
font-weight:600;
padding:4px 0 4px 0;
font-size:1em;
border-bottom:2px dotted #E4E4E4;
}
.popupAddress {
color:#333;
font-weight:500;
padding:4px 0 4px 0;
font-size:1em;
border-bottom:2px dotted #E4E4E4;
}
.popupPrice {
color:#333;
font-weight:600;
padding:3px 0 3px 0;
font-size:1.2em;
}
.popupButton a.button {
position:absolute;
bottom:0px;
right:0px;
color:#fff;
padding:8px 10px;
font-size:0.8em;
}
.popupPriceQualifier {
font-size:0.8em;
}
#mapsList li {
list-style: alpha;
padding:0 0 8px 0;
margin:0 0 8px 0;
border-bottom:1px dashed #999;
}
/* End of leaflet map results */
/* Search bar */
#searchBar {
margin:0 0 20px 0;
font-size:0.7em;
text-transform:uppercase;
font-weight:300;
background:#F3F3F3;
}
#searchBarHome {
padding:10px 0;
}
#searchBar form {
margin:0 0 0 0;
padding:0 0 0 0;
}
#searchBar select, #searchBar input {
width: 144px;
}
button#searchSubmit {
margin:11px 0 10px 10px;
padding:7px 15px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6e6e6e+0,565656+100 */
text-decoration:none;
}
/* Particulars */
#particulars {
height:100%;
min-height:800px;
padding:140px 0 60px 0;
}
#particulars h1, #particulars h2, #particulars h3 {
font-family: 'Roboto', sans-serif;
}
.detailsBar {
margin-bottom:15px;
}
#particularsBedrooms {
font-size:1.6em;
font-weight:400;
font-family: 'Lato', sans-serif;
}
#particularsAddress {
font-size:1.2em;
color:#666666;
font-weight:300;
}
#particularsPrice {
font-size:2.6em;
font-weight:400;
text-align:right;
font-family: 'Lato', sans-serif;
}
.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;
font-size:1.3em;
font-weight:400;
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:1em;
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;
}
#viewingFormMobile {
display:none;
}
#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:15px 0 15px 0;
padding:0;
}
#viewingForm ol.error {
margin:0 0 0 20px;
padding:0;
}
.shareIcons {
margin:20px 0 20px 25px;
}
#mobileShare {
display:none;
}
#particularsRightPanel p, #particularsRightPanelMobile 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;
}
#particularsRightPanelMobile ul {
list-style-type:square;
font-size:1.1em;
margin:10px 25px 15px 4px;
padding:0 0 0 15px;
font-weight:400;
}
#particularsRightPanelMobile p {
margin-left:0px;
padding-left:0px;
}
#particularsRightPanel ul span, #particularsRightPanelMobile ul span {
color:#333;
font-size:1em;
}
#particularsRightPanel ul li, #particularsRightPanelMobile 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;
}
#streetview {
display:none;
}
#streetviewframe {
width:100%;
height:450px;
border:none;
}
#adminFees {
display:none;
}
#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;
}
#description h2 {
padding:0 0 15px 0px;
margin:0 0;
font-size:1.3em;
font-family: 'Roboto', sans-serif;
font-weight:400;
}
#description h3 {
font-size:1.1em;
margin:0;
padding:0;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
#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;
display:none;
}
#adminFees h2 {
padding:0 0 15px 0px;
margin:0 0;
font-size:1.3em;
font-weight:400;
}
#mapview {
display:none;
min-height:455px;
}
#mapview h2 {
}
#map_canvas_2 {
width:100%;
height:450px;
}
#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;
}
/* Valuation page */
#valuationImage {
background: url('../images/valuation2.jpg') center bottom no-repeat;
}
#valuationContainer h2 {
color:#333;
font-size:1.2em;
text-align:center;
font-weight:400;
}
#valuationContainer h3 {
color:#266294;
font-weight:500;
font-size:1.5em;
margin:25px 0 30px 0;
}
#valuationFormContainer {
text-align:center;
margin:30px 0 0 0;
}
#valuationFormContainer img {
margin-bottom:20px;
}
/* End of valuation page */
/* Register page */
#registerImage {
background: url('../images/registerHeader.jpg') center bottom no-repeat;
}
#backgroundFade {
background: url('../images/colourBarBg.png') right bottom no-repeat;
}
/* Contact us */
#contactContainer {
margin:0 0 0 0;
padding:0 0 0 0;
}
#map_canvas_1 {
height:380px;
width:100%;
}
#contactContainer .greyBar {
padding:25px 0 35px 0;
margin-bottom:0;
}
#contactContainer .greyBar h2 {
margin:0;
padding:10px 0 20px 0;
font-size:1.5em;
}
#pinkContactBar a {
color:#fff;
}
#contactButtons {
margin:30px 0 0 0;
}
#contactButtons .button {
text-decoration:none;
font-size:0.8em;
display:inline-block;
padding:10px 0;
width:45%;
text-align:center;
}
#blueContactBar .container {
background: url('../images/plBg.png') left bottom no-repeat;
}
#branchDetails {
font-size:1.1em;
line-height:1.5em;
font-weight:300;
margin:0;
padding:0;
text-transform:none;
color:#fff;
}
#contactDetails {
font-size:1.1em;
line-height:2em;
margin:0;
padding:0;
color:#fff;
}
#contactDetails img {
margin-right:5px;
}
#contactDetails .label {
color:#fff;
display:inline-block;
width:30px;
font-weight:400;
font-size:1em;
margin:0;
padding:0;
text-align:left;
}
/* Testimonials */
.testimonialGrey {
background:#F0F3F7;
padding:15px 0;
margin:20px 0 20px 0;
}
.testimonialWhite {
padding:5px 0;
margin:20px 0 20px 0;
}
.testimonialContent {
margin:20px auto;
max-width:1170px;
padding:0 20px;
position:relative;
}
.openQuoteGrey {
position:absolute;
width:131px;
height:106px;
top:0px;
left:0px;
z-index:10;
background: url('../images/openQuoteGrey.png') left top no-repeat;
}
.closeQuoteGrey {
position:absolute;
width:131px;
height:106px;
bottom:0px;
right:0px;
z-index:10;
background: url('../images/closeQuoteGrey.png') left top no-repeat;
}
.openQuoteWhite {
position:absolute;
width:131px;
height:106px;
top:0px;
left:0px;
z-index:10;
background: url('../images/openQuoteGrey.png') left top no-repeat;
}
.closeQuoteWhite {
position:absolute;
width:131px;
height:106px;
bottom:0px;
right:0px;
z-index:10;
background: url('../images/closeQuoteGrey.png') left top no-repeat;
}
.testimonialText {
z-index:20;
}
.testimonialText p {
font-size:1.1em;
line-height:1.3em;
color:#333;
}
.testimonialWhite .testimonialText p {
color:#450043;
}
.testimonialText h3 {
font-weight:500;
font-size:1.7em;
}
/* End of testimonials page */
/* 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);
}
input#areaField {
width:230px;
margin-right:10px;
}
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;
}
/* End of form styles */
/* Galleria Azur Theme 2012-08-08 | http://galleria.io/license/ | (c) Aino */
/* Galleria Azur Theme 2012-08-08 | http://galleria.io/license/ | (c) Aino */
#galleria-loader{height: 1px}
#galleria {
margin:0px auto;
}
#demoLabel {
position:absolute;
z-index:200;
top:1px;
left:15px;
width:180px;
height:180px;
text-align:left;
}
.galleria-container {
position: relative;
overflow: hidden;
font: 12px/1.4 arial,sans-serif;
color: #fff;
}
.galleria-container img {
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.galleria-stage {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 35px;
}
.galleria-bar {
height: 74px;
position: absolute;
bottom: 0;
left: -7px;
right: 0;
z-index: 3;
overflow: hidden;
}
.galleria-fullscreen,
.galleria-play {
width: 40px;
height: 40px;
position: absolute;
right: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
outline-width: 0 1px 0 0;
}
.galleria-play {
background-image: url(../images/galleria/playpause-white.png);
background-position: 50% 11px;
}
.galleria-play.pause {
background-position: 50% -89px;
}
.galleria-fullscreen {
right: 42px;
background-image: url(../images/galleria/fscreen.png);
background-position: 50% 11px;
}
.galleria-container.fullscreen .galleria-fullscreen {
background-position: 50% -89px;
}
.galleria-container.fullscreen {
background:#000;
}
.galleria-play.playing { background-position: 10px -91px }
.galleria-fullscreen.open { background-position: 8px -93px }
.galleria-container.notouch .galleria-thumblink:hover,
.galleria-container.touch .galleria-thumblink:active,
.galleria-thumblink.open,
.galleria-container.notouch .galleria-fullscreen:hover,
.galleria-container.touch .galleria-fullscreen:active,
.galleria-container.notouch .galleria-play:hover,
.galleria-container.touch .galleria-play:active,
.galleria-container.notouch .galleria-popout:hover,
.galleria-container.touch .galleria-popout:active { background-color: #EEEEEE }
.galleria-thumbnails-container {
position: absolute;
top: 3px;
right: 88px;
left: 0px;
bottom: 0;
z-index: 2;
*top: 6px;
*left: 6px;
}
.galleria-thumbnails-list {
position: absolute!important;
top: 4px;
right: 0;
left: 7px;
bottom: 0;
}
.galleria-thumbnails {
text-align: left;
float: left;
}
.galleria-carousel .galleria-thumbnails {
float: none;
}
.galleria-thumbnails .galleria-image {
width: 60px;
height: 60px;
display: inline-block;
margin: 0 2px 0 0;
cursor: pointer;
*border: 1px solid #111;
opacity: .6;
filter: alpha(opacity=60);
background: transparent;
}
.galleria-thumbnails .galleria-image {
*display: inline;
}
.galleria-container.notouch .galleria-thumbnails .galleria-image:hover,
.galleria-container.touch .galleria-thumbnails .galleria-image:active {
opacity: .9;
background: #9E272D;
background: rgba(255, 255, 255, .3);
filter: alpha(opacity=90);
}
.galleria-container .galleria-thumbnails .galleria-image.active,
.galleria-container.notouch .galleria-thumbnails .galleria-image.active:hover {
opacity: 1;
/*background: #9E272D;*/
*border-color: #ccc;
filter: alpha(opacity=100);
}
body .galleria-tooltip {
background: #fff;
background: rgba( 255, 255, 255, .8);
}
.galleria-captionopen {
position: absolute;
bottom: 10px;
right: 10px;
background: url(../images/galleria/bgie.png);
background: rgba(0,0,0,.7);
padding: 3px 8px;
font-size: 10px;
text-transform:uppercase;
letter-spacing: 0.5;
z-index: 2;
cursor:pointer;
color: #ccc;
}
.galleria-captionopen:hover {
background: #000;
color: #fff;
}
.galleria-captionclose {
background: none;
font-size: 18px;
position: absolute;
top: 0; right: 10px;
cursor: pointer;
}
.galleria-captionclose:hover{
color:#ccc;
}
.galleria-progress.nocanvas {
width: 32px;
height: 5px;
background: rgba(255,255,255,.2);
background: url(../images/galleria/20.png );
position: absolute;
top: 15px;
right: 15px;
z-index: 2;
display: none;
}
.galleria-progress.nocanvas .galleria-progressbar {
height: 100%;
width: 0;
background: white;
}
.galleria-info {
position: absolute;
overflow: hidden;
left: 0;
right: 0;
bottom: 0;
color: #fff;
background: url(../images/galleria/bgie.png);
background: url(../images/galleria/bg.png) rgba(0,0,0,.4);
z-index:2;
}
.galleria-info.toggler {
visibility: hidden;
}
.galleria-info.toggler.open {
visibility: visible;
}
.galleria-info-title {
font-size: 12px;
margin: 10px 14px 10px;
padding-right: 100px;
}
.galleria-info-description {
opacity: .7;
margin: -10px 14px 10px;
padding-right: 100px;
}
.galleria-counter {
opacity: 0;
position: absolute;
top: 25px;
left: 25px;
font-size: 10px;
z-index: 2;
display:none;
font-weight: bold;
}
.galleria-loader {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
margin: -24px 0 0 -24px;
z-index: 2;
display: none;
}
.galleria-loader.nocanvas {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
margin: -24px 0 0 -24px;
z-index: 2;
display: none;
background: #000 url(../images/galleria/loader.gif) no-repeat 50% 50%;
opacity: .6;
filter: alpha(opacity=60);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.galleria-image-nav {
position: absolute;
top: 50%;
margin-top: -18px;
width: 100%;
height: 36px;
left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
cursor: pointer;
width: 40px;
height: 40px;
position: absolute;
left: 0px;
z-index: 2;
background: url(../images/galleria/left.png) 50% 50% no-repeat;
opacity: 0;
}
.galleria-image-nav-right {
left: auto;
right: 0px;
background-image: url(../images/galleria/right.png);
z-index: 2;
}
.galleria-container.notouch .galleria-image-nav-left:hover,
.galleria-container.touch .galleria-image-nav-left:active { opacity: .7!important }
.galleria-container.notouch .galleria-image-nav-right:hover,
.galleria-container.touch .galleria-image-nav-right:active { opacity: .7!important }
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
cursor: pointer;
display: none;
background: url(../images/galleria/thumbleft-white.png) 50% 50% #E9E9E9;
position: absolute;
left: 4px;
top: 4px;
*top: 1px;
*left: 1px;
height: 60px;
width: 23px;
z-index: 3;
}
.galleria-thumb-nav-right {
border-right: none;
right: 3px;
*right: 1px;
left: auto;
background: url(../images/galleria/thumbright-white.png) 50% 50% #E9E9E9;
}
.galleria-thumbnails-container .disabled {
opacity: .2;
filter: alpha(opacity=20);
cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
opacity: 1;
filter: alpha(opacity=100);
background-color: #222;
background-color: rgba(255, 255, 255, .30);
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
opacity: 1;
filter: alpha(opacity=100);
background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
opacity: .2;
filter: alpha(opacity=20);
background-color: transparent;
}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
display: block;
}
.galleria-carousel .galleria-thumbnails-list {
right: 28px;
left: 28px;
}
/* End of galleria */
/* End of galleria */
/*--------Responsive/media queries------*/
/* Medium Devices, Desktops */
@media (max-width : 1199px) {
/* img#logo {
height: 70px;
}
*/
#socialHeader {
display:none;
}
.navbar {
padding:0px 0 0px 0;
}
img#logo {
height:65px;
}
.navbar .navbar-nav > li > a {
font-size:0.8em;
padding:20px 13px;
}
li#telephoneNumber {
font-size:1.1em;
padding:18px 20px 0 10px;
}
#homeBoxes .col-sm-4 {
height:190px;
}
.searchResultContainer {
min-height:365px;
}
#viewButtons {
font-size:0.9em;
}
#searchBar select, #searchBar input {
width: 105px;
}
#epc img {
width:100%;
}
#searchMenu {
background: url('../images/searchMenuBgSmaller.png') left no-repeat;
text-align:left;
padding-left:30px;
}
/* Contact us */
#contactContainer {
margin:0 0 0 0;
padding:110px 0 0 0;
}
/* End of service boxes */
/* Search results */
#searchMenu a {
font-size:1.1em;
padding:10px 0;
}
.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;
}
ol#mapsList {
font-size:0.85em;
margin:20px 0 0 20px;
padding:0;
}
#particulars {
padding:130px 0 60px 0;
}
/* End of search results */
/* Featured Properties */
#featuredProperties {
padding:0 0 40px 0;
}
#featuredProperties h2 {
font-size:2em;
}
.featuredOverlay {
font-size:0.9em;
}
.featuredType {
padding:0 0 10px 0;
}
.featuredAddress {
padding:10px 0 10px 0;
}
.featuredPrice {
padding:10px 0 10px 0;
}
.featuredArrow {
position:absolute;
bottom:10px;
right:20px;
}
img.featuredImage {
height:145px;
}
/* End of Featured Properties */
#virtualTourVideo {
width:612px;
height:450px;
}
.dropdown-menu li a {
padding:12px 12px 12px 12px;
font-size:0.85em;
}
}
/* Tablet */
@media (max-width: 992px) {
img#logo {
height: 50px;
}
.navbar ul {
margin-right:0px;
margin-top:0;
}
.navbar {
padding:0 0 0px 0;
margin-right:0px;
}
.navbar .navbar-brand {
}
.navbar .navbar-nav > li > a {
font-size:0.7em;
padding:20px 12px;
}
#searchMenu {
background: url('../images/searchMenuBgEvenSmaller.png') left no-repeat;
text-align:left;
padding-left:25px;
font-size:1.1em;
padding:15px 0 0 25px;
}
#pageText h2 {
font-size:1.5em;
margin-top:0;
padding-top:0;
}
#headerContact {
display:none;
}
li#telephoneNumber {
display:none;
}
.dropdown-menu {
font-size:0.85em;
}
.dropdown-menu li a {
padding:12px 12px 12px 12px;
font-size:0.85em;
}
#resultsLeftPanel input, #resultsLeftPanel select {
margin-bottom:12px;
}
#footer ul li a {
font-size:0.7em;
padding:0 10px 0 0;
}
#searchMenu a {
font-size:1.3em;
padding:8px 0;
width:100%;
}
#homeBoxes .col-sm-4 {
height:150px;
}
/* Slideshow */
#slideshowHome {
position:relative;
height:500px;
margin:0 0 0 0;
}
.cycle-slideshow { width: 100%; height:500px; margin: 0 auto 0px auto; padding:0; text-align:left; overflow:hidden;}
.cycle-slideshow > div {
position: absolute; top: 0; left: 0;
width: 100%; padding: 0 0px 0 0;
}
.cycle-slideshow .strapline {
position:absolute;
top:220px;
left:0px;
z-index:200;
background: url('../images/slideshowStraplineBg.png') center no-repeat;
padding:20px 30px;
width:100%;
text-align:center;
font-weight:400;
}
.strapline h1 {
color:#fff;
font-size:2.8em;
font-weight:500;
padding:0;
margin:0;
}
.strapline h2 {
color:#fff;
font-size:1.5em;
font-weight:400;
padding:8px 0 0 0;
margin:0;
}
/* End of slideshow */
/* Featured Properties */
#featuredProperties {
padding:0 0 40px 0;
display:none;
}
#featuredProperties h2 {
font-size:2em;
}
.featuredOverlay {
font-size:0.8em;
}
.featuredType {
padding:0 0 10px 0;
}
.featuredAddress {
padding:10px 0 10px 0;
}
.featuredPrice {
padding:10px 0 10px 0;
}
.featuredArrow {
position:absolute;
bottom:10px;
right:20px;
}
img.featuredImage {
height:105px;
}
/* End of Featured Properties */
#searchNav {
display:none;
}
#searchMenu {
margin:0 0 0 0;
}
#searchBarHome {
padding:20px 0px 10px 0;
}
#searchBar select, #searchBar input {
width: 140px;
}
#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;
}
#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;
}
#particulars {
padding:120px 0 60px 0;
}
/* Contact us */
#contactContainer {
padding:105px 0 0 0;
}
/* Search results */
.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;
}
.underOfferLabel, .soldLetLabel {
padding:7px 0;
font-size:0.8em;
}
/* End of search results */
#virtualTourVideo {
margin:0px 0 20px 0;
width:720px;
height:590px;
border:none;
}
}
/* Mobile styles */
@media (max-width: 767px) {
img#logo {
height:40px;
width:auto;
margin-top:0px;
}
#brandBar {
display:none;
}
#headerContact {
display:none;
}
.navbar {
padding:0 0 0px 0;
background:#51687F;
min-height:auto;
}
.navbar .navbar-brand {
margin:0;
height:65px;
display:block;
}
.navbar .navbar-nav > li > a {
font-size:0.7em;
padding:8px 8px;
margin:0;
}
.cycle-slideshow { width: 100%; margin: 0px auto 0px auto; padding:0; text-align:right; height:auto}
.cycle-slideshow img { height:auto; width:900px;}
#slideshowHome {
position:relative;
height:auto;
margin:0 0 0 0;
}
.cycle-slideshow .strapline {
top:110px;
padding:20px 30px;
width:100%;
text-align:center;
}
.strapline h1 {
font-size:1.4em;
}
.strapline h2 {
font-size:1.1em;
font-weight:400;
}
#searchMenu {
color:#fff;
margin:0 0 0 0;
background: url('../images/searchMenuBgLarger.png') left no-repeat;
width:100%;
height:46px;
padding:14px 0 0 40px;
text-align:left;
font-size:1.4em;
font-weight:400;
/*box-shadow: 0px 0 3px #999;*/
}
#searchMenu {
margin:30px 0 20px 0;
}
#searchMenu a {
font-size:1.3em;
padding:10px 0;
width:50%;
}
#homeBoxes .col-sm-4 {
height:auto;
clear:both;
}
/* Service boxes */
#homeServiceBoxes h2 {
font-size:1.8em;
margin:10px 0 40px 0;
}
#homeServiceBoxes h3 {
font-size:1.5em;
}
#homeServiceBoxes a:hover {
text-decoration:none;
}
/* End of service boxes */
/* Featured Properties */
#featuredProperties {
padding:0 0 40px 0;
display:block;
}
#featuredProperties h2 {
font-size:2em;
}
.featuredOverlay {
font-size:1em;
}
.featuredType {
padding:0 0 13px 0;
}
.featuredAddress {
padding:13px 0 13px 0;
}
.featuredPrice {
padding:13px 0 13px 0;
}
.featuredArrow {
position:absolute;
bottom:20px;
right:20px;
}
img.featuredImage {
height:auto;
}
/* End of Featured Properties */
#roomsColumn {
padding-right:15px;
}
#typeColumn {
padding-left:15px;
}
#saleButtonColumn {
padding-right:15px;
}
#rentButtonColumn {
padding-left:15px;
}
#slideshowSearch select {
height:40px;
}
#streetviewframe {
height:220px;
}
#slideshowSearch input {
height:40px;
}
#footerLogos img {
margin:0 0 10px 0;
}
h1 {
font-size:1.8em;
}
h2 {
font-size:1.4em;
}
#refine {
display:none;
}
a#showmenu {
display:block;
}
#searchResultsContainer {
padding:40px 0 30px 0;
}
#searchBar {
padding:10px 0px;
}
#searchBarHome {
padding:0 0px 0 0;
}
#searchBar select, #searchBar input {
width: 100%;
}
#headingDesktop {
display:none;
}
#headingMobile {
display:block;
}
#searchResultsContainer h1 {
font-size:1.2em;
font-weight:400;
margin-right:20px;
}
#resultsLeftPanel {
border-left:none;
border-right:none;
border-bottom:none;
margin:-1px -5px 0 -10px;
}
#virtualTourVideo {
margin:0px 0 20px 0;
width:100%;
height:400px;
border:none;
}
#registerAdvert {
display:none;
}
#sortList {
display:none;
}
#viewButtons {
display:none;
}
#sortListMobile {
/*display:block;*/
display:none;
}
.navbar {
padding:0 0 0px 0;
background:#FFF;
}
#navbar {
margin-right:-15px;
}
.navbar ul {
margin-right:-15px;
}
.navbar .navbar-brand {
margin:0;
height:65px;
}
.navbar .navbar-nav > li > a {
font-size:0.95em;
padding:12px 8px;
}
.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;
font-size:0.95em;
padding:12px 8px;
}
.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%;
}
/* Page photos */
#registerImage, #valuationImage, #servicesImage, #aboutImage, #teamImage {
height:280px;
position:relative;
width:100%;
margin:0 0 30px 0;
}
#servicesImage {
margin:0 0 0 0;
}
/* Search results */
.searchResultPhoto {
height:auto;
}
.searchResult {
margin-top:15px;
border:1px solid #D7EAF4;
background: #fff;
}
.searchResult:hover {
background: #fff;
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;
}
/* End of search results */
.section {
height:auto;
min-height:30px;
padding-bottom:20px;
}
.detailsBar {
padding:0;
margin:0 0 25px 0;
}
#particularsBedrooms {
font-size:1.2em;
font-weight:400;
padding-bottom:5px;
margin-bottom:0;
}
#particularsAddress {
font-size:1em;
font-weight:300;
padding-bottom:8px;
margin-bottom:0;
}
#particularsPrice {
font-size:1.7em;
font-weight:400;
text-align:left;
}
.priceQualifier {
font-size:60%;
font-weight:400;
}
#particularsMenu {
margin-bottom:-1px;
}
.galleria-bar {
height: 40px;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
height: 27px;
}
.galleria-thumbnails .galleria-image {
width: 27px;
height: 27px;
}
#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;
}
#particularsRightPanel {
display:none;
}
#viewingFormMobile {
display:block;
}
#viewingFormMobile #viewingForm {
margin:0;
padding:0;
}
#mobileShare {
display:block;
}
#mobileShare h2 {
margin:0 0 0 0;
padding:0;
}
#mobileShare .shareIcons {
margin:0;
padding:0;
}
a#rooms {
padding:6px 0px;
font-size:0.7em;
}
a#viewing {
padding:6px 0px;
font-size:0.7em;
}
#particulars {
padding-top:80px;
}
#epc img {
width:100%;
}
#map_canvas_1 {
height:240px;
width:100%;
}
#map_canvas_2 {
height:220px;
margin:0 0 20px 0;
}
#description ul li {
width:100%;
}
.form-inline label {
margin:0 4px 8px 0px;
}
#searchBar {
padding-bottom:0px;
}
button#searchSubmit {
margin:16px 0 0 0px;
padding:10px 0;
width:100%;
}
#copyright {
text-align:left;
}
#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 {
padding:65px 0 0 0;
}
#commercialImage {
padding:120px 0 0 0;
}
#headerStrapline {
font-size:1.6em;
bottom:65px;
}
#fees .row .col-xs-5 {
font-size:0.8em;
padding:10px 0 10px 20px;
}
#fees .row .col-xs-7 {
font-size:0.8em;
padding:10px 20px 10px 10px;
border-left:none;
}
#branchDetails {
margin-bottom:30px;
}
#inTouch {
display:none;
}
#homeTextBox {
padding:0 0;
margin:0 0;
}
#homeTextBox h1 {
margin:20px 0 20px 0;
font-size:2em;
}
#homeTextBox p {
font-size:1em;
}
/* Maps */
#contactContainer #map, #contactBoxHome #map {
height:250px;
}
#particulars #map, #searchResultsContainer #map {
height:200px;
}
#searchResultsContainer #map {
margin-top:25px;
}
}
/*----End of responsive media queries ---*/