@import url('//fonts.googleapis.com/css?family=Cabin:900,700,600,400');
@import url('//fonts.googleapis.com/css?family=Open+Sans');

body,html {  width: 100%;  height: 100%; top:0px; margin: 0;  padding: 0; background-color:#fff; font-family: 'Cabin', sans-serif; }

.newsimage{width:30%; height:auto; float:right; margin: 0 0% 3% 3%}

#comppop {	width: 100%;    height: 100%;   display: table;    text-align: center;   position: absolute;   font-size: 0.7em; top: 0;    left: 0; z-index: 99999;     /* display:none;*/background-color:rgba(0,0,0,0.8);}
#comppop2 {	diaply:none; width: 100%;    height: 100%;   display: table;    text-align: center;   position: absolute;    top: 0;    left: 0; z-index: 99999;     /* display:none;*/background-color:rgba(0,0,0,0.8);}
#comppopinfo {padding:20px;  display: table-cell;    vertical-align: middle; position: relative}
#comppopinfo .egg{transform: rotate(-45deg);width:68px; height:80px;position: absolute; top:-40px; left:-41px; background: url(images/easter-egg.png) no-repeat; background-size: contain}
#comppopinfo .box {position: relative; font-size: 1.6em;font-weight: 700;    letter-spacing: -2px;    
display:inline-block; padding:24px 30px; margin:0px auto; background-color:#FFF100;border-radius: 10px; 	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#comppopinfo a {color:#000000; font-size: 0.8em;font-weight: 300; letter-spacing: 0px; text-decoration: none  }
#comppopinfo a.cross {position: absolute; top:20px; right:20px; margin:0; color:#000000; font-size: 0.8em;font-weight: 300; letter-spacing: 0px; text-decoration: none  }
#comppopinfo a:nth-of-type(2) {margin-right:80px;color:#000000; }




@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}


.clear {clear:both; }

.holder {margin:0px auto; max-width:960px;  }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

.colourholder, .colourholder2 {clear:both; width:100%;   color:#000; background: #E7E7E7; padding:30px 0;}
.featuredholder {clear:both; width:100%;   color:#FFF100; background: #000; padding:30px 0;}
a.featprop .listing {	width:31%; margin-right:3.5%;float:left; background-color:#222222;}
a.featprop:nth-of-type(3n) .listing {margin-right:0px;} 
.featuredholder .listing .image {	 margin:3%; box-sizing:border-box; width:94%;  background-size:cover; background-position:center center;  padding-top: 66%;}
.featuredholder .listing .status {	width:23%; font-size:1.2em; float:left; color:#FFF100; margin:0px 0% 0px 3%;}
.featuredholder .listing .price {	width:70%; font-size:1.2em; float:right; color:#ffffff; margin:0px 3% 0px 0%; text-align:right; }
.featuredholder .listing .address {clear:both;width:94%; font-size:1.2em; color:#ffffff;  margin:10px 3%;	}
.imgright {width: 45%; height: auto; margin: 0 0 3% 3%; float: right; clear:right;}
a.feespu {font-style:italic; color: #333; text-decoration:none; font-weight:200}
a.feespu:hover {text-decoration:underline;}

#feesbox { display:none;     position:fixed;     top:0;     left:0;     width:100%;     height:100%;     background:rgba(0,0,0,0.6);     text-align:center; z-index:999999; }
#feesbox div {margin:15% 25%;display: table-cell;    vertical-align: middle;background:#ffffff;text-align:left;padding:30px;     -webkit-box-shadow:0 0 25px #111;    -moz-box-shadow:0 0 25px #111;    box-shadow:0 0 25px #111;   width:50%;box-sizing:border-box;float:left;}
#feesbox a.close {color:#333; text-decoration:none; float:right; font-weight:bold; margin:0px 0 0 0}	
	
h1 { font-weight:400; font-size:2.3em; letter-spacing:-2px; margin:0px 0 0 0;}
h1.top { font-weight:400; font-size:2.3em; letter-spacing:-2px; margin:30px 0 0 0;}
h2 { font-weight:400; font-size:1.8em;letter-spacing:-1px;}
h3 { font-weight:400;letter-spacing:-1px;}
p{  color:#333;font-size:1.1em; margin:12px 0 0px 0;  font-weight:400 }
strong {color:#333; font-weight:600}

hr {clear:both;border:0px; border-bottom:1px solid #ddd; margin:30px 0 20px 0}
.hide {display:none;}
#preloader {	position: fixed;	z-index: 99999;	width: 100%;	height: 100%;	background:#fff url(images/loading-clements.gif) no-repeat center center;opacity:0.9;}


header { width:100%; background-color:#000; z-index:9999; position: fixed; top:0px; box-shadow: 0 4px 5px -5px black;}
header .logo { float:left; width:25%; margin-right:0;height:auto;margin-top:20px;margin-bottom:20px; position:relative; z-index:999; -webkit-transition: all 0.3s;    -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s; transition: all 0.3s;}
header .logo img{ width:100%;  -webkit-transition: all 0.3s;    -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s; transition: all 0.3s;}
header .info {float:right; width:75%; text-align:right; height:15px; color:#FFF100; font-weight:900;  font-size:1.8em; line-height:1.3em; margin:12px 0 0 0; position:relative; z-index:999;-webkit-transition: all 0.3s;    -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s; transition: all 0.3s;}

a.toptel {pointer-events: none;   cursor: default;color:#FFF100; text-decoration:none;}


#carousel {float:left; width:100%; margin:90px 0 30px;  color:#ffffff; text-align:center;  }
.cycle-slideshow{ z-index:11; }
#carousel .slide{ width:100%; height:360px; background-color:#000; background-size:cover; background-position:center center; }
#carousel .slide:after{  content: "";background-color:rgba(0,0,0,0.40); position:absolute; z-index:11;top:0; left:0; width:100%; height:100%;}

#carousel .searchholder{position:absolute; top:110px; width:100%;z-index:12; font-weight:700;letter-spacing:-2px;text-shadow: 0 0 5px black; }
#carousel .searchholder .smltitle{width:100%; font-size:2.3em; }
#carousel .searchholder .smltitle2{width:80%; margin:0 10%; font-size:1.8em; }
#carousel .searchholder .lrgtitle{width:100%; font-size:3.4em; }
/*#carousel a {display:none;}*/



#carousel a {cursor:pointer;position: relative;display: inline-block;text-align:center;
 margin: 0px 20px 0 0; font-weight:900; font-size:1.1em;
 border:0px;padding:12px 14px 14px; border-radius:10px;  text-decoration:none;
   -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
	text-shadow: none;
	letter-spacing:0px;
}


#carousel a:nth-of-type(1n) {text-transform:uppercase;background-color:#000000; color: #FFF100; margin: 0px 19px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
#carousel a:nth-of-type(2n) {text-transform:uppercase; background-color:#FFF100; color:#333333 ; margin: 20px 19px 0 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }
#carousel a:nth-of-type(3n) {text-transform:uppercase; background-color:#cc0000; color: #FFFfff; margin: 20px 19px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
#carousel a:nth-of-type(4n) {text-transform:uppercase; background-color:#FFF100; color:#333333 ; margin: 20px 0px 0 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }


	#carousel .tp {    position: relative !important;    display: inline-block !important;     text-align: center;    margin: 0px 20px 0 0;    font-weight: 900;    font-size: 1.1em;    border: 0px;    padding: 12px 14px 14px;}




#quicksearch {font-size:1em; padding:15px;
width:630px; height:36px; background-color:rgba(0,0,0,0.75); margin:10px auto 0 ; border-radius:8px;}

#quicksearch select:nth-of-type(1n) {width:100px; height:34px; padding:0 10px; margin:0 15px 0 0; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); float:left}
#quicksearch select:nth-of-type(2n) {width:120px; height:34px; padding:0 10px; margin:0 15px 0 0; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); float:left}
#quicksearch input:nth-of-type(1n) {width:220px; height:18px; padding:8px 10px; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); float:left}

#quicksearch button {border-radius:4px;float:right; text-transform:uppercase; display:inline-block;
font-size:1.2em;	 font-weight:900; letter-spacing:-1px;
background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:12px 7px;	
background-size:16%; color:#000000;border:0; padding:5px 16px 5px 44px; margin:0px auto 0;
/*box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);*/}

#quicksearch button:hover {	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	
background-position:11px 6px;	background-size:18%;
/*box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.4);*/}


.box1  {float:left; width:31%; margin-right:3.5%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box1:nth-of-type(3n) {margin-right:0%;}

.box2  {float:left; width:10.75%; margin-right:2%; text-align:center;line-height:100%;
margin-top:1.5%;margin-bottom:3%; height:auto; 
-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box2:nth-of-type(8n) {margin-right:0%;}
.box2 .staff {width:100%;  padding-bottom:90%; background-color:#eee; border-radius:50%; margin:0px auto 10%; background: #ccc center center no-repeat; background-size:100% 100% !important;}
.box2 h3{font-weight:700;}
.box2 h3 div{padding-top:6px;font-weight:400; font-size:0.9em}

.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a { text-decoration:none; color: #000; font-weight:700;}
.maintextbox a:hover, .mainholder a:hover {text-decoration:underline;}
.mainholder {clear:left;float:left; width:100%; margin:0% 0 30px;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0}

.mainholder p,.mainholder h2{/*text-align:center;*/}

.mainholder ul {margin-left:30px; font-size: 1.1em;}


.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0; }
.sidebar {float:right; width:31%;float:right; margin:0% 0 0 0 ; }

#cform fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%}
#cform input {float:left; color:#333; background-color:#e7e7e7; width:100%; margin:0 0 15px 0%;border:0px; height:36px;  padding-left:8px; box-sizing:border-box; font-family: 'Open Sans', sans-serif;font-size:0.9em;  }
#cform select {float:left; color:#333; background-color:#e7e7e7; width:100%; margin:0 0 15px 0%;border:0px; height:36px; box-sizing:border-box; font-family: 'Open Sans', sans-serif;font-size:0.9em;  }
#cform textarea {float:left; color:#333; background-color:#e7e7e7; width:100%;height:144px; margin:0 0 20px 0;border:0px;  box-sizing:border-box; padding:1%; font-family: 'Open Sans', sans-serif;font-size:0.9em; }

#cform .btn {cursor:pointer;position: relative;display: inline-block;text-align:center;
 margin: 0px 25%; width:50%; font-weight:900; font-size:1.2em;
 border:0px;padding:9px 15px; border-radius:10px;  text-decoration:none;
 background-color:#000000; color: #FFF100; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
 font-family: 'Cabin', sans-serif;
}


.sidebar #cform textarea{padding: 2% 2% !important;}


#cform fieldset label {float:left;width:100%; margin:0px 0 6px;  font-size:1.1em; font-weight:700; }
#cform fieldset input[type=checkbox] {float:right;width:20px; margin:0px 0px 20px 0px; background-color:#ffffff;}
#cform fieldset input.regcheck[type=checkbox] {float:none;width:20px;height:auto; margin:0px 5px 00px 0px; background-color:#ffffff;}

button:hover {background-color:#FFF100!important ; color:#000000!important ; }



.tpholder {margin: -110px 0 0 0;    position: absolute;    z-index: 999; text-align: center; width:100%; }

footer {clear:both; width:100%;   color:#333; border-top:1px solid #FFF100; background: #FFF100}
footer h3 { font-size:1.8em; margin:30px 0 10px}
footer .holder { line-height:140%; font-weight:normal; margin:0px auto;}
footer .holder p {margin:0px;}
footer .holder span {display:none;}
footer .holder a { color: #333;font-weight:normal;text-decoration:none  }
footer .holder a:hover { color: #333; text-decoration:underline }

footer .follow a {background-image:url(images/social-sprites.png); background-size:400% auto; 
border-radius:4px;float:left;width:18%; height:0px; padding-top:17.8%; position: relative;display:inline-block; 
text-indent:-10000px; margin-right:9.3%; margin-top:15px;  }
	
footer .follow a:nth-of-type(4n){margin-right:0%; }
footer .follow a.fb {background-position:0 0; background-size:400% auto; }
footer .follow a.tw {background-position:33.3% 0px;}
footer .follow a.gp {background-position:66.6% 0px;}
footer .follow a.li {background-position:100% 0px;}

footer .follow a.fb:after,
footer .follow a.tw:after,
footer .follow a.gp:after,
footer .follow a.li:after {
	content: "";	position: absolute;	top: 0; left: 0; bottom: 0; right: 0;
	background: url(images/social-sprites.png) no-repeat; opacity: 0; background-size:400% auto; 
	-webkit-transition: opacity 0.6s;	-moz-transition:    opacity 0.6s;	-o-transition:      opacity 0.6s;
	border-radius:4px;
	
}

footer .follow a.fb:after {	background-position: 0px 100%;	}
footer .follow a.tw:after {	background-position: 33.3% 100%;	}
footer .follow a.gp:after {	background-position: 66.6% 100%;	}
footer .follow a.li:after {	background-position: 100% 100%;	}

footer .follow a.fb:hover:after,
footer .follow a.tw:hover:after,
footer .follow a.gp:hover:after,
footer .follow a.li:hover:after {
	opacity: 1;
}


footer .subfooter {width:100%; background-color:#FFFFFF}

footer .copyright {float:left; margin-top:20px;}
footer img.accreditations { margin:10px;}
footer .designby {float:right; margin-top:20px;}
 
a.valbtn {cursor:pointer;position: relative;display: inline-block;text-align:center;
 font-weight:900; font-size:1.1em; width:50%; margin:0px 25% 10px;
 border:0px;padding:12px 22px 14px; border-radius:10px;  text-decoration:none;
   -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;

text-transform:uppercase; background-color:#FFF100; color:#333333 ;  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); box-sizing:border-box }

.colourholder a {cursor:pointer;position: relative;display: inline-block;text-align:center;
 margin: 0px 20px 0 0; font-weight:900; font-size:0.9em;
 border:0px;padding:12px 12px 14px; border-radius:10px;  text-decoration:none;
   -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

.colourholder a:nth-of-type(1n) {text-transform:uppercase;background-color:#000000; color: #FFF100; margin: 0px 12px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
.colourholder a:nth-of-type(2n) {text-transform:uppercase; background-color:#FFF100; color:#333333 ; margin: 20px 12px 0 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }
/*.colourholder a:nth-of-type(3n) {text-transform:uppercase; background-color:#000000; color: #FFF100; margin: 20px 12px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}*/
.colourholder a:nth-of-type(3n) {text-transform:uppercase;background-color:#cc0000; color: #FFFfff; margin: 20px 12px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);

 -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;

}
.colourholder a:nth-of-type(4n) {text-transform:uppercase; background-color:#FFF100; color:#333333 ; margin: 20px 0px 0 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }


.colourholder a:hover { text-decoration:none;}
.colourholder a span.short {text-transform:uppercase;}
.colourholder a span.long {display:none;}

.colourholder a:hover {
-webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
  } 

.content1 {float:left;  width:64.5%;}
.content1 p, .content3 p{text-align:left; }
.content2 {float:right; width:64.5%;}
.content3 {float:right;  width:74.5%;}
.image0 {position:relative; float:left; width:31.5%;  margin-top:30px;text-align:center; height:100%}
.image1 {position:relative; float:right; width:31.5%;  margin-top:-40px;text-align:center; height:100%}
.image2 {position:relative; float:left; width:31.5%;  margin-top:20px;text-align:center; height:100%}

.image3 {position:relative; float:left; width:21.5%;  margin-top:0px;text-align:center; height:100%; margin-bottom: -34px;}


.image0 .element{position:relative; z-index:10;float:left; margin-top:-60%; margin-left:50%;width:25%; height:120px;}
.image1 .element{position:relative; z-index:10;float:left; margin-top:-60%; margin-left:50%;width:25%; height:110px;}
.image2 .element{position:relative; z-index:10;float:left; margin-top:-58%; margin-left:5%;width:90%; height:200px;}

.image0 img,
.image1 img,
.image2 img,
.image3 img{
	width:100%;
}
.content3 img.btns{ margin:30px 15px 0 0 !important;}

.pageimage{float:none !important; display: block;width:15%; height:auto; margin:0px auto 20px !important; padding-top:20px;}


/* SEARCH PAGE */

#noimgbuffer {width:100%; height:115px;}

#searchbar {width:25%; float:left;margin-top:0%; }
#searchresults {width:72.5%; float:right; }



.propsearch {box-sizing: border-box; float:left; width:100%; margin:0 3.5% 8% 0 ; padding: 8% ; background-color:#000000; border-radius:8px; }
.propsearch h2 {width:100%; margin:-5px 0 10px 0;font-size:1.5em;color:#FFF100}
.propsearch fieldset {margin:0px; padding:0px;}
.propsearch fieldset input,.propsearch fieldset select, .propsearch fieldset textarea,
#searchresults select {
-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  	box-sizing: border-box;  height:32px;
 border-radius:6px;box-shadow:none !important; 	 border:0px solid #ccc; 	  background-color:#fff;	  color:#000;	  padding:3px 5px;
  }

.propsearch fieldset label {clear:both;float:left;width:100%; margin:0px 0 5px 0; height:25px; font-size:1.2em; color:#ffffff;}
.propsearch fieldset input {float:right;width:100%; margin:0px 0 15px;border:0px; }
.propsearch fieldset input[type=radio] { clear:both;float:left;width:auto; margin:-2px 6px 2px 0; background-color:transparent;}
.propsearch fieldset select {width:47%;margin:0px 0 0px;}
.propsearch fieldset select:nth-of-type(2n) {float:right}

.propsearch fieldset button {width:100%; border-radius:6px;float:right;display:inline-block;font-size:1.1em;	 font-weight:900; letter-spacing:-1px;
background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:10px 8px;	background-size:20px; color:#000000;border:0; padding:8px 10px 8px 32px; margin:0px auto 0;
}

.propsearch fieldset button:hover {	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:9px 7px;	background-size:22px; }
.propsearch hr {clear:both;border:0px; border-bottom:1px solid rgba(255,255,255,0.3); margin:20px 0 10px 0;}



.propsearch2 {box-sizing: border-box; float:left; width:100%; margin:3% 0% 0% 0 ; padding: 2% ; background-color:#000000; border-radius:8px; }
.propsearch2 h2 {width:100%; margin:-5px 0 -10px 0;font-size:1.6em; height:68px;line-height:100%; color:#FFF100; text-align:left !important}

.propsearch2 .sect:nth-of-type(1) {width:32%; margin-top:-0.5%;margin-bottom:-3%; margin-right:2%; float:left;}
.propsearch2 .sect:nth-of-type(2) {width:32%; margin-right:2%; float:left; margin-top:-18px; }
.propsearch2 .sect:nth-of-type(3) {width:32%; float:left;  margin-top:-18px; }

.propsearch2 fieldset {margin:0px; padding:0px;}
.propsearch2 fieldset input, .propsearch2 fieldset select {
-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  	box-sizing: border-box;  height:32px;
 border-radius:6px;box-shadow:none !important; 	 border:0px solid #ccc; 	  background-color:#fff;	  color:#000;	  padding:3px 5px;
  }
.propsearch2 fieldset input {float:right;width:100%; margin:0px 0 0px;border:0px; }
.propsearch2 fieldset select {width:47%;margin:0px 0 0px;}
.propsearch2 fieldset select:nth-of-type(2n) {float:right}
.propsearch2 fieldset label {clear:both;float:left;width:100%; margin:10px 0 5px 0; height:22px; font-size:1.1em; color:#ffffff; overflow:hidden;}
.propsearch2 fieldset label.saletype:nth-of-type(2) {cursor:pointer; margin:0px 0 0px 0;width:30%;float:left; color:#ffffff; display:inline-block; font-size:1.4em; height:auto;}
.propsearch2 fieldset label.saletype:nth-of-type(3) {cursor:pointer; margin:0px 0 0px 0;clear:none;width:30%;float:left; text-align:right;color:#ffffff; display:inline-block;  font-size:1.4em; height:auto;margin:0 0 20px 0; }


.propsearch2 fieldset button {width:100%; border-radius:6px;float:right;display:inline-block;font-size:1.1em;	 font-weight:900; letter-spacing:-1px;
background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:10px 8px;	background-size:20px; color:#000000;border:0; padding:8px 10px 8px 32px; margin:-4px auto 0;
}

.propsearch2 fieldset button:hover {	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:9px 7px;	background-size:22px; }

.propsearch2 hr {display:none; }



.hs {box-sizing: border-box; clear:left; float:left; width:100%; text-align:center; font-size:1.1em; font-weight:600;margin:0 0 10% 0 ; padding: 6% 2% ;  border-radius:8px; }
.hs.yellow {background-color:#FFF100; color:#000000;}
.hs.black { background-color:#000000; color:#ffffff;}
.hs img {margin:12px 0; width:80%; height:auto}

.switchy-container{  position: relative;  margin: 0 auto;  width: 100%;  height: 16px;  background: transparent;  border-radius: 12px;  padding: 8px 0px;}
.switchy-bar{  position: relative;  background: #ffffff;  border-radius: 16px;  box-shadow: 0px 2px 6px #ccc inset;  width: 100%;  height: 100%;  cursor: pointer;}
.switchy-slider{  position: absolute;  width: 32px;  height: 32px;  background: #FFF100;  left: 0px;  cursor: pointer;  border-radius: 16px;  box-shadow: 0px 0px 4px 0px #777;  margin: -8px 0 0 0px;}
.propsearch fieldset label.saletype:nth-of-type(2) {cursor:pointer; width:30%;float:left; color:#ffffff; display:inline-block; font-size:1.4em; }
.propsearch fieldset label.saletype:nth-of-type(3) {cursor:pointer; clear:none;width:30%;float:left; text-align:right;color:#ffffff; display:inline-block;  font-size:1.4em; margin:0 0 20px 0; }


#searchresults .howmany {box-sizing: border-box; clear:left; float:left; width:100%;margin:0 0 3% 0 ; padding: 1.5%; background-color:#000000; color:#FFF100; border-radius:8px; }
#searchresults .howmany p {color:#fff; margin:0.5% 0 0 0; float:left; width:auto; }
#searchresults .howmany select {float:right;width:auto;margin:0px 0 0px;}

#searchresults ul.pager {float:left;margin:0;  padding:0;  width:auto;   display:block; list-style:none; margin:0 3%;}
#searchresults ul.pager li{padding: 7px 9px;line-height:1em; margin:0 8px 0 0;background-color:#FFF100;  color:#000000; display: inline-block; text-align: center; border-radius:4px;}
#searchresults ul.pager li:hover { }
#searchresults ul.pager li a {font-weight:bold; text-decoration:none !important; }
#searchresults ul.pager li a:hover {text-decoration:none !important;}
#searchresults ul.pager li.selected, #searchresults ul.pager li.selected a { background-color:#ffffff !important; color:#000000 !important;}

.properties {clear:both;width:100%;  margin:3% 0 0; border:1px solid #ccc; background-color:#FFFFFF;border-top:6px solid #FFF100;border-bottom:6px solid #000000;}
.properties:before, .properties:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.properties:after {	clear: both;}
.properties:hover {background-color:#F4F4F4;}
.properties .image{float:left; width:30%;  margin:1% 1% 0.5% 1% ; position:relative}
.properties .image img.prop{max-width:100%; border:0; padding:0px; margin:0px;}
.properties .image img.banner{position:absolute; top:3%; left:2%;}
.properties .info{ float:right; width:64%;  margin:0px 2% 0px 0; padding:0px;}
.properties .info p.loc{text-align:left ;font-size:1.2em;font-weight:600; margin:10px 0 0 0;line-height:100%}
.properties .info p.price{text-align:left ;margin:0 0 0 0; font-size:1.2em;font-weight:400; color:#666}
.properties .info p.desc{text-align:left ;margin:5px 0 20px 0; font-size:1em; font-weight:normal}

/* SEARCH PAGE */










/*PROPERTY DETAIL */
.flexslider {clear:both;width: 100%;    display: inline-block;    position: relative}
.flexslider .slides li {    background-size:cover; background-position:center center; overflow:hidden;  display: block;    content: '';}
.flexslider.props {clear:both;width: 100%;   display: inline-block;    position: relative; margin-top:0px;  }
.flexslider.props .slides li { padding-bottom: 75%;   background-size:cover; background-position:center center; overflow:hidden;  display: block;    content: '';}
.flexslider .fholder {}
.flex-title {		float:left; 	color:#fff; width:auto;  line-height:110%; text-align:left; font-size:3.5em; letter-spacing:-4px;font-weight:700; margin-top:30px;padding-bottom:30px;border-bottom:2px solid #8C182C; text-shadow: 0 0 5px black;}
.flex-strapline {	float:left; color:#fff; clear:left; width:auto;  line-height:140%; text-align:left; font-size:2.0em; letter-spacing:-1px;font-weight:400;   margin-top:30px;    text-shadow: 0 0 3px black;}


a.overlay {width:100%; height:100%;background-color:transparent; display:block; position: absolute;  top: 0;}

#propshots {border-top:1px solid #ffffff;margin-top:2px;height:100px !important;z-index:998; }
#propshots  .slides li {margin-right:1px;height:90px !important;  cursor:pointer}
#propslider .flex-direction-nav { display:none}


#map, #streetview  {width:100%;height:400px; margin-bottom:30px;}

ul.bullets {float:left; width:47%;   }
ul.bullets li { list-style-type: none;background: url(images/cbullet.png) no-repeat top left; padding-left: 30px;line-height:1.3em; margin:3% 0 0 0%;font-weight:normal; font-size:1.1em;}
ul.bullets:nth-of-type(2n){float:right;   }


#topbox {width:100%; padding:2% 2% 1.5% 2%; box-sizing:border-box; height:auto;border-top:6px solid #fff100; border-bottom:6px solid #000000; margin-top:115px; margin-bottom:2%; background-color:#f4f4f4}
#topbox .left {float:left;width:48.5%;}
#topbox .right {float:right;width:48.5%; margin-top:0px;}
#topbox .right h1 {font-size:1.7em; margin:0px 0 0px;}
#topbox .right h2 {font-size:1.5em;  margin:0px 0 10px}
#topbox .right .priceinfo {font-size:1.4em; letter-spacing:-1px;margin:0px 0 10px;}

#topbox .right a.dl_btn {float:left; width:47.5%; cursor:pointer;display: inline-block;text-align:center;font-weight:900; font-size:1.3em; border:0px;padding:14px 0px; border-radius:10px;  text-decoration:none; background-color:#000000; color: #FFF100; margin: 0px 0% 16px 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
#topbox .right a.rv_btn {float:right; width:47.5%; cursor:pointer;display: inline-block;text-align:center;font-weight:900; font-size:1.3em; border:0px;padding:14px 0px; border-radius:10px;  text-decoration:none; background-color:#FFF100; color:#333333 ; margin: 0px 0% 16px 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }


/* tABS OVERIDE */

.ui-tabs {padding: 0em; font-family: 'Cabin', sans-serif;	 font-size:1em; margin-bottom:20px;}
.ui-widget-content {border:0 !important;}
.ui-tabs .ui-tabs-panel {padding: 0;}
.ui-widget-header {	border: 0px;	 background: none ;	color: #333;	 height:auto;border-bottom:6px solid #fff100; }


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {	border: 0;	background: #f3f3f3;	color: #444444;}


.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {border: 0;	background: #fff100;	color: #000000;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{	border: 0;	background: #f0f0f0;	color: #444444;}


.ui-state-active.ui-state-hover{	border: 0;	background: #fff100;	color: #000000;}


.ui-tabs .ui-tabs-nav {	padding:0; }
.ui-tabs .ui-tabs-nav li {width:15%;	margin: 0 2% 0 0; letter-spacing:-1px; font-weight:600; font-size:1.1em; text-align:center}
.ui-tabs .ui-tabs-nav li.seven {width:12.55%;	margin: 0 2% 0 0; letter-spacing:-1px; font-weight:600; font-size:1.1em; text-align:center}
.ui-tabs-nav li:nth-of-type(6n){	margin: 0 0% 0 0;  }
.ui-tabs-nav li.seven:nth-of-type(7n){	margin: 0 0% 0 0;  }
.ui-tabs-nav li a{width:100%; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {	 padding: 4% 0;}
/*GMAP TAB FIX*/
.ui-tabs .ui-tabs-hide {
      position: absolute;
      left: -10000px;
      top: -10000px;    
}


 /*PROPERTY DETAIL END*/






@media(min-width:1200px){
	.holder { max-width:1170px;}
	header .logo { float:left; width:20%; }
	header .info {float:right; width:80%; }
	
	.colourholder a {cursor:pointer;position: relative;display: inline-block;text-align:center;
 margin: 0px 20px 0 0; font-weight:900; font-size:1.1em;
 border:0px;padding:12px 14px 14px; border-radius:10px;  text-decoration:none;
   -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

.colourholder a:nth-of-type(1n) {text-transform:uppercase;background-color:#000000; color: #FFF100; margin: 0px 19px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
.colourholder a:nth-of-type(2n) {text-transform:uppercase; background-color:#FFF100; color:#333333 ; margin: 20px 19px 0 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }
.colourholder a:nth-of-type(3n) {text-transform:uppercase; background-color:#cc0000; color: #FFFfff; margin: 20px 19px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
/*.colourholder a:nth-of-type(3n) {text-transform:uppercase; background-color:#000000; color: #FFF100; margin: 20px 19px 0 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}*/
.colourholder a:nth-of-type(4n) {text-transform:uppercase; background-color:#FFF100; color:#333333 ; margin: 20px 0px 0 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }



}



@media(min-width:991px){
header.smaller {    height: 70px;}
header.smaller .logo {margin-top:15px;margin-bottom:15px; }
header.smaller .logo img {    width: 186px;    }
header.smaller .nav {margin:22px 0 0 0;}
header.smaller .info {display:none; }

}




/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){ 
ACTIVE WHEN LIVE*/ 
@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	a.valbtn {width:100%; margin:0px 0% 10px;}
	

	.holder {width:100%;font-size:1em;}
	header { width:100%; margin:0px; height:68px;padding:0px;}
	header .logo { float:left; height:100%;width:24%; margin:0;height:auto; }
	header .logo img{margin:15px 5% 0 10%; height:36px; width:auto;}
	
	#noimgbuffer {width:100%; height:90px;}
	
	#carousel {float:left; width:100%; margin:68px 0 30px;  color:#ffffff; text-align:center;  }

	header .info { margin-right:60px;width:55%;}
	header .info a {color:#FFF100; text-decoration:none;}

	a.toptel {pointer-events:auto;   cursor: pointer;color:#FFF100; text-decoration:none;}

	footer .holder,
	.colourholder .holder,
	.colourholder2 .holder,
	.featuredholder .holder { width:94%; margin:0 3% 1% 3%;}
	
	.mainholder {clear:left;float:left; width:94%; margin:0% 0 20px;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 3%}	
	.maintextbox, .sidebar {clear:left;float:left; width:94%; margin:0% 3%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
	.sidebar {margin:3% 3% 0;}
	
	.box2  {float:left; width:30%; margin-right:5%; text-align:center;line-height:100%;margin-top:3%;margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
	.box2:nth-of-type(3n) {margin-right:0%;}

.colourholder a { font-size:1.1em; }
	.colourholder a:nth-of-type(1n) {width:22.6%;  margin: 20px 2.5% 0 0; padding:14px 10px; box-sizing:border-box; letter-spacing:-1px}
	.colourholder a:nth-of-type(2n) {width:22.6%;  margin: 20px 2.5% 0 0; padding:14px 10px;box-sizing:border-box; letter-spacing:-1px}
	.colourholder a:nth-of-type(3n) {width:22.6%;  margin: 20px 2.5% 0 0; padding:14px 10px;box-sizing:border-box; letter-spacing:-1px}
	.colourholder a:nth-of-type(4n) {width:22.6%;  margin: 20px 0% 0 0; padding:14px 10px;box-sizing:border-box; letter-spacing:-1px}
	
	h1,h2, p {text-align:center !important}
	
	.content1 { width:100%;}
	.content2 { width:100%;}
	
	.image0 { width:100%; margin:20px 0;text-align:center}
	.image1 { width:100%; margin:20px 0;text-align:center}
	.image2 {width:100%; margin:30px 0 0 ;text-align:center}
	.image0 .element{position:absolute; z-index:10;float:left; margin-top:0%; margin-left:-28%;width:25%; height:110px; }
	.image1 .element{position:absolute; z-index:10;float:left; margin-top:0%; margin-left:-28%;width:25%; height:110px; }
	.image2 .element{position:absolute; z-index:10;float:left; margin-top:-170px; margin-left:5%;width:90%; height:200px;}

	
	.image0 img,
	.image1 img,
	.image2 img{		width:33%;	}
	
	

.pageimage{float:none !important; display: block;width:25%; height:auto; margin:0px auto 20px !important; padding-top:20px;}


	
	
	
.featuredholder .listing .image {	 margin:3%; box-sizing:border-box; width:94%;  background-size:cover; background-position:center center;  padding-top: 66%;}
.featuredholder .listing .status {	width:94%; font-size:1.2em; float:left; color:#FFF100; margin:0px 3%;  text-align:center; }
.featuredholder .listing .price {	width:94%; font-size:1.2em; float:right; color:#ffffff; margin:0px 3%; text-align:center;}
.featuredholder .listing .address {width:94%; font-size:1.2em; color:#ffffff;  margin:10px 3%;  text-align:center	}




	
	footer .holder {margin-top:3%; margin-bottom:-3%;}
	footer .holder p { text-align:center}
	footer h3 { display:none;}
	footer .holder p a  {	font-size:0.8em; }
	footer .holder span {display:inline;}
	
	footer .copyright {clear:both; width:100%; text-align:center; float:left; margin-top:0px;}
	footer img.accreditations {padding:10px; width:100%; margin:0px auto;}
	footer .designby {clear:both; width:100%; text-align:center;  margin:0px 0 10px 0;}
	
	#prev, #next {display:none; }
	
	#carousel .searchholder .smltitle{width:100%; font-size: 4vw; letter-spacing:0px; }
	#carousel .searchholder .smltitle2{width:90%; margin:0 5%; font-size: 2.7vw; letter-spacing:0px; }
	#carousel .searchholder .lrgtitle{width:100%; font-size:6vw; }
	
	#quicksearch {font-size:1em; padding:15px;	width:80%; height:36px; background-color:rgba(0,0,0,0.75); margin:10px auto 0 ; border-radius:8px;}
	#quicksearch select:nth-of-type(1n) {width:13%; height:34px; box-sizing:border-box; padding:0 3%; margin:0 2% 0 0; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); float:left}
	#quicksearch select:nth-of-type(2n) {width:22%; height:34px; box-sizing:border-box; padding:0 2%; margin:0 2% 0 0; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); float:left}
	#quicksearch input:nth-of-type(1n) {width:38%; height:34px; box-sizing:border-box; padding:8px 2%; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); float:left}
	#quicksearch button {width:21%; height:34px;border-radius:4px;float:right; text-transform:uppercase; display:inline-block;	font-size:1.2em;	 font-weight:900; letter-spacing:-1px;	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:8% 7px;		background-size:20px; color:#000000;border:0; padding:0px 0px 0px 4%; margin:0px auto 0;box-sizing:border-box;}
	#quicksearch button:hover {	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;		background-position:8% 6px;	background-size:22px;}
	
	
	.hide {display:block;}
	/* SEARCH PAGE 
	 #searchbar {width:34.5%; float:left;margin-top:0%; }
	#searchresults {width:63%; float:right; }
	
	
	
	.propsearch {box-sizing: border-box; float:left; width:100%; margin:0 3.5% 8% 0 ; padding: 8% ; background-color:#000000; border-radius:8px; }
	.propsearch h2 {width:100%; margin:-5px 0 10px 0;font-size:1.2em;color:#FFF100}
	.propsearch fieldset {margin:0px; padding:0px;}
	.propsearch fieldset label {clear:both;float:left;width:100%; margin:0px 0 5px 0; height:25px; font-size:0.9em; color:#ffffff;}
*/
 #searchbar {width:100%; float:left;margin-bottom:3%; }
	#searchresults {width:100%; float:right; }
	
	
	
	.propsearch {box-sizing: border-box; float:left; width:100%; margin:0 0% 0% 0 ; padding: 2% ; background-color:#000000; border-radius:8px; }
	.propsearch h2 {width:100%; margin:-5px 0 -10px 0;font-size:1.8em; height:68px;line-height:100%; color:#FFF100}
	
	.propsearch .sect:nth-of-type(1) {width:31%; margin-top:0%;margin-bottom:-3%; margin-right:3.5%; float:left;}
	.propsearch .sect:nth-of-type(2) {width:31%; margin-right:3.5%; float:left; margin-top:-18px; }
	.propsearch .sect:nth-of-type(3) {width:31%; float:left;  margin-top:-18px; }
	
	.propsearch fieldset {margin:0px; padding:0px;}
	.propsearch fieldset input {float:right;width:100%; margin:0px 0 0px;border:0px; }
	.propsearch fieldset label {clear:both;float:left;width:100%; margin:10px 0 5px 0; height:22px; font-size:1.1em; color:#ffffff; overflow:hidden;}
	
	.propsearch fieldset label.saletype:nth-of-type(2) {cursor:pointer; margin:0px 0 0px 0;width:30%;float:left; color:#ffffff; display:inline-block; font-size:1.4em; height:auto;}
.propsearch fieldset label.saletype:nth-of-type(3) {cursor:pointer; margin:0px 0 0px 0;clear:none;width:30%;float:left; text-align:right;color:#ffffff; display:inline-block;  font-size:1.4em; height:auto;margin:0 0 20px 0; }
.propsearch fieldset button {margin:0px auto 0; font-size:1.0em;}


.propsearch hr {display:none; }
.hs {display:none; }

.propsearch2 h2 {width:100%; margin:0px 0 -10px 0;font-size:1.3em; height:68px;line-height:100%; color:#FFF100; text-align:left !important}
.propsearch2 fieldset button {width:100%; border-radius:6px;float:right;display:inline-block;font-size:0.9em;	 font-weight:900; letter-spacing:-1px;
background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:10px 8px;	background-size:20px; color:#000000;border:0; padding:8px 10px 8px 32px; margin:-4px auto 0;
}

.propsearch2 fieldset button:hover {	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:9px 7px;	background-size:22px; }
.propsearch2 fieldset label.saletype:nth-of-type(2),
.propsearch2 fieldset label.saletype:nth-of-type(3) {font-size:1.2em;}


	#searchresults .howmany {box-sizing: border-box; clear:left; float:left; width:100%;margin:0 0 3% 0 ; padding: 0%; background-color:#fff; color:#00000; border-radius:8px; }
	#searchresults .howmany p {width:59%; color:#000; margin:0%; float:left; text-align:left; }
	#searchresults .howmany select {float:right;width:32%;margin:0px 0 0px; background-color:#cccccc;}
	
	#searchresults ul.pager {clear:both; float:left;margin:0 0 0 0;  padding:0;  width:100%;   display:block; list-style:none; margin:0 0%; text-align:left}
	#searchresults ul.pager li{padding: 7px 9px;line-height:1em; margin:0% 8px 0 0;background-color:#FFF100;  color:#000000; display: inline-block; text-align: center; border-radius:4px;}
	#searchresults ul.pager li.selected, #searchresults ul.pager li.selected a { background-color:#000000 !important; color:#FFF100 !important;}



	.properties h1, .properties  p{text-align:left;}
	.properties .image{float:left; width:40%;  margin:1% 1% 0.5% 1% ; position:relative}
.properties .image img.prop{max-width:100%; border:0; padding:0px; margin:0px;}
.properties .image img.banner{position:absolute; top:3%; left:2%;}
.properties .info{ float:right; width:54%;  margin:0px 2% 0px 0; padding:0px;}
.properties .info p.loc{font-size:1.2em;font-weight:600; margin:10px 0 0 0; }
.properties .info p.price{margin:0 0 0 0; font-size:1.2em;font-weight:400; color:#666}
.properties .info p.desc{margin:5px 0 20px 0; font-size:1em; font-weight:normal}
	/* SEARCH PAGE */
	
	.flexslider.props { margin-top:0px; }
	
	
	#topbox {width:96%; margin:0% 2%; padding:2% 2% 1.5% 2%; box-sizing:border-box; height:auto;border-top:6px solid #fff100; border-bottom:6px solid #000000; margin-top:85px; margin-bottom:2%; background-color:#f4f4f4}
#topbox .left {float:left;width:48.5%;}
#topbox .right {float:right;width:48.5%; margin-top:0px;}
#topbox .right h1 {text-align:left !important; font-size:1.5em; margin:0px 0 0px;}
#topbox .right h2 {text-align:left !important; font-size:1.4em;  margin:0px 0 10px}
#topbox .right .priceinfo {font-size:1.3em; letter-spacing:-1px;margin:0px 0 10px;}

#topbox .right a.dl_btn {float:left; width:47.5%; cursor:pointer;display: inline-block;text-align:center;font-weight:900; font-size:1.0em; border:0px;padding:14px 0px; border-radius:10px;  text-decoration:none; background-color:#000000; color: #FFF100; margin: 0px 0% 16px 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
#topbox .right a.rv_btn {float:right; width:47.5%; cursor:pointer;display: inline-block;text-align:center;font-weight:900; font-size:1.0em; border:0px;padding:14px 0px; border-radius:10px;  text-decoration:none; background-color:#FFF100; color:#333333 ; margin: 0px 0% 16px 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }

#topbox .right ul.bullets li { list-style-type: none;background: url(images/cbullet.png) no-repeat top left; padding-left: 30px;line-height:1.1em; margin:3% 0 0 0%;font-weight:normal; font-size:1.0em;}
.thide {display:none;}
.ui-tabs {padding: 0 2% 2%; font-family: 'Cabin', sans-serif;	 font-size:1em; margin-bottom:20px;}
.ui-tabs .ui-tabs-nav li {font-size: 0.9em; }



}


@media only screen 
and (min-width : 0px) 
and (max-width : 568px){
	
	
	.newsimage{width:100%; height:auto; float:right; margin: 0 0% 35 0%}

	
	.imgright {width: 100%; height: auto; margin: 0 0 3% 0%; float: right;}
	
.content3 {float:right;  width:100%; text-align: center}
.image3 {position:relative; float:left; width:50%;  margin:0px 25%;text-align:center; height:100%; margin-bottom: 30px;}
.image3 img{	width:100%;}
.content3 img.btns{ margin:30px 0px 0 0 !important;}

	
	h1 {font-size:1.8em; margin-top:-10px;}
	header .info { background:url(images/phone-icon.png) no-repeat right 8px; background-size:70%; width:44px; height:44px;}
	header .info span {display:none}
	
	footer .holder .box1 {width:94%; margin:0 3% 1% 3%;}
	footer .follow a {margin-bottom:20px; }
	footer .holder p a  {	font-size:1em; }
	
	#carousel .slide{ width:100%; height:440px;}
	#carousel .searchholder{position:absolute; top:90px; width:100%;z-index:12; font-weight:700;letter-spacing:-2px;text-shadow: 0 0 0px black; }
	#carousel .searchholder .smltitle{width:100%; font-size: 1.53em; letter-spacing:-1px; }
	#carousel .searchholder .smltitle2{width:90%; margin:2% 5% 4%;  font-size: 1.4em; letter-spacing:-1px; }
	#carousel .searchholder a br{display:none; }
	#carousel .searchholder .lrgtitle{width:100%; font-size:1.8em; }
	
	
		.box2  {float:left; width:47%; margin-right:6%; text-align:center;line-height:100%;
margin-top:6%;margin-bottom:0%; height:auto; 
-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }

.box2:nth-of-type(3n),.box2:nth-of-type(6n) {margin-right:6%;}
.box2:nth-of-type(2n) {margin-right:0%;}	
	
	.image0 img,.image1 img,.image2 img{	width:66%;}
	
	.image0 .element{position:absolute; z-index:10;float:left; margin-top:0%; margin-left:-44%;width:25%; height:110px; }
	.image1 .element{position:absolute; z-index:10;float:left; margin-top:0%; margin-left:-44%;width:25%; height:110px; }
	.image2 .element{position:absolute; z-index:10;float:left; margin-top:-170px; margin-left:5%;width:90%; height:200px;}

	
	.colourholder br{ display:none;}
	.colourholder a {padding:10px 0px !important }
	.colourholder a:nth-of-type(1n) {width:92%;  margin: 20px 4% 0 4%; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.3); }
	.colourholder a:nth-of-type(2n) {width:92%;  margin: 15px 4% 0 4%; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.3);}
	.colourholder a:nth-of-type(3n) {width:92%;  margin: 15px 4% 0 4%; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.3);}
	
	.colourholder a span.short {display:none;}
	.colourholder a span.long {display:inline; font-size:1.1em;}
	
	#quicksearch {font-size:1em; padding:0px; height:auto;background-color:transparent; 
	width:76%;   margin:10px auto 0 ; border-radius:0px;}
	
	#quicksearch select:nth-of-type(1n) {width:47%; float:left; height:34px; box-sizing:border-box; padding:0 3%; margin:0 0% 0 0; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); }
	#quicksearch select:nth-of-type(2n) {width:47%; float:right;height:34px; box-sizing:border-box; padding:0 3%; margin:0 0% 0 0; border:0; border-radius:4px; background-color:rgba(255,255,255,0.85); }
	#quicksearch input:nth-of-type(1n) {width:100%; height:34px; box-sizing:border-box; padding:8px 2%; border:0; margin:5% 0% 0 0;border-radius:4px; background-color:rgba(255,255,255,0.85); float:left}
	
	#quicksearch button {width:40%; height:34px;border-radius:4px;float:none; text-transform:uppercase; display:inline-block;
	font-size:1.0em;	 font-weight:900; letter-spacing:-1px;
	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;	background-position:8% 7px;	
	background-size:20px; color:#000000;border:0; padding:0px 0px 0px 4%; margin:5% auto 30px auto;box-sizing:border-box;}
	
	#quicksearch button:hover {	background:#FFF100 url(images/search-icon.png);	background-repeat:no-repeat;		background-position:11px 6px;	background-size:18%;}
	
	
	
	#carousel a {cursor:pointer;position: relative;display: inline-block;text-align:center; width:92%;  margin: 0px 4% 15px 4% !important;font-weight:900;letter-spacing:0px; font-size:1.1em; border:0px;padding:10px 0px; border-radius:10px;  text-decoration:none; box-sizing:border-box;		}
#carousel a:nth-of-type(1n) {background-color:#000000; color: #ffffff; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.3);}
#carousel a:nth-of-type(2n) { background-color:#FFF100; color:#333333 ;  box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.2); }
#carousel a:nth-of-type(3n) {     background-color: #cc0000;color: #ffffff;  box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.3);}
#carousel a:hover { text-decoration:underline;}

	.tpholder{ margin: -85px 0 0 0;  }
	#carousel .tp {    position: relative !important;    display: inline-block !important;     text-align: center;    margin: 0px 15px 0 0;    font-weight: 900;   padding:12px 5px 0 !important; font-size: 1.1em;    border: 0px;   }
	#carousel .tp img {width:60px !important;  }

a.featprop .listing {	width:100%; margin-right:0%; margin-bottom:3%;float:left; background-color:#222222;}
a.featprop:nth-of-type(3n) .listing {margin-right:0px;} 
.featuredholder .listing .image {	 margin:3%; box-sizing:border-box; width:94%;  background-size:cover; background-position:center center;  padding-top: 66%;}
.featuredholder .listing .status {	width:94%; font-size:1.2em; float:left; color:#FFF100; margin:0px 3%;  text-align:center}
.featuredholder .listing .price {	width:94%; font-size:1.2em; float:right; color:#ffffff; margin:0px 3%; text-align:center}
.featuredholder .listing .address {width:94%; font-size:1.2em; color:#ffffff;  margin:10px 3%;  text-align:center	}


/* SEARCH PAGE */
	 #searchbar {width:100%; float:left;margin-bottom:3%; }
	#searchresults {width:100%; float:right; }
	
	.hide {display:none;}
	
	.propsearch {box-sizing: border-box; float:left; width:100%; margin:0 0% 0% 0 ; padding: 6% ; background-color:#000000; border-radius:8px; }
	.propsearch h2 {width:100%; margin:-5px 0 10px 0;font-size:1.8em;color:#FFF100; height:auto;}
	.propsearch fieldset {margin:0px; padding:0px;}
	.propsearch fieldset label {clear:both;float:left;width:100%; margin:10px 0 5px 0; height:32px; font-size:1.4em; color:#ffffff;}
	.propsearch fieldset label.saletype:nth-of-type(2) {cursor:pointer; margin:0px 0 0px 0;width:30%;float:left; color:#ffffff; display:inline-block; font-size:1.4em; }
	.propsearch fieldset label.saletype:nth-of-type(3) {cursor:pointer; margin:0px 0 0px 0;clear:none;width:30%;float:left; text-align:right;color:#ffffff; display:inline-block;  font-size:1.4em; margin:0 0 20px 0; }
	.propsearch .sect:nth-of-type(1),
	.propsearch .sect:nth-of-type(2),
	.propsearch .sect:nth-of-type(3) {width:100%; margin:0px; background-color:transparent}
	.propsearch hr {display:none; }
	.propsearch fieldset button {margin:22px auto 0; font-size:1.3em;}

	
	.propsearch2 h2 {width:100%; margin:0px 0 10px 0;font-size:1.6em;color:#FFF100; height:auto; text-align:center !important}
	.propsearch2 fieldset {margin:0px; padding:10px;}
	.propsearch2 fieldset label {clear:both;float:left;width:100%; margin:10px 0 5px 0; height:32px; font-size:1.4em; color:#ffffff;}
	.propsearch2 fieldset label.saletype:nth-of-type(2) {cursor:pointer; margin:0px 0 0px 0;width:30%;float:left; color:#ffffff; display:inline-block; font-size:1.4em; }
	.propsearch2 fieldset label.saletype:nth-of-type(3) {cursor:pointer; margin:0px 0 0px 0;clear:none;width:30%;float:left; text-align:right;color:#ffffff; display:inline-block;  font-size:1.4em; margin:0 0 20px 0; }
	.propsearch2 .sect:nth-of-type(1),
	.propsearch2 .sect:nth-of-type(2),
	.propsearch2 .sect:nth-of-type(3) {width:100%; margin:0px; background-color:transparent}
	.propsearch2 hr {display:none; }
	.propsearch2 fieldset button {margin:0px auto 0; font-size:1.3em;}


	.hs {display:none; }


	#searchresults .howmany {box-sizing: border-box; clear:left; float:left; width:100%;margin:2% 0 2% 0 ; padding: 0%; background-color:#ffffff; color:#000000; border-radius:8px; }
	#searchresults .howmany p {width:100%; color:#000000; margin:0% 0 2% 0%; font-size:1.3em; float:left; text-align:center; }
	#searchresults .howmany select {float:right;width:100%;margin:0px 0% 0px;}
	
	#searchresults ul.pager {clear:both; float:left;margin:0;  padding:2% 0;  width:100%;   display:block; list-style:none; margin:0 0%; text-align:center}
	#searchresults ul.pager li{padding: 7px 9px;line-height:1em; margin:2% 8px 2% 0;background-color:#FFF100;  color:#000000; display: inline-block; text-align: center; border-radius:4px;}


.properties {width:100%;  margin:10px 0 25px; }
.properties h1, .properties  p{text-align:center;}
.properties:hover {background-color:#F4F4F4;}
.properties .image{float:left; width:94%;  margin:2% ; padding:1% 1% 0 1%; background-color:#fff; position:relative}
.properties .image img.prop{max-width:100%; border:0; padding:0px; margin:0px;}
.properties .image img.banner{position:absolute; top:1%; left:1%;}
.properties .info{ float:right; width:94%;  margin:0px 2% 0px 2%; padding:0 0 5% 0;}
.properties .info p.desc{display:none;margin:5px 0 0 0; font-size:0.85em;}

/* SEARCH PAGE */


#topbox {width:96%; margin:0% 2%; padding:2% 2% 1.5% 2%; box-sizing:border-box; height:auto;border-top:6px solid #fff100; border-bottom:6px solid #000000; margin-top:85px; margin-bottom:2%; background-color:#f4f4f4}
#topbox .left {float:left;width:100%;}
#topbox .right {float:right;width:100%; margin-top:2%;}
#topbox .right h1 {text-align:left !important; font-size:1.5em; margin:0px 0 0px;}
#topbox .right h2 {text-align:left !important; font-size:1.4em;  margin:0px 0 10px}
#topbox .right .priceinfo {font-size:1.3em; letter-spacing:-1px;margin:0px 0 10px;}

#topbox .right a.dl_btn {float:left; width:47.5%; cursor:pointer;display: inline-block;text-align:center;font-weight:900; font-size:1.0em; border:0px;padding:14px 0px; border-radius:10px;  text-decoration:none; background-color:#000000; color: #FFF100; margin: 0px 0% 16px 0; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);}
#topbox .right a.rv_btn {float:right; width:47.5%; cursor:pointer;display: inline-block;text-align:center;font-weight:900; font-size:1.0em; border:0px;padding:14px 0px; border-radius:10px;  text-decoration:none; background-color:#FFF100; color:#333333 ; margin: 0px 0% 16px 0; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); }

#topbox .right ul.bullets li { list-style-type: none;background: url(images/cbullet.png) no-repeat top left; padding-left: 30px;line-height:1.1em; margin:3% 0 0 0%;font-weight:normal; font-size:1.0em;}
.thide {display:none;}
.ui-tabs {padding: 0 2% 2%; font-family: 'Cabin', sans-serif;	 font-size:1em; margin-bottom:20px;}

.ui-tabs .ui-tabs-nav li,.ui-tabs .ui-tabs-nav li.seven {
width: 50%;
margin: 0 0% 0 0;
letter-spacing: -1px;
font-weight: 600;
font-size: 1.1em;
text-align: center;
	
		
	
}

#feesbox div {margin:10% 10%;display: table-cell;    vertical-align: middle;background:#ffffff;text-align:left;padding:30px;    box-shadow:0 0 25px #111;    -webkit-box-shadow:0 0 25px #111;    -moz-box-shadow:0 0 25px #111;    width:80%;box-sizing:border-box;float:left;}

}