/*
Colour Swatch
----------------
Add your colour hex values in here, makes it easy to refer to when coding
----------------
*/

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* CSS Reset */

html {
	background: #fff;
	-webkit-font-smoothing: antialiased;
    font-family: Arial, Helvetica, sans-serif;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	overflow-x:hidden;
}

.gdpr-consent label {
    width: auto!important;
}

/* ! Text Styles   */
h1 {
	line-height: 160%;
	padding: 5px 0;
	font-size: 1.8em;
}

h2 {
	line-height: 160%;
	padding: 5px 0;
	font-size: 1.6em;
}

h3 {
	line-height: 160%;
	padding: 5px 0;
	font-size: 1.4em;
}

h4 {
	line-height: 160%;
	padding: 5px 0;
	font-size: 1.2em;
}

p {
	line-height: 160%;
	padding: 5px 0;
	font-size: .9em;
}

abbr {
	background: #444;
	padding: 2px 4px;
	margin: 0 2px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	box-shadow: 1px 1px 1px #bbb;
	cursor: help;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.right {
    float: right;
    margin-top: -430px;
}

#mapCont {
    padding-top: 0px;
}

#mapCont #mapOverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 400px;
    pointer-events: none;
}

#googlemap  .contentText{
    font-family: Arial, Helvetica, sans-serif;
	color: #444;
    line-height: 140%;
}

#googlemap  .contentText h3 {
    font-family: Arial, Helvetica, sans-serif;
	color: #00447d;
}

/* ! Text Styles   */

/* ! Core Structure   */
#wrapper {
	width: 980px;
	margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 100px;
}

#content {
    margin: 10px 10px;
}

/* Homepage Slides*/

.home-awards{
    margin-bottom:50px;
    width: 100%;
}

#holder {
	position: absolute;
    overflow: hidden;
    margin-top: -260px;
    z-index: 1;
    height: 800px;
    width: 100%;
	}

#holderTest {
	position: absolute;
    overflow: hidden;
    margin-top: -260px;
    z-index: 1;
    height: auto;
    width: 100%;
	}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
	}

.rslides img {
  	display: block;
  	height: auto;
  	float: left;
  	width: 100%;
  	border: 0;
	}
/* Homepage Slides*/


#header {
	background: transparent;
    background-repeat: repeat-x;
	padding: 20px 0 20px 0;
    position: relative;
    z-index: 999;
}

.headerInner {
    width: 980px;
	margin: 0 auto;
    opacity: 1;
}

.headerInner .logo {
    width: 290px;
    height: 120px;

}

.space {
    height: 200px;
}


#headerContact {
	width: 300px;
	float: right;
	display: inline;
	height: 120px;
}

#headerContact a:link, #headerContact a:visited {
	color: #00447d;
	text-decoration: none;
}

#headerContact a:hover, #headerContact a:active {
	color: #00447d;
	text-decoration: none;
}

#headerTel {
	font-size: 1.4em;
    text-align: right;
    float: right;
    margin-top: -30px;
    color: #00A2DF;
    line-height: 120%

}

#headerFB {
	float: right;
	display: inline;
	height: 30px;
	margin-top: 80px;
}

.twitter{
	margin-bottom: 2px;
}

#navbar {
	background-image: url('../images/nav-bg.png');
    background-repeat: repeat-x;
	padding: 10px;
	text-align: left;
    position: relative;
    z-index: 999;
}

#navbar ul {
	width: 970px;
    margin: 0 auto;
}

#navbar li {
	display: inline;
	font-size: 0.9em;
}

#navbar li a {
	text-decoration: none;
	color: #555;
    padding:  5px 40px 5px 10px;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#navbar li a:hover {
	color: #00a2df;

}

#home #navbar .home, #about #navbar .about, #valuation #navbar .valuation, #register #navbar .register, #sales #navbar .sales, #landlords #navbar .landlords, #selling #navbar .selling, #lettings #navbar .lettings, #testimonials #navbar .testimonials, #successes #navbar .successes, #blog #navbar .blog, #contact #navbar .contact, #block-management #navbar .block-management,#case-studies #navbar .case-studies,#property-management #navbar .property-management   {
   color: #00a2df;
   border-bottom: solid 4px #42a9ff;
}


.mainText {
    border-bottom: solid 2px #00a2df;
    padding-bottom: 20px;
    padding-top: 550px;
    text-align: center;
    color: #444;
    font-family:  Arial, Helvetica, sans-serif;
}

.mainText h1 {
    font-size: 1.6em;
    font-weight: 400;
    color: #00a2df;
}

.mainText p {
    padding: 10px 200px;
    font-size: 1em;
}

.contentText h1, .contactText h1 {
    margin-top: 20px;
    font-size: 1.5em;
    font-weight: 400;
    color: #00a2df;
    padding: 10px 20px;
}

.contentText h2 {
    font-size: 1.2em;
    font-weight: 400;
    color: #00a2df;
    padding: 10px 20px;
}

.contentText p, .contactText p {
    color: #444;
    font-size: 0.9em;
    padding: 10px 20px;
}

.contentText ul {
    padding-left: 40px;
}

.contentText ul li {
    list-style: disc;
    line-height: 160%;
    font-size: 0.9em;
}

.contentText a {
    color: #00A2DF;
    text-decoration: none;
}

.contentText a:hover {
    color: #000;
}

.contactMap {
    float: right;
    margin-top: 30px;
    padding: 10px;
}

.contactText h3 {
    color: #00a2df;
}

.contactText {
    float: left;
    width: 450px;
    font-family: Arial, Helvetica, sans-serif;
}

.contactText a {
    color: #00a2df;
}

.contactText a:hover {
    color: #00447d;
}

.rightSide {
    float: right;
    margin-right: 20px;
}

.testimone {
    width: 70%;
}

.testimone hr {
    color: #f4f2f2;
    margin: 0px 10px 10px 10px;
}

.contentText .testimoneEntry p {
    font-style: italic;
    color: #666;
    font-size: 0.9em;
   font-weight: 600;
}

.review a {
    font-weight: 600;
}

.cmsPagination {
    text-align: right;
    margin-right: 20px;
}

.cmsPagenumbers  {
    float: left;
    margin-top: -26px;
}

.contentText .testimoneTitle {
    color: #444;
    text-align: left;
    margin-right: 20px;
    font-size: 0.9em;

}

 .container {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
    margin-top: 60px;
    display: block;
}

.clearfix {
	clear: both;
	float: none;
}

.panel {
    display: block;
    height: 220px;
    width: 220px;
    position: relative;
    float: left;
    margin-left: 25px;
}

.panel a {
    color: #42a9ff;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 16px;
    bottom: 0px;
    font-size: 1.1em;
    transition: all 0.15s ease-in-out 0s;
    text-decoration: none;
}

.panel3 {
    background: url(../images/tenantM.png);
	background-repeat:  no-repeat;
    display: block;
    height: 220px;
    width: 220px;
    position: relative;
    float: left;

}

.panel3 h1, .panel2 h1 {
    font-size: 2em;
    font-family: Georgia, sans-serif;
    font-weight: 400;
    color: #666;
    padding: 55px 30px 55px 30px;
    line-height: 120%;
}

.panel3 a {
    color: #42a9ff;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 240px;
    bottom: 0px;
    font-size: 1.1em;
    transition: all 0.15s ease-in-out 0s;
    text-decoration: none;
}

.panel3 p {
    color: #00447D;
    margin-top: 10px;
    margin-left: 15px;
    font-size: 1em;
    position: absolute;
    text-decoration: none;
    font-weight: 600;
    line-height: 120%;
}


.panel2 .requestV {
    color: #42A9FF;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 12px;
    bottom: 0px;
    font-size: 1.1em;
    transition: all 0.15s ease-in-out 0s;
    text-decoration: none;
}

.panel2 a {
    color: #42a9ff;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 120px;
    bottom: 0px;
    font-size: 1.1em;
    transition: all 0.15s ease-in-out 0s;
    text-decoration: none;
}

.panel2 a:hover {
    color: #00447d;
}



.panel a:hover, .panel4 a:hover, .panel3 a:hover, .panel2 .test:hover, .panel2 .requestV:hover  {
   color: #00447d;
}


/* ! Featured Properties */
#featuredProperties1 {
    background: url('../images/testBg.jpg') no-repeat scroll 0% 0% transparent;
    display: block;
    height: 220px;
    width: 220px;
    position: relative;
    float: left;

}

#featuredProperties1 p {
    color: #42a9ff;
    text-align: center;
    margin-top: 80px;
}


/* ! Featured Properties */

.panel2 {
    background: url(../images/testimonialsAd.jpg);
	background-repeat:  no-repeat;
    display: block;
    height: 220px;
    width: 220px;
    position: relative;
    float: left;
     margin-left: 25px;
}

.panel2 .test {
    color: #42a9ff;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 20px;
    bottom: 0px;
    font-size: 1.1em;
    transition: all 0.15s ease-in-out 0s;
    text-decoration: none;
}

.panel2 .testimonial p {
    font-size: 1em;
    font-weight: 400;
    color: #666;
    padding: 55px 30px 55px 25px;
    line-height: 120%;
    font-style: italic;
}

.panel2 p a {
    color: #00447D;
    margin-top: -100px;
    margin-left: 15px;
    font-size: 1.2em;
    position: absolute;
    text-decoration: none;
    font-weight: 600;
    line-height: 120%;
}

.panel2 p a:hover {
    color: #42a9ff;
}

.panel4 .featuredImage img {
    width: 220px;
	height: 220px;
}

.feat {
   color: #42a9ff;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 15px;
    bottom: 0px;
    font-size: 1.1em;
    transition: all 0.15s ease-in-out 0s;
    text-decoration: none;
}

.panel4 {
    display: block;
    height: 220px;
    width: 220px;
    position: relative;
    float: left;
    margin-left: 25px;
}

.spacer {
    height: 90px;
}

#valuation-button {
    position: fixed;
    top: 350px;
    left: 0px;
    width: 39px;
    height: 160px;
    z-index: 9999;
}

#footer {
	clear: both;
    width: 100%;
	background: #fff;
	height: 30px;
    padding-bottom: 10px;
    position:fixed;
   left:0px;
   bottom:0px;

}

.footerInner {
     width: 980px;
    margin: 0px auto;
}

#footer p {
    float: left;
    padding-top: 10px;
    color: #00a2df;
    font-size: 0.8em;
}

.right a img {
    float: right;
    padding-bottom: 5px;
    padding-top: 10px;
    text-decoration: none;
    padding-right: 10px;
}

#footer a {
    color: #00a2df;
    text-decoration: none;
}

#footer a:hover {
    color: #00447d;
}

/* ! Core Structure   */

/* ! Property Search */

.search {
    background-image: url('../images/header-bg.png');
    width: 100%;
    position: relative;
    z-index: 999;
}

#propertySearch {
    width: 970px;
    margin: 0px auto;
    padding: 10px 0px;
    height: 45px;
}

#propertySearch label {
	font-weight: bold;
	color: #000;
	font-size: 1.5em;
}

#propertySearch select {
	width: 120px;
    margin-top: 10px;
    padding: 0.3%;
    font-size: 0.9em;
    line-height: 12px;
    color: #555;
    margin-right: 15px;
    margin-bottom: 5px;
}

.propS {
    float: right;
    margin-right: 210px;
}

.but1 {
    background: #00a2df;
    border-radius: 3px;
    color: #FFF;
    font-size: 1em;
    padding: 3px 2px;
    border: solid 1px #00a2df;
    margin-top: 10px;
}

.but1:hover {
    color: #fff;
    background: #42a9ff;
    border: solid 1px #42a9ff;
    cursor: pointer;
}
/* ! Property Search */




/* ! Search Results Styles   */
.pagination {
	background: #fff;
	padding: 20px;
	margin: 20px 0;
	clear: both;
    color: #00a2df;
}

#resultsNothingFound  {
    background: #fff;
	padding: 20px;
	margin: 20px 0;
	clear: both;
    color: #00447d;
}

#resultsNothingFound h1 {
    font-size: 1.5em;
}

.propNumber {
	float: left;
	font-size: 1.2em;
}

.propNumber strong {
	color: #00a2df;
}

.resultsPages {
	text-align: right;
	font-size: 1.2em;
}

.resultsPages a {
	text-decoration: none;
	color: #00447d;
}

.resultsPages a:hover {

}

.resultsPages .bracket {
	display: none;
}

.pageSorts {
	background: #fff;
	padding: 10px 20px;
	margin: 10px 0;
	overflow: auto;
	clear: both;
    color: #00447d;
}

.pageSorts form {
	float: left;
	margin: 0 10px;
}

.pageSorts select {
	width: 200px;
}

.top-shortlist {
   margin: 0px 0 10px 0;
   width:200px;
   float:right;
   text-align:right;
   margin-bottom:10px;

}

.top-shortlist a {
    color:#FFF;
    text-decoration:none;
	background-color:#00a2df;
	padding: 5px;
    border-radius: 3px;
}

.results {
	background: #fff;
	padding: 10px 20px 10px 20px;
	margin: 10px 8px 0px 8px;
	border: 1px solid #bbb;
	overflow: auto;
}

.results:hover {
	background: #f4f2f2;
}

.thumb-address {
	line-height: 160%;
	font-size: 1.3em;
	font-weight:300;
    font-family: Arial, Helvetica, sans-serif;
	color:#666;
}

.thumb-price {
	line-height: 160%;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#00447d;
}

.resultsThumbnail {
	float: left;
	margin: 0 10px 10px 0;
	width: 320px;
    height: 240px;
    overflow: hidden;
}

.resultsThumbnail img {
    height: 240px;
}

.tiny-thumbs {
    width:190px;
	float:left;
	cursor: pointer;
}

.tiny-thumbs img {
    margin: 0 10px 10px 0;
    height: 114px;
    border: none;
}

.resultsDetails {
    width: 360px;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.resultsDetails h2, .resultsDetails h2 a, .resultsDetails h3, .resultsDetails h3 a {
	color: #444;
	text-decoration: none;
}

.resultsDetails h2 a:hover, .resultsDetails h3 a:hover {
	border-bottom: 1px solid #444;
}

.beds-etc li {
	display: inline;
	padding-right:45px;
	padding-bottom:60px;
}

.bed-font {
    font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#666;
}

.shortDesc  {
    color: #444;
}

.propertyLinks {
	float: right;
	list-style: none;
	margin: 10px 0;
	text-align:right;

}

.propertyLinks li {
	float: right;

}

 .propertyLinks a  {
	color: #666;
	text-decoration:none;
}

.propertyLinks a:hover {
	color: #00447d;
}

.propertyLinks img {
    vertical-align:middle;
}

.thumbs-blue-strip {
    background-color:#00a2df;
	height:30px;
	line-height:1.7em;
	text-align:center;
    margin: 0px 8px 60px 8px;
}

.thumbs-blue-strip a {
	color: #fff;
	text-decoration: none;
    margin-right: 35px;
}

#mapSearchResults {
	float: left;
	width: 350px;
	height: 643px;
	margin: 0 20px 0 0;
	overflow: scroll;
}

.resultsMap {
	background: #fff;
	padding: 10px;
	border: 1px solid #bbb;
	clear: both;
	overflow: auto;
}

.resultsMap a {
	text-decoration: none;
	color: #444;
}

.resultsMap:hover {
	background: #faffbd;
}

.resultsMap h2, .resultsMap h3 {
	font-size: 1em;
}

#viewToggleMap {
    display: inline;
    float: left;
    background-image: url('../images/mapView.png');
    background-repeat: no-repeat;
    height: 32px;
    padding-left: 40px;
    color: #00447d;
    margin-top: 10px;
    margin-left: 10px;

}

#viewToggleMap a {
    text-decoration: none;
    color: #00447d;
    line-height: 160%;
}

#viewToggleList {
    display: inline;
    float: right;
    background-image: url('../images/list.png');
    background-repeat: no-repeat;
    height: 34px;
    padding-left: 60px;
    font-size: 1em;
    margin-left: 10px;
    margin-top: -40px;
    line-height: 160%;
    margin-right: 20px;
}

#googleMapResults {
	background: #fff;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 0 0 10px 0;
	float: left;
	width: 588px;
	box-shadow: 1px 1px 1px #bbb;
}

#googleMapResults #googlemap {
	border: 1px solid #bbb;
	width: 100%;
	height: 620px;
}

.corner {
    border: none;
}
/* ! Search Results Styles   */

/* ! Google Map Balloons */
#mapBalloon {
	width: 206px;
	padding: 10px;
	text-align: center;
}

.mapImage {
	background: #eee;
	padding: 2px;
	border: 1px solid #bbb;
	display: block;
}

.mapImage img {
	display: block;
}

.mapAddress {
	font-size: 1em;
	text-decoration: none;
	color: #444;
}

.mapPrice {
	font-size: 1em;
	text-decoration: none;
	color: #444;
}

.contentText a.mapButton {
	background: #00447d;
	padding: 4px 8px;
	margin: 0 2px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

.mapButton {
	background: #00a2df;
	padding: 4px 8px;
	margin: 0 2px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

.mapButton:hover {
    background: #42a9ff;
	padding: 4px 8px;
	margin: 0 2px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

.mapButton a, .mapButton a:hover {
    color: #fff;
}
/* ! Google Map Balloons */

/* lettings fees may apply page */

.feestext {  /* for link on thumbnails and result */
	font-size: 0.8em;
    color: #666;
    text-decoration: none;

}

.feestextR {
	font-size: 0.8em;
    color: #fff;
    text-decoration: none;

}

#feesPage {
	padding-right: 10px;
    background: #fff;
}

#feesPage h1 {
	font-weight: normal;
	color: #00447d;
	font-size: 1.5em;
	}

#feesPage h2 {
	font-weight: normal;
	color: #00447d;
	font-size: 1.2em;
	}

#feesPage h3 {
	font-weight: normal;
	color: #000;
	font-size: 1.1em;
	}

#feesPage p {
	font-size: 1em;
	text-align: justify;
	}

#feesPage ul {
	font-size: 1em;
	}



/* lettings fees may apply page */



/* ! Full Details Styles */

#backlink {
    padding-top: 20px;
}

#backlink a {
    color: #00a2df;
    text-decoration: none;
}

#result-add-holder {
    background-color:#00a2df;
	height:35px;
	padding:5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
}

.result-address {
    width:670px;
	float:left;
	line-height: 160%;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#fff;
}

.result-price {

	float:right;
	line-height: 160%;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#fff;
	text-align:right;
}

#details-left-col {
    width:720px;
	float:left;
    display: inline;
    clear: both;
}

#result-mainimage {
    position: relative;
    float: left;
    width: 700px;
    display: inline;
    text-align: center;
    margin-bottom: 10px;
    clear: both;
}

#propertyDetails {
    width: 700px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 1.5em;
    text-align: justify;
    display: inline;
}

#propertyDetails h2 {
    font-size: 1.4em;
    color: #00a2df;
    font-weight: 400;
}

.features li {
    font-size: 0.9em;
    list-style: disc;
    margin-left: 20px;
}

.resultRight {
    width:240px;
	float:right;
	margin-top:20px;
	padding-right:10px;
    display: inline;
}

.beds-etc2 {
    margin-left: 20px;
    margin-top: 20px;
}

.beds-etc2 li {
	display: inline;
	padding-bottom:20px;
}

.details-butts ul{
    width:220px;
	list-style: none;
	padding:20px 20px 0 20px;
	margin:20px 0;
}

.details-butts li{
	margin-bottom:6px;
	padding:5px;
	text-align:left;
	height:22px;
	background-image:url(/images/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
    list-style: none;
}


.details-butts a {
	text-decoration:none;
	color:#444;
}

.propertyLinks-bullets {
    list-style-image: url(/images/bullet.gif);
	padding-left: 10px;
	margin-left:10px;
	margin-bottom:20px;
}

.propertyLinks-bullets li {
    padding-left: 5px;
	line-height:2em;
}


#epcGraph {
	background: #fff;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 1px 1px 1px #bbb;
}





#propertyAddress {
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
}

#propertyMainImage {
	background: #fff;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 1px 1px 1px #bbb;
}

#propertyThumbnails {
	background: #fff;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 1px 1px 1px #bbb;
	text-align: center;
}

.imagechangerthumb {
	border: 1px solid #bbb;
	margin: 0 10px;
}

#epcGraph {
	background: #fff;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 1px 1px 1px #bbb;
}

.resultRight2 {
    float: right;
    width: 190px;
    display: inline;
    margin-right: 20px;
    margin-top: 280px;
    margin-bottom: 20px;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    padding-top: 10px;
    padding-bottom: 10px;
}

.resultRight2 h2 {
    color: #42a9ff;
    font-size: 1.2em;
    font-weight: 400;
}

.resultRight2 p {
    color: #444;
}

.arrow a {
    text-decoration: none;
    color: #00a2df;
}

.arrow {
	margin-bottom:6px;
	margin-top: 10px;
	text-align:left;
	height:22px;
	background-image:url(/images/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
    list-style: none;
}

#googleMapHolder {
	background: #fff;
	margin: 10px 0;

}

#googleMapHolder #googlemap {

	width: 100%;
	height: 350px;
}
/* ! Full Details Styles */

/* ! Shortlist Styles */
.shortlistedProperty {
	background: #fff;
	padding: 20px;
	margin: 10px 0;
	border: 1px solid #bbb;
	overflow: auto;
}

.shortlistedProperty:hover {
	background: #faffbd;
}

.shortlistedPropertyThumbnail {
	float: left;
	margin: 0 20px 20px 0;
}

.shortlistedPropertyThumbnail img {
	background: #fff;
	padding: 2px;
	border: 1px solid #bbb;
}

.shortlistedPropertyDetails h2, .shortlistedPropertyDetails h2 a, .shortlistedPropertyDetails h3, .shortlistedPropertyDetails h3 a {
	color: #444;
	text-decoration: none;
}

.shortlistedPropertyDetails h2 a:hover, .shortlistedPropertyDetails h3 a:hover {
	border-bottom: 1px solid #444;
}

.add-to-shortlist .remove,
.remove-from-shortlist .add { /* Shortlist Links */
	display: none;
}
/* ! Shortlist Styles */

/* ! Amenity Styles */
#amenity-map-holder {
	background: #fff;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 1px 1px 1px #bbb;
}

#amenity-map {
	border: 1px solid #bbb;
	height: 400px;
}

.amenitySelections {
	width: 100%;
	vertical-align: middle;
}

.amenityTable {
	background: #fff;
	width: 100%;
	margin: 10px 0;
}

.amenityTable th {
	background: #bbb;
	padding: 5px;
	color: #000;
}

.amenityTable tr:hover {
	border: 1px solid #bbb;
	background: #faffbd;
	color: #000;
}

.amenityTable td {
	border: 1px solid #bbb;
	padding: 5px;
}

.amenityContent { /* On schools map amenity data there is descriptions and content within h2 and p tags, you can use this class to style it */

}
/* ! Amenity Styles */

/* ! Form Styles */
.form {
	background: #fff;
	width: 800px;
}

.form label {
	display: inline-block;
	vertical-align: top;
	width: 250px;
	font-size: 1em;
}

.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="password"] {
	border: 1px solid #bbb;
	border-radius: 3px;
	width: 250px;
	padding: 5px;
	color: #666;
	font-size: 1em;
	box-shadow: 1px 1px 1px #bbb;
}

.form textarea {
	border: 1px solid #bbb;
	border-radius: 3px;
	width: 250px;
	padding: 5px;
	color: #666;
	font-size: 1em;
	box-shadow: 1px 1px 1px #bbb;
}

.form select {
	width: 260px;
}

.form input[type="text"]:hover, .form input[type="tel"]:hover, .form input[type="email"]:hover, .form input[type="password"]:hover, .form textarea:hover, .form input[type="text"]:focus, .form input[type="tel"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form textarea:focus {
	background: #edeeee;
	color: #000;
}

.form input[type="submit"] {
	background: #00a2df;
	padding: 4px 8px;
	margin-left: 250px;
	border: solid 1px #00a2df;
	border-radius: 3px;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	text-shadow: none;
	box-shadow: 1px 1px 1px #bbb;
	cursor: pointer;
}

.form input[type="submit"]:hover {
	color: #fff;
    background: #42a9ff;
    border: solid 1px #42a9ff;
}

label.error {
	color: red;
	display: block;
	white-space: nowrap;
}

.formhoney {
	visibility: hidden;
	display: none;
}
/* ! Form Styles */

/* ! Property Alerts Styles */
#propertyAlertsTable {
	background: #fff;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

#propertyAlertsTable tr:hover {
	background: #edeeee;
	color: #000;
}

#propertyAlertsTable th {
	background: #00447d;
	border: 1px solid #666;
	color: #fff;
	padding: 5px;
}

#propertyAlertsTable td {
	border: 1px solid #bbb;
	padding: 5px;
}
/* ! Property Alerts Styles */

/* Client Documents Area */
#documentsList {
	width: 100%;
	margin: 20px 0 40px 0;
}

#documentsList thead th {
	background: #bbb;
	border: 1px solid #bbb;
	padding: 5px;
	text-align: center;
}

#documentsList tbody td {
	border: 1px solid #bbb;
	padding: 5px;
}

#documentsList tbody tr:hover {
	background: #faffbd;
	border: 1px solid #000;
}

#documentsList tbody td {
	text-align: center;
	vertical-align: middle;
}
/* Client Documents Area */

/*iPad phone numbers:/*

/* Helper classes */
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
/* Helper classes */


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px) {
    #headerTel {
	font-size: 1em;
	text-align: right;
	float: right;
	margin-top: -25px;
    color: #00A2DF;
    margin-right: 20px;
    }

    .propS {
    float: right;
    margin-right: 160px;
    }

     #holder {
	position: absolute;
    overflow: hidden;
    margin-top: -400px;
    z-index: 1;
    height: 1150px;
    width: 100%;
	}

    .mainText {
    border-bottom: 2px solid #00447D;
    padding-bottom: 20px;
    padding-top: 350px;
    text-align: center;
    color: #444;
    }

    .rslides img {
    display: block;
    height: 700px;
    float: left;
    width: 100%;
    border: 0px none;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .rslides img {
    display: block;
    height: 700px;
    float: left;
    width: 100%;
    border: 0px none;
    }
     #holder {
	position: absolute;
    overflow: hidden;
    margin-top: -400px;
    z-index: 1;
    height: 1150px;
    width: 100%;
	}

    .mainText {
    border-bottom: 2px solid #00447D;
    padding-bottom: 20px;
    padding-top: 300px;
    text-align: center;
    color: #444;
    }

}


@media (min-width:1921px) and (max-width: 2560px) {

    #holder {
	position: absolute;
    overflow: hidden;
    margin-top: -400px;
    z-index: 1;
    height: 1150px;
    width: 100%;
	}

    .mainText {
    border-bottom: 2px solid #00447D;
    padding-bottom: 20px;
    padding-top: 750px;
    text-align: center;
    color: #444;
    }

    .spacer {
    height: 450px;
    }

}

#search-button {
	position: fixed;
    top: 300px;
    left: 0px;
    width: 39px;
    height: 200px;
    z-index: 9999;
}

#valuation-button {
 position: fixed;
    top: 550px;
    left: 0px;
    width: 39px;
    height: 160px;
    z-index: 9999;
}

#headerFB {
    margin-top: 20px;
}

#tel-numbers {
	color:white;
	font-size:21px;
	float:right;
}

#home-search {
    padding: 20px;
    width: 360px;
    position: absolute;
    margin-left: 140px;
    margin-top: 240px;
    background:rgba(255,255,255,0.8);
    border-radius: 5px;
    z-index: 5000;
    color: #FFF;
    border: 2px #00a2df solid;
   display:none;
}

#home-search label {
	color: #FFF;
	font-size: 1.2em;
}

.locationField input {
	width:318px;
	font-family: 'Arial', Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	border:1px solid #bbb;
	font-size: 1em;
	color: #333;
	}

#home-search select {
	width: 150px;
	padding: 5px;
	margin-top: 8px;
	margin-bottom:8px;
	margin-right:5px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	border-radius: 2px;
	border: 1px solid #fff;
}

#home-search #instruction-type-select select {
	width: 350px;
	margin-top:20px;
	}

.property-search-button {
	width: 200px;
	margin-right:auto;
	margin-left:auto;
	}

#home-search input[type=submit] {
	background: #00a2df;
	border-radius: 5px;
	border: none;
	font-size:1.2em;
	color: #ffffff;
	width: 180px;
	height:30px;
	margin:10px 0px;
	cursor:pointer;
	font-family: 'Arial', Helvetica, sans-serif;
	text-transform: uppercase;
	}

#home-search input[type=submit]:hover {
	background: #00a2df;
	color: #FFF;
	}

/* jQuery Tabs Styles */


.ui-tabs { /* Core tabs holding div */
	position: relative;
	zoom: 1;
	width: 360px;
	overflow: hidden;
}

.ui-tabs .ui-tabs-nav { /* Tabs navbar */
	margin: 0;
	height: 30px;
	clear: both;
}

.ui-tabs .ui-tabs-nav li { /* Tabs navbar li elements */
	list-style: none;
	float: left;
	position: relative;
	margin: 0 5px 0 12px;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: 0 1em;
	line-height: 30px;
	text-decoration: none;
	border: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { /* Active tab highlight */
	margin-bottom: 0;
	padding-bottom: 1px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
	background: #ffffff;
	color:#00a2df!important;
	border-radius: 5px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
	background: #00a2df;
	border-radius: 5px;
	padding-bottom: 1px;
	color:#FFF;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: .5em 1em;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}
.closeBtn {
	color: #00a2df;
	text-decoration: none;
	float:right;
}
/* Free Privacy Policy Cookie Consent */
.freeprivacypolicy-com---nb {
  max-width: 100% !important;
}
.freeprivacypolicy-com---nb .cc-nb-main-container {
  padding: 2rem !important;
}
.freeprivacypolicy-com---pc-overlay .cc-cp-foot-byline {
  visibility: hidden;
}
.freeprivacypolicy-com---nb.freeprivacypolicy-com---palette-dark {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
/* Free Privacy Policy Cookie Consent */