/*=======================================================
Hub CSS
A lot of the css for this site is in with the main
Crosby site, so look there for most styles.
This file just overides some of those.
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*===============================================
override main background, main link colours etc 
================================================*/
body {
background-image:none;
background-position:top;
background-repeat:repeat-x;
background-color:#fff;
color:#666;
padding:0px!important}
	
a {color:#c4112f}
a:hover,a:active,a:focus {background:#c4112f;color:#fff} 
/*END override default styles*/

h1, h2, h3, h4, h5, h6 {
	color:#666!important}
	



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 #DDD}

.divider {
	background-color:#CCC}

p {
	font-size:1.1em}


h3 {color:#FFF;
	background-image:url(../images/iland/blt_iland.gif)}

.usegrass {
	padding-bottom:100px!important;
	background:#FFF url(../images/iland/gq_close.jpg) repeat-x bottom!important}

.intro {
	font-size:1.4em;
	font-weight:bold}

#bgcontainer {
	background-color:#e3f1f3!important;
	margin:0px auto!important;
	width:758px;
	padding-bottom:20px}


div#loginbox {
	border:0px;
	background:#35a1c6!important;
	padding:7px 8px 8px 8px}
	
#mpintroempty {
	border-color:#3596b8!important;
	background-color:#43a5c8!important}
#mpintroemptyLogin {
	border-color:#b64256!important;
	background-color:#cd5368!important}
	
.item {
	background:url(../images/hub/mpsection.png) no-repeat!important}
.item_close {
	background:url(../images/hub/mpsection_end.png) no-repeat!important}
.item a {
	color:#000}
.item .options a {
	background-image:url(../images/iland/blt_iland.gif)}
	

#mpnum01 {background-image:url(../images/iland/num01.gif)}
#mpnum02 {background-image:url(../images/iland/num02.gif)}
#mpnum03 {background-image:url(../images/iland/num03.gif)}
#mpnum04 {background-image:url(../images/iland/num04.gif)}

h1 {font-weight:bold;font-size:1.8em;color:#FFF}
h1,h2,h4,h4,h5 {color:#FFF}


h1#welcome {
	background:url(../images/iland/text_welcomeToiland.png) no-repeat;
	display:block;
	width:214px;
	height:19px}
h1#welcome span {
	display:none}
	
#contactform span {
	color:#c4112f}
	
#searchcriteria .info {
	background:url(../images/hub/icon_i.png) no-repeat}

/*===============================================
add a secondary header/banner for the site 
================================================*/
#subsiteheader {
	width:758px;
	background:#FFF url(../images/hub/hub_header.png) no-repeat center;
	height:156px;
	margin-bottom:11px}
a#subsitehomelink {
	top:20px;
	left:23px;
	width:130px;
	height:103px}





/*==========================================
override default breadcrumb styles
===========================================*/
#breadcrumb {
	color:#FFF;
	margin:0px;
	position:absolute;
	left:310px;
	top:135px}
#breadcrumb a {
	color:#FFF;
	background-image:url(../images/hub/blt_hub.gif)}
#breadcrumb a:hover,#breadcrumb a:active,#breadcrumb a:focus {
	background:#fff!important;
	color:#000!important;
	text-decoration:none}



/*======================================================
override default styles for the various column elements
========================================================*/
#colM h2.tile {background-image:none;color:#FFF!important}
#colL h2.tile,#colR h2.tile {background-image:none;color:#FFF!important}
#colR2 h2.tile {background-image:none;color:#FFF!important}
#colFull h2.tile {background-image:none;color:#FFF!important}



.threecol {background:url(../images/hub/3colaligned.png) repeat-y}
.twocol {background:url(../images/hub/2colaligned.png) repeat-y}

.threecol .closealignends {
	background:url(../images/hub/3colaligned_close.png) no-repeat !important;
	height:10px;
	}
.twocol .closealignends {
	background:url(../images/hub/2colaligned_close.png) no-repeat !important;
	height:10px}
	
.tile {
	border-color:#e3f1f3!important;
	/*background-color:#c4112f!important*/}

h2.tile {
	color:#FFF;
	background:#c4112f!important;
	border-top-color:#e3f1f3!important;
	/*border-bottom:2px solid #e3f1f3!important*/}

/*===============================================
override subsite submenu styling
================================================*/
#subsitenav {
	background:#c4112f}
	
#subsitenav a {
	color:#fff;
	background:url(../images/hub/submenu_bg.gif) no-repeat}	
#subsitenav a:hover,#subsitenav a:active,#subsitenav a:focus {
	color:#fff;
	background:url(../images/hub/submenu_bg_over.gif) no-repeat}
#subsitenav .active a {
	background:none!important}
#menuimage {
	margin:5px 5px 1px 5px;
	border:none!important}






/*=======================================================
common styles for the quick search areas of the subsites
=======================================================*/
div#quicksearch {
	font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#8e9697;
	/*border:2px solid #231f20;*/
	/*border-top:1px solid #E0E0E0;*/
	border:none;
	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/hub/btn_showallapts.png) no-repeat !important}
#showallapts a {
	display:block;
	width:157px;
	height:46px;
	background:url(../images/hub/btn_showallapts.png) no-repeat}
#showallapts a:hover,#showallapts a:active,#showallapts a:focus {
	background:url(../images/hub/btn_showallapts_over.png) no-repeat !important}
#showallapts a span {
	display:none}







/*=================================================================
Styles for the blue City Living/Location link that's on some pages
===================================================================*/
#citylivinglink {
	margin:0px;
	background:#fff url(../images/hub/btn_hub_location.jpg)!important}
#citylivinglink span {
	display:none}
#citylivinglink a {
	display:block;
	width:175px;
	height:97px;
	background:none}
#citylivinglink a:hover,#citylivinglink a:active,#citylivinglink a:focus {
	background-image:url(../images/hub/btn_hub_location_over.jpg)!important}




/*=================================================
override My Properties stuff from main crosby.css
==================================================*/
.item .apartment {
	border-color:#CCC}
.item a:hover img,.item a:active img,.item a:focus img {
	border:1px solid #94cb54!important}


#mplink {
	background:#3994BD url(../images/iland/btn_MyProperties.gif);
	border-right:2px solid #024b74;
	border-left:2px solid #024b74;
	border-bottom:2px solid #024b74}
#mplink a {
	background:none}
#mplink a:hover,#mplink a:active,#mplink a:focus {
	background:url(../images/iland/btn_MyProperties_over.gif)}








/*===============================================
search page stuff common accros all subsites 
================================================*/
#searchresults {
	/*background:#CCC*/
	background:none}








/*=================================================
override search page stuff from main crosby.css
=================================================*/
#searchcriteria {	
	height:150px;
	background:transparent url(../images/hub/hub_location_small.png) no-repeat 10px 10px}
#searchcriteria p {
	margin:0px 0px 0px 320px}
	
	
.images {border:0px!important}





#searchresults .pager {
	color:#777;}
#searchresults .pager a {
	color:#777!important}
#searchresults .pager a:hover,#searchresults .pager a:focus,#searchresults .pager a:active {
	color:#FFF!important}



/*--overlaygarphic--*/

#hub_overlay{
border:none;
position:absolute;
top:-400px;
left:-270px;
}

#hub_overlay img{
border:none;
}

#hub_overlay:hover{
background:none;
}