/*=======================================================
Orion 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/orion/bg_orion.png);
background-color:#1f1f1f}
	
a {color:#d69802}
a:hover,a:active,a:focus {background:#d69802;} 
/*END override default styles*/

.divider { background-color:#fdcb1e; }


p {
	font-size:1.1em;
}


h3 {
	background-image:url(../images/orion/blt_orion.gif)}

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

.threecol {background:url(../images/orion/3colaligned.png) repeat-y}
.twocol {background:url(../images/orion/2colaligned.png) repeat-y}
.threecol .closealignends {
	background-image:url(../images/orion/3colaligned_close.png);
	height:2px}
.twocol .closealignends {
	background-image:url(../images/orion/2colaligned_close.png);
	height:2px}	


/*===============================================
add a secondary header/banner for the site 
================================================*/
#subsiteheader {
	width:771px;
	background: url(../images/orion/banner_orion.png) no-repeat center;
	height:119px;
	margin-bottom:11px}
a#subsitehomelink {
	top:18px;
	left:31px;
	width:236px;
	height:54px}

#subsiteheaderPRN {
	width:771px;
	background:#fff url(../images/orion/banner_orion.png) no-repeat left;
	height:119px;
	text-align:left;
	}



/*==========================================
override default breadcrumb styles
===========================================*/
#breadcrumb {
	margin:0px;
	position:absolute;
	left:33px;
	top:98px;
	color:#FFF;
	}
#breadcrumb a {
	color:#fde07d;
	background-image:url(../images/orion/bc_orion.gif)}
#breadcrumb a:hover,#breadcrumb a:active,#breadcrumb a:focus {
	background-color:#333;
	text-decoration:none}

a#alwaysyellow {
	color:#fdcb1e;
	font-weight:bold;
}


/*======================================================
override default styles for the various column elements
========================================================*/
#colM h2.tile {background-image:url(../images/orion/tileheader_orion_colM.png)}
#colL h2.tile,#colR h2.tile {background-image:url(../images/orion/tileheader_orion_colLR.png)}
#colR2 h2.tile {background-image:url(../images/orion/tileheader_orion_colR2.png)}
#colFull h2.tile {background-image:url(../images/orion/tileheader_orion_colFull.png)}


	
h2.tile {
	border-top-color:#232323;
}





/*===============================================
override subsite submenu styling
================================================*/
#subsitenav {
	background:#f6f6f6}
#subsitenav a {
	display:block;
	font:bold 1em Tahoma, Arial, Helvetica, Sans-Serif;
	color:#2a2a2a;
	width:157px;
	height:15px;
	padding:5px 0px 1px 8px;
	text-decoration:none;
	background:url(../images/orion/submenu_bg.gif) no-repeat;
}
#subsitenav a:hover,#subsitenav a:active,#subsitenav a:focus {
	color:#000;
	background: url(../images/orion/submenu_bg_over.gif);
	}
#subsitenav .active a {
	color:#000;
	background:url(../images/orion/submenu_bg_over.gif) no-repeat!important}
#menuimage {
	margin:5px 5px 1px 5px;
	border:none!important}






/*=================================================================
Styles for the blue City Living/Location link that's on some pages
===================================================================*/
#citylivinglink {
	margin:0px;
	background:#9b9081 url(../images/orion/btn_orion_location.png);
	border-right:2px solid #888;
	border-bottom:2px solid #888;
	border-left:2px solid #888;
}
#citylivinglink span {
	display:none}
#citylivinglink a {
	display:block;
	width:171px;
	height:97px;
	background:none}
#citylivinglink a:hover,#citylivinglink a:active,#citylivinglink a:focus {
	background-image:url(../images/orion/btn_orion_location_over.png)}





/*=============================
homepage intro section styles 
=============================*/
p.orionintro {
	font-size:1.3em;
	/*font-weight:bold;
	color:#8A8F9A;*/}
h1.orionintro {
	background:url(../images/orion/text_welcome.png) no-repeat;
	height:24px;
	margin:20px 0px 5px 0px!important}
h1.orionintro 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 {
	border-right:2px solid #888;
	border-left:2px solid #888;
	border-bottom:2px solid #888;
	}




/*=================================================
override search page stuff from main crosby.css
=================================================*/
#searchcriteria {
	background:#FFF url(../images/orion/bg_searcharea.jpg) no-repeat; }
	
.searchresultsintro {
	color:#FFF}
	
#searchcriteria .info {
	background:url(../images/greenquarter/icon_i.png) no-repeat;
	padding:4px 0px 3px 26px;
	margin-left:170px;
	font-weight:bold;
}

#searchresults .item {
	background:url(../images/orion/orion_searchresult.png) no-repeat}

#searchresults { background:#676767; border:2px solid #888; }
#searchresults .item_close {
	background:url(../images/orion/orion_searchresult_end.png) no-repeat}

div#quicksearch {
	background:#808080 url(../images/orion/bg_quicksearch_orion.png) repeat-x;
	border:2px solid #888;
}

#showallapts {
	background:url(../images/orion/btn_showallapts.png) no-repeat}
#showallapts a {
	background:url(../images/orion/btn_showallapts.png) no-repeat}
#showallapts a:hover,#showallapts a:active,#showallapts a:focus {
	background:url(../images/orion/btn_showallapts_over.png) no-repeat}



ul.resultoptions li.view {
	margin-right:5px;
	background:url(../images/orion/btn_view.png) no-repeat}
ul.resultoptions .view a {
	width:51px;
	background:url(../images/orion/btn_view.png) no-repeat}
ul.resultoptions .view a:hover,ul.resultoptions .view a:active,ul.resultoptions .view a:focus {
	background:url(../images/orion/btn_view_over.png) no-repeat}
	
ul.resultoptions li.add {
	background:url(../images/orion/btn_addtomyproperties.png) no-repeat}
ul.resultoptions .add a {
	width:139px;
	background:url(../images/orion/btn_addtomyproperties.png) no-repeat}
ul.resultoptions .add a:hover,ul.resultoptions .add a:active,ul.resultoptions .add a:focus {
	background:url(../images/orion/btn_addtomyproperties_over.png) no-repeat}
	
ul.resultoptions li.remove {
	background:url(../images/orion/btn_removefrommyproperties.png) no-repeat}
ul.resultoptions .remove a {
	width:139px;
	background:url(../images/orion/btn_removefrommyproperties.png) no-repeat}
ul.resultoptions .remove a:hover,ul.resultoptions .remove a:active,ul.resultoptions .remove a:focus {
	background:url(../images/orion/btn_removefrommyproperties_over.png) no-repeat}



p.gotomp {
	background:url(../images/orion/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/orion/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/orion/btn_gotomp_over.png) no-repeat; }


/*==========================================
override default footer styles
===========================================*/
#footer,#footer a {
	color:#FFF;
	font-size:0.8em;
	}
#footer a:hover,#footer a:active,#footer a:focus {
	background:#d69802}


/*======================================
Latest News bit on the subsite Home Page
=======================================*/
#latestnews {
	background:#E2E6EA url(../images/orion/bg_latestnews.png);
	padding:10px}
#latestnews_end {
	height:7px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:#E2E6EA url(../images/orion/bg_latestnews_end.png)}
#latestnews h3 {
	margin:0px;
	background:none;
	color:#000;
	padding:0px;
	font:normal 1.5em Arial, Helvetica, sans-serif;
}

/*======================================
Penthouse bit on the subsite Home Page
=======================================*/
#penthouse {
	background:#f6f6f6 url(../images/orion/bg_penthousebtn.png) no-repeat;
	padding:10px;
}
#penthouse_end {
	height:7px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background: url(../images/orion/bg_penthousebtn_end.png) no-repeat;
}
#penthouse a {
	color:#000;
	text-decoration:none;
	font:normal 2em Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
}
#penthouse a:hover {
	background:none;
	text-decoration:underline;
	color:#555;
}
#penthouse a img {
	border:0px!important}





.mpoptions li.createbro {background-image:url(../images/orion/btn_createbro01.png)}
li.createbro a {
	background-image:url(../images/orion/btn_createbro01.png)!important}
li.createbro a:hover,li.createbro a:active,li.createbro a:focus {
	background-image:url(../images/orion/btn_createbro01_over.png)!important}
	
.aptoptions li.createbro {background:url(../images/orion/btn_createbro.png) no-repeat!important}
.aptoptions li.createbro a {
	background:url(../images/orion/btn_createbro.png)!important}
.aptoptions li.createbro a:hover,li.createbro a:active,li.createbro a:focus {
	background:url(../images/orion/btn_createbro_over.png)!important}
	
#apartdetails .contactinfo strong { color:#333; }



/*======================================
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;
}


/*======================================
General Image Styles
=======================================*/

.imgRight {
	float:right;
	margin:0px 0px 5px 5px;
}


#retailTable {
	width:100%;
	font-size:1.2em;
	background-color:#F0F0F0;
	color:#000;
}

#retailTable td.tdWhite {
	background-color:#FFF;
}

#retailTable td.tableTitle {
	background-color:#DEDEDE;
	color:#000;
}

/*======================================
Gallery
=======================================*/

.smallGallery img {
	margin-bottom:10px;
}



#cityGallery {
	
}

#cityGallery .galleryThumb {
	float:left;
	border:1px solid;
	margin:0px 3px 3px 0px;
}

#cityGallery .last {
	margin-right:0;
}

#cityGallery .galleryMain {
	border:1px solid;
}






/*======================================
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;}