@charset "utf-8";
@import url("/assets/stylesheets/navigation.css");
@import url("/assets/stylesheets/temp.css");
@import url("/assets/stylesheets/thickbox.css");
@import url("/assets/stylesheets/masterplan.css");
@import url("/assets/stylesheets/floors.css");
@import url("/assets/stylesheets/why-buy.css");
@import url("/assets/stylesheets/offer-of-the-week.css");

/* Importing print styles */
@import url("/assets/stylesheets/media/print/print.css");

/* sIFR */
@import url(/assets/stylesheets/sIFR-screen.css);

/* =General selectors
-------------------------------------------------------*/
* {margin:0; padding:0;}
html, body {
	width:100%;
	height:100%;
}
body {
	font:62.5%/1.5 Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	background:#EFEFEF ;
	background:#EFEFEF url(/images/branding/body-bg.png) repeat-x 0 0;
	text-align:center;
}
img {border:none; }
input, textarea, select {font:1em Arial, Helvetica, Verdana, sans-serif}
table {
	border-collapse:collapse;
	font-size:1em;
}
td {vertical-align:top;}

h1, h2, h3, h4, h5, h6 {
  	margin: 0;
	padding:0 0 10px 0;
	line-height:1.2;	
	color:#002A5C;	
}
h1 {font-size:2.2em}
h2 {font-size:1.5em; text-transform: uppercase; padding-top: 3px; clear: both;}
h3 {font-size:1.4em; }
h4 {font-size:1.3em}
h5 {font-size:1.2em; }
h6 {font-size:1em; }
p {padding:0 0 10px 0}
ul, ol {margin:0 35px 5px 35px;}
li {padding:0 0 5px 0px}

a:link {color:#3693cb; text-decoration:underline;}
a:visited {color:#666; text-decoration:underline;}
a:hover {color:#f80; text-decoration:underline;}
a:active {color:#369; text-decoration:underline;}

.gray {color:#5f5654}
.hide {display:none}
.left {float:left}
.right {float:right}
.center {text-align:center}
br,
.clear_all,
.clearall,
.clear {clear:both}
br.clearall {clear:both;height: 0;line-height: 0;}
.m10 {margin:10px}
.mt10 {margin:10px 0}
.w100 {width:100px}
.pad25 {padding:25px 0 5px 0}
.bold {font-weight:bold}
.small {font-size:1em}
.smaller {font-size:smaller}
.larger {font-size:larger}

.g-clear:after {
    content:" ";
    display:block;
    clear:both;
    height:0;
	}
	.g-clear{display:inline-block;}
	html[xmlns] .g-clear {display:block;}
	* html .g-clear {height:1%;}
	
/* =Main layout elemernts
-------------------------------------------------------*/
#container {
	/*overflow: hidden;*/
	width:790px;
	margin:0 auto;	
	background: url(/images/branding/containerBg-blue.png) #fff repeat-y top center;
	
}

#container-inner {
	text-align:left;
	width:790px;
	w\idth:760px;	
	padding: 23px 15px 0;
	text-align:left;
	background: url(/images/branding/header-bg.png) no-repeat top center;
	
}

#container:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#container {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #container {
	height: 1%;
}
#container {
	display: block;
}
/* End hide from IE-mac */


body.home #container{
  position: relative;
}
#content {
	float:left;
	clear:both;
	width:752px;
	margin:0 4px;
	padding:10px 0 20px;
	line-height:1.4;
	font-size:1.1em;
	color:#000;
	background:#CBE3FF;	
}

#content a{color:#002A5C; }
#content a:hover{text-decoration:none;}

body.home #content {
	color:#000;
	padding:0 0 5px;
}

#PrimaryContent {
	position:relative;
	padding:5px 10px 0 10px;
}
#PrimaryContent h2 {
	clear:both;
}
#SecondaryContent{
	position:relative;
	float:right;
	margin:15px 10px 0 10px;
	padding:0;
	width:280px;	
	 }


/* =Header
-------------------------------------------------------*/
div.notice {
	clear:both;
	width:734px;
	margin:0 auto 10px;
	border:1px solid #eb008b;
	text-align:center;
	background:#fff;
}


#header {
	position:relative;
	clear:both;
	margin:0 4px 0 4px;
	padding:0 14px 0 14px;
	height:193px;
	background: #fff url(/Images/branding/brandingBar.png) 0 0 no-repeat;	
}
/*body.home #header {
	height:336px;
	border: none;	
	background:url(/assets/images/bigi2.jpg) 0 99px no-repeat #fff;
}*/
#header h1,
#header h4,
#header p {
	position:absolute;
	padding:0;
	text-indent:-999em;
	overflow:hidden;
}
#header h5 {
	top:128px;
	right:17px;
	width:365px;
	height:41px;
	hei\ght:31px;
	background: #002A5C url(/images/branding/phone-bg.png) no-repeat;
	position:absolute;
	overflow:hidden;
	color:#EFE92F;
	font-size:1.3em;
	font-weight:bold;
	padding:10px 0 0;
	text-align:center;
	}
	#header h5 strong,
	#header h5 a {color:#ffffff;}
#header h1 {
	top:93px;
	left:19px;
	width:205px;
	height:77px;
	background:url(/assets/images/logo.png);
}
#header h4 {
	top:29px;
	right:23px;
	width:174px;
	height:48px;
	background:url(/Images/branding/logos/countrysideHeaderLogo.png);
}
#header h1 a,
#header h4 a {
	display:block;
	height:61px;
	outline:none;
}
#header h4 a {
	height:48px;
}
#header p {
	top:13px;
	left:14px;
	width:215px;
	height:13px;
	background:url(/Images/branding/brandingCaption.png);
}

/* =Home page
-------------------------------------------------------*/
body.home #marquee {top:101px}
body.home h1,
body.home h2,
body.home h3,
body.home h5,
body.home h5,
body.home h6 {color:#000}
body.home #PrimaryContent {
	float:left;
	width:253px;
	w\idth:218px;
	padding:21px 18px 0 17px;
	}
body.home #SecondaryContent {
	float:right;
	width:479px;
	padding:0;	
	}
body.home #secondary-content ul {
	float:right;
	list-style:none;
	list-style-image:none;
	margin:0;
}
p.green-title{
	color:#8EBF30;
	font-size:1.6em;
	letter-spacing:-0.05em;
	text-transform:uppercase;
	line-height:1.2em;
	}
/* =Buttons
-------------------------------------------------------*/
ul#buttons,
ul.buttons {	
	float:left;
	margin:0;
	list-style:none;	
}
ul.button-list {
	margin:10px 0;
	list-style:none;
	clear:both;
}
ul#buttons li,
ul.buttons li,
p.button,
ul.button-list li {
	float:left;
	padding:0 0 0 10px;
	margin:0 17px 9px 0;	
	background: #3399CC url(/images/branding/button-bg.png) left -66px no-repeat !important 
}

ul#buttons li a,
ul.buttons li a,
p.button a,
ul.button-list li a {
	float:left;
	height:34px;
	line-height:34px;
	padding:0 12px 0 2px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	text-decoration:none !important;
	text-transform:capitalize;
	color:#fff !important;
	background:url(/images/branding/button-bg.png) right 0 no-repeat !important;
	white-space:nowrap;
	cursor:pointer;
	}
	ul#buttons li a strong,
	ul.buttons li a strong,
	p.button a strong,
	ul.button-list li a strong{color:#fff !important;}  

p.button:hover,
ul.buttons li:hover,
ul.buttons li.hover,
ul.buttons li.selected,
ul#buttons li:hover,
ul#buttons li.hover,
ul#buttons li.selected,
ul.button-list li:hover,
ul.button-list li.hover,
ul.button-list li.selected {
	background: #F3E633 url(/images/branding/button-bg.png) left -198px no-repeat !important 
}
ul#buttons li:hover a,
ul.buttons li:hover a,
p.button:hover a,
ul.button-list:hover li a,
ul.buttons li.hover a,
ul.buttons li.selected a,
ul#buttons li.hover a,
ul#buttons li.selected a,
ul.button-list li.hover a,
ul.button-list li.selected a {
	color: #002A5C !important;
	background:url(/images/branding/button-bg.png) right -132px no-repeat !important
	}


#search_box #buttons {
  display: inline;
  margin-right: -5px !important;
}

body.home #PrimaryContent  ul.buttons {  
  overflow:hidden;
  width:218px;
  padding: 0 0 7px 0;
  margin:0;
}
body.home #PrimaryContent  ul.buttons li {
	width:208px;
	margin:0 0 7px;
	
}
body.home #PrimaryContent ul.buttons li a {
  width:100%;
  padding:0;
}

body.home #PrimaryContent #search_box #buttons li,
body.home #PrimaryContent #search_box #buttons {
  width:auto;
  margin:0; 
}
body.home #PrimaryContent  #search_box #buttons li a {
  width:auto;
  padding:0 0.5em;
}


input.button {
	float:right;
	width:163px;
	height:41px;
	padding:0 0 4px 0;
	background:url(/assets/images/buttons-bg.png);
	border:none;
	font-size:1.1em;
	text-align:center;
	color:#fff;
	cursor:pointer;
}

input.searchButton {
	float:right;
	width:50px;
	height:35px;
	line-height:33px;
	padding:0;
	border:none;
	font-size:1.2em;
	text-align:center;
	outline:none;
	cursor:pointer;
	color:#fff;
	background:url(/Assets/images/buttons/searchButton.png) no-repeat;
}

p.button {margin:10px 0}
p.button.right {
	float:right;
	margin:10px 20px 0 0;
}


/* =Banners
-------------------------------------------------------*/
a.banner {
	float:right;
	clear:right;
	margin:0 0 5px;
}

/* =Availability page
-------------------------------------------------------*/
body.availability #SeconaryContent {display:none}

ul#switcher,
ul.switcher {
	/*position:relative;*/
	float:left;
	width:100%;
	/*clear:both;*/
	margin:10px 0 0;
	list-style:none;	
}

body.availability ul.switcher {
	float: none;
	margin: 10px 0 -150px;
	$margin: 10px 0 0;
}
ul#switcher li,
ul.switcher li {
	float:left;
	height:23px;
	line-height:23px;
	padding:0 23px 0 0;
	text-indent:6px;
	border-left:1px solid #eee;
	background:#eee url(/assets/images/item-bg.png) 100% 0 no-repeat;
}
ul#switcher li a,
ul.switcher li a {
	/*display:block;*/
	text-decoration:none !important;
	color:#8c8c8c;
}
ul#switcher li a:hover,
ul.switcher li a:hover {color:#111}
ul#switcher li.current,
ul.switcher li.current {
	position:relative;
	top:1px;
	border-left:1px solid #55347E;
	font-weight:bold;
	background:#fff url(/assets/images/cur-item-bg.png) 100% 0 no-repeat;
}
ul#switcher li.current a,
ul.switcher li.current a {color:#000}
div.plots-border,
div.movingGuideContent {
	clear:both;
	margin:0 0 10px;
	padding:0 6px 10px;
	border:1px solid #55347E;
	background:#ffffff;	
}
/* this is a code to revert list of plot types in availability tale header.
(that was done to keep list in increasing order but to show first two-bedroom apartments. Two-bedroom was first but list was turned so it looked in increasing order.
removed later when priority for one-beds apartments had became major again
*/
/*
body.availability.apart-avail  ul.switcher {
	float: left !important;
	margin: 10px  0 0 0;
	width: auto;		
	position:relative;
	}
#js body.availability.apart-avail  ul.switcher {
	left:-99999em;
}
body.apart-avail ul.switcher li {
	float: right;
	}
body.availability.apart-avail div.plots-border {
	margin-top:0;
}
*/

.plots-key {
	border: 1px solid #55347E;	
	background:#FFF;
	clear: both;
	margin: 0 0 10px;
	padding: 7px 0 7px 70px;
	height: 17px;
}
.plots-key ul{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.plots-key ul li{ 
	float: left;
	display: block;
	padding-right: 60px;
	line-height: 17px;
}
.plots-key ul li span, .plots-key ul li img{  
	float: left;
	display: block;
}
body.availability div.plots-border {
	margin-top:150px;
	$margin:0 0 10px;
}
div.movingGuideContent {
	padding:15px 10px;
}
table.plots { /* Availability table */
	width:100%;
	color:#000; /* for IE 5 */
	background: #fff;
}
table.plots td,
table.plots th {
	padding:4px 8px;
	text-align:center;
}
table.plots th {padding:12px 8px;}
table.plots td.plot-num {font-weight:bold}
table.plots td a:link,
table.plots td a:visited {
	color:#000;
	text-decoration:underline;
}
table.plots td a:hover,
table.plots td a:active {color:#f80}
table.plots .name {text-align:left}
table.plots tr.odd {background:#f2f2f2}

/* =Houses page
-------------------------------------------------------*/
body.houses #content {position:relative}

/* =Plot pages
-------------------------------------------------------*/
body.plot  #content{
	overflow:hidden;
	padding:15px 0px 47px 10px;
	width:732px;
	}
body.plot  #PrimaryContent {
	position:relative;
	padding:0;
	float:left;
	width: 732px;
}
body.plot #SecondaryContent {display:none}
body.plot h2 {
	clear:left !important;
	padding:0 0 .3em;
	width: 400px;
}
h6.price {
	clear:left;
	padding:0 0 4px 0;
	font-size:1.4em;
	text-transform:capitalize;
	color:#ff0000;
}
img.cgi {
	float:right;
	clear:right;
	width:280px;
	margin:10px 0 4px 10px;
	font-size:1.4em;
	text-align:center;
	color:#fff;
	background:#666 url(/Images/CGI/cgi-placeholder.gif) no-repeat;
}
p.caption {
	float:right;
	clear:right;
	width:260px;
	margin:-25px 0 0;
	padding:0 10px;
	font-size:.8em;
	text-align:right;
	color:#fff;
}
img#FloorPlan,
img.plan {
	float:left;
	position:relative;
	top:30px;
	margin:0 10px 100px 0;
}

#plot-locator {
	float:left;
	clear:left;
	width:120px;
	margin:10px 20px 10px 0;
	/*font-size:.8em;*/
	text-align:center;
	border:1px solid #8a2f35;
}
.locator h6,
#plot-locator h6 {
	padding:.5em 5px;
	font-size:.8em;
	font-weight:normal;
	color:#fff;
	background:#8a2f35;
}

div.dimensions {
	float:right;
	float: right;
	clear:right;
	width:280px;
	margin:0 0 6px 0;
	/*border:1px solid #8a2f35; */
	border: 1px solid #289DDA;
	background:#FFF;
	color:#012B5D;
	display:inline; /* for IE */
}
.dimensions h6, 
#floor-locator h6, 
#pic-switcher-outher h6, 
#floor-locator li {
	/*font-size:.9em;*/
	font-weight:normal;
	padding:5px 9px;
	/* background:#8A2F35;*/
	background: #289DDA;
	color:#fff;
}
#pic-switcher-outher h6 {
	background:#5A8726;
	clear:left;
	margin:0;
}
#floor-locator h6, 
#floor-locator li {
	float:left;
	margin-right:13px;
}
#floor-locator li {
	margin-right:5px;
	padding:0;
}
.dimensions h6 {font-size:1em}
.dimensions h6 span {
	display:block;
	font-size:.85em;
}
.dimensions dl {
	margin:0;
	padding:0 6px 6px;
	font-size:.8em;
}
.dimensions dt {
	font-weight:bold;
	margin-top:10px;
	margin:0;
	padding:6px 0 0;
}

h6#sFloorName {margin:30px 0 -30px 0}
p.fnav {
	position:relative;
	top:-90px;
	z-index:12;
	clear:left;
	padding:40px 0 0 0;
	font-size:.8em;
	font-weight:bold;
	cursor:pointer;
}
table.dimensions {
	position:relative;
	right:5px;
	float:right;
	clear:right;
	margin:0 0 75px 0;
	border:0px solid #828283;
	font-size:.75em;
	background:#e3f4f7;
	color:#14658d;
}
table.dimensions tr.table-title h5 {
  color:#fff;
	font-weight:bold;
}
table.dimensions tr.table-title {
  background:#6caee0;
	color:#fff;
}
table.dimensions tr {
  background:#e3f2f5;
	border-top:#fff 1px solid;
}
table.dimensions caption {
	padding:5px 0;
	text-align:left;
}
table.dimensions th,
table.dimensions td {
	padding:3px 5px;
	text-align:left;
	font-weight:normal;
	border-top:1px solid #fff;
	white-space:nowrap;
}
table.dimensions th.ttitle {border:0px solid #828283}
table.dimensions tr.odd {background:#fff}
table.dimensions h5 {
	padding:0;
	color:#14658d;
}

ul#top-btn {
	width:326px;
	margin:0 0 20px 0;
	list-style:none;
}
ul#top-btn li {
	float:left;
	padding:0;
}
ul#top-btn li a {
	float:left;
	width:163px;
	height:41px;
	line-height:38px;
	text-align:center;
	text-decoration:none;
	background:#0366a3 url(/assets/images/buttons-bg.png);
	color:#fff;
}

ul#bot-nav {
	position:absolute;
	bottom:15px;
	right:5px;
	width:326px;
	margin:0;
	list-style:none;
}
ul#bot-nav li {
	float:left;
	padding:0;
}
ul#bot-nav li a {
	float:left;
	width:163px;
	height:41px;
	line-height:38px;
	text-align:center;
	text-decoration:none;
	background:#0366a3 url(/assets/images/buttons-bg.png);
	color:#fff;
}
p.note {
	position:relative;
	top:-80px;
	width:35em;
	padding:0 0 10px 0;
	font-size:.8em;
	color:#14658d;
}
p.note1 {

	width:auto;
	top: -60px;
	padding:0 10px 10px 0;
	font-size:.8em;
	color:#14658d;
	clear: both;
}
a.pdf {
	position:relative;
	float:left;
	clear:both;
	display:block;
	width:12em;
	padding:25px;
	background:url(/assets/images/pdf_icon2.gif) left center no-repeat;
}
a.siteplan-pdf {
	float:left;
	clear:both;
	display:block;
	margin:0 0 10px 0;
	padding:9px 5px 9px 25px;
	background:url(/assets/images/pdf_icon2.gif) left center no-repeat;
}
body.plot p.button {
	position:absolute;
	bottom:15px;
	margin:0;
}

/* =Location page
-------------------------------------------------------*/
body.location #PrimaryContent {
	float:left;
	width:330px;
}
body.location #SecondaryContent {
	position:relative;
	float:right;
	width:360px;
	w\idth:358px;
	padding:0 2px 0 0;
}
a.lmap {
	float:right;
	padding:4px;
	color:#000;
}

/* =Amenities page
-------------------------------------------------------*/

body.amenities #PrimaryContent {	
	float: left;
	width: 410px;
	
}

body.amenities #SecondaryContent {
	width:325px;
	w\idth:293px;	
	padding:0 2px 0 0;	
}

/* =Siteplan page
-------------------------------------------------------*/
body.siteplan h2 {
	clear:both;
	padding:.5em 0 .8em;
}
body.siteplan h6,
h4.key-box {
	position:absolute;
	top:250px;
	left:20px;
	padding:10px 20px;
	border:1px solid #5C5C56;
	text-align:center;
	background:url(/assets/images/pngtile.png);
}
body.western h2 {top:10px}
body.western h4.key-box {top:380px}
body.siteplan h6 {
	top:90px;
	left:20px;
	width:25em;
}
body.western h6 {top:100px}
body.western #PrimaryContent img {margin:80px 0 20px 0}
body.siteplan p.view {
	position:absolute;
	right:20px;
	top:905px;
	margin:0;
}
body.western p.view {top:1165px}

/* =Register page
-------------------------------------------------------*/
body.register #PrimaryContent {width:710px;	}
body.register #secondary-content {display:none}

/* Old CS CSS */
body.register input {margin:0 5px}
body.register input.formButton {margin:0 5px 3px 5px}
body.register .w300,
body.register .w200,
body.register .w150 {
	margin:0 5px 3px 0;
}
.w300 {width:360px}
.w200 {width:200px}
.w150 {width:150px}
.error {color:#BD0303}
#request-form {margin-bottom:10px}
#request-form-section {
	padding:10px; 
	background:#E9EEF5;
	border: 2px solid #ffffff;
	margin: 0 0 10px 20px;		
}

.error {color:#ff0000}
.w120 {width:120px}
.w200 {width:200px}
.btn200 {
	background-color:#C9E3D1;
	border:solid 1px #6D6E71;
	color:#6D6E71;
	width:200px;
	margin-top:5px;
}
.formButton {
	width:190px;
	height:34px;	
	text-align:center;
	text-decoration:none !important;
	background: url(/images/branding/form-button.png);
	color:#fff !important;
	border: 0;
	margin: 0 0 0 20px;
	cursor: pointer;
}


/* =About page
-------------------------------------------------------*/
body.about #PrimaryContent {
	float:left;
	width:350px;
	padding-bottom:50px;
}
body.about #SecondaryContent {
	float:right;
	width:300px;
}
body.about #SecondaryContent img {
	float:right;
	margin:0 20px 0 0;
}

/* =About Waterstone Park page
-------------------------------------------------------*/
body.awp #PrimaryContent {padding-bottom:40px}
li.siteplans {background:url(/assets/images/siteplans-but.png) no-repeat}
li.siteplans a {
	display:block;
	width:163px;
	height:41px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-999em;
}

/* =Meet the team page
-------------------------------------------------------*/
body.team #PrimaryContent {
	float:left;
	width:410px;
	padding-bottom:20px;
	}
	body.team #PrimaryContent ul.benefits {
		float:left;
		margin:20px 0;
		padding:15px;
		border:1px solid #ccc;
		list-style:none;
		background:#f0f0f0;
		}
		body.team #PrimaryContent ul.benefits li {
			float:left;
			padding:0 15px 0 30px;
			line-height:25px;
			font-weight:bold;
			background:url(/Images/branding/benefitsMarker.gif) 0 0 no-repeat;
			}

body.team #SecondaryContent {
	float:right;
	width:280px;
	padding:0 10px 0 0;
	}
	body.team #SecondaryContent img {
		margin:0 0 10px 0
		}

body.team div.sign-board {
	clear:both;
	margin:0 0 10px;
	padding:20px 15px;
	border:1px solid #ccc;
	background:#f0f0f0;
	}
	body.team div.sign-board.pink {
		border-color:#bd0370;
		color:#fff;
		background:#ec008b;
		}

/* =One column layout
-------------------------------------------------------*/
body.oneColumn #content {
	width:701px;
	padding:20px;
}
body.oneColumn #PrimaryContent,
body.oneColumn #SecondaryContent {
	float:none;
	width:auto;
	padding:0;
}


/* =Sales information page
-------------------------------------------------------*/
body.sales #PrimaryContent {
	float:left;
	width:420px;
}
img.first-step {margin:0 0 10px 0}
body.sales #SecondaryContent {
	float:right;
	width:330px;
}
body.sales #SecondaryContent img {margin:0 0 20px 0}

div.sign-board {padding:10px 20px}
h4.part-exch {
	height:67px;
	width:360px;
	padding:0px 0 0 10px;
	border:1px solid #d8e4ba;
	font-size:1.2em;
	background:url(/images/flower.jpg) right no-repeat;
	color:#7e7d7d;
	text-align: left;
}
h4.part-exch a {
	display:block;
	margin:5px 100px 0 0;
	font-weight:normal;
	font-size:.75em;
	color:#7e7d7d;
}

/* =Current Developments
-------------------------------------------------------*/
ul.sites {
	margin:0 0 20px 0;
	list-style:none;
}
ul.sites li {padding:2px 10px}
/* =Maps
-------------------------------------------------------*/
body.maps #PrimaryContent {padding-bottom:50px}
ul.button-list li.first {width:auto}
ul.button-list li.first a {width:4.6em}
/*ul.button-list p.button {
	margin:0;
	font-size:.8em;
}*/
body.maps #PrimaryContent img {margin:0 0 0 0}

/* =Gallery page
-------------------------------------------------------*/
body.gallery #PrimaryContent {
	float:left;
	width:366px;
	w\idth:340px;
	overflow:hidden;
	padding:0 0 10px 20px;
}
body.gallery #PrimaryContent h6 {padding:0}
body.gallery #PrimaryContent table {margin:3px 0}
body.gallery #PrimaryContent table img {
	border:#2A9DDA 2px solid;
	margin:0 4px 4px 0;
	cursor:pointer;
}
body.gallery #PrimaryContent table img.last {margin:0}
body.gallery #SecondaryContent {
	float:right;
	overflow:hidden;
	width:370px;
}

/*
body.gallery #SecondaryContent img {

	margin:0 10px 10px 0;
	border:#002A5C 2px solid;
	float:right;
}
*/
.note-right {
	padding: 0 12px 20px 0;
	margin: 0;
	font-size:.8em;
	color:#14658d;
	text-align: right;
	clear: both;
}
hr.line {
	height: 1px;
	line-height: 0; 
	border: 0px; 
	border-top: 1px solid #ffffff;
	margin: 0;
	padding: 0;
	clear:both;
}
/* =Gallery page
-------------------------------------------------------*/
body.exchange #content {padding:10px 0 20px 0}
body.exchange #PrimaryContent {
	float:left;
	width:340px;
	padding:0 20px;
}
body.exchange #SecondaryContent {
	float:right;
	width:350px;
	padding:0 14px 0 0;
}

/* =Footer
-------------------------------------------------------*/
#footer {
	position:relative;
	clear:both;
	height:115px;
	font-size:1.1em !important;
	line-height:1.5em !important;
	color:#646464;
	font-weight:bold;	
	background: url(/images/branding/footerBg-blue.png) center top no-repeat;
	width: 790px;
	w\idth: 760px;
	margin: 0 auto;	
	padding:26px 15px 0;
	text-align: left;
}

#footer h4 {
	position:relative; /* for ie6 */
	float:left;
	overflow:hidden;	
	width:117px;	
	height:67px;
	padding:0;
	margin: -10px 0 0 30px;	
	text-indent:-999em;
	background:url(/assets/images/cs-logo.png) 0 no-repeat;
}
#footer h4 a {
	display:block;
	height:67px;
}
#footer a.ls-logo {
	position:relative; /* for ie6 */
	float:left;
	overflow:hidden;
	width:157px;
	height:39px;
	margin: 10px 0 0 215px;
	text-decoration:none;
	text-indent:-999em;
	background:url(/assets/images/ls_logo.png) 0 no-repeat;
}
/*
#b_d,
#footer a.flyTrought { 
	position:relative; 
	float:left;
	overflow:hidden;
	width:139px;
	w\idth:110px;
	height:88px;
	he\ight:77px;
	padding:11px 0 0 29px;
	text-indent:-9999em;
	background:url(/assets/images/b_d.png) 29px 11px no-repeat;
}
#b_d a { 
	display:block;
	height:77px;
}
#footer a.flyTrought {
	width:66px;
	height:79px;
	padding:0;
	margin:11px 0 0 47px;
	background:url(/Images/icons/flyThrough.png) 0 no-repeat;
}
*/
/*
#footer a.latest-offers,
#footer a.latest-offers:visited,
#footer a.latest-offers:hover{
	background: url(/Images/icons/latest_offers.gif) no-repeat; 
	display: none; 
	position: relative; 
	float: left;
	color: #000; 
	font-weight: normal;  
	left: 50px; 
	top: -20px; 
	width: 82px; 
	height: 75px;
	he\ight: 10px; 
	padding-top: 65px; 
	text-align: left; 
	cursor: pointer;
	text-decoration: none;
	
}
*/
#footer span.strip {
	display:block;
	width:752px;
	height:14px;
	margin:0 auto;
	background:#fef200;
}

#footer div {
	position:relative;
	top:20px;
	clear:both;
	width:760px;
	padding:0 0 20px;
	text-align:center;
	font:1em Arial, Helvetica, sans-serif;
}
#footer div a {color:#002A5C; text-decoration: none;}
#footer div a:hover {text-decoration: underline;}

#footer address {
	padding:5px 0 0;
	clear:both;
	font-style:normal;
	color: #646464;
}
#joint {
	text-align: center;
	font-weight:normal;
	font-style:normal;
	color:#000; 
	padding:0;
	margin: 0;	
}

/* =Two columns page
-------------------------------------------------------*/
body.two-col #PrimaryContent {
	float:left;
	width:396px;
	padding:0 20px 10px 20px;
}
body.two-col #SecondaryContent {
	float: right;
	width: 296px;
	text-align: left;	
}
body.two-col #SecondaryContent img {
  margin: 0 0 20px 0;
}
	
/* =Apartments, homes sub menu
-------------------------------------------------------*/
ul#aphome-nav {
	clear:both;
	margin:10px 0;
	white-space:nowrap;
}
ul#aphome-nav li {
  display: inline;
  list-style-type: none;
	margin:0 5px 0 0;
	/*cursor:pointer;*/
}
ul#aphome-nav a {
  padding: 3px 10px;
	font-size: 1.4em;
	border: #ccc 1px solid;
	background-color: #fff;
	color:#0dc7c5;
	text-decoration: none !important;
}
ul#aphome-nav a.btn-selected,
ul#aphome-nav li.curent {
  padding: 3px 10px;
	font-size: 1.4em;
  border: #c0bebe 1px solid;
	background-color: #ddd;
	color:#e83838;
}
ul#aphome-nav a:link, #navlist a:visited {
	color:#0dc7c5;
	border: #ccc 1px solid;
	background-color: #ebebeb;
  text-decoration: none;
}
ul#aphome-nav a:hover {
	color:#0dc7c5;
	border: #ccc 1px solid;
	background-color: #ddd;
  text-decoration: none;
}

/* Style #2 */
ul#aphome2-nav {
	margin-left: 0;
  padding-left: 0;
	white-space: nowrap;
}
ul#aphome2-nav li {
  display: inline;
  list-style-type: none;
	cursor:pointer;
}
ul#aphome2-nav a {
  padding: 3px 10px;
	font-size: 1.4em;
	border: #8396c3 1px solid;
	background-color: #fff;
	color:#000;
}
ul#aphome2-nav a.btn-selected {
  padding:3px 10px;
	border:#8396c3 1px solid;
	font-size:1em;
	background:#f2f5fb;
	color:#000;
}
ul#aphome2-nav a:link, #navlist a:visited {
	color:#000;
	border: #8396c3 1px solid;
	background-color: #ebebeb;
  text-decoration: none;
}
ul#aphome2-nav a:hover {
	color:#000;
	border: #8396c3 1px solid;
	background-color: #f2f5fb;
  text-decoration: none;
}







/* Siteplan Tooltips */

.ttips {
	display: block; 
	background: #f5f5f5;
	padding: 5px 10px;
	font-size: 1.1em;
	color: #000;
	border: 1px solid #000;
}

#tooltip {
	position:absolute; 
	width:150px;
	height:100px;
	left:-199em;
	top:0;
	z-index:800;
}

#PrimaryContent {
	_height: 1%;
	clear:left;
	display:table;
	margin-top:0;
	width:733px;
}


#tooltip strong {display: block; }

#tooltip strong.pname {font-weight: normal;}
#tooltip strong.pavail, #tooltip strong.pprice {display: inline; margin-right: 5px; color: red;}

span.Sold#tooltip strong.pprice {display: none;}

#siteplan-block,
.siteplan-block {
	position:relative;
	z-index:200;
	height:863px;
	/* margin:0 0 0 12px; */
	background-repeat:no-repeat;
	background-color: #fff;
	 
}


#siteplan-block span, .siteplan-block span {
position: absolute;
width: 654px; 
height: 863px;
left: 0; top: 0;
z-index: 300;
}

#siteplan {z-index: 750; position: absolute; top: 0; left: 0;}

div.phase1#siteplan-block {
width: 707px; height: 815px; 
background: url(/images/siteplan/phase1.png)
}

div.phase1#siteplan-block span {
width: 707px; height: 815px;
}

div.phase2#siteplan-block {
width: 654px; 
height: 863px;
}


div.phase3#siteplan-block {
	width:707px;
	height:850px; 
}
div.phase3#siteplan-block span {
	top:81px;
	width:707px;
	height:850px;
}


div.phase4 {
	width:707px;
	height:950px !important; 
}
div.phase4#siteplan-block span {
/*	top:81px; */
	width:707px;
	height:950px !important;
}



p.descl { /* Disclaimer */
	clear:both;
	/*padding:2.5em 0 .8em;*/
	font-size:.9em;
	color:#6784AB;
	padding: 14px 0 0 0;
}



#search_box {
  width: 220px; height: 130px; 
  padding: 0 10px ; margin: 0 0 5px;
  background: url(../images/search_box.png) no-repeat;
}

#search_box select {
  margin: 64px 0 5px ;
  width: 100%;
}

#adv_search {
  width: 359px; 
  background: url(../images/adv_search.png) 0 100% no-repeat; overflow: hidden; padding-bottom: 10px;
  clear: both;
  margin: 10px auto;
}

#adv_search h3 {
  font-size: 15px; height: 34px; line-height: 32px; color: #fff; padding: 0 30px; font-weight: bold;
  background: url(../images/adv_search2.png) #DC0283;
}

#adv_search  table {width: 100%; margin-bottom: 10px;}

#adv_search td {
  padding: 10px 10px 0;
}

#adv_search td strong{
  display: block; margin: 0 0 5px; padding: 0; 
  font: bold 1.4em Tahoma, sans-serif;

}

#adv_search br {display: none;}

#adv_search select {
  width: 100%;
}

#adv_search .buttons {float: right; display: inline; margin: 0 5px;}
#adv_search .buttons  a {padding: 0 4em; color: #fff !important;}

#adv_search .buttons li {background:url(/assets/images/buttons/crimson-lp.png) !important}
#adv_search .buttons li a {background:url(/assets/images/buttons/crimson-rp.png) right no-repeat !important}

a.downloadMovingGuide {
	float:right;
	padding:0 0 5px 24px;
	background:url(/Images/icons/pdf.gif) 0 0 no-repeat;
}

.schemes-box{
	width: 410px; height: 304px; background: url(/assets/x/50088) no-repeat; overflow: hidden; margin-bottom: 10px;
}
.schemes-box div{
	position: absolute; top: -999em;
}
#FlashBanner{
/*	background: #002a5c url(/assets/images/flashbkg.gif) no-repeat left top;
	margin: 0 0 17px 0;
	height:64px;
	width:466px;
	*/
}

/* Open hours snippet */
.opening-hours {
	background:#EFE92F url(/images/branding/opening-hours-top.png) no-repeat center top;
	color:#002A5C;
	width:218px;
	clear:both;
	}
	.opening-hours div {
		background:transparent url(/images/branding/opening-hours-bottom.png) no-repeat center bottom;
		padding:11px;
		}
		.opening-hours h3 {
			color:#002A5C !important;
			font-size:1.2em;
			font-weight:bold;
			letter-spacing:-0.1em;
			margin:0;
			padding:0;
			}
		.opening-hours p {
			line-height:1.6em;
			margin:0;
			}
				

/* =Redesign styles
---------------------------------------- */

/* =Highlight
---------------------------------------- */

div.highlight {
	background:#28A1DC url(/images/branding/hightlight.png) no-repeat 0 100%;	
	color: #fff;
	/* text-align: center;*/
	padding:5px 15px 6px;
	overflow: hidden;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;	
	}
div.highlight strong {color: #002A5C;}			
			

#SecondaryContentInner img {border:2px solid #ffffff;}


.availability-pics img {
	margin: 0 14px 10px 0;
	float: left;	
	}
.availability-pics img.last {
	margin-right: 0;		
	}	
	
/* =Home exchange scheme page
	---------------------------------------- */
		
body.home-exchange .TopBannerContent{
	margin: 0 10px 0 10px;
	}
body.home-exchange .TopBannerContent img {
	margin: 0 0 10px 0;
	}
body.home-exchange	#SecondaryContent  {
	width: 240px;
	w\idth: 230px;	
	padding:20px 10px 0 0;
	margin:0;
	}	
body.home-exchange	#PrimaryContent  {
	float: left;
	width: 480px;
	}	
body.home-exchange	#SecondaryContentInner img {border: 0;}

.sidebar-block {
	width:230px;
	background:#4383C4 url(/images/branding/sidebar-block-bot.png) no-repeat 0 100%;
	margin:0 0 64px 0;
	}
.sidebar-block-inner {
	background: url(/images/branding/sidebar-block-top.png) no-repeat 0 0;
	color:#fff;
	padding:15px 15px 15px 15px;	
	}	
.sidebar-block-inner blockquote {
	margin: 0 0 10px 0;
	text-indent: 25px;
	background: url(/images/branding/sidebar-block-quote.png) no-repeat 100% 100%;	
	}	
.sidebar-block-inner p {
	color:#002A5C;
	padding: 0;
	margin:;
	}	
	
img.content {
	float: left;
	border:2px solid #fff;
	margin: 0 10px 0 0;
	}	
	
div.green h2,
div.green h3  {color: #00802B;}	
.images-right {
float: right;
margin: 0 0 0 10px;}
.images-right img {
	margin: 0 0 10px 0;
	border: 2px solid #fff;
}

table.table{border-collapse:collapse;}
table.table td {border:1px solid #57585B; padding: 5px 10px; vertical-align: middle;}
table.table  thead td {
background: #57585B;
color: #ffffff;}



.odbox { /*border-top:15px solid #FFFFFF; */ width:161px; display:inline; float:left; margin:5px 10px 15px 0px; background-color: #289DDA; color: #ffffff;}
.odbox a:link, .odbox a:visited { color:#FFFFFF; text-decoration:none;}
.odbox a:hover, .odbox a:active, .odbox a:focus { color:#ed0180; text-decoration:none;}
.odbox p { text-align:center; margin:0px; padding:5px 0px 5px 0px; position:relative;}
.odbox h3 { text-align:center; color:#FFFFFF; font-size:1em; font-weight:bold; margin:0px; padding:5px 0px 5px 0px; overflow:hidden; background-color: #289DDA;}



/* =Sitemap
---------------------------------------- */
div#sitemap li {
	list-style-type:disc;
	}

.text-box {margin: 14px 0 0 0;}

/* = home of the week banner
---------------------------------------- */
.b-week-home {
	overflow:hidden;
	width:450px;
	background:#fff url(/images/banners/white-arounded.gif) no-repeat 0 100%;
	padding:0 10px 10px 17px;
	}
	.b-week-home h3{
		color:#032d5e !important;
		font-size:1.818em;
		padding:0 0 2px;
		float:left;		
		}
	
	.top-title {
		font-style:normal;
		text-align:center;
		display:block;
		overflow:hidden;
		background:#e7871c url(/images/banners/orange-gr.gif) no-repeat 0 0;
		color:#0f3658;
		text-transform:uppercase;
		font-size:2.364em;
		margin:0 -10px 10px -17px;
		position:relative;
		font-weight:bold;
		padding:5px 0 3px;
		}
	.b-week-home .price {
		background:#E7871C url(/images/banners/price.gif) no-repeat 0 0;
		display:block;
		width:173px;
		height:38px;
		overflow:hidden;
		float:right;
		color:#0f3658;
		text-transform:uppercase;
		font-size:2.727em;
		padding:15px 5px;
		text-align:center;
		margin:-2px 0 0 30px;
		}	
	.b-week-home p {
		color:#474747;
		font-size:1.182em;
		padding:12px 0 10px;
		}
		.b-week-home p.small {
			font-size:0.909em;
			padding:0 0 6px;
			} 		

			/* White snippet */
.white-box {
	background:#ffffff url(/images/branding/whitebox-top.png) no-repeat center top;
	color:#002A5C;
	width:218px;
	clear:both;
	margin:7px 0 15px 0;
	}
	.white-box div {
		background:transparent url(/images/branding/whitebox-bot.png) no-repeat center bottom;
		padding:11px;
		text-align:center;
		}