@charset "utf-8";
@import "navigation.css";
@import "thickbox.css";
@import url("/assets/stylesheets/red.css");

/* =General selectors
-------------------------------------------------------*/
* {margin:0; padding:0;}
body {
	font:81%/1.5 Helvetica, Arial, sans-serif;
	color:#131000;
	background:#fff;
}
img {border:none}
input, textarea, select {font:1em "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
table {border-collapse:collapse; font-size:1em;}
td {vertical-align:top;}

h1, h2, h3, h4, h5, h6 {
	padding:0 0 8px 0;
	line-height:1;
	font-weight:normal;
	text-transform:lowercase;
	color:#fd0;
	}
h1 {font-size:2.2em; font-weight:normal;}
h2 {font-size:1.8em}
h3 {font-size:1.6em}
h4 {font-size:1.4em}
h5 {font-size:1.2em}
h6 {font-size:1em; text-transform:capitalize; color:#000; font-weight:bold;}

p {padding:0 0 5px 0}
ul, ol {margin:5px 35px}
ul {list-style:url(/assets/images/marker.gif)}
li {padding:0 0 3px 0px}

a:link {color:#ffcb05; text-decoration:none;}
a:visited {color:#ac8e17}
a:hover {color:#f80; text-decoration:underline;}
a:active {color:#369;	text-decoration:none;}

.gray {color:#5f5654}
.hide {display:none}
.left {float:left}
.right {float:right}
.center {text-align:center}
.clear_all,
.clearall {clear:both}
.m10 {margin:10px}
.mt10 {margin:10px 0}
.w100 {width:100px}
.pad25 {padding:25px 0 5px 0}
.bold {font-weight:bold}
a.pdf {
	line-height:16px;
	padding:0 20px 0 0;
	background:url(/assets/images/pdf.png) right no-repeat;
}

/* =Main layout elemernts
-------------------------------------------------------*/
#container {
	position:absolute;
	left:50%;
	width:755px;
	w\idth:753px;
	margin:20px 0 0 -377px;
	padding:0 0 44px 0;
	border:1px solid #000;
}
#nav {
	clear:both;
	height:18px;
}
#content {
	float:left;
	width:100%;
	font-size:.85em;
	line-height:1.4;
}
#primary-content,
#secondary-content,
body.home #content,
body.about #content,
body.uberhaus #content,
body.team #content {
	min-height:356px;
	height:356px;
}
#primary-content[id],
#secondary-content[id],
body.home #content[id],
body.about #content[id],
body.uberhaus #content[id],
body.team #content[id] {height:auto}
#primary-content {
	float:left;
	width:376px;
}
#secondary-content {
	float:right;
	width:377px;
}
#secondary-content img {display:block}
#footer {
	position:absolute;
	bottom:0;
	left:0;
	clear:both;
	height:44px;
	width:100%;
	font:.85em/1.2 Arial, Helvetica, sans-serif;
	color:#636466;
	background:#ffde00;
}
body.home #footer,
body.sales #footer,
body.enquiries #footer {background:#231f20}

#footer #bd_icon {
  position: absolute; 
  width: 103px; height: 43px;
  background: url(../images/union_bd_icon_y.png) no-repeat;
  top: 0; left: 473px;
  text-indent: -9999em; overflow: hidden;
  
}

body.home #footer #bd_icon,
body.sales #footer #bd_icon,
body.enquiries #footer #bd_icon
{
  background: url(../images/union_bd_icon.png) no-repeat;
}
#footer #tailor-wimpey {
	display: none;
	overflow: hidden;
	text-indent: -999em;
	height: 45px;
	width: 156px;
	top: 0;
	left: 289px;
	background: #000 url(../images/taylor_wimpey_logo.gif) no-repeat;
	}
	body.team #footer #tailor-wimpey {
		display: block;
		position: absolute;
		left:289px;
		}

/* =Intro page
-------------------------------------------------------*/
a.skip {
	display:block;
	margin:5px 0 0 20px;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
	color:#000;
}

/* =Home page
-------------------------------------------------------*/
body.home #content {
	background:#fd0 url(/assets/images/home_bg.jpg) left bottom no-repeat;
}
body.home #primary-content {
	float:none;
	width:420px;
	min-height:10px;
	height:auto;
	margin:12px 0 0 195px;
}
body.home #secondary-content {
	float:none;
	width:400px;
	height:auto;
	min-height:10px;
	margin:10px 0 0 195px;
	font-weight:bold;
	color:#fff;
}
body.home #secondary-content strong,
body.home #secondary-content a {
	text-decoration:none;
	color:#000;
}
body.home #secondary-content ul {
	float:right;
	list-style:none;
	list-style-image:none;
	margin:0;
}

/* =Sales page
-------------------------------------------------------*/
body.sales #content {background:#ffdd00 url(/assets/images/sales_bg.jpg) left bottom no-repeat}
body.sales #primary-content {width:427px}
body.sales #primary-content h1 {
	padding:20px 0 0 10px;
	color:#fff;
}
body.sales #primary-content .imgholder {
	float:left;
	margin:13px 10px 0 10px;
	width: 120px;
	display: inline;
}
body.sales #primary-content p {
	padding:10px 13px 5px 10px;
	font-weight:bold;
}
body.sales #primary-content p.gray {font-weight:normal}
body.sales #primary-content a#register {
	display:block;
	overflow:hidden;
	margin:50px 80px 0 0;
	font-size:1.6em;
	color:#fff;
	text-decoration:none;
}

body.sales #secondary-content {
	width:326px;
	font-size:1.1em;
	font-weight:bold;
	background:#f28121;
}
body.sales #secondary-content dl {
	padding:19px 50px 0 34px;
	background:#fff;
}
body.sales #secondary-content dt {line-height:1.1}
body.sales #secondary-content dd {
	padding:0 0 10px 0;
	line-height:1;
	font-size:2.7em;
	color:#fd0;
}
body.sales #secondary-content h6 {
	padding:17px 0 0 34px;
	font-size:1.2em;
	color:#000;
}
body.sales #secondary-content ul {
	margin:0 0 16px 34px;
	list-style:none;
	list-style-image:none;
	color:#fff;
}
body.sales #secondary-content li {padding:0}
body.sales #secondary-content a:link {
	margin:0 34px;
	color:#000;
	text-decoration:none;
}
body.sales #secondary-content a:hover {text-decoration:underline}

/* =Enquiries page
-------------------------------------------------------*/
body.enquiries #content {background:#ffdd00 url(/assets/images/sales_bg.jpg) left bottom no-repeat}
body.enquiries #primary-content {
	min-height:1px;
	height:auto;
}
body.enquiries #primary-content {
	width:753px;
	w\idth:653px;
	height:500px;
	min-height:500px;
	padding:25px 50px;
}
body.enquiries #primary-content[id] {height:auto}
body.enquiries h1 {color:#fff}
body.enquiries #secondary-content {display:none}

/* Old CS CSS */
body.enquiries input,
body.enquiries select {margin:0 5px 3px 5px}
body.enquiries table {font-weight:bold}
.w300 {width:300px}
.w200 {width:200px}
.w150 {width:150px}
.error {color:#BD0303}
#request-form { 
	margin-bottom:10px;
}
#request-form-section { 
	padding:10px; 
	/*background-color:#1995C1; */
	margin:0 150px 10px 0px;
}
#requestform a,
#request-form a,
#rform a,
#request-form h4,
body.enquiries a {
	color:#fff;
}
.error {color:#FF0000}
.w120 {width:120px}
.w200 {width:200px}
.btn200 {
	background-color:#C9E3D1;
	border:solid 1px #6D6E71;
	color:#6D6E71;
	width:200px;
	margin-top:5px;
}

/* =About Uniontwo page
-------------------------------------------------------*/
body.about #primary-content,
body.about #secondary-content {
	width:100%;
	height:auto;
	min-height:1px;
}
body.about #primary-content {
	width:753px;
	w\idth:515px;
	height:115px;
	min-height:115px;
	padding:0 14px 0 224px;
}
body.about #primary-content[id] {height:auto}
body.about #primary-content h1 {padding:13px 0 5px 0}

/* =Courtyard page
-------------------------------------------------------*/
body.courtyard #primary-content {
	w\idth:308px;
	padding:0 44px 0 24px;
}
body.courtyard #primary-content h1 {padding:66px 0 8px 0}
body.courtyard #secondary-content img {
	display:block;
	margin:1px 0 0 0;
}

/* =Specification page
-------------------------------------------------------*/
body.specification  #primary-content {
	w\idth:308px;
	padding:0 44px 0 24px;
}
body.specification #primary-content h1 {padding:10px 0 8px 0}
body.specification #primary-content p#spec-nav {padding:25px 0 5px 0}
body.specification #secondary-content {
	w\idth:337px;
	padding:0 20px;
}
body.specification #secondary-content h6 {padding:42px 0 8px 0}
p#spec-nav a {
	color:#ffcb05;
	font-weight:bold;
	cursor:pointer;
}
p#spec-nav a:hover {color:#f80; text-decoration:underline;}
p#spec-nav a.cur {color:#000}

/* =Setting page
-------------------------------------------------------*/
body.setting #primary-content {
	width:307px;
	w\idth:263px;
	padding:0 20px 0 24px;
}
body.setting #secondary-content {width:446px}
body.setting #primary-content h1 {padding:97px 0 8px 0}

/* =gmv page
-------------------------------------------------------*/
body.gmv #primary-content {
	width:377px;
	w\idth:321px;
	padding:0 26px 0 30px;
	text-align:right;
}
body.gmv #primary-content h1 {padding:47px 0 8px 0}
body.gmv #secondary-content {width:376px}

/* =Site plane page
-------------------------------------------------------*/
body.siteplan #primary-content {
	width:324px;
	w\idth:280px;
	padding:0 20px 0 24px;
}
body.siteplan #primary-content h1 {padding:43px 0 8px 0}
body.siteplan #primary-content h6 {padding:20px 0 8px 0}
body.siteplan #primary-content ul {
	margin:0 0 30px 0;
	list-style:none;
	list-style-image:none;
}
body.siteplan #primary-content li {padding:2px 0 5px 25px}
body.siteplan #primary-content li.u2 {background:url(/assets/images/u2_marker.png) 0 0 no-repeat}
body.siteplan #primary-content li.comleted {background:url(/assets/images/comleted_marker.png) 0 0 no-repeat}
body.siteplan #primary-content li.planning {background:url(/assets/images/planning_marker.png) 0 0 no-repeat}
body.siteplan #primary-content li.school {background:url(/assets/images/school_marker.png) 0 0 no-repeat}
body.siteplan #primary-content li.residents {background:url(/assets/images/residents_marker.png) 0 0 no-repeat}
body.siteplan #primary-content h1 {padding:43px 0 8px 0}
body.siteplan #secondary-content {width:429px}
body.siteplan #secondary-content img {margin:5px 0 0 0}

/* =Uberhause page
-------------------------------------------------------*/
body.uberhaus #content {background:#7895b3 url(/assets/images/uberhaus_bg.jpg) no-repeat}
body.uberhaus #primary-content p {
	position:relative;
	top:125px;
	width:325px;
	margin:0 0 0 145px;
	color:#fff;
}
body.uberhaus #secondary-content {display:none}

/* =About uberhause page
-------------------------------------------------------*/
body.about-uberhaus #primary-content {
	float:right;
	width:282px;
	w\idth:237px;
	padding:0 30px 0 15px;
}
body.about-uberhaus #primary-content h1 {padding:18px 0 8px 0}
body.about-uberhaus #secondary-content {
	float:left;
	width:471px;
}
body.about-uberhaus #secondary-content img {margin:1px 0 0 0}

/* =Form one, two & three pages
-------------------------------------------------------*/
body.form #primary-content {
	width:300px;
	w\idth:250px;
	padding:0 25px;
}
body.form #primary-content h1 {padding:55px 0 8px 0}
body.form #primary-content p#spec-nav {padding:55px 0 8px 0}
body.form #secondary-content {width:453px}
body.form #secondary-content h3 {
	position:relative;
	padding:25px 0 0 0;
	z-index:2;
}
body.form #secondary-content img {
	margin:0;
	position:absolute;
	top:50px;
	z-index:1;
}
body.form #secondary-content img.form2-upper {top:25px}
body.form #secondary-content img.form3 {
	position:static;
	margin:25px 0;
}

/* =Floorplans page
-------------------------------------------------------*/
body.floorplans #primary-content {
	width:753px;
	min-height:356px;
	height:356px;
	padding:0 0 10px 0;
}
body.floorplans #primary-content[id] {height:auto}
body.floorplans #primary-content h1 {padding:25px}
body.floorplans #secondary-content {display:none}


/* =Village square page
-------------------------------------------------------*/
body.village-square #primary-content {
	width:351px;
	w\idth:334px;
	padding:0 0 0 17px;
	text-align:right;
}
body.village-square #primary-content h1 {padding:44px 0 8px 0}
body.village-square #primary-content img {margin:20px 0 0 0}
body.village-square #secondary-content {width:402px}

/* =Village square map page
-------------------------------------------------------*/
body.village-square-map #primary-content {
	float:right;
	width:313px;
	w\idth:233px;
	padding:0 23px 0 57px;
}
body.village-square-map #primary-content ul {
	margin:32px 0 19px 0;
	list-style:none;
}
body.village-square-map #primary-content li {padding:0 0 6px 25px}
body.village-square-map #primary-content li.point1 {background:url(/assets/images/1_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point2 {background:url(/assets/images/2_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point3 {background:url(/assets/images/3_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point4 {background:url(/assets/images/4_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point5 {background:url(/assets/images/5_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point6 {background:url(/assets/images/6_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point7 {background:url(/assets/images/7_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point8 {background:url(/assets/images/8_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point9 {background:url(/assets/images/9_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point10 {background:url(/assets/images/10_marker.png) 0 1px no-repeat}
body.village-square-map #primary-content li.point11 {background:url(/assets/images/11_marker.png) 0 1px no-repeat}
body.village-square-map #secondary-content {
	float:left;
	width:440px;
}
body.village-square-map #secondary-content h1 {
	position:absolute;
	top:23px;
	left:24px;
}
body.village-square-map #secondary-content img {
	float:right;
	margin:16px 0 0 0;
}

/* =Peninsula page
-------------------------------------------------------*/
body.peninsula #primary-content {
	width:406px;
	w\idth:306px;
	padding:0 75px 0 25px;
}
body.peninsula #primary-content h1 {padding:55px 0 8px 0}
body.peninsula #secondary-content {width:347px}

/* =Peninsula future page
-------------------------------------------------------*/
body.peninsula-future #primary-content {
	width:346px;
	w\idth:300px;
	padding:0 24px 0 22px;
}
body.peninsula-future #primary-content h1 {padding:45px 0 8px 0}
body.peninsula-future #secondary-content {width:407px}

/* =Getting here page
-------------------------------------------------------*/
body.getting-here #primary-content {
	width:375px;
	w\idth:338px;
	padding:0 12px 0 25px;
}
body.getting-here #primary-content h1 {padding:25px 0 8px 0}
body.getting-here #secondary-content {width:378px}

/* =O2 page
-------------------------------------------------------*/
body.O2 #primary-content {
	width:470px;
	w\idth:424px;
	padding:0 23px;
}
body.O2 #primary-content h1 {padding:55px 0 8px 0}
body.O2 #primary-content h1 span {text-transform:uppercase}
body.O2 #secondary-content {width:283px}

/* =Team page
-------------------------------------------------------*/
body.team #primary-content,
body.team #secondary-content {
	width:753px;
	height:auto;
	min-height:1px;
}
body.team #primary-content {
	w\idth:711px;
	height:115px;
	min-height:115px;
	padding:20px 21px 6px 21px;
}
body.team #primary-content[id],
body.team #secondary-content[id] {height:auto}

#countryside,
#taylor,
#english {
	float:left;
	width:198px;
	padding:20px 0 1px 23px;
}
#countryside {background:url(/assets/images/cs_logo.png) right top no-repeat}
#taylor {background:url(/images/taylor-woodrow.png) right 17px no-repeat}
#english {background:url(/assets/images/partnerships.png) right top no-repeat}
#countryside h3,
#taylor h3,
#english h3 {
	width:198px;
	w\idth:190px;
	padding:4px;
	font-size:1em;
	text-transform:none;
	background:#ffde00;
	color:#000;
}
#countryside p,
#taylor p,
#english p {padding:0 0 12px 0}

/* =Footer elements
-------------------------------------------------------*/
#footer h4,
#footer h5 {
	position:absolute;
	top:10px;
	padding:0;
	text-indent:-999em;
	overflow:hidden;
}
#footer h4 {
	left:23px;
	top:7px;
	height:36px;
	width:233px;
	background:url(/assets/images/phone_yellow.png) no-repeat;
}
#footer h5 {
	top:7px;
	right:12px;
	height:32px;
	width:117px;
	background:url(/assets/images/union2logo_yellow.png);
}
#footer h5 a {
	display:block;
	width:117px;
	height:24px;
}
body.home #footer h4,
body.sales #footer h4,
body.enquiries #footer h4 {background:url(/assets/images/phone_dark.png)}
body.home #footer h5,
body.sales #footer h5,
body.enquiries #footer h5 {background:url(/assets/images/union2logo_dark.png)}
#footer div {
	position:absolute;
	top:50px;
	width:100%;
}
#footer a {color:#636466}
#footer address {
	clear:both;
	font-style:normal;
}
#footer a#cs_logo,
#footer a#taylor_logo,
#footer a#partnership_logo {
	position:absolute;
	top:0;
	height:37px;
	text-decoration:none;
	text-indent:-999em;
	overflow:hidden;
}
#footer a#cs_logo {
	right:176px;
	width:65px;
	background:url(/assets/images/cs_logo.png);
}
#footer a#taylor_logo {
	top:12px;
	right:92px;
	width:81px;
	height:23px;
	background:url(/images/taylor-woodrow.png);
}
#footer a#partnership_logo {
	right:5px;
	width:83px;
	background:url(/assets/images/partnerships.png);
}


/* =Availability page
-------------------------------------------------------*/
body.availability #content {background:#ffdd00 url(/assets/images/sales_bg.jpg) left bottom no-repeat}
body.availability #primary-content {width: 100% !important; width:733px;}
body.brochure #primary-content {padding-top: 15px;}
body.brochure a {color: #fff;}
body.availability #primary-content h1 {
	margin: 20px 30px 10px; 
	color:#fff;
}

body.brochure #primary-content h1 {
	margin: 5px 30px 10px; 
	color:#fff;
}

body.availability #primary-content p {
	padding:10px 13px 5px 0;
	padding: 0 0 10px 30px;
	font-weight:bold;
}
body.availability #primary-content p.gray {font-weight:normal}
body.availability #primary-content a#register {
	display:block;
	overflow:hidden;
	margin:50px 80px 0 0;
	font-size:1.6em;
	color:#fff;
	text-decoration:none;
}

body.availability #secondary-content {
	display: none;
}
body.availability #XplodePage__ctl11_pnlSendEmail {
  padding: 15px;
}

div.availability-table{
margin: 0px 30px 0px !important; height: 276px; overflow: auto; border: 1px solid black; border-collapse: collapse;
}

div.availability-table table.datatable td,
div.availability-table table.datatable th

{
width: 20%; text-align: center; background: white; border-collapse: collapse; border: 1px solid black; border-top: none; border-bottom: none;
padding: 3px; color:#78706E;
}

div.availability-table table.datatable tr.odd td {background:#FFF8CC;}

div.availability-table table.datatable th {
background: none; border-bottom: 1px solid black; color:black;
}

div.availability-table table.datatable tr:hover td,
div.availability-table table.datatable tr.sfhover td 
{background:#FFDD00;}

body.availability .btn200{
background: #FFF; margin-right: 15px !important; margin-right: 0;
}

/* =Enquiries page
-------------------------------------------------------*/
body.enquiries #content {background:#ffdd00 url(/assets/images/sales_bg.jpg) left bottom no-repeat}
body.enquiries #primary-content {width: 90% !important; width:723px; padding: 0 0 10px 30px;}
body.enquiries #primary-content p {font-weight: normal;}
body.enquiries #primary-content h1 {
	color:#fff;
	margin: 5px 30px 10px 0px;
}

body.enquiries #primary-content h4 {
	font-weight:bold;
	margin: 0px 30px 0px 0px;
}

body.enquiries #secondary-content {
	display: none;
}

body.enquiries #primary-content #request-form-section {
	padding:0px 0px 0px 0px;
}