/*=======================================================
Main TCS CSS
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/


/*===================================
Overiding styles
===================================*/

body, html { height:100%; }
body {
	text-align:center;
	font:0.70em/1.5em Arial, Helvetica, sans-serif;
	color: #004a72;
	margin:0px;
	padding:0px;
}
p, ul, ol, li, a, img, form, input, h1, h2, h3, h4 {
	border:none;
	margin:0px;
	padding:0px;
}
h2 {
	margin-bottom:10px;
	font-size:2.4em;
	font-weight:normal;
	color: #1ba7d8;
	/*height:30px;*/
	line-height:30px;
	letter-spacing:-1px;
}
h2 span { display:none; }
h3, p.title {
	padding-bottom:12px;
	font-size:1.4em;
	font-weight:bold;
	color:#5db2db;
}
h4 {
	font-size:1.1em;
	padding-bottom:10px;
}
p { padding-bottom:20px; }
ol { margin:0px 0px 20px 20px; }
hr {
	border:none;
	border-top:1px solid #ddd;
	margin:20px 0 20px 0;
}
/*===================================
Generic sitewide styles
===================================*/

/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html
might cause some problems? Keep an eye on it, seems to work well though */

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



.cssOriginal, .hide, .print, .showmainimage { display:none }
.left { float:left; }
div.left {
	margin:0px 20px 5px 0;
	padding:5px 0 5px 0;
	border-top:solid 3px;
	border-bottom:solid 3px;
}
form ul { list-style-type:none; }
.tcsPLWrapper form ul label {
	float:left;
	width:310px;
}
.tcsPLWrapper form ul input, .tcsPLWrapper form ul textarea {
	width:300px;
	padding:3px;
	float:left;
}
img.left { margin: 0px 10px 5px 0px; }
.right { float:right; }
.clear { clear:both; }
a, a:visited {
	color:#b38707;
	text-decoration:none;
}
a:hover, a:focus, a:active, a.current {
	color:#004a72;
	text-decoration:underline;
}
#header a,  #header a:visited { color:#004a72; }
h2.pad { /*margin-top:26px;*/ }
h2#strength {
	/*background:url(../images/common/hd_strength.gif) left top no-repeat;
	height:56px;*/
	background:url(../images/common/hd_intro.gif) left top no-repeat;
	height:36px;
}
h2#invest {
	height:30px;
	background:url(../images/common/hd_investments.gif) left top no-repeat;
}
h2#carparks {
	height:30px;
	background:url(../images/common/hd_carparks.png) left top no-repeat;
}
h2#share { background:url(../images/common/hd_shareprice.png) left top no-repeat; }
h2#development { background:url(../images/common/hd_development.png) left top no-repeat; }
h2#developments {
	height:30px;
	background:url(../images/common/hd_developments.png) left top no-repeat;
}
h2#activity { background: url(../images/common/hd_development_activity.png) left top no-repeat; }
h2#sustain { background: url(../images/common/hd_sustainable_development.png) left top no-repeat; }
h2#resp { background: url(../images/common/hd_responsibilities.png) left top no-repeat; }
h2#health { background: url(../images/common/hd_health_safety.png) left top no-repeat; }
h2#team { background: url(../images/common/hd_team.png) left top no-repeat; }
h2#prop { background: url(../images/common/hd_properties.png) left top no-repeat; }
h2#mission { background: url(../images/common/hd_mission.png) left top no-repeat; }
h2#history { background: url(../images/common/hd_history.png) left top no-repeat; }
h2#apart { background: url(../images/common/hd_apartments.png) left top no-repeat; }
h2#apartments {
	height:30px;
	background: url(../images/common/hd_apartments_home.gif) left top no-repeat;
}
h2#opp { background: url(../images/common/hd_opportunities.gif) left top no-repeat; }
h2#press { background: url(../images/common/hd_press.png) left top no-repeat; }
h2#announce { background: url(../images/common/hd_announcements.png) left top no-repeat; }
h2#about { background: url(../images/common/hd_aboutus.png) left top no-repeat; }
h2#available_properties {
	height:30px;
	background: url(../images/common/hd_available-properties.gif) left top no-repeat;
}
h2#developments_search {
	height:30px;
	background: url(../images/common/hd_devsearch.gif) left top no-repeat;
}
div.tile {
	border-top:3px solid #004a72;
	border-bottom:1px solid #CCC;
	position:relative;
	padding:10px 0px;
	padding-right:110px;
	font-size:1em;
	margin-bottom:25px;
}
div.tile a.pic, div.tile a.pic:visited, div.tile a.pic:hover, div.tile a.pic:active, div.tile a.pic:focus {
	position:absolute;
	right:0px;
 top::0px;
	display:block;
	width:100px;
	height:100px;
	border:1px solid #004a72;
}
div.tile a.pic:hover, div.tile a.pic:active, div.tile a.pic:focus { border:1px solid #b38707; }
div.tile h3 { display:inline; }
div.tile p { padding-bottom:6px; }
p.bullet {
	padding-left:6px;
	background:url(../images/common/bullet.png) left 4px no-repeat;
}
ul#basenav {
	list-style-type:none;
	height:46px;
	background:#FFF;
	padding-bottom:1px;
	border-bottom:3px solid #004A72;
}
ul#basenav li {
	float:left;
	display:inline;
}
ul#basenav li a, ul#basenav li a:visited {
	float:left;
	display:block;
	width:299px;
	height:46px;
	line-height:46px;
	border-right:1px solid #005D89;
	text-align:center;
	font-size:2.4em;
	letter-spacing:-1px;
	color:#FFF;
	background:#004A72 url(../images/common/btn_developments.png) left top no-repeat;
}
ul#basenav li a:hover, ul#basenav li a:active, ul#basenav li a:focus { background:#004A72 url(../images/common/btn_developments_over.png) left top no-repeat; }
ul#basenav li a.carparks, ul#basenav li a.carparks:visited { background:#004A72 url(../images/common/btn_carparks.png) left top no-repeat; }
ul#basenav li a.carparks:hover, ul#basenav li a.carparks:active, ul#basenav li a.carparks:focus { background:#004A72 url(../images/common/btn_carparks_over.png) left top no-repeat; }
ul#basenav li a.investments, ul#basenav li a.investments:visited { background:#004A72 url(../images/common/btn_investments.png) left top no-repeat; }
ul#basenav li a.investments:hover, ul#basenav li a.investments:active, ul#basenav li a.investments:focus { background:#004A72 url(../images/common/btn_investments_over.png) left top no-repeat; }
ul#basenav li a.news, ul#basenav li a.news:visited {
	background:#004A72 url(../images/common/btn_news.png) left top no-repeat;
	border:none;
	width:300px;
}
ul#basenav li a.news:hover, ul#basenav li a.news:active, ul#basenav li a.news:focus { background:#004A72 url(../images/common/btn_news_over.png) left top no-repeat; }
ul#basenav li a span { display:none; }
#colL ul, #colL ol { margin-bottom:20px; }
a.iconbtn {
	display:block;
	height:93px;
	line-height:93px;
	font-size:1.3em;
	color:#FFF;
	text-indent:10px;
	cursor:pointer;
	background:url(../images/common/cta_bg.png) right top repeat-x;
}
a.ctabtn {
	margin:10px 0 0 0;
	background:#276387;
	padding:10px;
	display:block;
	color:#fff;
	font-size:1.4em;
	line-height:1em;
}
a.ctabtn.pdf { background:#114d71 url(../images/common/sml_pdf_icon.png) right bottom no-repeat; }
a.iconbtn.pdf { background:url(../images/common/pdf_icon.png) right top repeat-x;font-size:1.2em }
div.shares {
	height:93px;
	position:relative;
}
p.bar {
	position:absolute;
	width:392px;
	display:block;
	bottom:0px;
	left:0px;
	padding:0px;
	height:25px;
	line-height:25px;
	font-size:0.9em;
	color:#FFF;
	text-indent:10px;
	margin-bottom:20px;
	background:#004A72 url(../images/common/bg_bar.png) left top repeat-x;
}
h2 em {
	color: #004A72;
	font-size:0.7em;
	padding-left:220px;
	font-style:normal;
	line-height:25px;
	padding-right:25px
}
h2 em.up { background:url(../images/common/arrow_up.png) right center no-repeat; }
h2 em.neutral { background:url(../images/common/arrow_neutral.png) right center no-repeat; }
h2 em.down { background:url(../images/common/arrow_down.png) right center no-repeat; }
/*===================================
Container styles
===================================*/
.homeButtons { background:#ffffff; }
#wrap {
	width:940px;
	margin:0px auto;
	min-height:100%;
	text-align:left;
	background:url(../images/common/bg_wrap.png) left top repeat-y;
}
#hideimage {
	float:right;
	text-align:right;
	margin:5px 45px 0 0;
}
#header, #banner, #content, #footer {
	position:relative;
	width:900px;
	margin:0px 20px;
}
/*header specific*/	

#header {
	height:116px;
	border-bottom:3px solid #004a72;
}
#header h1 { display:none; }
#header a#homeLink {
	display:block;
	position:absolute;
	/*width:154px;
	height:85px;
	background:url(../images/common/TCS_logo.png) left top no-repeat;
	top:16px;*/
	
	width:136px;
	height:75px;
	background:url(../images/common/TCS_logo_small.png) left top no-repeat;
	top:10px;
	left:28px;
	z-index:1;
}
#header a#homeLink span { display:none; }
div#Nav ul {
	position:absolute;
	right:28px;
	top:86px;
	list-style-type:none;
	white-space:nowrap;
	font-size:1.1em;
	z-index:1;
}
div#Nav ul li {
	float:right;
	display:inline;
	padding:0px 10px;
	border-right:1px solid #004A72;
}
div#Nav ul li.end {
	padding-right:0px;
	border:none;
}
 div#Nav ul li a, div#Nav ul li a:visited, {
 float:left;
 display:block;
 white-space:nowrap;
 text-decoration:none;
 color:#004a72;
}
div#Nav ul li a:hover, div#Nav ul li a:focus, div#Nav ul li a:active, div#Nav ul li a.current {
	color:#b38707;
	text-decoration:underline;
}
div#Nav ul li a.current { font-weight:bold; }
form#searchbox {
	position:absolute;
	right:28px;
	top:28px;
}
form#searchbox ul { list-style-type:none; }
form#searchbox li {
	display:inline;
	float:right;
	height:22px;
	line-height:22px;
	padding-left:10px;
}
form#searchbox li #search {
	height:20px;
	border:1px solid #004A72;
	width:153px;
}
/*banner specific*/	

#banner {
	padding:10px 0px 4px 0px;
	border-bottom:12px solid #004A72;
}
/*content specific*/

#content {
	padding:20px 0px;
	background: #FFF url(../images/common/bg_content.png) left top repeat-x;
	min-height:400px;
	/*_display:inline;*/
	font-size:1.1em;
}
#colL, #colR, #colL2, #colR2, #colL3, #colLF, #colRF {
	position:relative;
	float:left;
	width:392px;
	margin:0px 60px 0px 28px;
	_margin:0px 30px 0px 15px;
}
#colL4 {
	position:relative;
	float:left;
	width:840px;
	margin:0px 0px 0px 28px;
}
#colR, #colRF {
	margin:0px;
	width:392px;
}
#colL2, colL3 {
	margin:0px 20px 0px 10px;
	width:200px;
}
#colL3 { width:620px; }
#colL4 .paginatedList { width:840px; }
#colL4 .paginatedList li {
	float:left;
	width:400px;
	margin:0 20px 20px 0;
	height:145px;
}
#colL4 ul.paginatedList li div {
	width:auto;
	height:100px;
}
#colR2, #colR3 {
	margin:0px;
	width:650px;
}
#colR3 { width:230px; }
#colR2 img.key { border:1px solid #004A72; }
#colR2 ul { margin-left:15px; }
#colR2 h4 { clear:both; }
div#subNav ul {
	list-style-type:none;
	background:#d2d3d5;
	font-size:1.1em;
	padding-bottom:10px;
}
div#subNav ul a, div#subNav ul a:visited, div#subNav ul a:hover, div#subNav ul a:focus, div#subNav ul a:active {
	display:block;
	padding:5px 0px 5px 12px;
	width:188px;
	color: #666;
	background:#dddee0;
	border-bottom:1px solid #c0c1c3;
}
div#subNav ul a:hover, div#subNav ul a:focus, div#subNav ul a:active, div#subNav ul a.current {
	color:#004A72;
	text-decoration:none;
}
div#subNav ul a.current { font-weight:bold; }
div#subNav ul a.sectionlink, div#subNav ul a.top { background:url(../images/common/bg_submenu.png) left top repeat-x; }
div#subNav ul a.top { background-position:left -5px }
div#subNav ul a.sectionlink, a.current.sectionlink {
	font-size:1.1em;
	padding:12px;
	width:176px;
	color:#004A72;
	border:none;
}
.nonSectionMenu div#subNav a.sectionlink, a.current.sectionlink {
	font-size:1.1em;
	padding:5px 0px 5px 12px;
	width:188px;
	background:#dddee0;
	color: #666;
	border-bottom:1px solid #c0c1c3;/*background:url(../images/common/bg_submenu.png) left -5px repeat-x;*/
}
.nonSectionMenu div#subNav ul a.top { background:#dddee0; }
ul.jumpNav {
	margin:0 0 15px 0;
	padding:0 0 0 0;
	list-style-type:none;
	font-size:1.2em;
	text-align:center;
}
ul.jumpNav li {
	display:inline;
	margin-right:25px;
	padding:0;
}
/*===================================
Paginated Lists
===================================*/
	
	
.activity-listing {
	position:relative;
	width:auto;
	padding:0px 0px 20px 150px;
	height:106px;
	min-height:106px;
}
div[class].activity-listing { height:auto; }
.activity-listing a.pic {
	position:absolute;
	left:0px;
	top:0px;
}
.team-listing {
	width:100px;
	height:100px;
	float:left;
	font-size:1em;
	margin-bottom:40px;
}
.team-listing p {
	padding-bottom:4px;
	font-size:0.9em;
}
ul.teamListing {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}
ul.teamListing li {
	float:left;
	width:100px;
	height:160px;
	margin:0 20px 20px 0;
}
ul.teamListing li .img { }
ul.teamListing li.teamItem p.teamName {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul.teamListing li.teamItem p.jobTitle {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.9em;
}
.tcsPLWrapper hr, .developmentList hr { visibility:hidden; }
.tcsPLWrapper .plNav, .developmentList .plNav { visibility:hidden; }
ul.paginatedList {
	margin:20px 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	width:600px;
}
ul.paginatedList h3 {
	font-size:1em;
	text-transform:uppercase;
	margin:0 0 0 0;
}
ul.paginatedList a.piThumbAnchor {
	float:left;
	display:block;
	margin-right:10px;
}
ul.paginatedList li div {
	float:left;
	width:260px;
}
ul.paginatedList li p {
	margin:0 0 10px 0;
	padding:0;
}
ul.paginatedList li .piDate {
	font-weight:bold;
	margin:0 0 5px 0;
	display:none;
}
ul.paginatedList li {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:solid 3px #004A72;
	overflow: hidden;
	width:400px;
}
.news-listing {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:3px solid #004A72;
}
.news-listing.last { border:none; }
.news-listing div {
	position:relative;
	padding-left:110px;
	height:80px;
	min-height:80px;
}
div[class].news-listing div { height:auto; }
.news-listing p { padding-bottom:4px; }
.news-listing a, .news-listing a:visited, .news-listing a:hover, .news-listing a:focus, .news-listing a:active {
	color:#b38707;
	font-weight:bold;
	text-transform:uppercase;
}
.news-listing a:hover, .news-listing a:focus, .news-listing a:active { color:#004A72; }
.news-listing div a, .news-listing div a:visited, .news-listing div a:hover, .news-listing div a:focus, .news-listing div a:active {
	position:absolute;
	left:0px;
	top:0px;
	border:1px solid #004A72
}
.news-listing div a:hover, .news-listing div a:focus, .news-listing div a:active { border:1px solid #b38707; }
a.pic, a.pic:visited, a.pic:hover, a.pic:focus, a.pic:active {
	border:1px solid #004A72;
	display:block;
}
a.pic:hover, a.pic:focus, a.pic:active { border:1px solid #b38707; }
.team-listing a.pic { width:73px; }
.search-pod {
	background:#FFF;
	border:1px solid #CCC;
	padding:8px;
	clear:both;
	margin-bottom:10px;
}
.search-pod div.info {
	position:relative;
	width:auto;
	/*padding-left:115px;*/
	height:105px;
	min-height:105px;
	margin:10px 0px;
}
.search-pod-right {
	width:420px;
	float:right;
}
.searchcontactlink { float:right; /*margin-top:-25px;*/ }
div[class].search-pod div.info { height:auto; }
.search-pod div.info a.pic {
	position:absolute;
	left:0px;
	top:0px;
}
#financialList h4 span {
	float:left;
	color:#b38707;
	margin:0 0 10px 0;
}
#financialList p { clear:both; }
#financialList ul { margin:0 0 20px 20px; }
#financialList .left, #financialList .right {
	width:300px;
	clear:none;
}
#financialList hr { clear:both; }
.search {
	clear:both;
	border:none;
}
.plNav {
	margin:10px 0 30px 0;
	border-top:1px solid #004a72;
	border-bottom:1px solid #004a72;
}
/*footer specific*/

#footer #links { padding:15px 25px; }
#cta {
	padding:10px;
	border:1px solid #dfdfdf;
	background:#ededed;
	margin:0 0 10px 0;
	font-weight:bold;
}
#cta p {
	margin:0!important;
	padding:0!important;
}
#graphs img {
	padding:30px 0 0 0;
	border-top:1px solid #999;
}
#financial-calendar table {
	background:#ededed;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc
}
#financial-calendar table td {
	font-size:0.9em;
	padding:2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc
}
#external-advisors {
	float:left;
	width:100%;
	position:relative;
}
#external-advisors h3 {
	margin:30px 0 0 0!important;
	float:left;
}
#external-advisors .item {
	float:left;
	width:100%;
	border-top:1px dashed #bbb;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}
#external-advisors .item img {
	float:right;
	color:#ccc;
	border:1px solid #ddd;
	padding:5px;
	background:#fff;
}
.subFinance h3 {
	margin:20px 0 0 0;
	font-size:1.0em!important;
	padding:0 0 5px 0!important;
}
.subFinance ul {
	margin:0;
	font-size:1.0em!important;
	padding:0!important;
}
.subFinance ul a { padding:3px 5px 3px 10px!important; }
.subFinance ul a {
	padding:3px 5px 3px 10px!important;
	width:185px!important;
}

.pdfcta {
	position:relative	
}
.pdfcta img {
	position:absolute;
	top:7px;
	right:7px;
}
#maincontactform {
	margin:0 0 30px 0;
	padding:0;
	float:left;
	width:100%;
}
#maincontactform form {
	margin:0;
	padding:0 0 30px 0;
}

#maincontactform form ul {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
#maincontactform form ul li {
	width:400px;
	float:left;
	padding:0 0 3px 0;
}
#maincontactform form ul li label {
	width:120px;
	float:left;
}


#maincontactform form ul li input,#maincontactform form ul li textarea,#maincontactform form ul li select  {
	width:200px;
	border:1px solid #ccc;
	float:left;
}
#maincontactform form ul .formButton {
	width:auto!important;
	clear:left!important;
	float:none!important;
}

#whitehallvideo{
width:650px;
height:410px;
display:block;
}

.formError {
	color:red;
}

.searchitemBox { 
float:left;
width:870px;
border-top:1px solid #ddd!important;
padding:10px;
}

.searchitemBox .piThumbAnchor{
float:left;
padding:0 20px 0 0;
}

#propertySearchPanel li{
float:left;
margin:0 20px 0 0;
}

#propertySearchPanel li h3{
 margin:0 10px 0 0;
 float:left;
 font-size:1em;
}
/*
#propertySearchPanel li select{
float:left;
}*/

#propertySearchPanel{
padding:10px 0 30px 10px!important;
clear:both!important;
background:#ddd;
}

#propertySearchPanel #submit{
padding:8px;
margin-top:-16px;
}

	
.time{
float:right;
margin:-25px 10px 0 0;
}