/*************************************************************************
	Carlton Estate Agents: http://www.carltonestateagents.co.uk/
	Developed by Electric Putty Ltd. <malcolm@electricputty.co.uk>

	MODULE: 	global.css
	PURPOSE:	all global rules for site
*************************************************************************/





/*Auto float clearing for compliant browsers
*************************************************************************/
#header .inner:after,
#footer .inner:after,
#sub-nav:after,
#search-main:after,
#search-main .left ul:after,
#results li:after,
#plans:after,
#editorial:after,
#contact:after,
.clear-this:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}




/* General Rules and classes
*************************************************************************/
#skipto,
.disguise {
	position:absolute;
	left:-999em;
	}

a, a:link {
	text-decoration: none;
	}

a:active, a:hover, a:focus {
	text-decoration: underline;
	}

strong {
	font-weight: bold;
	}

.small {
	font-size: 80%;
	}

.fl-left {
	float: left;
	}
	
.fl-right {
	float: right;
	}

.doub-chev,
.doub-chev-black {
	background: url("../site-images/bg-double-chevron.gif") no-repeat center right;
	padding: 0 20px 0 0;
	color: #95874c;
	}
	
.doub-chev-black {
	background: url("../site-images/bg-double-chevron-black.gif") no-repeat center right;
	}

.back-to {
	background: url("../site-images/bg-back-to.gif") no-repeat center left;
	padding: 0 0 0 20px;
	}

.loading {
	margin: 0 auto;
	margin-top: 160px;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	color: #939393;
	width: 200px;
	background: url("../site-images/ajax-loader.gif") no-repeat center left;
	padding: 2px 0 1px 20px;
	}

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




/* Positioning
*************************************************************************/
html {
	background: #373836;
	}

body {
	background: #373836;
	color: #595959;
	font: normal 1.01em/1.2em "Arial","Helvetica", sans-serif;
	}

#wrap {
	width: 960px;
	margin: 0 auto;
	margin-top: 30px;
	background: #373836 url("../site-images/bg-main.gif") top center repeat-y;
	}

#homepage {
	padding: 0 27px 0 26px;
	}

#header {
	background: url("../site-images/bg-header.gif") top left no-repeat;
	padding: 32px 27px 0 26px;
	}

#sub-nav {
	margin: 6px 27px 6px 26px;
	background: #4b4b4b;
	line-height: 1em;
	font-size: 75%;
	}

#search-main {
	background: #fff;
	margin: 0 27px 0 26px;
	}
	
#editorial {
	background: #fdfdfb url("../site-images/bg-editorial.gif") repeat-y top right;
	margin: 0 27px 6px 26px;
	padding: 30px 0 0 32px;
	min-height: 403px;
	}

#services {
	margin: 0 27px 5px 26px;
	border-bottom: 1px solid #fff;
	}
	
#contact {
	margin: 0 27px 6px 26px;
	min-height: 433px;
	}

#footer {
	padding: 0 27px 0 26px;
	}

#credit {
	background: #373836 url("../site-images/bg-credit.gif") top left no-repeat;
	padding: 0 27px 0 26px;
	}




/* Homepage
*************************************************************************/
#home-head,
#home-foot {
	background: url("../site-images/bg-home-header.gif") no-repeat;
	height: 26px;
	margin: 0 !important;
	}

#home-foot {
	background: url("../site-images/bg-home-footer.gif") no-repeat;
	}

#homepage .inner {
	min-height: 648px;
	border: 2px solid #9d9164;
	background: #333 url("../site-images/bg-homepage-one.jpg") no-repeat;
	}
	
#homepage .inner h1 {
	margin: 222px 0 0 58px;
	}

#homepage .inner p {
	margin: 269px 0 0 95px;
	color: #fff;
	font-weight: bold;
	}

#homepage .inner p a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing:2px;
	font-size: 105%;
	line-height: 1.3em;
	padding: 0 5px;
	}

#homepage .inner p a:hover,
#homepage .inner p a:active,
#homepage .inner p a:focus {
	text-decoration: none;
	color: #9d9164;
	}

#flash_holder {
	min-height: 648px;
	border: 2px solid #9d9164;
	background: #373836;
	display: none;
	}




/* Header
*************************************************************************/
#header .inner {
	background: #9a8c59 url("../site-images/bg-header-inner.gif") top left repeat-y;
	}

#header .inner p {
	float: left;
	}

#header .inner ul {
	float: left;
	list-style: none;
	margin: 96px 0 0 0;
	}

#header .inner li {
	float: left;
	line-height: 1em;
	}
	
#header .inner li a {
	display: block;
	overflow:hidden;
	text-indent:-8000px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

#header .inner li a.here,
#header .inner li a.over {
	background-position: 0px -14px;
	}
	
li#nav-sales a {
	width: 57px;
	background-image: url("../site-images/nav-sales.gif");
	}
	
li#nav-lettings a {
	width: 93px;
	background-image: url("../site-images/nav-lettings.gif");
	}
	
li#nav-services a {
	width: 124px;
	background-image: url("../site-images/nav-services.gif");
	}
	
li#nav-about a {
	width: 91px;
	background-image: url("../site-images/nav-about.gif");
	}
	
li#nav-contact a {
	width: 104px;
	background-image: url("../site-images/nav-contact.gif");
	}




/* Sub-nav
*************************************************************************/
#sub-nav .left {
	float: left;
	margin: 0 0 0 30px;
	padding: 14px 0;
	width: 236px;
	text-transform: uppercase;
	color: #fff;
	}

#sub-nav .right {
	float: left;
	padding: 14px 0;
	color: #fff;
	width: 635px;
	}

#sub-nav .full {
	padding: 14px 0 14px 30px;
	color: #fff;
	}

#sub-nav a {
	color: #fff;
	text-transform: uppercase;
	}

#sub-nav a:active,
#sub-nav a:hover,
#sub-nav a:focus,
#sub-nav a.here {
	color: #e5d07c;
	text-decoration: none;
	}

#sub-nav .pipe {
	padding: 0 10px;
	}

#sub-nav .fl-right {
	list-style: none;
	}

#sub-nav .fl-right li {
	float: left;
	border-left: 1px solid #fff;
	padding: 0 3px;
	}
	
#sub-nav .fl-right li.first {
	border: 0;
	}

#sub-nav .fl-right a {
	display: block;
	float: left;
	padding: 0 3px;
	}

#sub-nav .fl-right a:hover,
#sub-nav .fl-right a:active,
#sub-nav .fl-right a:focus,
#sub-nav .fl-right a.here,
#sub-nav .fl-right a.selected {
	background: #ccc;
	color: #000;
	}




/* Search left
*************************************************************************/
#search-main .listing-image-preview {
	border-bottom: 6px solid #4B4B4B;
	margin-bottom: 6px;
	padding: 0 6px 6px 6px;
	}

#search-main .listing-image-preview img {
	display: block;
	}

#search-main .left {
	float: left;
	margin: 0 0 6px 30px;
	position: relative;
	width: 236px;
	font-size: 75%;
	min-height: 433px;
	}

#search-main .left h1 {
	text-transform: uppercase;
	margin: 20px 10px 10px 0;
	line-height: 1.2em;
	}
	
#search-main .left h1 a {
	color: #333;
	font-weight: bold;
	}
	
#search-main .left h1 a:hover,
#search-main .left h1 a:active,
#search-main .left h1 a:focus {
	background-color: #e2ded1;
	}

#search-main .left p {
	margin: 0 20px 5px 0;
	}
	
#search-main .left p a {
	color: #333;	
	}

#search-main .left ul {
	margin: 0 0 5px 20px;
	}
	
#search-main .left p,
#search-main .left li {
	letter-spacing:1px;
	line-height: 1.3em;
	}
	
#search-main .left p.price {
	margin: 15px 20px 15px 0;
	}
	
#search-main .left ul.links  {
	list-style: none;
	margin: 0;
	}
#search-main .left .links li {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin: 0 0 0px 0;
	}

#search-main .left ul.nav {
	list-style: none;
	position: absolute;
	margin: 0;
	bottom: 0px;
	}
#search-main .left .nav li {
	float: left;
	margin-right: 4px;
	text-transform: uppercase;
	width: 67px;
	line-height: 1.1em;
	font-size: 80%;
	padding: 3px;
	}	
#search-main .left .nav li.selected {
	background: #e2ded1;
	}
#search-main .left .nav li a {
	color: #000;
	text-decoration: none;
	}
#search-main .left .nav li img {
	display: block;
	border: 1px solid #666;
	margin: 5px 0 0 0;
	}





/* Search form
*************************************************************************/
#search-main .left form {
	width: 210px;
	}

#search-main .left form fieldset {
	border-bottom: 1px solid #000;
	padding: 0 0 5px 0;
	margin: 0 0 7px 0;
	}
	
#search-main .left form legend span {
	display: block;
	margin: 0 !important;
	padding: 0 0 6px 0;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	}
	
#search-main .left form .clear-this {
	line-height: 1em;
	}
	
#search-main .left form .selected {
	background: #e2ded1;
	}
	
#search-main .left form .clear-this input {
	float: left;
	width: 11px;
	height: 11px;
	margin: 1px 0 0 1px;
	padding: 0 !important;
	}
	
#search-main .left form .clear-this label {
	float: left;
	padding: 1px 0 1px 6px;
	}
	
#search-main .left form .button-search {
	width: 210px;
	height: 26px;
	background: url("../site-images/button-search.gif") no-repeat;
	text-align: left;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	cursor: pointer;
	}




/* Search right
*************************************************************************/
#search-main .right {
	float: left;
	width: 634px;
	font-size: 75%;
	padding-bottom: 6px;
	position: relative;
	}

#search-main .right h2 {
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	}

#search-main .right .inner {
	position: relative;
	}
	
#search-main .right img {
	display: block;
	}

#details-image {
	float: left;
	margin: 0 2px 0 0;
	}

#thumbs {
	float: left;
	position:relative;
	}

#thumbs ul,
#plans {
	list-style: none;
	}

#thumbs li {
	margin-top: 2px;
	}

#thumbs li.first {
	margin-top: 0px;
	}
	
#thumbs #selector {
	background: url("../site-images/thumb-selector.gif") no-repeat;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100px;
	height: 85px;
	}

.selector_image_one {
	top: 0;
	display: block !important;
	}
.selector_image_two {
	top: 87px !important;
	display: block !important;
	}
.selector_image_three {
	top: 174px !important;
	display: block !important;
	}
.selector_image_four {
	top: 261px !important;
	display: block !important;
	}
.selector_image_five {
	top: 348px !important;
	display: block !important;
	}
	
#plans {}

#plans li {
	float: left;
	margin-left: 6px;
	}

#plans li.first {
	margin-left: 0;
	}

li.floor-plans img {
	padding: 12px;
	background: #f6f5f1;
	}
	
li.floor-plans img.over {
	background: #e2ded1; 
	}

#search-main .right .title,
#search-main .right .inner p.status {
	background: url("../site-images/bg-title-trans.png");
	position: absolute;
	top: 140px;
	left: 0px;
	width: 100%;
	height: 115px;
	}

#search-main .right .title h1 {
	text-indent: -999em;
	margin: 22px auto;
	}

h1.sales {
	background: url("../site-images/title-sales.png") no-repeat;
	width: 289px;
	height: 71px;
	}

h1.lettings {
	background: url("../site-images/title-lettings.png") no-repeat;
	width: 452px;
	height: 73px;
	}

#search-main .right .inner p.status {
	top: 145px;
	height: 131px;
	width: 532px;
	}

#search-main .right .inner p.status span {
	display: block;
	width: 292px;
	height: 28px;
	text-indent: -999em;
	margin: 46px auto;
	}

#search-main .right .inner p.status span.sale-agreed {
	background: url("../site-images/status-large-saleagreed.png") no-repeat;
	}

#search-main .right .inner p.status span.sold {
	background: url("../site-images/status-large-sold.png") no-repeat;
	}

#search-main .right .inner p.status span.let-by {
	background: url("../site-images/status-large-letby.png") no-repeat;
	}




/* JSON formatting
*************************************************************************/
#details {
	overflow: hidden;
	}

#details .inner {
	position:relative;
	}

#details .details-page {
	float: left;
	width: 634px;
	}




/* Search results
*************************************************************************/
#results {
	list-style: none;
	padding: 0 !important;
	width: 100%;
	}
	
#results li {
	border-bottom: 1px solid #000;
	margin: 0 !important;
	padding: 6px 0;
	position: relative;
	}
	
#results li.first {
	padding: 0 0 6px 0;
	}

#results li.last {
	border: 0;
	padding: 6px 0 0 0;
	}

#results div {
	float: left;
	width: 320px;
	}

#results h2 {
	margin: 0 20px 10px 0;
	font-weight: bold;
	}
	
#results a {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	}

#results p {
	margin: 0 20px 10px 0;
	letter-spacing:1px
	}

#results img {
	float: right;
	}
	
#results p.status {
	background: url("../site-images/bg-title-trans.png");
	position: absolute;
	top: 65px;
	left: 362px;
	width: 272px;
	height: 66px;	
	}
	
#results p.status span {
	display: block;
	width: 170px;
	height: 18px;
	text-indent: -999em;
	margin: 24px auto;
	}

#results p.status span.sale-agreed {
	background: url("../site-images/status-small-saleagreed.png") no-repeat;
	}

#results p.status span.sold {
	background: url("../site-images/status-small-sold.png") no-repeat;
	}

#results p.status span.let-by {
	background: url("../site-images/status-small-letby.png") no-repeat;
	}

#no-results h1 {
	margin: 10px 0 5px 0;
	font-size: 1.1em;
	text-transform: uppercase;
	}

#no-results p a {
	color: #9A8C59;
	}




/* Editorial
*************************************************************************/
#editorial .inner {
	width: 380px;
	float: left;
	margin: 0 30px 0 0;
	}




/* Services
*************************************************************************/
#services .inner {
	width: 345px;
	font-size: 85%;
	line-height: 1.8em;
	letter-spacing:1px;
	}
	
#services p {
	margin: 0 0 10px 0;
	}

#services a {
	text-decoration: underline;
	}

.serv-main {
	background: url("../site-images/bg-services-main.jpg") no-repeat;
	color: #fff;
	padding: 30px 0 0 30px;
	min-height: 403px;
	}

.serv-main-1 { background: url("../site-images/bg-services-main-one.jpg") no-repeat; }
.serv-main-2 { background: url("../site-images/bg-services-main-two.jpg") no-repeat; }
.serv-main-3 { background: url("../site-images/bg-services-main-three.jpg") no-repeat; }
.serv-main-4 { background: url("../site-images/bg-services-main-four.jpg") no-repeat; }
.serv-main-5 { background: url("../site-images/bg-services-main-five.jpg") no-repeat; }
.serv-main-6 { background: url("../site-images/bg-services-main-six.jpg") no-repeat; }
	
.serv-sales {
	background: url("../site-images/bg-services-sales.jpg") no-repeat;
	color: #1d1d1d;
	padding: 70px 0 0 496px;
	min-height: 363px;
	}
	
.serv-lettings {
	background: url("../site-images/bg-services-lettings.jpg") no-repeat;
	color: #fff;
	padding: 70px 0 0 496px;
	min-height: 363px;
	}
	
.serv-sales a {
	color: #1d1d1d;
	}
	
.serv-main a,
.serv-lettings a {
	color: #fff;
	}





/* About us
*************************************************************************/
.about-us {
	background: url("../site-images/bg-about-us.jpg") -40px 0 no-repeat !important;
	}

.about-us .inner {
	width: 410px !important;
	}




/* Contact
*************************************************************************/
#contact .left {
	width: 268px;
	float: left;
	padding-top: 20px;
	}

#contact .left p {
	width: 210px;
	margin: 0px 0px 10px 30px;
	}

#contact .right {
	width: 639px;
	float: left;
	}
	
#contact .right .inner,
#contact .right form {
	width: 300px;
	margin: 30px 0 0 25px;
	}

#contact .right form fieldset.second {
	margin: 15px 0 0 0;
	}

#contact .right form legend {
	display: none;
	}

#contact .right form div {
	margin: 0 0 6px 0;
	}
	
#contact .right form label {
	display: block;
	font-size: 80%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 5px 0;
	}
	
.required {
	color: red;
	}

#contact .right form input,
#contact .right form select,
#contact .right form textarea {
	margin: 0;
	border: 1px solid #797979;
	width: 300px;
	}
	
#contact .right form input {
	width: 298px;
	}
	
#contact .right form button {
	background: #9d9164;
	width: 300px;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	line-height: 1em;
	padding: 5px;
	cursor: pointer;
	margin: 10px 0 0 0;
	}
	
#contact .right p.error {
	margin: 0 0 6px 0;
	font-size: 80%;
	line-height: 1em;
	color: red;
	font-weight: bold;
	}

#contact .right form input.err,
#contact .right form select.err {
	border: 1px solid red !important;
	background: #ffe6e6;
	}


/* Standard text
*************************************************************************/
.standard-text h1 {
	text-transform: uppercase;
	margin: 0 0 1em 0;
	}

.standard-text p {
	font-size: 82%;
	line-height: 1.6em;
	letter-spacing:1px;
	color: #1d1d1d;
	margin: 0 0 1em 0;
	}

.standard-text a {
	color: #333;
	text-decoration: underline;
	}

.standard-text a:hover,
.standard-text a:focus,
.standard-text a:active {
	text-decoration: none;	
	}

#editorial .standard-text p {
	letter-spacing:0px;
	line-height: 1.1em;
	}




/* Footer
*************************************************************************/
#footer .inner {
	background: #9a8c59;
	line-height: 1em;
	color: #2f2f2f;
	border-bottom: 6px solid #fff;
	font-size: 80%;
	}

#footer .inner a {
	color: #fff;
	}

#footer .inner .left {
	float: left;
	padding: 10px 0 10px 30px;
	}

#footer .inner .phone {
	letter-spacing:2px;
	text-transform: uppercase;
	}

#footer .inner .phone strong {
	font-weight: normal;
	color: #fff;
	}

#footer .inner .right {
	float: right;
	padding: 10px;
	}




/* Credit
*************************************************************************/
#credit .inner {
	color: #9a9a9a;
	font-size: 70%;
	line-height: 1em;
	text-align: right;
	padding: 10px 10px 10px 10px;
	}
	
#credit .inner a {
	color: #9a9a9a;
	text-decoration: underline;
	}

#credit .inner a:hover,
#credit .inner a:focus,
#credit .inner a:active {
	text-decoration: none;
	color: #fff;
	}