/*=======================================================
Greenquarter 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: #90D401 url(../images/greenquarter/main_bg.jpg) top center repeat-x;
}
	
a {color:#609734}
a:hover,a:active,a:focus {background:#94cb54;} 
/*END override default styles*/

.divider {
	background-color:#c4e19b}

p {
	font-size:1.1em;
}

.noborder img {border:0px!important}

h3 {
	background-image:url(../images/greenquarter/blt_gq.gif)}

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

hr{
border:solid 1px #d7d7d7!important;
}

img{
border:none!important;
margin:5px 0 5px 0!important;
paddding:0!important;
}

/*===============================================
add a secondary header/banner for the site 
================================================*/
#subsiteheader {
	width:756px;
	background:#FFF url(../images/greenquarter/greenquarter-headerbg.jpg) no-repeat center;
	height:173px;}
a#subsitehomelink {
	top:18px;
	left:31px;
	width:236px;
	height:54px}

#GreenWrapper {
	width: 756px;
	background: #FFF;
	margin: 0 auto;
	text-align: center;
}

#menuimage {
background:#000!important;
margin:0!important;
padding:0px!important;
}

.gqvidcliker{
display:block;
height:111px!important;
width:164px!important;
background:#333 url(../images/greenquarter/gqvidclick_up.jpg) no-repeat!important;
margin:0 0 0 6px!important;
padding:0!important;
}

.gqvidcliker:hover{
background:url(../images/greenquarter/gqvidclick_over.jpg) no-repeat!important;
}

/*==========================================
override default breadcrumb styles
===========================================*/
#breadcrumb {
	margin:0px;
	position:absolute;
	left:33px;
	top:150px;
	color: #FFF;
}
#breadcrumb a {
	background-image:url(../images/greenquarter/bc_gq.gif);
	color: #FFF;
}
#breadcrumb a:hover,#breadcrumb a:active,#breadcrumb a:focus {
	background-color: transparent !important;
	text-decoration:none}



/*======================================================
override default styles for the various column elements
========================================================*/
/*#colM h2.tile {background-image:url(../images/greenquarter/tileheader_gq_colM.png)}*/
#colM h2.tile {background-image:none!important}
#colL h2.tile,#colR h2.tile {background: #e5e9eb url(../images/greenquarter/tileheader_gq_colLR.png) top left no-repeat;}
#colR2 h2.tile {background-image:url(../images/greenquarter/tileheader_gq_colR2.png)}
#colFull h2.tile {background-image:url(../images/greenquarter/tileheader_gq_colFull.png)}

.threecol .closealignends {
	background:none !important;
	height:111px}
.twocol .closealignends {
	/*background-image:url(../images/greenquarter/2colaligned_gq_close.png);*/
	
	height:111px}

.twocol
{
	background: none !important;
}
	
.threecol {
	background: none !important;
}
	
h2.tile {
	border-top-color:#FFF;
	text-transform: capitalize;
	color: #676767;
}

.Fill {
	background: #e5e9eb !important;
}

#butjefplace, #butvelcourt, #butbrithouse, #butcypplace{
height:96px;
width:159px;
display:block;
float:left;
background-color:none!important;
border:none!important;
}

#butjefplace{
margin:2px 2px 2px 0!important;
background:url(../images/greenquarter/gqjefplace.png);
}

#butvelcourt{
margin:2px 2px 6px 0!important;
width:323px;
background:url(../images/greenquarter/gqvelcourt.png);
}

#butbrithouse{
margin:2px 0 6px 2px!important;
background:url(../images/greenquarter/gqbrithouse.png);
}

#butcypplace{
margin:2px 0 2px 2px!important;
background:url(../images/greenquarter/gqcypplace.png);
}


#sidebar-butjefplace, #sidebar-butvelcourt, #sidebar-butbrithouse, #sidebar-butcypplace{
height:61px;
width:175px;
display:block;
float:left;
background-color:none!important;
border:none!important;
}

#sidebar-butjefplace{
margin:2px 0 2px 0!important;
background:url(../images/greenquarter/jeffersonplace-sidebar-bt.png);
}

#sidebar-butvelcourt{
margin:2px 0 2px 0!important;
background:url(../images/greenquarter/valleacourt-sidebar-bt.png);
}

#sidebar-butbrithouse{
margin:2px 0 2px 0!important;
background:url(../images/greenquarter/brittonhouse-sidebar-bt.png);
}

#sidebar-butcypplace{
margin:2px 0 2px 0!important;
background:url(../images/greenquarter/cypressplace-sidebar-bt.png);
}



.gqhomemage{
margin:10px 0 10xp 0!important;
border:none;
border-top:solid 1px #d7d7d7; 
}





/*===============================================
override subsite submenu styling
================================================*/
#subsitenav {
	background:#e5e9eb;}
#subsitenav a:hover,#subsitenav a:active,#subsitenav a:focus {
	color:#609734}

/*
#subsitenav .active a {
	background:none;
	}*/
#menuimage {
	margin:5px 5px 1px 5px;
	border:none!important}

#subsitenav a,
#subsitenav a:hover
{
	background-image:url(../images/greenquarter/bc_gq.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:15px;
}


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







/*=================================================================
Styles for the blue City Living/Location link that's on some pages
===================================================================*/
#citylivinglink {
	margin:0px;
	background:#3994BD url(../images/greenquarter/btn_gq_location.png)}
#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/greenquarter/btn_gq_location_over.png)}





/*=============================
homepage intro section styles 
=============================*/
p.gqintro {
	font-size:1.3em;
	/*font-weight:bold;
	color:#8A8F9A;*/}
h1.gqintro {
	background:url(../images/greenquarter/text_wecome.png) no-repeat;
	height:24px;
	margin:20px 0px 5px 0px!important}
h1.gqintro span {
	display:none}



/*======================
homepage awards section
========================*/
#homepageawards {
	text-align:center}
#homepageawards p {
	margin:0px}
#homepageawards img {
	border:none}




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


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








/*===============================================
search page stuff common accros all subsites 
================================================*/
#searchresults {
	background:#CCC}
#searchresults .item {
	background:url(../images/greenquarter/gq_searchresult.png) no-repeat}
#searchresults .item a {
	text-transform:uppercase}
#searchresults .item p {
	float:left;
	width:auto}
#searchresults .item_close {
	background:url(../images/greenquarter/gq_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:150px;
	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}
	
	
p.gotomp {
	background:url(../images/greenquarter/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/greenquarter/btn_gotomp.png) no-repeat;
	display:block;
	width:199px;
	height:44px;
	float:right}








/*=================================================
override search page stuff from main crosby.css
=================================================*/
#searchcriteria {
	background:#FFF url(../images/greenquarter/bg_searcharea.jpg) no-repeat 25px 40px}
	
.searchresultsintro {
	color:#FFF}


#searchresults {
	background:#8ac863}
#searchresults .item_close {
	background:url(../images/greenquarter/gq_searchresult_end.png) no-repeat}





/*==========================================
override default footer styles
===========================================*/
#footer,#footer a {
	color:#FFF}
#footer a:hover,#footer a:active,#footer a:focus {
	background:#94cb54}




.explore ul {
	margin:0px 0px 10px 20px;
	padding:0;
}

.explore h3 {
	font-size:1em;
	margin-bottom:5px;
}

.explore li {
	font-size:1.1em;
}

#apartdetails .images {
	border:none!important;
	padding-bottom:20px!important;}
	
	
/* -------------- for new layout -------------- */

h2.GreenRegister {
	background: #2376a6 url(../images/greenquarter/register_titlebg.gif) top left no-repeat !important;
	color: #FFFFFF !important;
}

a.GreenRegister img {
	border: 0 !important;
}

#loginbox {
	border: 0 !important;
	padding:7px 8px 7px 8px !important;
}

ul.gq-page-nav li
{
	background:none;
}

h2.latest-news-title
{
	background:url(../images/greenquarter/latest-news-title.png) top left no-repeat !important;
	width:139px;
	height:25px;
	margin:10px 0 0 0;
}

h2.gq-properties-title
{
	background:url(../images/greenquarter/properties-title.png) top left no-repeat !important;
	width:262px;
	height:27px;
	margin:10px 0 0 0;
}

h2.gq-results-title
{
	background:url(../images/greenquarter/results-title.png) top left no-repeat !important;
	width:169px;
	height:21px;
	margin:0 0 10px 0;
}

h2.latest-news-title span,
h2.gq-properties-title span,
h2.gq-results-title span
{
	display:none;
}


.newsthumb
{
	padding:0 10px 0 0;
	float:left;
}

.newsstory
{
	margin:10px 0 10px 10px;
	padding:0 0 0 10px;
}


a.mainnewsthumb
{
	display:block;
}

a.mainnewsthumb img
{
	float:none;
}

h2.gq-pagetitle
{
	font-weight:normal;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	background:url(../images/greenquarter/bc_gq.gif) no-repeat left center;
}

h3.gq-subtitle
{
	font-weight:normal;
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	background:none;
	font-size:1.5em;
}