
/* NAVIGATION STARTS //////////////////////////////////////////////////// */

#bodyHome #home,
#bodyMarketSectors #marketSectors,
#bodyLendingSolutions #lendingSolutions,
#bodyHousingIntelligence #housingIntelligence,
#bodyCommentary #commentary,
#bodyAbout #about{
	background-color:#333333;
	color:#ffffff;
}

#bodyMarketLenders #marketLenders,
#bodyMarketBrokersIFAs #marketBrokersIFAs,
#bodyMarketPortfolioRisk #marketPortfolioRisk,
#bodyMarketCapitalMarkets #marketCapitalMarkets,
#bodyMarketSurveyors #marketSurveyors,
#bodyMarketDevelopers #marketDevelopers,
#bodyMarketLandlords #marketLandlords,
#bodyMarketLocalAuthorities #marketLocalAuthorities,
#bodyMarketRegionalGovt #marketRegionalGovt,
#bodyMarketInvestorsFMs #marketInvesorsFMs,
#bodyMarketCommercialLenders #marketCommercialLenders,
#bodyMarketEstateAgents #marketEstateAgents,

#bodyLendingOverview #lendingOverview,
#bodyLendingLenders #lendingLenders,
#bodyLendingBrokersIFAs #lendingBrokersIFAs,
#bodyLendingPortfolioRisk #lendingPortfolioRisk,
#bodyLendingCapitalMarkets #lendingCapitalMarkets,
#bodyLendingSurveyors #lendingSurveyors,

#bodyHousingOverview #housingOverview,
#bodyHousingDevelopers #housingDevelopers,
#bodyHousingLandlords #housingLandlords,
#bodyHousingLocalAuthorities #housingLocalAuthorities,
#bodyHousingRegionalGovt #housingRegionalGovt,
#bodyHousingInvestors #housingInvestors,
#bodyHousingCommercialLenders #housingCommercialLenders,
#bodyHousingEstateAgents #housingEstateAgents,
#bodyHousingAVM #housingAVM,

#bodyCommentaryOverview #commentaryOverview,
#bodyCommentaryHousingDash #commentaryHousingDash,
#bodyCommentaryArticles #commentaryArticles,
#bodyCommentaryPresentations #commentaryPresentations,
#bodyCommentaryPriceSurvey #commentaryPriceSurvey{
	background-image: url(/common/images/nav_arrow.gif);
	background-color:#333333;
	color:#ffffff;
}

#navContainer{
	width:164px;
}

.topmenu{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-decoration: none;
	background-color:#929292;
	margin-left:0;
	border-bottom:1px solid #ffffff;
	padding:5px 0 5px 27px;
	display:block;
}

.topmenu:hover{
	background-color:#333333;
	color:#ffffff;
}

.submenu{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background-image: url(/common/images/nav_arrow.gif);
	background-repeat:no-repeat;
	background-position: 28px 7px;
	background-color:#b2b2b2;
	margin-left: 0;
	padding:5px 0 5px 42px;
	border-bottom:1px solid #ffffff;
	display: block;
}

.submenu:hover{
	background-color:#333333;
	color:#ffffff;
}

.hide{
	display: none;
}

.show{
	display: block;
}

/* NAVIGATION ENDS //////////////////////////////////////////////////// */




/* UNIVERSAL STYLES STARTS //////////////////////////////////////////////////// */

* {
	margin:0;
	padding:0;
}

body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#d9d9d9;
}

.clear{
	clear:both;
}

.white{
	color:#FFFFFF;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	margin:12px 20px 10px 0;
}

/* UNIVERSAL STYLES ENDS //////////////////////////////////////////////////// */




/* CONTAINERS AND INSETS STYLES STARTS //////////////////////////////////////////////////// */

#container{
	text-align:left;
	margin:0 auto;
	width:760px;
	background-color:#FFFFFF;
	padding-top:10px;
	
/*
	padding-right:3px;
	padding-left:3px;
	background-image:url(/graphics/hometrack/layout/fl_bg.jpg);
	background-repeat:repeat-y;
*/	
}

#headerInset{
	width:740px;
	margin:0 10px 0 10px;
	height:81px;
	background-image:url(/common/images/header_gradient.gif);
	background-repeat:repeat-y;
}

#imageArea{
	width:760px;
	height:167px;
	background-color:#878C86;
	text-align:right;
}

#centreBand{
	width:740px;
	margin:0 10px 0 10px;
	background-color:#333333;
	height:15px;
	background-image:url(/common/images/black_br_corner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#centreBandBorder{
	height:3px;
} 

#nav{
	float:left;
	width:166px;
}

#contentContainer{
	padding:0 0 0 10px;
	background-image:url(/common/images/gen_background_tile.gif);
	background-repeat:repeat-y;
}

#contentArea{
	padding:0 20px 0 12px;
	background-color:#FFFFFF;
}
	#contentArea p{
		font-size:12px;
		line-height:15px;
		color:#333333;
		margin-bottom:11px;
	}
	#contentArea p a{
		color:#003399;
		text-decoration:underline;
	}
	#contentArea p a:visited{
		color:#003399;
		text-decoration:underline;
	}
	#contentArea p a:hover{
		color:#0066FF;
		text-decoration:underline;
	}
	#contentArea p.furtherInfo{
		margin-top:25px;
	}

#middleColumn{
	float:left;
	width:384px;
	margin:0;
	background-color:#FFFFFF;
}

#rightColumn{
	float:left;
	width:190px;
	margin:0;
	background-image:url(/common/images/right_col_tr_corner.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#rightColumnContent{
	margin-top:2px;
	padding:13px 12px 0 12px;
}
	#rightColumnContent p{
		font-size:11px;
		line-height:14px;
		color:#333333;
		margin-bottom:11px;
	}

#contentContainerOneCol{
	padding:0 0 0 10px;
	background-image:url(/common/images/gen_background_tile.gif);
	background-repeat:repeat-y;
}

#contentAreaOneCol{
	padding:0 90px 0 12px;
	background-color:#FFFFFF;
}
	#contentAreaOneCol p{
		font-size:12px;
		line-height:15px;
		color:#333333;
		margin-bottom:11px;
	}
	#contentAreaOneCol p a{
		color:#003399;
		text-decoration:underline;
	}
	#contentAreaOneCol p a:visited{
		color:#003399;
		text-decoration:underline;
	}
	#contentAreaOneCol p a:hover{
		color:#0066FF;
		text-decoration:underline;
	}
	#contentAreaOneCol p.furtherInfo{
		margin-top:25px;
	}
	#contentAreaOneCol ul.dashboardMain{
		font-size:12px;
		list-style:none;
		line-height:24px;
		
		margin:0;
		padding:0;
	}
	#contentAreaOneCol ul.dashboardMain li{
		border-bottom:1px solid #d6d6d6;
		color:#333333;
		position:relative;
		margin:0;
		padding:0;
		width:460px;
	}
	#contentAreaOneCol ul.dashboardMain li span{
		position:absolute;
		right:7px;
		top:0;
	}
	
#oneColumn{
	float:left;
	width:574px;
	margin:0;
	background-color:#FFFFFF;
}

/*#footerContainer{
	clear:both;
	height:42px;
	background-color:#FFFFFF;
}*/
#footerContainer{
	clear:both;
	background-color:#FFFFFF;
	height:25px;
	width:740px;
	background-image:url(/common/images/footer_bg_tile.gif);
	background-repeat:repeat-y;
	font-size:10px;
	text-indent:25px;
	height:30px;
	margin:0 0 0 10px;
	border-top:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;

}

#linkBoxLeft{
	float:left;
	width:190px;
	height:83px;
	background-color:#FAB361;
	background-image:url(/common/images/orange_tr_corner.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#linkBoxMiddle{
	margin-left:2px;
	float:left;
	width:190px;
	height:83px;
	background-color:#BD8CC3;
	background-image:url(/common/images/purple_tr_corner.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#linkBoxRight{
	float:left;
	width:190px;
	height:83px;
	background-color:#A7AEA7;
	background-image:url(/common/images/green_tr_corner.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#marketInsightBox{
	margin-top:2px;
	padding:0 20px 0 12px;
}
	#insightBox ul{
	padding:0;
	margin:0;
}
	#marketInsightBox ul li{
	font-size:10px;
	line-height:15px;
	color:#333333;
	list-style:none;
	position:relative;
	width:160px;
	border-bottom:1px solid #ffffff;
	padding:3px 0 3px 0;
	}
	#marketInsightBox ul li span{
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	right:7px;
	top:2px;
	padding:0 0 0 20px;
	}
	#marketInsightBox ul li.lozengeOrange{
	background-image:url(/images/index/lozenge_orange.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	#marketInsightBox ul li.lozengeYellow{
	background-image:url(/images/index/lozenge_yellow.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	#marketInsightBox ul li.lozengeGreen{
	background-image:url(/images/index/lozenge_green.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	#marketInsightBox ul li.lozengeBlue{
	background-image:url(/images/index/lozenge_blue.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	#marketInsightBox ul li.lozengePurple{
	background-image:url(/images/index/lozenge_purple.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	#marketInsightBox ul li.lozengePink2{
	background-image:url(/images/index/lozenge_pink2.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	#marketInsightBox ul li.lozengeRed{
	background-image:url(/images/index/lozenge_red.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	#marketInsightBox ul li.lozengeOrange2{
	background-image:url(/images/index/lozenge_orange2.gif);
	background-repeat:no-repeat;
	background-position:right;
	}

#soundbiteContainer{
	width:250px;
	float:right;
	position:relative;
	top:20px;
	right:37px;
}

#marketInsightBorder{
	float:left;
	height:2px;
	width:190px;
	background-color:#FFFFFF;
}

#searchContainer{
	float:left;
	position:relative;
	top:10px;
	left:400px;
	text-align:right;
	width:200px;
}

/* CONTAINERS AND INSETS STYLES ENDS //////////////////////////////////////////////////// */




/* COMMON CLASSES STARTS //////////////////////////////////////////////////// */
	
#contentArea p.indexIntro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#333333;
	margin-bottom:11px;
}

.quickLinkTitle{
	font-size:13px;
	font-weight:bold;
	margin:8px 10px 0 12px;
}

.quickLinkText{
	font-size:13px;
	margin:3px 10px 0 12px;
}

.quickLinkText a{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	background-image:url(/common/images/read_more_arrow.gif);
	background-repeat:no-repeat;
	background-position:70px 5px;
	display:block;
}

.quickLinkText a:visited{
	color:#FFFFFF;
}

.quickLinkText a:hover{
	color:#000000;
	background-image:url(/common/images/read_more_arrow_hover.gif);
}

.footerText{
	width:500px;
	font-size:10px;
	position:relative;
	top:5px;
	left:27px;
	color:#666666;
}

.footerText a{
	color:#666666;
	text-decoration:none;
}

.footerText a:visited{
	color:#666666;
}

.footerText a:hover{
	color:#000000;
}

.footerText span{
	margin-left:3px;
}

.w3clogo{
	position:absolute;
	top:3px;
	left:553px;
}

.soundbite{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
}

.soundbiteCredit{
	color:#FFFFFF;
	font-size:11px;
	margin-bottom:11px;
}

.soundbiteLink a{
	width:250px;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	background-image:url(/common/images/read_more_arrow.gif);
	background-repeat:no-repeat;
	background-position:246px 3px;
	display:block;
}

.soundbiteLink a:visited{
	color:#FFFFFF;
}

.soundbiteLink a:hover{
	color:#000000;
	background-image:url(/common/images/read_more_arrow_hover.gif);
}

.soundbiteReadMore{
	position:relative;
	right:10px;
}

.logo{
	float:left;
	position:relative;
	top:11px;
	left:27px;
}

.accountLink a{
	color:#666666;
	font-size:12px;
	font-weight:bold;
}

.accountLink a:visited{
	color:#666666;
}

.accountLink a:hover{
	color:#000000;
}

.searchText{
	font-size:12px;
	font-weight:bold;
	margin:6px 0 3px 0;
}

.searchField{
	width:90px;
	height:15px;
	margin-right:1px;
	margin-bottom:1px;
}

.searchTable{
	float:right;
}

.postcodeField{
	width:130px;
}

.postcodeTable{
	float:left;
	position:relative;
	left:12px;
	margin-top:7px;
}

.rightColField{
	width:90px;
}

.rightColFieldTable{
	float:left;
	position:relative;
	left:0;
	margin-top:0;
}

.prop{
	width:1px;
	height:200px;
	float:right;
}

#content li{
	list-style:none;
	font-size:12px;
	line-height:15px;
	color:#333333;
	margin-bottom:5px;
	background-image:url(/common/images/orange_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:15px;
}

#content  li a{
	color:#003399;
	text-decoration:underline;
}

#content  li a:visited{
	color:#003399;
}

#content  li a:hover{
	color:#0066FF;
}

.tel{
	font-size:15px;
	font-weight:bold;
	line-height:17px;
	color:#666666;
}

.highlight {
    background-color: #333;	
}
/* COMMON CLASSES ENDS //////////////////////////////////////////////////// */


