/*
 _____                            _                _                   _      
 |  __ \                          | |              | |                 | |     
 | |__) |_ __ ___  _ __   ___ _ __| |_ _   _       | |_   _ _ __   __ _| | ___ 
 |  ___/| '__/ _ \| '_ \ / _ \ '__| __| | | |  _   | | | | | '_ \ / _` | |/ _ \
 | |    | | | (_) | |_) |  __/ |  | |_| |_| | | |__| | |_| | | | | (_| | |  __/
 |_|    |_|  \___/| .__/ \___|_|   \__|\__, |  \____/ \__,_|_| |_|\__, |_|\___|
                  | |                   __/ |                      __/ |       
                  |_|                  |___/                      |___/
Colour Swatch
----------------
Add you hex values in here, makes it easy to refer to when coding
----------------
Using CSS3 PIE (http://css3pie.com/) for Internet Explorer? behavior: url(/js/PIE.htc);
*/

/* 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 {
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: 'Droid Sans', sans-serif;
	color: #444;
	background-image:url(/images/stripe.png);
	background-repeat:repeat-x;
	font-size:1em;
}

/* ! Text Styles   */
h1 {
	line-height: 160%;
	padding: 0 0 5px 0;
	font-size: 2.2em;
	font-family: 'Lobster Two', cursive;
	font-weight:100;
}

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;
}
/* ! Text Styles   */


.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 5px; 
  left: 0; 
  right: 0;
  z-index:1; 
}

/* ! Core Structure   */
#wrapper {
	width: 980px;
	margin: 0 auto;
}

#header {
	background: #bbb;
	border-bottom: 1px solid #eee;
	padding: 10px 0 0 0;
	text-align: center;
}

#navbar {
	padding: 10px;
	text-align: center;
	font-family: 'Lobster Two', cursive;
}

#navbar li {
	display: inline;
	margin: 0 10px;
	font-size: 2.5em;
}

#navbar li a {
	text-decoration: none;
	color: #000;
}

#navbar li a:hover {
	color: #999;
}

#content {
    width:950px; 
	background-color:#FFF; 
	padding:20px; 
	margin:50px auto 20px auto; 
	position:relative;
	box-shadow: 1px 1px 1px #bbb;
}

#left {
    width:320px; 
	float:left; 
	padding-top:20px;
}

#right {
    width:580px; 
	float:right; 
	padding-top:20px;
}

#right a {
	color: #444;
	}

#right li {
	color: #444;
	font-size:1em;
	line-height:1.5em;
	margin-left:30px;
	list-style:circle;
}

#opening {
    background-color:#B7E3D2; 
	padding:20px;
	font-family: 'Lobster Two', cursive; 
	font-size: 2em; 
	text-align:center; 
	margin:20px 0; 
	margin-top:56px;
}

#footer {
	clear: both;
	border-top: 1px solid #bbb;
	padding: 10px 0;
	text-align: center;
}
/* ! Core Structure   */


.clear {
    clear:both;
}

/* ! Property Search */
#propertySearch {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 5px;
	float: left;
	margin: 10px;
	padding: 5px;
	width: 210px;
	text-align: center;
}

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

#propertySearch select {
	width: 210px;
}
/* ! Property Search */

/* ! Featured Properties */
#featuredProperties {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 5px;
	float: left;
	margin: 10px;
	padding: 5px;
	width: 210px;
}
/* ! Featured Properties */

/* ! Recent Properties */
#recentProperties {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 5px;
	float: left;
	margin: 10px;
	padding: 5px;
	width: 210px;
}
/* ! Recent Properties */

/* ! Inline Search */
#inlineProperties {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 5px;
	float: left;
	margin: 10px;
	padding: 5px;
	width: 210px;
}
/* ! Inline Search */

/* ! Search Results Styles   */
.pagination {
	background: #e1e1e1;
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #bbb;
	clear: both;
}

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

.propNumber strong {
	color: #666;
}

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

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

.resultsPages a:hover {
	border-bottom: 1px solid #444;
}

.resultsPages .bracket {
	display: none;
}

.pageSorts {
	background: #e1e1e1;
	padding: 10px 20px;
	margin: 10px 0;
	border: 1px solid #bbb;
	overflow: auto;
	clear: both;
}

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

.pageSorts select {
	width: 200px;
}

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

.results:hover {
	background: #faffbd;
}

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

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

.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;
}

.propertyLinks {
	float: left;
	list-style: none;
	margin: 10px 0;
}

.propertyLinks li {
	float: left;
}

.propertyLinks a {
	background: #444;
	padding: 4px 8px;
	margin: 0 2px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	box-shadow: 1px 1px 1px #bbb;
}

.propertyLinks a:hover {
	color: #faffbd;
}

#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;
}

#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;
}
/* ! 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: .6em;
	text-decoration: none;
	color: #444;
}

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

.mapButton {
	background: #444;
	padding: 4px 8px;
	margin: 0 2px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	box-shadow: 1px 1px 1px #bbb;
}
/* ! Google Map Balloons */

/* ! Full Details Styles */
#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;
}

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

#googleMapHolder #googlemap {
	border: 1px solid #bbb;
	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;
	border: 1px solid #bbb;
	padding: 20px;
	margin: 20px auto;
	width: 800px;
}

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

.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: 1.2em;
	box-shadow: 1px 1px 1px #bbb;
}

.form textarea {
	border: 1px solid #bbb;
	border-radius: 3px;
	width: 250px;
	padding: 5px;
	color: #666;
	font-size: 1.2em;
	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: #faffbd;
	color: #000;
}

.form input[type="submit"] {
	background: #444;
	padding: 4px 8px;
	margin: 0 2px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
	text-shadow: none;
	box-shadow: 1px 1px 1px #bbb;
	cursor: pointer;
}

.form input[type="submit"]:hover {
	color: #faffbd;
}

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: #faffbd;
	color: #000;
}

#propertyAlertsTable th {
	background: #bbb;
	border: 1px solid #666;
	color: #444;
	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 */

/* ! Window Display Styles, DELETE IF NOT REQUIRED */
#windowDisplayheader {
	background: #bbb;
	overflow: auto;
}

#windowDisplayLogo {
	float: left;
}

#windowDisplayBranch {
	float: right;
	text-align: right;
	margin: 10px 20px 0 0;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#windowDisplayBranch h1, #windowDisplayBranch h2, #windowDisplayBranch h3 {
	padding: 0;
}

.property-address {
	background: url(../images/trans.png);
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	width: 100%;
	padding: 10px 20px;
	left: 0;
	position: absolute;
	bottom: 0;
	z-index: 9999; /* Show above .gradient */
	text-shadow: 0 1px 0 #fff;
}

.availability {
	background: url(../images/trans.png);
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	width: 100%;
	padding: 10px 20px;
	left: 0;
	position: absolute;
	top: 110px;
	z-index: 9999; /* Show above .gradient */
	text-shadow: 0 1px 0 #fff;
}

#windowPropertyNothingFound {
	background: #fff;
	border: 1px solid #bbb;
	width: 600px;
	margin: 200px auto;
	padding: 20px;
	text-align: center;
}
/* ! Window Display Styles, DELETE IF NOT REQUIRED */