/*=======================================================
Crosby Lend Lease CSS
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*START override default styles*/
body {
	font:0.70em Arial, Helvetica, Sans-Serif;
	color:#707b8a;
	background:#CCD1DA url(../images/crosby/bg_crosby.png) repeat-y center;
	padding:0px 0px 30px 0px;
	margin:0px;
	text-align:center
}
h1, h2, h3, h4, h5, h6 {
	font:normal 1.0em Arial, Helvetica, Sans-Serif;
	margin-top:0px;
	color:#636A78
}
h1 { font-size:1.6em }
h2 {
	font-size:1.2em;
	font-weight:bold
}
h3 {
	font:bold 0.9em Tahoma, Arial, Helvetica, Sans-Serif;
	background:url(../images/crosby/blt_crosby.gif) no-repeat 0px 5px;
	padding-left:9px
}
h4 { font-size:bold 0.9em }
h5 { font-size:bold 0.9em }
h6 { font-size:bold 0.9em }
.regitem, .regitem a, .regitem a:visited {
	font-size:1.3em;
	margin: 8px 2px 2px 2px;
	list-style: none;
	text-decoration: none
}
.secitem {
	font-size:1.2em;
	font-weight:bold;
	padding: 2px 2px 2px 2px
}
a {
	color:#2172C3;
	text-decoration:underline
}
a:hover, a:active, a:focus {
	text-decoration:none;
	background:#2172C3;
	color:#FFF
}
/*a img {display:block;border:0px}*/

a img {
	display:block;
	border:3px solid #DDD
}
a:hover img, .item a:active img, .item a:focus img { border:3px solid #2172C3 }
img { border:2px solid #cfcfcf }
p {
	font-size:1.1em;
	margin-top:0px;
	margin-bottom:10px
}
form { margin:0px }
input, select, textarea {
	font:normal 1.0em Tahoma, Arial, Helvetica, Sans-Serif;
	color:#636A78
}
fieldset { border:0px }
label { cursor:pointer }
/*END override default styles*/



/*miscellaneous styles used throughout*/

.highlight, .highlight a { color:#00CC66 }
a.fullStory { float:right }
.hide, .print { display:none }
.floatLeft { float:left }
.floatRight { float:right }
.noborder, .noborder img { border:none; }
.nomargin { margin:0px!important }
.divider {
	display:block;
	clear:both;
	background-color:#DDD;
	height:1px;
	margin:17px 0px 17px 0px
}
/*IE5 mac hack \*/
* html .divider { font-size:0.00000001em }
/*end IE5 mac hack*/
#latestphase {
	background:url(../images/greenquarter/text_latestPhase.gif) no-repeat;
	padding:3px 0px 0px 120px
}
#latestphase a { font-weight:bold }
#latestphase span { display:none }
a#alwaysred { color:#8D073A }
a#alwaysred:hover, a#alwaysred:active, a#alwaysred:focus {
	background-color:#c11a39!important;
	color:#FFF!important
}
#menuimage {
	margin:5px 5px 5px 5px;
	border:none!important
}
.alignRight { text-align:right }
#flashbit {
	margin:0px 5px 1px 5px;
	padding-top:5px
}
a.mainnewsthumb img {
	/*display:none;*/
	float:left;
	margin:0px 10px 5px 0px;
	width:40px
}
.paraForm {
	float:left;
	/*text-transform:uppercase;*/
	font-weight:bold;
	width:150px
}
.lower { text-transform:lowercase!important }
/*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, .divider:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden
}
.floatfix, .divider { display:inline-block }
/* Hides from IE-mac \*/
* html .floatfix, * html .divider { height:1% }
.floatfix, .divider { display:block }
/* End hide from IE-mac */





/*===========================================================
main container elements with common attributes - widths etc
============================================================*/
#crosbyheader, #subsiteheader, #breadcrumb, #crosbycontainer, #footer {
	position:relative;
	width:766px;
	margin:auto;
	text-align:left
}
/*===================================================================
style for the red common red banner across the top of all the pages
====================================================================*/
#crosbybanner { background:#a6c8e4 url(../images/crosby/pagetop.png) repeat-x }
#crosbybanner hr { display:none }
/*=============================================
styles for the common top red Crosby section
and secondary banners for sub sites
==============================================*/
#crosbyheader {
	height:118px;
	background:#FFF url(../images/crosby/banner_crosby.png) no-repeat;
	color:#FFF
}
#crosbyheader h1 { margin:0px }
a#homelink {
	display:block;
	position:absolute;
	top:21px;
	left:33px;
	width:298px;
	height:59px;
	background:url(../images/crosby/logofade.gif) no-repeat
}
a#subsitehomelink {
	display:block;
	position:absolute;
	background:none!important
}
#crosbyheader a span, #subsiteheader a span, #subsiteheader span { display:none }
#subsiteheader h1 { margin:0px!important }
/*================================
main top level navigation styles
=================================*/
#crosbynav {
	position:absolute;
	top:100px;
	left:30px;
	margin:0px;
	padding:0px;
	list-style:none
}
#crosbynav li { background:url(../images/crosby/blt_crosby_grey.gif) no-repeat 0px 5px }
#crosbynav a {
	text-transform:uppercase;
	text-decoration:none;
	font:bold 1.0em Arial, Helvetica, Sans-Serif;
	display:block;
	float:left;
	background:none!important;
	color:#7A7A7A;
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 8px
}
/* IE5 Mac Hack \ */
#crosbynav a { float:none }
/**/
#crosbynav a:hover, #crosbynav a:active, #crosbynav a:focus { color:#2172C3 }
#crosbynav li { float:left }
#imaginecreate {
	position:absolute;
	top:25px;
	right:30px;
	background:url(../images/crosby/imaginecreate_v2.gif) no-repeat;
	width:85px;
	height:50px
}
#imaginecreate span { display:none }
/*==================================================
login area specific styles - up in the banner area
===================================================*/
#crosbylogin {
	color:#2172C3;
	position:absolute;
	top:16px;
	left:555px;
	font:bold 0.9em Tahoma, Arial, Helvetica, Sans-Serif;
	width:210px;
	height:70px
}
#crosbylogin label {
	position:absolute;
	font-weight:normal;
	top:13px
}
#crosbylogin input {
	position:absolute;
	width:85px;
	top:26px;
	padding:0px
}
#crosbylogin_pass_label, #crosbylogin_pass { left:100px }
/*#crosbylogin_btn {
	position:absolute;
	width:89px!important;
	height:15px!important;
	top:46px!important;
	left:99px}*/

/*#crosbylogin #forgot a {
	color:#2172C3;
	font:normal 0.9em Tahoma, Arial, Helvetica, Sans-Serif;	
	position:absolute;
	top:47px}	
	
#crosbylogin #forgot a:hover,#crosbylogin #forgot a:focus,#crosbylogin #forgot a:active {
	color:#FFF}	*/

#loggedin { /*text-align:right;
	position:absolute;
	top:12px;
	left:540px;*/
	font:0.9em Tahoma, Arial, Helvetica, Sans-Serif;/*width:210px;
	height:70px*/ }
#loggedin a { color:#FFF }
#crosbyloginNew {
	position:relative;
	margin:0px
}
/*#crosbyloginNew #forgot a {
	color:#fff;
	font:normal 0.9em Tahoma, Arial, Helvetica, Sans-Serif;	
	position:absolute;
	top:47px}	*/
#crosbyloginNew #forgot a {
	margin:0px;
	color:#fff;
	font:normal 0.9em Tahoma, Arial, Helvetica, Sans-Serif
}
#crosbyloginNew label {
	display:block;
	padding:3px 0px 0px 0px;
	width:60px
}
#crosbyloginNew input {
	margin-bottom:3px;
	width:95px
}
#crosbylogin_user_label { }
#crosbylogin_pass_label { }
#crosbylogin_user {
	position:absolute;
	left:55px;
	top:19px;
}
#crosbylogin_pass {
	position:absolute;
	left:55px;
	top:38px;
}
#crosbylogin_btn {
	margin-top:10px;
	margin-right:-20px;
	width:auto!important
}
/*===========================
breadcrumb specific styles
===========================*/
#breadcrumb {
	width:700px;
	padding:0px;
	margin:15px auto 12px auto;
	font:bold 0.9em Tahoma, Arial, Helvetica, Sans-Serif
}
#breadcrumb li { border:1px solid }
#breadcrumb a {
	color:#2172C3;
	font-weight:normal;
	padding:0px 10px 0px 0px;
	margin:0px 2px 0px 0px;
	background:url(../images/crosby/bc_crcosby.gif) no-repeat right 4px
}
#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus {
	background-color:#2172C3!important;
	color:#FFF!important;
	text-decoration:none
}
#breadcrumb span { display:none }
/*===============================================
subsite submenu styling
================================================*/
#subsitenav { background:#E0E0E0 }
#subsitenav a {
	display:block;
	font:0.9em Tahoma, Arial, Helvetica, Sans-Serif;
	color:#666;
	width:157px;
	height:14px;
	padding:1px 0px 1px 8px;
	text-decoration:none;
	background:url(../images/crosby/submenu_bg.gif) no-repeat
}
#subsitenav a:hover, #subsitenav a:active, #subsitenav a:focus {
	color:#2172C3;
	background:none
}
#subsitenav2 {
	background:#E0E0E0;
	padding:2px;
	margin:0;
}
#subsitenav2 a, #subsitenav2 img {
	padding:0;
	margin:0;
	border:none;
}
#subsitenav ul {
	margin:3px 0px 0px 4px;
	padding:0px 0px 3px 0px;
	list-style:none
}
#subsitenav li {
	margin:0px;
	padding:0px
}
#subsitenav .active a {
	color:#666;
	cursor:default;
	background:url(../images/crosby/submenu_bg_active.gif) no-repeat!important;
}
#menuimage {
	margin:5px 5px 1px 5px;
	border:none!important
}
/*====================================================
main container item:
For everything between the breadcrumb and the footer
=====================================================*/
#crosbycontainer {
	width:718px;
	margin-bottom:15px
}
/*=======================================================
styles for laying out the various column structures
========================================================*/
#colL, #colM, #colR, #colR2, #colFull {
	float:left;
	margin-right:10px;
	width:175px
}
#colM { width:345px }
#colR { margin-right:0px }
#colR2 {
	width:530px;
	margin-right:0px
}
#colFull {
	width:715px;
	margin-right:0px;
	clear:left
}
.alignends {
	clear:both;
	margin-bottom:10px
}
.threecol { background:url(../images/crosby/3colaligned.png) repeat-y }
.twocol { background:url(../images/crosby/2colaligned.png) repeat-y }
.threecol .closealignends {
	background-image:url(../images/crosby/3colaligned_close.png);
	height:2px
}
.threecol .closealignendslong {
	background-color:#e0e0e0;
	height:2px
}
.twocol .closealignends {
	background-image:url(../images/crosby/2colaligned_close.png);
	height:2px
}
.closealignends span { display:none }
.closealignends {
	clear:left;
	background-position:bottom left;
	background-repeat:no-repeat
}
/*===================================================
styles for the tiles, the bits within the columns:
mix and match to make different tile types
====================================================*/
div.tile {
	border:2px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	padding:7px 9px 9px 9px;
	background:#FFF
}
h2.tile {
	font:bold 0.9em Tahoma, Arial, Helvetica, Sans-Serif;
	padding:7px 0px 6px 9px;
	color:#636977;
	text-transform:uppercase;
	background:url(../images/tileheader_crosby_colM.gif) bottom;
	margin:0px;
	border-top:8px solid #FFF
}
#colM h2.tile { background-image:url(../images/crosby/tileheader_colM.png) }
#colL h2.tile, #colR h2.tile { background-image:url(../images/crosby/tileheader_colLR.png) }
#colR2 h2.tile { background-image:url(../images/crosby/tileheader_colR2.png) }
#colFull h2.tile { background-image:url(../images/crosby/tileheader_colFull.png) }
.alignends div.tile {
	margin-bottom:0px;
	border:none;
	padding:8px 11px 11px 11px;
	background:none
}
.closetile { border-bottom:2px solid #E0E0E0!important }
/*=====================================
OLD Styles for the dev map on the homepage
========================================*/
/*
#homepagemap {
	position:relative;
	font:0.84em Tahoma, Arial, Helvetica, sans-serif;
	background:#e2e5e8 url(../images/crosby/homepagemap.png) no-repeat;
	width:530px;
	height:318px;
	float:left;
	margin:18px 10px 0px 0px}
#homepagemap .title {
	font:bold 1.0em Tahoma, Arial, Helvetica, Sans-Serif;
	padding:9px 0px 6px 9px;
	color:#636977}
#homepagemap p {
	font-size:1em;
	position:absolute;
	width:160px;
	top:108px;
	left:23px}

.region {
	position:absolute}
.region h2 {
	font-weight:bold;
	text-transform:uppercase;
	background:none;
	margin:0px 0px 3px 0px}
.region ul {
	margin:0px;
	padding:0px;
	list-style:none}
.region ul a {color:#3f444C;padding-left:10px}
.region ul ul {
	margin:2px 0px 2px 10px;
	padding:0px;
	list-style:none}

#northwest {top:40px;left:220px}
#yorkshire {top:190px;left:27px}
#midlands {top:190px;left:218px}

#northwest h2 a,#northwest ul a:hover,#northwest ul a:active,#northwest ul a:focus {color:#B6CC4D}
#yorkshire h2 a,#yorkshire ul a:hover,#yorkshire ul a:active,#yorkshire ul a:focus {color:#EF4E44}
#midlands h2 a,#midlands ul a:hover,#midlands ul a:active,#midlands ul a:focus {color:#F18D4C}

#northwest h2 a:hover,#northwest h2 a:active,#northwest h2 a:focus {background:#B6CC4D;color:#FFF}
#yorkshire h2 a:hover,#yorkshire h2 a:active,#yorkshire h2 a:focus {background:#EF4E44;color:#FFF}
#midlands h2 a:hover,#midlands h2 a:active,#midlands h2 a:focus {background:#F18D4C;color:#FFF}

#northwest ul a {background:url(../images/crosby/blt_homepagemap_nw.gif) no-repeat 0px 5px}
#yorkshire ul a {background:url(../images/crosby/blt_homepagemap_y.gif) no-repeat 0px 5px}
#midlands ul a {background:url(../images/crosby/blt_homepagemap_m.gif) no-repeat 0px 5px}

#northwest ul ul a {background:url(../images/crosby/blt_crosby_grey.gif) no-repeat 0px 5px}
#yorkshire ul ul a {background:url(../images/crosby/blt_crosby_grey.gif) no-repeat 0px 5px}
#midlands ul ul a {background:url(../images/crosby/blt_crosby_grey.gif) no-repeat 0px 5px}

.region .comingsoon {
	margin-top:4px}
	
.comingsoonh {
	margin-top:4px}
	
.paraPad {
float:left;
width:350px;
margin:50px 0 20px 10px;
}

.noneb img{
padding:0 0 10px 0;
border-style:none;
}

#awardmid{
width:200px;
margin:0px auto;
text-align:center;
}

#awardmid h1 img{
border-style:none;
}
*/





/*=======================================================
common styles for the quick search areas of the subsites
=======================================================*/
/*div#quicksearch {
	font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#42A4CF url(../images/crosby/bg_quicksearch.png) repeat-x;
	border:2px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	padding:7px 8px 5px 8px}
div#quicksearch select {
	float:left;
	width:96px;
	margin:0px -10px 4px 0px}
div#quicksearch label {
	float:left;
	margin:4px 0px 4px 0px;
	width:60px}
div#quicksearch input {
	float:left;
	margin:3px -10px 0px 0px}
#showallapts {
	float:left;
	margin:4px -10px 0px 1px;
	background:url(../images/crosby/btn_showallapts.png) no-repeat}
#showallapts a {
	display:block;
	width:157px;
	height:46px;
	background:none}
#showallapts a:hover,#showallapts a:active,#showallapts a:focus {
	background:url(../images/crosby/btn_showallapts_over.png) no-repeat}
#showallapts a span {
	display:none}

div#loginbox {
	font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#42A4CF url(../images/crosby/bg_quicksearch.png) repeat-x!important;
	border:2px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	padding:7px 8px 50px 8px}
*/












/*=====================================
NEW Styles for the dev map on the homepage
new style, larger map - September 2007
========================================*/

#homepagemap {
	position:relative;
	font:0.84em Tahoma, Arial, Helvetica, sans-serif;
	background:#e2e5e8 url(../images/crosby/lendlease_map_new.png) no-repeat;
	width:530px;
	height:388px;
	float:left;
	margin:18px 10px 0px 0px
}
#homepagemap .title {
	font:bold 1.0em Tahoma, Arial, Helvetica, Sans-Serif;
	padding:9px 0px 6px 9px;
	color:#636977
}
#homepagemap p {
	font-size:1em;
	position:absolute;
	width:160px;
	top:115px;
	left:23px
}
.region { position:absolute }
.region h2 {
	font-weight:bold;
	text-transform:uppercase;
	background:none;
	margin:0px 0px 3px 0px
}
.region ul {
	margin:0px;
	padding:0px;
	list-style:none
}
.region ul a {
	color:#3f444C;
	padding-left:10px
}
.region ul ul {
	margin:2px 0px 2px 10px;
	padding:0px;
	list-style:none
}
#northwest {
	top:45px;
	left:220px
}
#yorkshire {
	top:218px;
	left:27px
}
#midlands {
	top:218px;
	left:218px
}
#northwest h2 a, #northwest ul a:hover, #northwest ul a:active, #northwest ul a:focus { color:#B6CC4D }
#yorkshire h2 a, #yorkshire ul a:hover, #yorkshire ul a:active, #yorkshire ul a:focus { color:#EF4E44 }
#midlands h2 a, #midlands ul a:hover, #midlands ul a:active, #midlands ul a:focus { color:#F18D4C }
#northwest h2 a:hover, #northwest h2 a:active, #northwest h2 a:focus {
	background:#B6CC4D;
	color:#FFF
}
#yorkshire h2 a:hover, #yorkshire h2 a:active, #yorkshire h2 a:focus {
	background:#EF4E44;
	color:#FFF
}
#midlands h2 a:hover, #midlands h2 a:active, #midlands h2 a:focus {
	background:#F18D4C;
	color:#FFF
}
#northwest ul a { background:url(../images/crosby/blt_homepagemap_nw.gif) no-repeat 0px 5px }
#yorkshire ul a { background:url(../images/crosby/blt_homepagemap_y.gif) no-repeat 0px 5px }
#midlands ul a { background:url(../images/crosby/blt_homepagemap_m.gif) no-repeat 0px 5px }
#northwest ul ul a { background:url(../images/crosby/blt_crosby_grey.gif) no-repeat 0px 5px }
#yorkshire ul ul a { background:url(../images/crosby/blt_crosby_grey.gif) no-repeat 0px 5px }
#midlands ul ul a { background:url(../images/crosby/blt_crosby_grey.gif) no-repeat 0px 5px }
.region .comingsoon { margin-top:4px }
.comingsoonh { margin-top:4px }
.paraPad {
	float:left;
	width:350px;
	margin:50px 0 20px 10px
}
.noneb img {
	padding:0 0 10px 0;
	border-style:none
}
#awardmid {
	width:200px;
	margin:0px auto;
	text-align:center
}
#awardmid h1 img { border-style:none }
/*=======================================================
common styles for the quick search areas of the subsites
=======================================================*/
div#quicksearch {
	font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#3db3d1 url(../images/crosby/bg_quicksearch.png) repeat-x top;
	border:2px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	padding:7px 8px 40px 8px
}
div#quicksearch select {
	float:left;
	width:96px;
	margin:0px -10px 4px 0px
}
div#quicksearch label {
	float:left;
	margin:4px 0px 4px 0px;
	width:60px
}
div#quicksearch input {
	float:left;
	margin:3px -10px 0px 0px
}
#showallapts {
	float:left;
	margin:4px -10px 0px 1px;
	background:url(../images/crosby/btn_showallapts.png) no-repeat
}
#showallapts a {
	display:block;
	width:157px;
	height:46px;
	background:none
}
#showallapts a:hover, #showallapts a:active, #showallapts a:focus { background:url(../images/crosby/btn_showallapts_over.png) no-repeat }
#showallapts a span { display:none }
div#loginbox {
	font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#3db3d1 url(../images/crosby/bg_quicksearch.png) repeat-x!important;
	border:2px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	padding:7px 8px 40px 8px
}
/*============================================================
Styles for the blue My Properties button that's on most pages
==============================================================*/
#mplink {
	margin:0px;
	background:#3994BD url(../images/crosby/btn_MyProperties.gif);
	border-right:2px solid #E0E0E0;
	border-left:2px solid #E0E0E0;
	border-bottom:2px solid #E0E0E0
}
* html #mplink { background-position:2px 0px }
#mplink span { display:none }
#mplink a {
	display:block;
	width:171px;
	height:60px;
	background:none
}
#mplink a:hover, #mplink a:active, #mplink a:focus { background:url(../images/crosby/btn_MyProperties_over.gif) }
/*======================================================================
Styles for the blue My Properties button that's on the current homepage
=======================================================================*/
/*
UNHIDE THIS SECTION BELOW WHEN YOU NEED THE 1 SINGLE BOX ON THE HOME PAGE, AND HIDE THE ONE BELOW
*/
/*#mplink.homepage {
	background:#42A4CF url(../images/crosby/btn_MyProperties_homepage_old.jpg);
	height:289px;
	float:left;
	border-bottom:2px solid #E0E0E0;
	margin:0px!important;
	display:block}
#mplink.homepage a {
	display:block;
	height:289px;
	background:none}
#mplink.homepage a:hover,#mplink.homepage a:active,#mplink.homepage a:focus {
	background:none}
.mphomepage {margin-top:11px}
.qshome {margin-top:11px;clear:left}*/



/*
UNHIDE THIS SECTION BELOW WHEN YOU NEED THE 2 SEPERATE BOXES ON THE HOME PAGE, AND HIDE THE ONE ABOVE
*/
#mplink.homepage {
	background:#42A4CF url(../images/crosby/btn_MyProperties_homepage_new.jpg);
	height:122px;
	float:left;
	border-bottom:2px solid #E0E0E0;
	margin:0px!important;
	display:block
}
#mplink.homepage a {
	display:block;
	height:122px;
	background:none
}
#mplink.homepage a:hover, #mplink.homepage a:active, #mplink.homepage a:focus { background:none }
.mphomepage { margin-top:11px }
.qshome {
	margin-top:11px;
	clear:left
}
/*========================================
Common styles for the My Properties pages
intro section
=========================================*/
#mpintro { margin-bottom:3px }
#mpintro h1 span { display:none }
#mpintro h1 {
	background:url(../images/crosby/text_createyourown.png) no-repeat;
	height:20px;
	margin:5px 0px 10px 0px
}
#mpintro ol {
	margin:0px;
	padding:0px;
	list-style:none
}
#mpintro li {
	color:#9b9b9b;
	float:left;
	width:95px;
	margin:0px 10px 0px 0px;
	padding:4px 0px 0px 24px;
	background-repeat:no-repeat
}
#mpnum01 { background-image:url(../images/crosby/num01.gif) }
#mpnum02 { background-image:url(../images/crosby/num02.gif) }
#mpnum03 { background-image:url(../images/crosby/num03.gif) }
#mpnum04 { background-image:url(../images/crosby/num04.gif) }
/*========================================
Common styles for the My Properties pages
intro section when it's empty
=========================================*/
#mpintroempty, #mpintroemptyLogin {
	color:#FFF;
	background:#43a5c8 url(../images/crosby/text_simplyreg.png) no-repeat 15px 15px
}
#mpintroempty p, #mpintroemptyLogin p {
	float:left;
	margin:110px 0px 0px 7px
}
#mpintroempty .intro, #mpinitialsearch .intro, #mpintroemptyLogin .intro { display:none }
#mpintroempty a, #mpintroemptyLogin a { color:#ADECFF }
#mpintroempty a:hover, #searchform a:active, #mpintroempty a:focus {
	color:#43a5c8;
	background:#ADECFF
}
#mpintroempty label, #mpintroemptyLogin label, .btnspacer_a, #searchform label, .btnspacer_b {
	font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	padding:4px 4px 2px 0px;
	width:100px;
	float:left;
	text-align:right
}
#mpintroempty input, #mpintroemptyLogin input, #searchform select {
	width:110px;
	float:left;
	margin-bottom:3px;
}
#mpintroempty form, #mpintroemptyLogin form, #searchform {
	float:right;
	width:225px;
	margin:8px 0px 0px 0px;
	padding:0px
}
#signupreg, #newsearch { width:auto!important }
#mpintroemptyLogin { background:#cd5368 url(../images/crosby/text_login.png) no-repeat 15px 15px }
/*========================================
Common styles for the My Properties pages
intial search bit, some are shared from above
=========================================*/
#mpinitialsearch { background:#FFF url(../images/crosby/text_thenwhen.png) no-repeat 15px 15px }
#mpinitialsearch ol {
	margin:100px 0px 0px 5px;
	padding:0px;
	width:270px;
	list-style:none;
	float:left
}
#mpinitialsearch li {
	color:#9b9b9b;
	padding:3px 0px 10px 26px;
	background-repeat:no-repeat
}
#searchform label, .btnspacer_b { width:65px }
#searchform select { width:114px }
#searchform { width:190px }
.devselect label, .devselect select {
	float:none!important;
	margin-left:12px;
	width:170px!important
}
.devselect { padding-bottom:10px }
/*=========================================
Colours for the development selection menu
on the empty My Properties Page
==========================================*/
option.gq {
	background:#99CC00;
	color:#FFF
}
option.bh {
	background:#a29992;
	color:#FFF
}
option.stj {
	background:#ff791f;
	color:#FFF
}
option.sh {
	background:#426173;
	color:#FFF
}
option.ss {
	background:#8a6cab;
	color:#FFF
}
option.ori { background:#fdd23c }
/*========================================
Common styles for the My Properties pages
main section
=========================================*/
#itemcontainer, #searchresults {
	background:#43a5c8;
	margin-bottom:0px;
	padding:15px 0px 15px 15px;
	/*only needed for IE5 on a mac*/
	width:511px
}
/*\*/
#itemcontainer, #searchresults { /*over rides IE5 mac thing above*/
	width:auto }
/**/

.item {
	background:url(../images/crosby/mpsection.png) no-repeat;
	padding:10px 0px 3px 10px;
	margin:0px 5px 0px 0px;
	width:495px;
	float:left;
	color:#939393
}
*>.item { width:485px; }
.item_close {
	background:url(../images/crosby/mpsection_end.png) no-repeat;
	height:7px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 3px 0px;
	font-size:0.00001em;
	width:495px;
	float:left
}
.item p, .result p {
	float:left;
	width:475px;
	margin:0px
}
.item .divider { margin:5px 10px 5px 0px }
.item .apartment {
	clear:both;
	border-bottom:1px solid;
	padding:0px 0px 3px 0px;
	margin:0px 0px 3px 0px;
	float:left
}
.item .details {
	font-weight:bold;
	text-transform:uppercase;
	float:left
}
.item .options {
	float:right;
	list-style-type:none
}
.item .options a {
	background-image:url(../images/crosby/blt_crosby.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0px 0px 0px 10px;
	color:#939393
}
.item .options .view { padding-right:10px }
.item a { font-weight:bold }
.item .smallthumb {
	float:left;
	margin:0px 10px 0px 0px
}
.item img {
	float:left;
	margin:0px 10px 0px 0px;
	width:45px
}
.devlogo {
	float:right;
	margin-right:5px
}
.devlogo img {
	border:none!important;
	width:auto!important
}
.item .logo {
	border:0px;
	float:right;
	margin:0px 10px 0px 0px
}
ul.mpoptions {
	float:right;
	margin:5px 10px 0px 0px;
	padding:0px;
	list-style:none
}
/*IE5 mack hack\*/
* html ul.mpoptions { margin-right:5px }
/*end IE5 mack hack*/
ul.mpoptions strong { display:none }
ul.mpoptions li { float:left }
.mpoptions li.returntoresults { background:url(../images/crosby/btn_returntoresults.png) no-repeat }
.mpoptions li.createbro { background:url(../images/crosby/btn_createbro01.png) no-repeat }
.mpoptions li a {
	display:block;
	height:45px
}
.mpoptions li.returntoresults a {
	margin-right:5px;
	width:163px;
	background:url(../images/crosby/btn_returntoresults.png)
}
.mpoptions li.returntoresults a:hover, li.returntoresults a:active, li.returntoresults a:focus { background:url(../images/crosby/btn_returntoresults_over.png) }
.mpoptions li.createbro a {
	width:183px;
	background:url(../images/crosby/btn_createbro01.png)
}
.mpoptions li.createbro a:hover, li.createbro a:active, li.createbro a:focus { background:url(../images/crosby/btn_createbro01_over.png) }
/*========================================
Common styles for the My Properties pages
save section at the top or bottom
=========================================*/
.mpsave {
	margin:0px;
	font:0.9em Tahoma, Arial, Helvetica, sans-serif;
	background:#E0E0E0;
	padding:10px 10px 10px 15px
}
/*IE5 mac hack\*/
* html .mpsave { padding-bottom:0px }
/*end IE5 mac hack*/
.mpsave p {
	margin:2px 0px 10px 0px;
	float:left
}
.mpsave br { clear:both }
.mpsave div {
	width:400px;
	float:left
}
.mpsave label { font-weight:bold }
.mpsave input {
	width:120px;
	margin-right:10px
}
#mpsavebtn_i, #mpsavebtn_ii {
	float:right;
	width:auto!important;
	margin:0px!important
}
/*===============================================
search page stuff common accros all subsites 
================================================*/
#searchresults { background:#CCC }
#searchresults .item { background:url(../images/crosby/crosby_searchresult.png) no-repeat }
#searchresults .item a { text-transform:uppercase }
#searchresults .item p {
	float:left;
	width:auto
}
#searchresults .item_close { background:url(../images/crosby/crosby_searchresult_end.png) no-repeat }
#searchresults .item .details, #apartdetails .details {
	text-transform:uppercase;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#6f818d;
	float:right;
	width:100px;
	text-align:right;
	padding-right:15px
}
#searchresults .item .details strong, #apartdetails .details strong { color:#5b9636 }
#searchresults ul.resultoptions {
	float:right;
	margin:5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	list-style:none;
	clear:right;
	width:200px
}
#searchresults ul.resultoptions li { float:left }
#searchresults ul.resultoptions li a strong { display:none }
#searchresults ul.resultoptions li a {
	display:block;
	height:22px;
	float:left
}
#searchcriteria .info {
	background:url(../images/greenquarter/icon_i.png) no-repeat;
	padding:4px 0px 3px 26px;
	font-weight:bold
}
#searchcriteria { }
p.gotomp {
	background:url(../images/crosby/btn_gotomp.png) no-repeat;
	float:right;
	width:199px;
	margin-right:18px
}
/*IE5 mac hack\*/
* html p.gotomp { margin-right:9px }
/*END IE5 mac hack*/

p.gotomp a {
	background:url(../images/crosby/btn_gotomp.png) no-repeat;
	display:block;
	width:199px;
	height:44px;
	float:right
}
p.gotomp a:hover, p.gotomp a:active, p.gotomp a:focus { background:url(../images/greenquarter/btn_gotomp_over.png) no-repeat }
p.gotomp a span { display:none }
.searchresultsintro {
	width:270px;
	float:left;
	margin:0px 0px 5px 0px
}
#searchresults .divider { margin:5px 20px 5px 0px }
#searchresults .pager {
	color:#FFF;
	font-weight:bold;
	float:right;
	margin:0px 20px 5px 0px
}
/*IE5 mac hack\*/
* html #searchresults .pager { margin-right:10px }
/*END IE5 mac hack*/
#searchresults .pager a {
	color:#FFF!important;
	font-weight:bold
}
ul.resultoptions li.view {
	margin-right:5px;
	background:url(../images/crosby/btn_view.png) no-repeat
}
ul.resultoptions .view a {
	width:51px;
	background:url(../images/crosby/btn_view.png) no-repeat
}
ul.resultoptions .view a:hover, ul.resultoptions .view a:active, ul.resultoptions .view a:focus { background:url(../images/crosby/btn_view_over.png) no-repeat }
ul.resultoptions li.add { background:url(../images/crosby/btn_addtomyproperties.png) no-repeat }
ul.resultoptions .add a {
	width:139px;
	background:url(../images/crosby/btn_addtomyproperties.png) no-repeat
}
ul.resultoptions .add a:hover, ul.resultoptions .add a:active, ul.resultoptions .add a:focus { background:url(../images/crosby/btn_addtomyproperties_over.png) no-repeat }
ul.resultoptions li.remove { background:url(../images/crosby/btn_removefrommyproperites.png) no-repeat }
ul.resultoptions .remove a {
	width:139px;
	background:url(../images/crosby/btn_removefrommyproperites.png) no-repeat
}
ul.resultoptions .remove a:hover, ul.resultoptions .remove a:active, ul.resultoptions .remove a:focus { background:url(../images/crosby/btn_removefrommyproperites_over.png) no-repeat }
/*=====================================
styles for the Apartment Details pages
======================================*/
#apartdetails h1 { float:left }
#apartdetails .contactinfo { clear:both }
#apartdetails .contactinfo strong { color:#5b9636 }
#apartdetails .images {
	float:right;
	border:1px solid;
	padding-bottom:20px!important;
}
#apartdetails .images img { margin-left:5px }
#specs {
	float:left;
	margin-top:3px
}
#specs td { padding:1px }
#apartdetails #floorplan {
	float:right;
	border:0px;
	margin-bottom:20px!important
}
#apartdetails #disclaimer { font:0.9em Tahoma, Arial, Helvetica, sans-serif }
#apartdetails h2 { font-weight:bold }
#apartdetails #dimensions, #apartdetails #disclaimer {
	width:170px;
	margin-top:20px
}
ul.aptoptions {
	margin:0;
	padding:0px;
	list-style:none
}
ul.aptoptions strong { display:none }
ul.aptoptions li { float:left }
.aptoptions li.returntoresults { background:url(../images/crosby/btn_returntoresults.png) no-repeat }
.aptoptions li.addtomp { background:url(../images/crosby/btn_addtomp.png) no-repeat }
.aptoptions li.createbro { background:url(../images/crosby/btn_createbro.png) no-repeat }
.aptoptions li.printspecs { background:url(../images/crosby/btn_printspecs.png) no-repeat }
.aptoptions li.gotomp { background:url(../images/crosby/btn_gotomp2.png) no-repeat }
.aptoptions li a {
	display:block;
	height:45px;
	width:163px
}
.aptoptions li.returntoresults a {
	margin-right:6px;
	background:url(../images/crosby/btn_returntoresults.png)
}
.aptoptions li.returntoresults a:hover, li.returntoresults a:active, li.returntoresults a:focus { background:url(../images/crosby/btn_returntoresults_over.png) }
.aptoptions li.addtomp a {
	margin-right:6px;
	background:url(../images/crosby/btn_addtomp.png)
}
.aptoptions li.addtomp a:hover, li.addtomp a:active, li.addtomp a:focus { background:url(../images/crosby/btn_addtomp_over.png) }
.aptoptions li.createbro a { background:url(../images/crosby/btn_createbro.png) }
.aptoptions li.createbro a:hover, li.createbro a:active, li.createbro a:focus { background:url(../images/crosby/btn_createbro_over.png) }
.aptoptions li.printspecs a { background:url(../images/crosby/btn_printspecs.png) }
.aptoptions li.printspecs a:hover, li.printspecs a:active, li.printspecs a:focus { background:url(../images/crosby/btn_printspecs_over.png) }
.aptoptions li.gotomp a { background:url(../images/crosby/btn_gotomp2.png) }
.aptoptions li.gotomp a:hover, li.gotomp a:active, li.gotomp a:focus { background:url(../images/crosby/btn_gotomp2_over.png) }
/*===========================================================
styles for the small Latest Developments tile on some pages
============================================================*/
#latestdevs a img {
	float:left;
	margin:0px 5px 0px 0px;
	width:80px
}
#latestdevs p {
	font-size:1em;
	float:left;
	margin:1px 0px 1px 0px;
	margin-right:-10px
}
#latestdevs h3 {
	float:left;
	width:140px;
	margin:10px 0px 5px 0px
}
/*===================================================
styles for the small Latest News tile on some pages
====================================================*/
#latestnews a img {
	margin:0px 0px 10px 5px;
	float:right
}
#latestnews p { margin:0px }
#latestnews h3 {
	margin:0px 0px 5px 0px;
	text-transform:uppercase
}
#latestnews .divider {
	margin:10px 0px 10px 0px;
	clear:right
}
#latestnewssmall img {
	float:right;
	width:40px!important;
	margin-left:10px;
	margin-bottom:10px
}
#latestnewssmall h3 { text-transform:uppercase }
/*====================================================================================
styles for the mainlist pges, like the region and development pages on the main site
======================================================================================*/
.list h3 {
	background:none;
	text-transform:uppercase;
	font:bold 1.3em Arial, Helvetica, Sans-Serif!important;
	padding-left:0px;
	margin-bottom:8px
}
.list h1 {
	height:24px;
	background-repeat:no-repeat;
	margin:10px 0px 10px 0px
}
.list h1 span { display:none }
.list .listitem {
	border-top:1px solid #dadada;
	margin:5px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
	width:500px
}
.list .listitem p { margin-left:0px }
.listitem p.description {
	width:370px;
	margin-left:120px
}
#nw { background-image:url(../images/crosby/text_nw.png) }
#y { background-image:url(../images/crosby/text_y.png) }
#yandne { background-image:url(../images/crosby/text_yandne.png) }
#m { background-image:url(../images/crosby/text_m.png) }
#history { background-image:url(../images/crosby/text_h.png) }
#devs { background-image:url(../images/crosby/text_dev.png) }
#subheady { background-image:url(../images/crosby/text_yorhshiresmall.png) }
#subheadne { background-image:url(../images/crosby/text_nesmall.png) }
#subheadlatest { background-image:url(../images/crosby/text_latestsmall.png)!important;}

a.cgi {
	float:left;
	margin:0px 10px 10px 0px
}
a.logo {
	float:right;
	margin:0px 10px 0px 0px
}
a.logo img { border:0px!important }
p.viewdev a {
	float:right;
	font-weight:bold;
	padding-left:8px;
	background-image:url(../images/crosby/blt_crosby.gif);
	background-repeat:no-repeat;
	background-position:0px 5px
}
.tile.comingsoon {
	background:#b9003a!important;
	border-top:none!important
}
.tile.comingsoon h2 {
	color:#FFF!important;
	font:bold 1.3em Arial, Helvetica, Sans-Serif!important;
	text-transform:uppercase;
	margin-bottom:5px
}
.tile.comingsoon li {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#FFF
}
.tile.comingsoon p, .tile.comingsoon a { color:#FFF }



.tile.partexchange {
	background:#3DB3D1!important;
	border-top:none!important
}
.tile.partexchange h2 {
	color:#FFF!important;
	font:bold 1.3em Arial, Helvetica, Sans-Serif!important;
	text-transform:uppercase;
	margin-bottom:5px
}
.tile.partexchange li {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#FFF
}
.tile.partexchange p, .tile.partexchange a { color:#FFF }










.regiondevlist ul {
	font:0.9em Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	width:118px;
	margin:0px;
	padding:5px 0px 10px 5px;
	list-style:none;
	background:#F9F9F9 url(../images/crosby/bg_devlist.png) no-repeat bottom
}
.regiondevlist ul li ul {
	background:none;
	margin:0 0 0px 0;
	padding:1px 0 1px 0;
	float:none;
}
.regiondevlist ul li ul li { padding:1px 0 0 5px; }
.regiondevlist ul a {
	margin:0px 5px 1px 2px;
	color:#3f444C;
	padding-left:10px
}
.regiondevlist h3 { display:none }
.regiondevlist li {
	margin:0;
	padding:0
}
.regiondevlist li.comingsoon {
	background:none!important;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold
}
.list #northwest, .list #yorkshire, .list #midlands {
	float:right;
	width:123px;
	padding-top:24px;
	background-repeat:no-repeat;
	margin:0px 0px 10px 10px
}
.list #northwest { background:url(../images/crosby/bg_devlist_top_nw.png) }
.list #yorkshire { background:url(../images/crosby/bg_devlist_top_y.png) }
.list #midlands { background:url(../images/crosby/bg_devlist_top_m.png) }
/*===============================
Contact and Request form styles
================================*/
#contactform label, #contactform #btnspacer {
	font-size:0.9em;
	width:130px;
	display:block;
	float:left;
	clear:left;
	padding-top:2px;
	font-weight:bold;
	margin:0px
}
#contactform span {
	font:bold 1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#990000
}
/*#contactform #btnspacer {
	width:62px!important}*/

.contactinput, #contactform select, #contactform textarea {
	float:left;
	width:180px;
	margin-bottom:4px
}
.contactinput, #contactform textarea { padding-left:3px }
#contactform select { width:187px }
#contactform #submit01 { /*width:auto!important;*/
	/*width:219px;*/
	/*height:23px;*/
	/*padding:0px!important;*/
	float:none!important }
.altsubmit #submit01 { width:281px!important }
.btnholder { text-align:left }
.wrapformitem {
	clear:both;
	width:309px!important
}
select.wrapformitem { width:315px!important }
#recruitmentSave {
	position:relative;
	top:-16px;
	left:32px
}

/*==========================
Press Centre section styles
==========================*/
#presslo!gin {
 background:#f3f3f3
}
#presslogin .note { font:0.9em Tahoma, Arial, Helvetica, sans-serif }
#presslogin label { font-weight:bold }
#presslogin input {
	margin-right:5px;
	width:125px
}
#presslogin #pressloginbtn {
	position:relative;
	top:7px;
	width:auto;
	margin:0px
}
.date {
	margin:0px;
	color:#9ba3ad
}
.cutting {
	width:240px;
	float:left;
	margin:0px 10px 8px 0px
}
.cutting a img { float:left }
.cutting p, .cutting h3 {
	width:140px;
	padding:0px;
	background:none;
	float:right
}
/*=====================
styles for the footer
======================*/
#footer {
	text-align:center;
	font:bold 0.9em Tahoma, Arial, Helvetica, Sans-Serif;
	width:758px;
}
#footer hr { display:none }
#footer a {
	font-weight:normal;
	color:#8C8C8C
}
#footer a:hover, #footer a:active, #footer a:focus {
	color:#FFF;
	background:#8C8C8C
}
/*======================================
Galleries
=======================================*/

.smallGallery img { margin-bottom:10px }
.awardGallery img {
	margin-bottom:10px;
	border:0
}
#cityGallery { float:left; }
#cityGallery .galleryThumb {
	float:left;
	border:1px solid!important;
	margin:0px 3px 3px 0px;
}
#cityGallery .last { margin-right:0px }
#cityGallery .galleryMain { border:1px solid }
/*======================================
General Image Styles
=======================================*/

.imgRight {
	float:right;
	margin:0px 0px 5px 5px
}
.imgLeft {
	float:left;
	margin:0px 5px 5px 0px
}
.contactHome h3 { margin:0px 0px 5px 0px }
/*.regionalOffice strong {
	color:#8D073A}*/

.regionalOffice h3 {
	padding:0px!important;
	background:none!important;
	font:bold 1.3em Arial, Helvetica, sans-serif
}
div.awardBlock {
	float:left;
	width:240px;
	margin-bottom:5px;
	margin-right:10px;
	text-align:center
}
div.awardBlock p {
	padding:5px;
	margin-bottom:0
}
div.awardBlock img { border:0 }
div.awardBlock h2 {
	padding:5px 5px 0px 5px;
	margin-bottom:0
}
img.alignRight {
	float:right;
	margin:0px 0px 0px 5px;
	border:0
}
.errmsg { font-size:1.5em }
p.formbreak {
	margin:0px;
	height:10px;
	clear:both;
	line-height:10px
}
p.formbreak2 {
	margin:5px 0px 2px 0px;
	clear:both;
	font:bold 0.9em Arial, Helvetica, sans-serif
}
.pricerange_low, .pricerange_high {
	width:91px!important;
	margin-right:5px
}
.pricerange_high { margin-right:0px }
#awardsFlash {
	position:relative;
	background:#968ca9 url(/templates/images/crosby/awardsFlash.png) no-repeat;
	padding:10px 15px 15px 15px;
}
* html #awardsFlash { padding-bottom:10px; }
#awardsFlash p {
	font-size:1.0em;
	color:#ffdde3;
	margin-bottom:5px;
}
#awardsFlash img {
	border:none;
	float:left;
}
#awardsFlash ul {
	color:#FFF;
	list-style:none;
	margin:5px 0px 0px 10px;
	padding:0px;
	float:left;
}
#awardsFlash ul strong { font:bold 1.3em Arial, Helvetica, sans-serif }
.bannerlink {
	border-top:10px solid #FFF;
	border-right:5px solid #FFF
}
#mediablock {
	border:3px solid #FFF!important;
	border-top:10px solid #FFF!important;
	width:339px;
	height:125px;
	background:#fff;
	margin:0px
}
.detailsmainlink a {
	float:left;
	width:200px!important
}
.detailsmainlink br { clear:both; }
#sidebar-assist {
	height:127px;
	width:175px;
	display:block;
	float:left;
	background-color:none!important;
	border:none!important;
	margin:7px 0 2px 0!important;
	background:url(../images/greenquarter/assist-button.png);
}