/* CSS Document */

/*Page Structure*/

/*--------------cols
contains diff column
layouts for various
templates
-------------------*/

.sidebar {
	width: 195px;
	float: left;
	border: 0px solid;
	}



.content_left {
	float: left;
	width: 335px;
	padding: 20px 17px 20px 20px;
	}

.content_left p {
	padding: 0 0 10px 0;
	}

.content_left ul {
	border: 0px solid;
	}


/*Image left / copy right*/

.twocols {
	border: 0px solid;
	padding: 18px 0 15px 15px;
	}

.borderbot {
	border-bottom: #CCC 1px solid;
	}
.bordertop {
	border-top: #CCC 1px solid;
	}

/*.twocols span {
	width: 170px;
	float: left;
	border: 0px solid;
	}*/

.twocols img {
	float: left;
	border: 0px solid;
	}

.twocols .roundarrowbull {
	float: left;
	}

.twocols p {
	float: left;
	padding: 0 0 0 20px;
	border: 0px solid;
	max-width: 315px;
	}

.twocols strong {
	display: block;
	padding-bottom: 3px;
	}

ul.nav {
	display:block;
}

ul.nav li {
	float:left;
	display:block;
	background:transparent url('../images/nav_bg.jpg') top left no-repeat;
}

ul.nav li.selected {
	background-position:left -27px;
	}

ul.nav li a, ul.nav li a:link, ul.nav li a:visited, ul.nav li a:active   {
	display: block;
	padding:7px 6px 7px 7px;
	color: #000000;
	text-decoration: none;
}

ul.nav li a.first, ul.nav li a.first:link, ul.nav li a.first:active, ul.nav li a.first:visited {
	padding:7px 7px 7px 12px;
	background:transparent url('../images/first.gif') top left no-repeat;
}

ul.nav li a.last {
	background:transparent url('../images/last.gif') top right no-repeat;
	padding:7px 11px 7px 7px;
}

ul.nav li a:hover {
	color: #006600;
}

ul.nav li a:visited {
	text-decoration: none;
	}


ul.nav li.selected a, ul.nav li.selected a:link, ul.nav li.selected a:active, ul.nav li.selected a:visited {
	color:#ffffff;
}

ul.nav li.selected a:hover {
	color: #C42435;
	}



/*---------------------------------
Scalable Rounded Corners - Tab Menu
----------------------------------*/
#tabnav {
	border-collapse: collapse;
	}

#tabnav a {
	color: #333;
	background: #FFF url(../images/left_tab_down.gif) left top no-repeat;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	}

#tabnav a span {
	background: url(../images/right_tab_down.gif) right top no-repeat;
	padding: 4px 13px 4px 4px;
	}

#tabnav a, #tabnav a span {
	display: block;
	float: left;
	}

#tabnav li a.selected {
	color: #000099;
	font-weight: normal;
	}

/* Hide from IE5-Mac \*/
	#tabnav a, #tabnav a span {
	float: none
	}
/* End hide */

#tabnav a:hover
{
/*color: #fff;
background: #FFF url(left-tab-hover.gif) left top no-repeat;
padding-left: 10px*/
}

#tabnav a:hover span {
/*background: url(right-tab-hover.gif) right top no-repeat;
padding-right: 10px*/
	}

#tabnav ul {
	padding: 0;
	margin: 0;
}

#tabnav li {
list-style: none;
	float: left;
	margin: 0;
}

/*------------
Sortable Table
-------------*/

table.sortable  {
	width: 570px;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #CCC;
	background: #F0F0F0;
}

table.sortable a {
	color: #000;
	}

table.sortable thead th {
	padding: 0.5em;
	text-align: left;
	border: 1px solid #CCC;
	background-color: #666666;
	color: #013378;
}

table.sortable th a {
	color: #013378;
	}

.sortable th a, .sortable th a:link, .sortable th a:visited {
	color: #FFF;
	}

table.sortable tfoot th a:hover {
	text-decoration: none;
	}

table.sortable tfoot tr {
	border: 1px solid #CCC;
}

table.sortable tbody tr {
  border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	}

table.sortable tbody td {
	padding: 0.6em;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

table.sortable tbody tr.odd {
	background-color: #DADADA;
}



/*footer*/

.build_logo {
	position:relative;
	text-align: center;
	padding-top: 15px;
	}

.linediv {
	border-top: 1px solid #999999;
	margin: 5px 0 5px 0;
	width: 780px;
	height: 1px;
	}

#footer {
	border-top: #D5D5D5 1px solid;
	width: auto;
	line-height: 1.6em;
	clear: both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}

img.dont_move {
	position:absolute;
	top:40px;
	right:0;
}

div.nobackground {
	background: none !important;
}

/*page content*/
/*general indent div*/
.indent{
	margin: 15px 15px 5px 20px;
}

.indent p{
	margin-bottom: 10px;
}

.smallbox_indent {
	margin: 5px 3px 0 13px;
	}

.leftcol {
	float: left;
	}

.rightcol {
	float: right;
	}

/* generic float for CMS templates to replace .leftcol and .rightcol above
see company/results for usage
 */
.resultscol {
	float: left;
	margin-right:20px;
	}

/*Picture Panel */

.pic_panel_left	{
	float: right;
	margin-top: 20px;
	background: #F7F7F7;
	padding: 5px;
	width: 185px;
	}

.pic_panel_left	p {
	padding: 3px 0 10px 5px;
	}

.pic_panel_left	img {
	padding: 6px 0 2px 6px;
	}


/* Right column modules*/

.fasttrack_title {
	background: url(../img/developments/fasttrack_title.gif) left no-repeat;
	width: 312px;
	height: 70px;
	margin-top: 10px;
	padding: 4px 0 0 0;
	text-align: left;
}

.fasttrack_landing_title {
	background: url(../img/developments/fasttrack_landingpage_title.gif) left no-repeat;
	width: 306px;
	height: 35px;
	margin-top: 10px;
	padding: 4px 0 0 0;
	text-align: left;
}


/*Fast Track */
.fasttrack_dev_bg{
	background: url(../img/developments/fasttrack_box_bg.gif) left no-repeat;
	width:348px;
	height:121px;
	text-align:left;
}

.fasttrack_dev_bg p{
	padding: 15px 15px 25px 20px;
	color:#FFFFFF;
}

.fasttrack_dev_bg p.phone{
	background:url(../img/icons/goarrow.gif) no-repeat;
	padding:0px 0px 0px 15px;
	margin-left:15px;
	color:#000000;
}

.fasttrack_dev_bg p.phone strong{
	font-size:1.1em;
}

.rightcol ftrack{
	width:400px;
}

.thumb_bg{
	background:url(../img/developments/dev_thumb_bg.gif) no-repeat;
	text-align:center;
	padding-top:8px;
	height:106px;
	width:125px;
}
/*END Fast Track */

/*Mortgage Offer */
.mortgage_box_top{
	background:url(../img/developments/mortgage_offer_box_top.jpg) no-repeat;
	height:16px;
	width:570px;
}

.mortgage_box_mid{
	background:url(../img/developments/mortgage_offer_box_mid.jpg) top left repeat-y;
	width:570px;
	padding-top:14px;
}

.mortgage_box_bot{
	background:url(../img/developments/mortgage_offer_box_bot.jpg) no-repeat;
	height:9px;
	width:570px;
	overflow:hidden;
}

h2.mortgage_offer{
	background:url(../img/developments/mortgage_offer_title.gif) no-repeat;
	width:464px;
	height:70px;
	margin-left:38px;
}

#mortgage_offer{
	background:url(../img/developments/mortgage_offer_right_img.jpg) top right no-repeat;
	margin:21px 28px 44px 38px;
}

#mortgage_offer p{
	color:#FFFFFF;
	width:252px;
	line-height:1.5em;
}

#mortgage_offer p.last{
	margin-top:16px;
}
/*END Mortgage Offer */


/*---Temporarily add company CSS until provision for addition stylesheets in default */

/*resnav structure*/
div.resnav_container {
	width: 535px;
}

.resnav_container p {
	padding: 0 0 10px 15px;
	}

/*resnav ordered list*/
ul.resnav {
	background: #EEE;
	float: left;
	border-bottom: #CCC 1px solid;
	width: 535px;
}

ul.resnav li {
	display: inline;
	height: 27px;
}

ul.resnav li a, ul.resnav li a:link, ul.resnav li a:visited {
	display: block;
	float: left;
	padding: 10px 13px 10px 12px;
	border-right: #FFF 1px solid;
	text-align: center;
}

ul.resnav li a:hover {
	text-decoration: none;
	}

ul.resnav li a.spanwidth {
	width: 226px;
	}

ul.resnav li a.lastcell {
	border-right: 0;
	}

ul.resnav li a.selected, ul.resnav li a:link.selected, ul.resnav li a:visited.selected {
	background: #494949;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


/*result_type lists*/
ul.result_types {
	border: 0px solid;
	background: #F0F0F0;
	border-bottom: #CCC 1px solid;
	}

ul.result_types li {
	padding: 10px 15px 10px 15px;
	border-top: #FFF 1px solid;
}

.odd  {
	background: #CCC;
}

.pdf_report {
	background: #F0F0F0;
	border-bottom: #CCC 1px solid;
	padding: 15px 0 20px 50px;
	}

.pdf_report img {
	float: left;
	}

.pdf_report ul {
	float: left;
	padding: 10px 0 0 15px;
	}

.pdf_report ul li {
	line-height: 1.7em;
	}

/*financial results PDFs*/
.pdf_results{
	padding: 15px 0 20px 0;
	}

.pdf_results img {
	float: left;
	}

.pdf_results ul {
	list-style: none;
	float: left;
	padding: 0px 0 0 15px;
	}

.pdf_results ul li {
	line-height: 1.7em;
	}


/* ----- END OF FINANCIAL RESULTS CSS ------ */

/* General page elements */
.graybg{
	background-color:#F7F7F7;
	margin-bottom: 2px;
}

.headerbox {
	border-bottom: 1px solid #CCCCCC;
		padding:0 15px 5px 0;
}

.headerbox strong, .headerbox p{
		padding-left: 15px;
		width: 350px;
}

.headerbox strong{
		line-height: 3em;
}


/*----------
News Section
-----------*/

.newssection {
	width: 500px;
	margin: 15px 0 15px 20px;
	}

.newssection p {
	padding-bottom: 10px;
	line-height: 1.6em;
	}

.newssection span {
	font-weight: bold;
	color: #666666;
	}

/*----------
Share Price Tables
-----------*/
table.hemscott  {
	border-bottom: 1px solid #CCCCCC;
	background:#F0F0F0;
	width:95%;
}

table.hemscott thead th{
	padding: 0.5em;
	text-align: left;
	border: 1px solid #CCC;
	background-color: #E4E4E4;
	color: #013378;
}

table.hemscott tbody tr {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

table.hemscott tbody td {
	padding: 0.6em;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #FFFFFF;
}


/*----------
Lists
-----------*/
/* Defined list for use in governance section*/
ol{

	padding:0;
	list-style:none;
	margin:10px 0 10px 0;
}

ol li{
	font-weight:bold;
}

ol.numbered li {
	font-weight:normal;
}

ol li ol{
	padding-left: 2em;
	text-indent: -2em;
	margin:5px 0 15px 0;
}

ol li ol li {
	font-weight:normal;
	margin-bottom:5px;
}

ol li ol li blockquote{
	margin: 3px 0 0 15px;
	color:#333333;
}

ol li ol li blockquote p {
	padding-left: 1em;
	text-indent: -1em;
}

/*-------------
	Flash
-------------*/

#flash_choices_options {
	margin:10px 0 20px 0;
}

.box_reassure{
	height:75px;
	width:195px;
	margin-bottom:10px;
}
.box_reassure a {
	border:none;
	height:75px;
}

.dev_info{
	padding-top:20px;
	padding-left:40px;
	width:175px;
	float:left;
}

.dev_info_flow {
	clear:left;
	padding-top:10px;
}

.dev_info_flow p span {
	display:block;
	padding-top:5px;
	color: #000099;
	font-weight:bold;
	font-size:1.2em;
	}

#flash_landing_page {
	width: 285px;
	height: 190px;
	float: left;
	}
.hero_landingpage {
	background-color: #F6F6F6;
	}
.hero_text {
	float: left;
	padding: 22px 22px 0;
	}
.hero_text ul {
	list-style: none;
	margin-bottom: 10px;
	}
.hero_text ul li {
	margin-bottom: 4px;
	}
/* The Wharf landing page */
#h_thewharf {
	background: #F6F6F6 url(/img/developments/landingpage_thewharf_title.gif) top left no-repeat;
	width: 235px;
	height: 15px;
	}
h4.call_hotline, h4.call {
	font-size: 1.2em;
	color: #000099;
	margin: 16px 0 10px;
	
	}
h4.call {
	margin: 10px 15px;
	}
h4.call_hotline {
	background: transparent url(/img/sidenav/goarrow_lg.gif) left center no-repeat;
	padding-left: 20px;
	height: 13px;
	display: block;
}
.red {
	color: D00808;
	}
.txt_grey p {
	color: #333;
	}
/* expand regions */

span#expand_icon {
	position:absolute;
	left:10.35em;
	width:9px;
	height:9px;
	margin:3px;
	background:url('../img/icons/plus.gif') center bottom no-repeat;
	}

span.minimise {
	background:url('../img/icons/minus.gif') center bottom no-repeat !important;
	}