/* Website colours
Lime Green - #C1D72E
 Website colours */

/* Core layout */
body {
	background: #333 !important;
}

html, body {
	height: 100%;
}

#no-background-image {
	background: #000 !important;
}

#header {
	background: url('../images/trans-pixel.png');
	border-bottom: 10px solid #C1D72E;
	margin-bottom: 3em;
}

#header .container {
	position: relative;
}

#phoneNumber {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #C1D72E;
	font-size: 2em;
}

#phoneNumber a {
	color: #C1D72E;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -30px;
}

#indexWrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

.nav {
	margin-top: 55px;
}

.navbar { /* Bootstrap navbar overrides */
	background: none;
	border: none;
	border-radius: 0;
}

.nav li a {
	padding: 10px 5px;
	color: #fff !important;
	font-size: .9em;
}

.nav li a:hover {
	color: #C1D72E !important;
}

.nav .active a {
	background: none !important;
	color: #C1D72E !important;
}

.content {
	background: url('../images/trans-pixel.png');
	border-radius: 10px;
	padding: 5px 30px 20px 30px;
	margin: 0 0 5px 0;
	color: #fff;
}

.content h1, .content h2 {
	color: #C1D72E;
}

.content a {
	color: #C1D72E;
}

.testimonial {
	height: 200px;
	margin: 0 0 20px 0;
}

.pageNav {
	padding: 30px 30px 20px 30px;
}

.pageNav p {
	background: #000;
	border: 1px solid #C1D72E;
	border-radius: 5px;
}

.pageNav p:hover {
	background: #C1D72E;
}

.pageNav p a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}

.pageNav p a:hover {
	color: #000;
}

.subNav p {
	background: #000;
	border: 1px solid #C1D72E;
	border-radius: 5px;
}

.subNav p:hover {
	background: #C1D72E;
}

.subNav p a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}

.subNav p a:hover {
	color: #000;
}

.well {
	background: url('../images/trans-pixel.png');
	border: 1px solid #C1D72E;
}

#smlPush, #smlFooter {
  height: 30px;
}

#indexPush, #indexFooter {
  height: 60px;
}

#smlFooter, #indexFooter {
	background: url('../images/trans-pixel.png');
	clear: both;
	padding: 6px 30px 0 30px;
	text-align: right;
	color: #fff;
	font-size: .7em;
}

footer a, footer a:hover {
	color: #C1D72E;
}
/* Core layout */

/* Property search results */
.propertyresult {
	position: relative;
	height: 200px;
	margin: 0 0 10px 0;
}

.cornerFlash {
	position: absolute;
	top: 0;
}

.propertydetails a {
	color: #fff;
}

.propertyprice a {
	color: #C1D72E;
}

.propertyimg img {
	width: 100% !important;
	height: 140px;
	margin-bottom: .5em;
}
/* Property search results */

/* Full property details */
#fullPropertyDetail {
	padding-bottom: 70px;
}

#fullDetailsHeader {
	margin: 0 0 10px 0;
}

.fullDetailsLogo {
	padding: 20px 0 0 0;
}

.propLinks {
	margin: 20px 0 0 0;
}

#fullDetailsFeatures {
	padding: 0 0 0 15px;
}

.fullDetailsLinks a {
	display: block;
	background: #000;
	border: 1px solid #C1D72E;
	border-radius: 5px;
	font-size: .9em;
	padding: 4px 0 4px 0;
	margin: 4px 0 4px 0;
	color: #fff;
}

.fullDetailsLinks a:hover {
	background: #C1D72E;
	color: #000;
	text-decoration: none;
}

#fullDetailsThumbnails {
	margin: 0 0 20px 0;
}

#thumbs {
	list-style: none;
}

#thumbs li {
	float: left;
}

#thumbs img {
	border: 2px solid #000;
	height: 50px;
}

#thumbs img:hover {
	border: 2px solid #C1D72E;
}

.propContent {
	position: relative;
}

#closeButtonNew a {
	position: absolute;
	display: block;
	text-decoration: none;
	padding: 0px;
	background: url('../images/buttonClose.png') center bottom no-repeat;
	height: 20px;
	width: 20px;
	float: right;
	top: 2px;
	right: 2px;
}

#closeButtonNew .down {
	position: absolute;
	display: block;
	text-decoration: none;
	padding: 0px;
	color: #FFF;
	background: url('../images/buttonOpen.png') center bottom no-repeat;
	height: 20px;
	width: 20px;
	float: right;
	top: 2px;
	right: 2px;
}

#viewing-request {
	border: none;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

#googlemap {
	width: 100%;
	height: 300px;
}

#bs_nextimage a:link, #bs_nextimage a:visited {
	background-image: url('../images/next-image.png');
	display: block;
	height: 55px;
	width: 55px;
	position: absolute;
	right: 5px;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
}

#bs_previmage a:link, #bs_previmage a:visited {
	background-image: url('../images/prev-image.png');
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 55px;
	width: 55px;
	position: absolute;
	left: 5px;
	top: 50%;
}
	
#bs_previmage a:hover, #bs_previmage a:active {
	background-image: url('../images/prev-image-hover.png');
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 55px;
	width: 55px;
	position: absolute;
	left: 5px;
	top: 50%;
}	

#bs_nextimage a:hover, #bs_nextimage a:active { 
	background-image: url('../images/next-image-hover.png');
	display: block;
	height: 55px;
	width: 55px;
	position: absolute;
	right: 5px;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
}

.modal-content {
	background: #000;
	border: 1px solid #666;
}

.modal-header {
	border-bottom: 1px solid #666;
}

.modal-title {
	color: #C1D72E;
}

.modal-header .close {
	color: #fff;
}

.modal-body {
	color: #bbb;
	text-align: justify;
}

.modal-footer {
	border-top: 1px solid #666;
}

label.error {
	color: #C1D72E;
}
/* Full property details */

/* Amenity data styles */
.amenity-tabs {
	list-style: none;
	padding: 0;
	margin: 0;
}

.amenity-tabs li {
	display: inline-block;
}

.amenity-tabs li a {
	display: block;
	border-top: 1px solid #C1D72E;
	border-right: 1px solid #C1D72E;
	border-left: 1px solid #C1D72E;
	border-radius: 5px 5px 0 0;
	padding: 8px 14px;
	color: #fff;
	text-decoration: none;
}

.amenity-tabs li a:hover {
	background: #C1D72E;
	color: #000;
}

.amenity-schools .amenity-tabs li .schools, .amenity-stations .amenity-tabs li .stations, .amenity-councils .amenity-tabs li .councils, .amenity-healthcare .amenity-tabs li .healthcare {
	background: #C1D72E;
	color: #000;
}

#amenity-map {
	height: 580px;
}

.table-responsive tbody {
	background: #000;
}

.table, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #333;
}

.table th {
	background: #333;
}
/* Amenity data styles */

/* Typography */
h1 { font-size: 1.5em; line-height: 20px; }
h2 { font-size: 1.1em; line-height: 20px; }
h3 { font-size: 1.1em; line-height: 30px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 20px; }
/* Typography */

/* Helper classes */
.btn-websters {
	background: #C1D72E;
}

.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px; Just in case */
    height: 0;
    overflow: hidden;
}

.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Helper classes */

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../images/bx_loader.gif') center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-prev {
	position: absolute;
	top: 14px;
	left: -25px;
	height: 26px;
	width: 15px;
	background: url('../images/previous-arrow.png') left top no-repeat;
}

.bx-next {
	position: absolute;
	top: 14px;
	right: -15px;
	height: 26px;
	width: 15px;
	background: url('../images/next-arrow.png') left top no-repeat;
}


a:hover.bx-next, a:hover.bx-prev {
	background-position: left bottom;
}

.bx-wrapper .bx-controls-direction a {
	text-indent: -9999px;
	z-index: 9;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* Media queries */
@media (max-width:1280px) {	
	#phoneNumber {
		top: 30px;
		right: 20px;
		font-size: 1.5em;
	}

	.testimonial {
		height: auto;
	}
	
	.fullDetailsLogo {
		padding: 10px 0 0 0;
		text-align: center;
	}
}

@media (max-width:1024px) {
	#logo { /* Solves an issue with navbar */
		width: 160px;
		padding-top: .5em;
	}
	
	.propertyresult {
		height: 220px;
	}
}

@media (max-width:900px) { /* Covers 7" Kindle Fire tablets */
	#logo { /* Solves an issue with navbar */
		width: 160px;
		padding-top: .5em;
	}
	
	.pageNav {
		text-align: center;
	}
	
	.propertyresult {
		height: auto;
	}
	
	.propertyimg img {
		height: auto;
	}
	
	.cornerFlash {
		top: 30px;
		left: 15px;
	}
	
	#nextimage a:link, #nextimage a:visited, #previmage a:link, #previmage a:visited, #previmage a:hover, #previmage a:active, #nextimage a:hover, #nextimage a:active {
		top: 70%;
	}
}

@media (min-width:900px) and (max-width:991px) {
	.propertyresult {
		height: auto;
	}

	.propertyresult img {
		height: auto;
	}
}

@media (max-width:800px) { /* So far I'm using this breakpoint for Windows Phone 8 */
	#logo { /* Solves an issue with navbar */
		width: 160px;
		padding-top: .5em;
	}
	
	#phoneNumber {
		top: 25px;
		right: 20px;
		font-size: 1.3em;
	}
	
	.pageNav {
		text-align: center;
	}
	
	.propertyresult {
		height: auto;
	}
	
	.propertyimg img {
		height: 100%;
	}
	
	.cornerFlash {
		top: 30px;
		left: 15px;
	}
}

@media (max-width:768px) {	
	#logo { /* Solves an issue with navbar on 768 width devices */
		width: 160px;
		padding-top: .5em;
	}
	
	#phoneNumber {
		top: 40px;
		right: 20px;
		font-size: 1.1em;
	}
	
	.pageNav {
		text-align: center;
	}

	.testimonial {
		height: auto;
	}
	
	.propertyresult {
		height: auto;
	}
	
	.propertyimg img {
		height: auto;
	}
	
	.fullDetailsLogo {
		padding: 10px 0 0 0;
		text-align: center;
	}
	
	#indexFooter, #smlFooter {
	  height: auto;
	  text-align: center;
	}
	
	#pageNav p {
		text-align: center;
	}
	
	.cornerFlash {
		top: 30px;
		left: 15px;
	}
}

@media (max-width:480px) {
	#header {
		margin-bottom: 1em;
	}
	
	#phoneNumber {
		top: 50px;
		right: 20px;
		font-size: 1.1em;
	}
	
	.pageNav {
		text-align: center;
	}
	
	.propertyresult {
		clear: both;
	}
	
	.cornerFlash {
		top: 0;
		left: 15px;
	}
	
	#nextimage a:link, #nextimage a:visited, #previmage a:link, #previmage a:visited, #previmage a:hover, #previmage a:active, #nextimage a:hover, #nextimage a:active {
		top: 70%;
	}
}
/* Media queries */