/*
 * Author:		Ronan Sprake [ronan.sprake@digitaloverload.co.uk]
 * Agency:		Digital Overload Ltd.
 * Client: 		Iconic
 * Project: 	Nottinghill London
 * Comment:		Base stylesheet

----------------------
Contents:

@import Reset stylesheet

1. Font Sizing
2. Generic HTML styles
3. Parent layout styles
4. Navigation
5. Content
6. Sub-content
7. Footer
8. Miscellaneous

*/

@import url(reset.css);

/*--------------------------------------------------------------------------
	Font Sizing
----------------------------------------------------------------------------*/

#page-container
{
	font-size:				0.75em /* 16 x 0.75=12px */
}

.case-study h1,
.property h1,
.case-studies h1
{
	font-size:				3.83em /* 12 x 3.83=46px */
}

.news.detail h2
{
	font-size:				1.5em /* 12 x 1.5=18px */
}

h2,
.latest-news li.primary h2,
.news-archive li.primary h2,
.in-the-media li.primary h2
{
	font-size:				1.333em /* 12 x 1.333=16px */
}

.contact-us .main-content #open-map,
.homes-for-sale .main-content li a,
.step-by-step ol li,
#frm-directions label
{
	font-size:				1.167em /* 12 x 1.167=14px */
}

.properties-content li h3
{
	font-size:				1.083em /* 12 x 1.083=13px */
}

.about-us .feature-content p.contact em,
.contact-us .main-content p.contact em,
.homes-for-sale .sub-content li
{
	font-size:				0.917em /* 12 x 0.917=11px */
}

sup
{
	font-size:				0.833em /* 12 x 0.833=10px */
}

.latest-news li h2,
.news-archive li h2,
.in-the-media li h2
{
	font-size:				1em /* 12 x 1=12px */
}


/*--------------------------------------------------------------------------
	Generic HTML styles
----------------------------------------------------------------------------*/

body
{
	background:				#FFF url(/media/images/bg-body.png) repeat-y top center;
}

table th
{
	padding-right:			15px;
	text-align:				right;
	width:					140px;
}

table td
{
	padding:				2px 5px 2px 0;
}

h1,
h2
{
	font-weight:			bold;
	margin-bottom:			10px;
}

h1 img
{
	display:				block;
}

ol
{
	list-style:				outside decimal;
	padding-left:			18px;
}

ol li
{
	display:				list-item;
	vertical-align:			top;
}

ul,
p,
table
{
	margin-bottom:			14px;
}

strong
{
	font-weight:			bold;
}

em
{
	font-style:				normal;
}

a
{
	color:					#859D23;
	text-decoration:		underline;
}

a:hover
{
	text-decoration:		none;
}

sup
{
	bottom:					0.5em;
	position:				relative;
}


/*--------------------------------------------------------------------------
	= Parent Layout Styles
----------------------------------------------------------------------------*/

#page-container,
#footer
{
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 auto;
	width:					898px;
}

.main-content
{
	float:					left;
	margin:					0 15px 25px 31px;
	width:					335px;
}

.sub-content
{
	float:					left;
	margin-bottom:			28px;
	width:					514px;
}

.feature-content
{
	clear:					both;
	margin:					0 15px 13px 32px;
}


/*--------------------------------------------------------------------------
	= Head
----------------------------------------------------------------------------*/

#head
{
	margin-bottom:			45px;
	position:				relative;
}

#head a.home
{
	display:				block;
	height:					107px;
	margin:					3px 0 17px 18px;
	width:					107px;
}

.header-quotation
{
	left:					267px;
	position:				absolute;
	top:					29px;
}

#nav
{
	background:				url(../images/bg-nav.jpg) bottom left repeat-x;
	margin-bottom:			0;
	z-index:				3;
}

#nav li
{
	background:				none;
	float:					left;
	margin:					0;
	padding:				0;
}

#nav li a
{
	display:				block;
	height:					29px;
}


#nav li.btn-nav-home a
{
	background:				url(../images/bg-header-li-home.png) no-repeat 0 0;
	width:					81px;
}

#nav li.btn-nav-homes-for-sale a
{
	background:				url(../images/bg-header-li-homes-for-sale.png) no-repeat 0 0;
	width:					123px;
}

#nav li.btn-nav-homes-for-rent a
{
	background:				url(../images/bg-header-li-homes-for-rent.png) no-repeat 0 0;
	width:					124px;
}


#nav li.btn-nav-news a
{
	background:				url(../images/bg-header-li-news.png) no-repeat 0 0;
	width:					55px;
}

#nav li.btn-nav-about-us a
{
	background:				url(../images/bg-header-li-about-us.png) no-repeat 0 0;
	width:					74px;
}

#nav li.btn-nav-contact-us a
{
	background:				url(../images/bg-header-li-contact-us.png) no-repeat 0 0;
	width:					84px;
}

#head #nav li a:hover,
#head #nav a.selected
{
	background-position:	0 -29px;
}

#nav 
{
	position:				relative;
}

#nav li ul
{
	position:				absolute;
	left:					0;
	top:					30px;
}

#nav li.btn-nav-homes-for-sale ul,
#nav li.btn-nav-homes-for-rent ul,
#nav li.btn-nav-news ul,
#nav li.btn-nav-about-us ul
{
	margin-top:				-1px;
}

#nav li.btn-nav-news ul.noarchive
{
	padding-left:			250px;
}

#nav li.btn-nav-news ul
{
	padding-left:			280px;
}

#nav li.btn-nav-homes-for-rent ul
{
	padding-left:			160px;
}

#nav li.btn-nav-about-us ul
{
	padding-left:			360px;
}


#page-container #nav li ul
{
	display:				none;
}

#page-container #nav li.active ul
{
	display:				block;
}

#page-container #nav li ul li
{
	background:				none;
	float:					left;
	margin:					0;
	padding:				0;
}

#page-container #nav li ul li a
{
	display:				block;
	height:					25px;
	text-decoration:		none;
	text-indent:			-9999px;
}

#page-container #nav li ul li.btn-subnav-case-studies a
{
	background:				url(../images/bg-homes-for-sale-case-studies.png) no-repeat 0 0;
	width:					115px;
}

#page-container #nav li ul li.btn-subnav-buying-guide a
{
	background:				url(../images/bg-homes-for-sale-buying-guide.png) no-repeat 0 0;
	width:					118px;
}

#page-container #nav li ul li.btn-subnav-home-options a
{
	background:				url(../images/bg-homes-for-sale-home-options.png) no-repeat 0 0;
	width:					127px;
}

#page-container #nav li ul li.btn-subnav-home-ownership-advice a
{
	background:				url(../images/bg-homes-for-sale-home-ownership-advice.png) no-repeat 0 0;
	width:					192px;
}

#page-container #nav li ul li.btn-subnav-solicitors-advisors a
{
	background:				url(../images/bg-homes-for-sale-solicitors-advisors.png) no-repeat 0 0;
	width:					187px;
}

#page-container #nav li ul li.btn-subnav-properties a
{
	background:				url(../images/bg-homes-for-rent-properties.png) no-repeat 0 0;
	width:					101px;
}

#page-container #nav li ul li.btn-subnav-renting-guide a
{
	background:				url(../images/bg-homes-for-rent-renting-guide.png) no-repeat 0 0;
	width:					130px;
}

#page-container #nav li ul li.btn-subnav-latest-news a
{
	background:				url(../images/bg-news-latest.gif) 0 0 no-repeat;
	width:					109px;
}

#page-container #nav li ul li.btn-subnav-in-the-media a
{
	background:				url(../images/bg-news-in-media.gif) 0 0 no-repeat;
	width:					102px;
}

#page-container #nav li ul li.btn-subnav-archive a
{
	background:				url(../images/bg-news-archive.gif) 0 0 no-repeat;
	width:					119px;
}

#page-container #nav li ul li.btn-subnav-service-promise a
{
	background:				url(../images/bg-about-us-service-promise.gif) no-repeat 0 0;
	width:					123px;
}



#page-container #nav li.btn-nav-homes-for-sale ul li a.selected,
#page-container #nav li.btn-nav-homes-for-sale ul li a:hover,
#page-container #nav li.btn-nav-homes-for-rent ul li a.selected,
#page-container #nav li.btn-nav-homes-for-rent ul li a:hover,
#page-container #nav li.btn-nav-news ul li a.selected,
#page-container #nav li.btn-nav-news ul li a:hover,
#page-container #nav li.btn-nav-about-us ul li a.selected,
#page-container #nav li.btn-nav-about-us ul li a:hover
{
	background-position:	bottom left;
}


/*--------------------------------------------------------------------------
	=properties-content
----------------------------------------------------------------------------*/

.properties-content
{
	background:				url(../images/bg-properties-content.png) repeat-x;
	clear:					both;
	margin:					0 16px;
	padding:				12px 0;
}

.properties-content li
{
	background:				url(../images/bg-properties-content-li.png) top right repeat-y;
	float:					left;
	margin-right:			6px;
	min-height:				180px;
	padding:				0 5px;
	width:					272px;
}

.properties-content li.profit
{
	width:					292px;
}

.properties-content li.last
{
	background:				none;
	margin-right:			0;
	padding-right:			0;
}

.properties-content li.nhhg
{
	width:					252px;
}

.properties-content li.nhhg h3
{
	color:					#F16F17;
	padding-left:			10px;
}

.properties-content li p
{
	margin-bottom:			8px;
}

.properties-content li img
{
	float:					left;
	padding:				0 5px 5px 0;
}

.properties-content li h3
{
	color:					#00A0C8;
	font-weight:			bold;
	margin-bottom:			7px;
}

.properties-content li a
{
	float:					left;
	font-weight:			bold;
}


.twocol .left,
.twocol .right {
	float: left;
	display: inline;
}

.properties-content li.nhhg .left
{
	width: 136px;
}
.properties-content li.nhhg .right
{
	width: 110px;
	font-size: 11px;
}

/*--------------------------------------------------------------------------
	=homes-for-sale
----------------------------------------------------------------------------*/

.homes-for-sale .sub-content
{
	background:				url(../images/bg-homes-for-sale-map.jpg) no-repeat 0 0;
	height:					460px;
	position:				relative;
	width:					491px;
}

.homes-for-sale .main-content
{
	margin-right:			30px;
}

.homes-for-sale .main-content ul
{
	margin-top:				48px;
}

.homes-for-sale .main-content li
{
	margin-bottom:			12px;
	width:					270px;
}

.homes-for-sale .main-content li a
{
	font-weight:			bold;
	text-decoration:		none;
}

.homes-for-sale .main-content li a:hover
{
	text-decoration:		underline;
}

.homes-for-sale .sub-content li .container
{
	background:				url(../images/bg-map-infopop-top.png) no-repeat left top;
	display:				none;
	position:				relative;
	z-index:				9999;
}

.homes-for-sale .sub-content li p
{
	margin-bottom:			0;
	width:					75px;
}

.homes-for-sale .sub-content li p.infopop-property,
.homes-for-sale .sub-content li a
{
	font-weight:			bold;
}

.homes-for-sale .sub-content li,
.homes-for-sale .sub-content li a
{
	color:					#FFF;
	display:				block;
}

.homes-for-sale .sub-content li .container div
{
	background:				url(../images/bg-map-infopop-base.png) no-repeat left bottom;
	margin-top:				15px;
	min-height:				90px;
	padding:				0 98px 12px 19px;
	width:					77px;
}

.homes-for-sale .sub-content li .container div p
{
	position:				relative;
	top:					-8px;
}

.homes-for-sale li .container img
{
	position:				absolute;
	right:					0;
	top:					0;
}



/*--------------------------------------------------------------------------
	=home
----------------------------------------------------------------------------*/

.home .sub-content
{
	background:				url(../images/bg-home.jpg) no-repeat 35px 0;
	height:					269px;
	text-indent:			-9999px;
}

.home .feature-content
{
	height:					92px!important;
}

.home .gallery ul
{
	height:					92px!important;
	overflow:				hidden;
}

.gallery ul li
{
	float:					left;
	line-height:			0px;
}

.gallery ul li a
{
	border:					0px;
	display:				block;
}

.gallery ul li a:hover img
{
	border:					1px solid #859D23;
}

.gallery ul li a img
{
	border:					1px solid #FFF;
	display:				block;
}

.gallery .prev,
.gallery .next
{
	background:				transparent url(../images/gallery-next.png) no-repeat 0 0;
	border:					0;
	cursor:					pointer;
	height:					26px;
	width:					19px;
}

.gallery .prev
{
	background:				transparent url(../images/gallery-prev.png) no-repeat 0 0;
}


/*--------------------------------------------------------------------------
	=homes-for-sale
----------------------------------------------------------------------------*/

/*
.homes-for-sale .sub-content
{
	background:				url(../images/bg-homes-for-sale-map.jpg) no-repeat 0 0;
	height:					460px;
	position:				relative;
	width:					491px;
}

.homes-for-sale .main-content
{
	margin-right:			30px;
}

.homes-for-sale .main-content ul
{
	margin-top:				48px;
}

.homes-for-sale .main-content li
{
	margin-bottom:			12px;
	width:					270px;
}

.homes-for-sale .main-content li a
{
	font-weight:			bold;
	text-decoration:		none;
}

.homes-for-sale .main-content li a:hover
{
	text-decoration:		underline;
}

.homes-for-sale .sub-content li .container
{
	background:				url(../images/bg-map-infopop-top.png) no-repeat left top;
	display:				none;
	position:				relative;
	z-index:				9999;
}

.homes-for-sale .sub-content li p
{
	margin-bottom:			0;
	width:					75px;
}

.homes-for-sale .sub-content li p.infopop-property,
.homes-for-sale .sub-content li a
{
	font-weight:			bold;
}

.homes-for-sale .sub-content li,
.homes-for-sale .sub-content li a
{
	color:					#FFF;
	display:				block;
}

.homes-for-sale .sub-content li .container div
{
	background:				url(../images/bg-map-infopop-base.png) no-repeat left bottom;
	margin-top:				15px;
	min-height:				90px;
	padding:				0 98px 12px 19px;
	width:					77px;
}

.homes-for-sale .sub-content li .container div p
{
	position:				relative;
	top:					-8px;
}

.homes-for-sale li .container img
{
	position:				absolute;
	right:					0;
	top:					0;
}

*/
/*--------------------------------------------------------------------------
	=property
----------------------------------------------------------------------------*/

.homes-for-sale h1,
.case-studies h1,
.case-studies h2,
.case-studies h2 a,
.buying-guide h2
{
	color:					#7FD1E7;
}



/*.property .sub-content
{
	text-align:				center;
}*/

.property .main-content ul
{
	list-style:				disc;
}

.property .main-content ul li
{
	display:				list-item;
	margin-left:			20px;
}


/*--------------------------------------------------------------------------
	=case-studies
----------------------------------------------------------------------------*/
.case-studies h1
{
	margin-bottom:		20px;
	width:				600px;
}

.case-studies h2,
.case-studies h2 a
{
	text-decoration:	none;
}

.case-studies a
{
	font-weight:		bold;
}

.case-studies .properties-content a
{
	color:				#859D23;
}

.case-studies .main-content li
{
	clear:				both;
	margin-bottom:		20px;	
	width:				600px;		
}

.case-studies .main-content li img
{
	float:					left;
}

.case-studies .main-content li p
{
	padding-left:			180px;
}

.case-study .sub-content
{
	margin-top:				55px;
}

.case-study h1
{
	color:					#FF0;
}

.case-study .main-content ul li
{
	background:				url(../images/bg-ul-li.png) no-repeat 0 6px;
	margin-bottom:			8px;
	padding-left:			10px;
}

.case-study ul.actions li
{
	background:				none;
	float:					left;
	padding:				110px 5px 0 0;
}

.case-study ul.actions li a
{
	font-weight:			bold;
	padding:				110px 5px 0 0;
	width:					70px;
}

.case-study ul.actions li#tour a
{
	background:				url(../images/bg-tour.jpg) no-repeat 0 0;
}

.case-study ul.actions li#location a
{
	background:				url(../images/bg-location.jpg) no-repeat 0 0;
}

.case-study ul.actions li#download a
{
	background:				url(../images/bg-download.jpg) no-repeat 0 0;
	width:					100px;
}

.case-study .properties-content li h3
{
	color:					#666;
}

/*--------------------------------------------------------------------------
	= Homes for rent
----------------------------------------------------------------------------*/

.homes-for-rent .main-content h2 {
	font-size: 100%;
	color: #04aa6d;
	margin-bottom: 0px;
	
}


/*--------------------------------------------------------------------------
	=news
----------------------------------------------------------------------------*/

.latest-news .sub-content,
.in-the-media .sub-content,
.news-archive .sub-content
{
	background:				url(../images/bg-news.jpg) no-repeat 87px 29px;
	height:					410px;
}

.latest-news h1,
.in-the-media h1,
.news-archive h1
{
	margin-bottom:			26px;
}

.latest-news li.primary,
.in-the-media li.primary,
.news-archive li.primary
{
	margin-bottom:			26px;
}

.latest-news li h2,
.in-the-media li h2,
.news-archive li h2
{
	margin-bottom:			0;
}

.latest-news h2,
.latest-news h2 a,
.in-the-media h2,
.in-the-media h2 a,
.news-archive h2,
.news-archive h2 a
{
	color:					#F93421!important;
	text-decoration:		none;
}

.latest-news li a.more,
.in-the-media li a.more,
.news-archive li a.more
{
	display:				block;
	font-weight:			bold;
}


/*--------------------------------------------------------------------------
	=news-detail
----------------------------------------------------------------------------*/

.news.detail .main-content
{
	width:					375px;
}

.news.detail .sub-content
{
	background:				none;
	height:					auto;
	margin-top:				-23px;
	width:					477px;
}

.news.detail h2
{
	margin-bottom:			0;
}

.news.detail .main-content ul a
{
	color:					#96AB2C;
	font-weight:			bold;
}

.news.detail .main-content ul li
{
	margin-bottom:			8px;
}


/*--------------------------------------------------------------------------
	=about-us
----------------------------------------------------------------------------*/

.about-us .main-content,
.service-promise .main-content
{
	background:				url(../images/bg-about-us.jpg) no-repeat 440px 0;
	height:					350px;
	padding-right:			500px;
}

.about-us h1
{
	margin-bottom:			26px;
}

.about-us h2
{
	color:					#EC4EC9;
	margin-bottom:			0;
}

.about-us .feature-content
{
	margin-bottom:			12px;
}

.about-us .feature-content div
{
	float:					left;
	margin-right:			60px;
	width:					330px;
}

.about-us .feature-content p.contact
{
	float:					left;
	margin-right:			30px;
	width:					130px;
}

.about-us .feature-content p.contact em
{
	display:				block;
}

.about-us .feature-content p.contact,
.about-us .feature-content p.contact em,
.about-us .feature-content p.contact a
{
	display:				block;
	text-decoration:		none;
}

.about-us .feature-content p.contact,
.about-us .feature-content p.contact em
{
	color:					#EC4EC9;
}


.service-promise .main-content ul
{
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 24px;
	margin-left: 1.3em;
}

.service-promise .main-content ul li
{
	font-weight:			bold;
	margin-bottom:			12px;
	font-size:				1.167em;
}


/*--------------------------------------------------------------------------
	=step-by-step
----------------------------------------------------------------------------*/

.renting-guide h2 {
	color: #04aa6d;
}

.buying-guide ol li,
.renting-guide ol li
{
	font-weight:			bold;
	margin-bottom:			12px;
	width:					275px;
	font-size:				1.167em;
}

.buying-guide h1,
.renting-guide h1
{
	margin-bottom:			30px;
}

.buying-guide ol li a,
.renting-guide ol li a
{
	color:					#000;
	text-decoration:		none;
}

.buying-guide ol li:hover,
.buying-guide ol li.selected,
.buying-guide ol li a:hover,
.buying-guide ol li.selected a,
.renting-guide ol li:hover,
.renting-guide ol li.selected,
.renting-guide ol li a:hover,
.renting-guide ol li.selected a
{
	color:					#859D23;
}

.buying-guide .main-content,
.renting-guide .main-content
{
	margin-right:			90px;
}

.buying-guide .sub-content,
.renting-guide .sub-content
{
	min-height:				415px;
	width:					334px;
}

.buying-guide .sub-content p,
.buying-guide .sub-content ul,
.renting-guide .sub-content p,
.renting-guide .sub-content ul
{
	background-color:		#FFF;
}

.buying-guide .sub-content ul li,
.renting-guide .sub-content ul li
{
	background:				url(../images/bg-ul-li.png) no-repeat 0 6px;
	margin-bottom:			8px;
	padding-left:			10px;
}

.buying-guide .sub-content img,
.renting-guide .sub-content img
{
	margin-bottom:			18px;
}


/*--------------------------------------------------------------------------
	=contact-us
----------------------------------------------------------------------------*/

	.contact-us .main-content
{
	margin-right:			8px;
	min-height:				420px;
}

.contact-us .sub-content
{
/*	background:				url(../images/bg-contact-us.jpg) no-repeat 54px 0;*/
	min-height:					410px;
}

.contact-us .sub-content.map
{
	background:				#FFF;
}

.contact-us .main-content h2,
.contact-us .main-content #open-map
{
	clear:					left;
}

.contact-us .main-content p.contact,
.contact-us .main-content ul.contact
{
	float:					left;
	margin-right:			15px;
	width:					120px;
}

.contact-us .main-content p.contact em
{
	display:				block;
}

.contact-us .main-content h2,
.contact-us .main-content li,
.contact-us .main-content p.contact
{
	color:					#0C6BDE;
}

.contact-us .main-content .contact a
{
	text-decoration:		none;
}

.contact-us #directionssubmit
{
	background:				#0C6BDE;
	color:					#fff;
	border:					0;
	cursor:					pointer;
	padding:				4px 10px;
}


/*--------------------------------------------------------------------------
	= Solicitors & Advisors
----------------------------------------------------------------------------*/
.solicitors-advisors h1 {
	height: 75px;
	width: 142px;
	text-indent: -9999px;
	margin-bottom: 2em;
}

.solicitors-advisors .main-content ul li,
.solicitors-advisors .sub-content ul li {
	margin-bottom: 2em;
}


.solicitors-advisors .main-content h1 {
	background: url(../images/headings/h1_solicitors.gif) no-repeat;
}

.solicitors-advisors .sub-content h1 {
	background: url(../images/headings/h1_advisors.gif) no-repeat;
}

.solicitors-advisors .main-content h2 {
	color: #F16F17;
}

.solicitors-advisors .sub-content h2 {
	color: #00A0C8;
}



/*--------------------------------------------------------------------------
	= Miscellaneous
----------------------------------------------------------------------------*/
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.homes-for-sale .sub-content li span,
#nav li a em,
.w3c,
.accessibility
{
	left:					-9000px;
	position:				absolute;
	top:					-9000px;
}

#page-container.accessibility
{
	left:					0;
	position:				relative;
	top:					0;
}

#nav:after,
.properties-content:after,
.properties-content li:after,
.properties-content li p:after,
.about-us .feature-content:after,
#map-canvas:after,
.case-studies .main-content li:after
{
	clear:					both;
	content:				".";
	display:				block;
	font-size:				0;
	line-height:			0;
	overflow:				hidden;
	visibility:				hidden;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-overlay
{
	height:					500px;
	left:					0;
	position:				absolute;
	top:					0;
	width:					100%;
	z-index:				90;
}

#jquery-lightbox
{
	left:					0;
	line-height:			0;
	position:				absolute;
	text-align:				center;
	top:					0;
	width:					100%;
	z-index:				100;
}

#jquery-lightbox a img
{
	border:					none;
}

#lightbox-container-image-box
{
	background-color:		#fff;
	height:					250px;
	margin:					0 auto;
	position:				relative;
	width:					250px;
}

#lightbox-container-image
{
	padding:				10px;
}

#lightbox-loading
{
	height:					25%;
	left:					0%;
	line-height:			0;
	position:				absolute;
	text-align:				center;
	top:					40%;
	width:					100%;
}

#lightbox-nav
{
	height:					100%;
	left:					0;
	position:				absolute;
	top:					0;
	width:					100%;
	z-index:				10;
}

#lightbox-container-image-box > #lightbox-nav
{
	left:					0;
}

#lightbox-nav a
{
	outline:				none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext
{
	display:				block;
	height:					100%;
	width:					49%;
	zoom:					1;
}

#lightbox-nav-btnPrev
{
	float:					left;
	left:					0;
}

#lightbox-nav-btnNext
{
	float:					right;
	right:					0;
}

#lightbox-container-image-data-box
{
	background-color:		#fff;
	font:					10px Verdana, Helvetica, sans-serif;
	line-height:			1.4em;
	margin:					0 auto;
	overflow:				auto;
	padding:				0 10px 0.7em;
	width:					100%;
}

#lightbox-container-image-data
{
	color:					#666;
	padding:				0 10px;
}

#lightbox-container-image-data #lightbox-image-details
{
	float:					left;
	text-align:				left;
	width:					70%;
}

#lightbox-image-details-caption
{
	font-weight:			bold;
}

#lightbox-image-details-currentNumber
{
	clear:					left;
	display:				block;
	padding-bottom:			1.0em;
}

#lightbox-secNav-btnClose
{
	float:					right;
	width:					45px;
}

#map-canvas
{
	height:					340px;
	margin:					0 auto;
	width:					400px;
}

#map-canvas p
{
	margin:					0;
}

#frm-directions
{
	clear:					left;
	margin:					0 auto 30px;
	position:				relative;
	width:					400px;
}

#frm-directions fieldset
{
	background-color:		#0C6BDE;
	padding:				12px 9px;
}

#frm-directions label
{
	color:					#FFF;
	font-weight:			bold;
	margin-right:			10px;
}

#frm-directions #postcode 
{
	width:					103px;
}

#directionssubmit
{
	bottom:					-30px;
	position:				absolute;
	right:					21px;
	width:					inherit;
}
/* meta navigation */

#footer
{
	margin:					auto;
	width:					858px;
	font-size:				75%;
	padding:				20px;
}
#footer ul
{
	margin: 0;
	list-style: none;
	padding: 0;
}

#footer ul li
{
	display: block;
	float: left;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#footer ul li.first
{
	margin: 0 0 0 -8px;
}

#footer ul li a
{
	display: block;
	color: #666;
	float: left;
	font-weight: normal;
	text-transform: uppercase;
	border-right: 1px solid #ccc;
	padding: 0 8px;
	text-decoration: underline;
}

#footer ul li a:hover, #footer ul li.selected a
{
	text-decoration: none;
	color: #00415B;
}

#footer ul li.last a
{
	border-right-width: 0px;
}

#footer p
{
	clear: left;
	color: #666;
	float: left;
	font-size: 100%;
	margin: 0 0 10px;
	padding: 0.75em 0 0 0;
	text-transform: uppercase;
}


.home-ownership-advice
{
	background:			url(../images/bg-home-options.jpg) 90% 40% no-repeat;
}

h1.borough-hl {
	text-indent: -999px;
	background-repeat: no-repeat;
	width: 330px;
	height: 37px;
}

h1#b-hl-all {background-image: url(/media/images/boroughs/hl-g-all.gif); height: 74px; }
h1#b-hl-1 {background-image: url(/media/images/boroughs/hl-g-lambeth.gif); }
h1#b-hl-2 {background-image: url(/media/images/boroughs/hl-g-wandsworth.gif); }
h1#b-hl-3 {background-image: url(/media/images/boroughs/hl-g-kingston.gif); }
h1#b-hl-4 {background-image: url(/media/images/boroughs/hl-g-kensingtonchelsea.gif); height: 74px; }
h1#b-hl-5 {background-image: url(/media/images/boroughs/hl-g-westminster.gif); }
h1#b-hl-6 {background-image: url(/media/images/boroughs/hl-g-hammersmithfulham.gif); height: 74px; }
h1#b-hl-7 {background-image: url(/media/images/boroughs/hl-g-ealing.gif); }
h1#b-hl-8 {background-image: url(/media/images/boroughs/hl-g-croydon.gif); }
h1#b-hl-9 {background-image: url(/media/images/boroughs/hl-g-hounslow.gif); }
h1#b-hl-10 {background-image: url(/media/images/boroughs/hl-g-havering.gif); }
h1#b-hl-11 {background-image: url(/media/images/boroughs/hl-g-barkingdagenham.gif); height: 74px; }
h1#b-hl-12 {background-image: url(/media/images/boroughs/hl-g-hackney.gif); }
h1#b-hl-13 {background-image: url(/media/images/boroughs/hl-g-towerhamlets.gif); }
h1#b-hl-14 {background-image: url(/media/images/boroughs/hl-g-islington.gif); }
h1#b-hl-16 {background-image: url(/media/images/boroughs/hl-g-greenwich.gif); }
h1#b-hl-17 {background-image: url(/media/images/boroughs/hl-g-bromley.gif); }
h1#b-hl-18 {background-image: url(/media/images/boroughs/hl-g-bexley.gif); }
h1#b-hl-19 {background-image: url(/media/images/boroughs/hl-g-newham.gif); }
h1#b-hl-20 {background-image: url(/media/images/boroughs/hl-g-richmond.gif); }
h1#b-hl-21 {background-image: url(/media/images/boroughs/hl-g-redbridge.gif); }
h1#b-hl-22 {background-image: url(/media/images/boroughs/hl-g-walthamforest.gif); height: 74px; }
h1#b-hl-23 {background-image: url(/media/images/boroughs/hl-g-barnet.gif); }
h1#b-hl-24 {background-image: url(/media/images/boroughs/hl-g-enfield.gif); }
h1#b-hl-26 {background-image: url(/media/images/boroughs/hl-g-harrow.gif); }
h1#b-hl-27 {background-image: url(/media/images/boroughs/hl-g-camden.gif); }
h1#b-hl-28 {background-image: url(/media/images/boroughs/hl-g-bent.gif); }
h1#b-hl-29 {background-image: url(/media/images/boroughs/hl-g-hillington.gif); }
h1#b-hl-30 {background-image: url(/media/images/boroughs/hl-g-lewisham.gif); }
h1#b-hl-31 {background-image: url(/media/images/boroughs/hl-g-southwark.gif); }
h1#b-hl-32 {background-image: url(/media/images/boroughs/hl-g-sutton.gif); }
h1#b-hl-33 {background-image: url(/media/images/boroughs/hl-g-merton.gif); }

ul.property-listing {
	width: 345px;
	margin-left: -15px;
}

ul.property-listing li  {
	padding: 12px 0 18px 15px;
	background:  url(/media/images/bg-properties-content.png) left bottom repeat-x;
	font-size: 11px;
}

ul.property-listing li h2 {
	text-transform: uppercase;
	font-size: 12px;
}

ul.property-listing li h2 a {
	color: #04aa6d;
	text-decoration: none;
}

ul.property-listing li .twocol {
	position: relative;
	width: 330px;
	height: 120px;
}

ul.property-listing li img {
	display: block;
	position: absolute;
	left: 0px;
	top:  0px;
}

ul.property-listing li p.summary {
	position: absolute;
	left: 164px;
	top:  0px;
}

ul.property-listing li p.bedrooms {
	position: absolute;
	left: 164px;
	bottom: 0px;
	width: 64px;
	height: 28px;
	margin: 0px;
	text-indent: -999px;
}

ul.property-listing li p.bedrooms-1 { 
	background: #eee url(/media/images/bedrooms-1.gif) no-repeat; 
}
ul.property-listing li p.bedrooms-2 { 
	background: #eee url(/media/images/bedrooms-2.gif) no-repeat; 
}
ul.property-listing li p.bedrooms-3 { 
	background: #eee url(/media/images/bedrooms-3.gif) no-repeat; 
}
ul.property-listing li p.bedrooms-4 { 
	background: #eee url(/media/images/bedrooms-4.gif) no-repeat; 
}
ul.property-listing li p.bedrooms-5 { 
	background: #eee url(/media/images/bedrooms-5.gif) no-repeat; 
}


h2.property-headline {
	color: #04aa6d;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0px;
}

p.property-price {
	font-weight: bold;
}


.property-gallery,
#tab-location {
	width: 480px;
	background-color: #ddd;
	margin-bottom: 24px;
	padding: 15px 0;
}

.property-gallery img {
	display: block;
}

#gallery-img-container {
	width: 450px;
	height: 340px;
	overflow: hidden;
	margin: 0 15px 15px 15px;
}

#gallery-img-container img {
	width: 450px;
	height: 340px;
}


#gallery-thumb-container {
	width: 465px;
	height: 59px;
	margin-left: 15px;
	overflow: hidden;
}

#gallery-thumb-container img {
	width: 78px;
	height: 59px;
}


#gallery-thumb-container ul li {
	width: 78px;
	height: 59px;
	margin-right: 15px;
	display: block;
	float: left;
}

#property-map-canvas {
	width:  450px;
	height: 414px;
	margin: 0 15px;
}

.idTabs {
	margin-bottom: 0px;
}

.idTabs li {
	margin-right: 1px;
	float: left;
	display: inline;
}

.idTabs li a {
	color: #999;
	font-size: 1.167em;
	display: block;
	background-color: #eee;
	text-decoration: none;
	padding: 5px 10px;
	outline: none;
}
.idTabs li a.selected {
	background-color: #ddd;
	color: #000;
}

.tab-hidden {
	position: absolute;
    left: -10000px;

}