/*=======================================================
Southside 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:url(../images/southside/bg_ss.png);
background-color:#E1DAEC}	
a {color:#8667a8}
a:hover,a:active,a:focus {background:#8667a8} 
/*END override default styles*/

.divider {
	background-color:#8e8e8e}


h3 {background-image:url(../images/southside/blt_ss.gif)}

p {
	font-size:1.1em;
}

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

/*===============================================
add a secondary header/banner for the site 
================================================*/
#subsiteheader {
	width:766px;
	background:#000 url(../images/southside/banner_ss.png) no-repeat center;
	height:113px;
	margin-bottom:11px}
a#subsitehomelink {
	top:23px;
	left:32px;
	width:186px;
	height:53px}

#subsiteheaderPRN {
	width:766px;
	background:#fff url(../images/southside/banner_ss.png) no-repeat left;
	height:113px;
	text-align:left;
	}


/*==========================================
override default breadcrumb styles
===========================================*/
#breadcrumb {
	font-weight:bold;
	margin:0px;
	position:absolute;
	left:30px;
	top:83px;
	color:#dfcdf4}
#breadcrumb a {
	font-weight:bold;
	color:#fec1cc;
	background-image:url(../images/southside/bc_ss.gif)}
#breadcrumb a:hover,#breadcrumb a:active,#breadcrumb a:focus {
	background-color:#fec1cc;
	color:#55347F;
	text-decoration:none}



/*======================================================
override default styles for the various column elements
========================================================*/
#colM h2.tile {background-image:url(../images/southside/tileheader_sh_colM.png)}
#colL h2.tile,#colR h2.tile {background-image:url(../images/southside/tileheader_sh_colLR.png)}
#colR2 h2.tile {background-image:url(../images/southside/tileheader_sh_colR2.png)}
#colFull h2.tile {background-image:url(../images/southside/tileheader_sh_colFull.png)}

h2.tile {
	border-top-color:#F3F3F3}
	






/*===============================================================
over rides for the blue My Properties button that's on most pages
=================================================================*/
.mpoptions li.createbro {background-image:url(../images/stjames/btn_createbro01.png)!important}
li.createbro a {
	background-image:url(../images/stjames/btn_createbro01.png)!important}
li.createbro a:hover,li.createbro a:active,li.createbro a:focus {
	background-image:url(../images/stjames/btn_createbro01_over.png)!important}



/*===============================================
override subsite submenu styling
================================================*/
#subsitenav {
	background:#FFF url(../images/crosby/2colaligned.png);
	border-bottom:2px solid #E0E0E0;}
#subsitenav a:hover,#subsitenav a:active,#subsitenav a:focus {
	color:#8667a8}
#subsitenav .active a {
	background:url(../images/stjames/submenu_bg_active.gif) no-repeat!important}





/*=======================================================
override styles for the quick search areas of the subsites
=======================================================*/
div#quicksearch {
	border-top:0px;
	background:#B19FC9 url(../images/southside/bg_quicksearch_ss.png) repeat-x;}
#showallapts {
	background:url(../images/southside/btn_showallapts.png) no-repeat}
#showallapts a {
	background:url(../images/southside/btn_showallapts.png) no-repeat}
#showallapts a:hover,#showallapts a:active,#showallapts a:focus {
	background:url(../images/southside/btn_showallapts_over.png) no-repeat}









/*=================================================================
Styles for the blue City Living/Location link that's on some pages
===================================================================*/
#citylivinglink {
	margin:0px;
	background:#3994BD url(../images/southside/btn_ss_location.jpg)}
#citylivinglink span {
	display:none}
#citylivinglink a {
	display:block;
	width:175px;
	height:98px;
	background:none}
#citylivinglink a:hover,#citylivinglink a:active,#citylivinglink a:focus {
	background-image:url(../images/southside/btn_ss_location_over.jpg)}






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






/*=================================================
override search page stuff from main crosby.css
=================================================*/
#searchcriteria {
	background:#f8edde url(../images/southside/bg_searcharea.png) no-repeat top left;
	color:#707070;}
#searchcriteria .info {
	background:url(../images/southside/icon_i.gif) no-repeat;
	margin-left:320px;
	font:normal 0.8em Tahoma, Arial, Helvetica, sans-serif}

.searchresultsintro {
	color:#FFF}
#searchresults {
	background:#55347F}
#searchresults .item {
	background:url(../images/stjames/sh_searchresult.png) no-repeat}
/*#searchresults .item .details,#apartdetails .details {
	font-family:"Times New Roman", Times, serif}
#searchresults a {
	font-family:"Times New Roman", Times, serif}*/
#searchresults .item .details strong,#apartdetails .details strong {
	color:#93a7b3}
#searchresults .item_close {
	background:url(../images/stjames/sh_searchresult_end.png) no-repeat}





p.gotomp {
	background-image:url(../images/southside/btn_gotomp.png)}	
p.gotomp a {
	background-image:url(../images/southside/btn_gotomp.png)}
p.gotomp a:hover,p.gotomp a:active,p.gotomp a:focus {
	background-image:url(../images/southside/btn_gotomp_over.png)}
	
ul.resultoptions li.view,ul.resultoptions .view a {
	background-image:url(../images/stjames/btn_view.png)}
ul.resultoptions .view a:hover,ul.resultoptions .view a:active,ul.resultoptions .view a:focus {
	background-image:url(../images/stjames/btn_view_over.png)}

ul.resultoptions li.remove,ul.resultoptions .remove a {
	background-image:url(../images/stjames/btn_removefrommyproperites.png)}
ul.resultoptions .remove a:hover,ul.resultoptions .remove a:active,ul.resultoptions .remove a:focus {
	background-image:url(../images/stjames/btn_removefrommyproperites_over.png)}
	
	
/*========================================
overrides for the Apartment Details pages
=========================================*/
#apartdetails .contactinfo strong {
	color:#456172}
	

.aptoptions li.createbro {background:url(../images/stjames/btn_createbro.png) no-repeat!important}

.aptoptions li.createbro a {
	background:url(../images/stjames/btn_createbro.png)!important}
.aptoptions li.createbro a:hover,li.createbro a:active,li.createbro a:focus {
	background:url(../images/stjames/btn_createbro_over.png)!important}
	
/*======================================
Latest News bit on the subsite Home Page
=======================================*/
#latestnews {
	background:#E2E6EA url(../images/stjames/bg_latestnews.png);
	padding:10px}
#latestnews_end {
	height:6px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:#E2E6EA url(../images/stjames/bg_latestnews_end.png)}
#latestnews h3 {
	margin:0px;
	background:none;
	color:#919ba4;
	padding:0px;
	font:normal 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif}
	
	
/*======================================
Homepage main header - welcome
=======================================*/	
#sj_intro {background:url(../images/stjames/text_welcome.png) no-repeat;height:22px;margin:10px 0px 10px 0px}
#sj_intro span {display:none;}



/*==========================================
override default footer styles
===========================================*/
#footer,#footer a {
	color:#6c6c6c}
#footer a:hover,#footer a:active,#footer a:focus {
	background:#6c6c6c}


/*======================================
News Section
=======================================*/

.newsItem {
	margin-bottom:15px;
}

.newsItem h3 {
	margin-bottom:4px;
	font-size:1.1em;
}

.newsItem h3 a {
	color:#636A78;
}

.newsItem h3 a:hover {
	color:#FFF;
}

.newsItem a.fullStory {
	float:right;
}

.newsItem p {
	margin-bottom:0;
}

/*======================================
Contact Form
=======================================*/

#contactform {
	margin-left:10px;
}

#contactform label,#contactform #btnspacer {
	padding-top:4px;
}

#contactform input,#contactform select,#contactform textarea {
	width:275px;
	height:20px;
	border:1px solid #CCC;
	font-size:1em;
	}

#contactform textarea {
	height:auto;
}

#contactform select {
	width:282px}

#contactform input.rollover {
	border:0;
	height:auto;
	float:right;
	margin-right:9px;
}
/*========================================
print preview page
=========================================*/
.left	{text-align:left;}