﻿.columns
{
	overflow:hidden;
	width:100%;
}

.columns .column
{
	float:left;
	display:inline;
}

#window-wrapper
{
	overflow:hidden;
	width:100%;
	height:auto !important;
	min-height:100%;
	position: relative;
}

#window-bg
{
	background-image:url(../images/window_bg.jpg);
	background-repeat:no-repeat;
	position:absolute;
	width:2000px;
	height:1370px;
	left:-550px;
	z-index:-10000;
}

#page-wrapper
{
	margin:0 auto;
	width:820px;
	position:relative;	
}

#page-wrapper-inner
{
	margin-left: 13px;	
}

/*------------ GOOGLE INFO WINDOW --------------*/

div.googleinfowindow
{
	font-size: 1.2em;
}

div.googleinfowindow a
{
	color: Red;
}

/*------------ TEXT PAGES --------------*/

#text-content
{
	margin: 0px 30px 0px 30px;
}

#text-content
{
	font-size: 1.1em;
	color: Black;
	position:relative;
	z-index:1;
	padding-bottom:20px;
}

#text-content a
{
	color: Black;
	text-decoration: underline;
}

#text-content a.forinput
{
	color: Black;
	text-decoration: none;
}

#text-content h2 a
{
	text-decoration: none;
}

#text-content p
{
	font-size: 1.1em;
}

#text-content ul li,
#text-content ol li
{
	font-size: 1.1em;
	margin-left: 25px;
}

/*------------ SITE-MAP --------------*/

a.sitemapfolder
{
	font-size: 1.2em;
	
	margin: 0px;
	padding: 0px;
}

a.sitemappage
{
	
	padding: 0px;
	margin: 0px 0px 0px 12px;	
}

/*------------ TOOLBAR --------------*/

#toolbar
{
	height: 6px;
	background-color: #001658;
	width: 100%;
	z-index: 10000;
}

#topmenu
{
	background-image:url(/res/images/nav/nav_loggedinmenu.png);
	background-repeat:no-repeat;
	float:right;
	height:23px;	
	position:absolute;
	right:0;
	top:0;
	width:236px;
}	

#topmenu p
{
	width: 200px;
	text-align: center;
	color: White;	
	font-size: 1.1em;
	margin-left: 18px;
	position:relative;
}

#topmenu p a
{
	font-weight: bold;
	text-decoration: underline;	
}

/*------------ HEADER--------------*/

#header
{
	padding-top:0px;
	padding-bottom:6px;
	margin-left: 14px;
}

#header #header-logos
{
	overflow:hidden;
	height:106px;	
	position:relative;
}

#header #header-logos #main-logo
{
	float:left;
	width:141px;
	height:106px;
	margin-top:0px;
	border: none;
}

#header #header-logos #research-logo
{
	float:left;
	width:231px;
	height:65px;
	margin-left:9px;
}

#header #header-logos #ukit-logo
{
	float:right;
	height:36px;
	position:absolute;
	right:20px;
	top:35px;
	width:102px;
}

#header #header-logos #ukit-logo a
{
	position: relative;
}

#header #header-logos #header-caption-and-nav
{
	float: left;
	width: 540px;
	margin-top: 32px;
}

#header #header-logos #header-caption-and-nav h1
{
	padding-top:47px;
}

#header #header-logos #header-caption-and-nav h1.cufon
{
	padding-top: 0px;
	height: 40px;
}

/*------------ MENU--------------*/

#menu ul
{
	padding: 0px;
	font-size: 1.2em;
}

/*------------ FLASH BANNNER--------------*/

#flash-banner
{
	/*background-image:url(../images/banners/banner_flash.jpg);*/
	height:224px;
	width:792px;
}

/*------------ HOME CONTENT  --------------*/

#home-content
{
	margin-left: 14px;
}

/*------------ TOP SIX  --------------*/

#top-six 
{
	height: 276px;	
	position: relative;
	background-color: #e9eef4;
	width: 792px;
	margin-top: 6px;
	background-image: url(/res/images/icons/icon_briefcase.png);
	background-position: 244px 124px;
	background-repeat:no-repeat;
}

#top-six #key-areas
{
	margin-top: 6px;
	margin-left: 24px;
	width: 246px;
}

#top-six #key-links
{
	margin-left: 25px;
	width: 245px;
}

#top-six #key-links a
{
	font-size: 1.2em;
	display: block;
	color: Black;
	text-decoration: underline;
}

#top-six #key-links a.red
{
	margin-top: 0px;
	color: #e60018;
	margin-bottom: 6px;
}

#top-six #login-briefcase
{
	margin-left: 25px;	
	width: 245px;
}

#top-six #login-briefcase h2
{
	color: Black;
	font-weight: bold;
	font-size: 1.7em;
	margin-top: 10px;
	margin-bottom: 8px;	
}

#top-six #login-briefcase input
{
	font-size: 1.1em;
}

#top-six #login-briefcase a
{
	color: #5584d7;
	position: relative;
	top: 0px;
	font-size: 1.1em;
}

#top-six #login-briefcase a.briefcasecount
{
	font-size: 1.2em;
	text-decoration: underline;
}

#top-six #login-briefcase #do-login
{
	float: right;	
	position: relative;
	left: -2px;
	margin-bottom: 10px;
}

#top-six #top-six-preview
{
	margin-top: 6px;
	margin-right: 6px;
	float: right;
	width: 500px;
	height: 261px;
	position: relative;
}

#top-six div.login_control
{
	position: relative;
	float: left;
	margin-bottom: 5px;
}

#top-six a.briefcasecount
{
	font-size: 1.2em;
}

div.scrollable       
{
	position:relative;     
	overflow:hidden;     
	width: 466px;     
	height:264px; 
	left: 6px;
}  

div.scrollable div.items
{
	width: 20000px;
	position: absolute;
}

#top-six #top-six-preview #scroll-controls
{
	float:left;
	position:relative;
	width:28px;
	z-index:1000;
}

#top-six #top-six-preview a.leftscroll
{
	position: relative;
	top: 96px;	
}

#top-six #top-six-preview a.rightscroll
{
	position: relative;
	top: 56px;	
	left: 515px;
}

#top-six #top-six-preview #scroll-properties
{
	position: relative;
	top: -166px;
	left: 34px;
}

/*------------ SEND TO A FRIEND --------------*/

div#send-investments
{
	width: 480px;	
	background-color: White;	
	padding: 6px;
	margin:20px auto;
}

div#send-investments input
{
	font-size: 1em;
}

div#send-investments div.send-investment
{
	height: 40px;
	width: 100%;	
	margin-bottom: 6px;
	background-color: #5585d7;
	padding-top: 4px;
}

div#send-investments div.send-investment img.send-investment-thumb
{
	float: left;
	margin: 0px 8px 0px 4px;
	border: solid 1px Black;
}

div#send-investments div.send-investment p
{
	font-size: 1.4em;
	font-weight: bold;	
	margin: 0px;
	padding: 0px;
}

div#send-investments div.send-investment p span.send-investment-white
{
	font-size: 0.6em;
	color: White;
}

div#send-investments div.send-investment p.send-investment-info
{
	font-size: 1.0em;
	font-weight: normal;
}

div#send-investments div.send-investment p.send-investment-info span.gap
{
	margin-left: 8px;
}

div#send-investments div#send-form-left
{
	float: left;
	width: 280px;
	height: 120px;
	margin-top: 10px;
}

div#send-investments div#send-form-right
{
	float: right;
	width: 190px;
	height: 120px;
	margin-top: 10px;
}

div#send-investments div#send-form-right p
{
	float:none;
}

div#send-investments div#send-form-right .custom_text.textarea
{
	height:80px;
	width:180px;
}

div.form-data
{
	overflow:hidden;
	width: 270px;
}

div#send-investments p.send-form-caption
{
	float: left;
	width: 94px;
	font-size: 1em;
}

div#send-investments div.sendtoafriendinput
{
	float: left;
}

div#send-investments textarea
{
	font-size: 1.0em;
	width: 100%;
	height: 64px;
}

div#send-form-controls
{
	margin-left: 354px;
	height: 25px;
	width: 120px;
}

div#send-form-controls p
{
	float: right;
	width: 70px;
	font-size: 1em;
}

div#send-form-controls input
{
	float: right;
	position: relative;
	top: -4px;
}

/*------------ PROPERTY PREVIEW IMAGE --------------*/

div#all-properties
{
	width: 792px;
	background-color: White;	
	position: relative;
	left: 1px;
	border-bottom: solid 6px White;
	border-top: solid 2px White;
	margin-bottom: 12px;
}

div#map_canvas
{
	padding-bottom: 6px;
}

div.property-preview
{
	width: 151px;
	margin: 6px 0px 0px 6px;
	float: left;
	height:282px;
	font-size: 1.1em;
	overflow:hidden;
}

div.property-preview p
{
	margin: 0px;
	padding: 0px;
}

div.property-preview.left
{
	background-color: #5585d7;
}

div.property-preview.middle
{
	background-color: #80a0d3;
}

div.property-preview.right
{
	background-color: #aec0e2;
}

div.property-preview img.sold-overlay
{
	position: relative;
	top: -272px;
}

div.property-preview img.sold-overlay-briefcase
{
	position: relative;
	top: -272px;
}

div.property-preview img.earlies-overlay
{
	position: relative;
	top: -272px;
	left: 75px;
}

div.property-preview img.earlies-overlay-briefcase
{
	position: relative;
	top: -272px;
	left: 75px;
}

div.property-preview input.checkbox
{
	position:relative;
	top: 2px;
}

div.property-preview p.property-find-out-more
{
	margin-bottom:6px;
}

/*------------ ADJUST PROPERTY PREVIEW FOR WHEN SCROLLING (different white margins) --------------*/

#top-six #top-six-preview div.property-preview
{
	margin: 0px 6px 0px 0px;
}

/*------------ PROPERTY PREVIEW TEXT --------------*/

div.property-preview div.property-preview-image
{
	width:151px;
	height:131px;
	overflow:hidden;
}

div.property-preview div.property-preview-text
{
	height:133px;	
	margin-left: 10px;
	padding-top:8px;
}

p span.bold
{
	font-weight: bold;
}

p.property-location
{
	font-size: 1.4em;
	color: Black;
	margin: 4px 0px 2px 0px;
}

p.property-type
{
	color: White;
}

p.property-status
{
		
}

p.property-net-yield
{
	
}

p.property-price
{
				
}

p.property-tenure
{
	
}

p.property-find-out-more
{
	color: White;
	font-size: 1.1em;		
	position: relative;
	top: -2px;
}

p.property-find-out-more img
{
	position: relative;
	top: 6px;
}

p.select-property
{
	position: relative;
	top: -3px;
}

p.select-property label
{
	font-weight:bold;
}

/*------------ PAGE BANNER --------------*/

#page-banner
{
	background-image: url(/res/images/banners/page_banner_bg.jpg);
	height: 133px;
	width: 792px;
	margin-left: 14px;
	margin-top: 6px;
}

#main-content #page-banner 
{
	margin-left:0;
}

#page-banner img
{
	margin-top: 25px;
}

#page-banner img.banner_left
{
	margin-left: 20px;	
}

/*------------ MAIN --------------*/

#main
{
	background-image: url(/res/images/inner_bg.png);
	width: 820px;
	padding-bottom:5px;
}

#main #main-content
{			
	margin: 0px 13px 0px 13px;
}

#main #main-content #page-header
{
	margin-left: 26px;
	padding-top:5px;
	height: 51px;
	padding-bottom:5px;
}

/*--------------- MAP VIEW ---------------*/

#map_canvas
{
	width: 780px;
	height: 528px;
	margin: 6px 6px 0px 6px;
}

/*--------------- INVESTMENT DETAIL - IMAGE ---------------*/

#investment-image
{
	width:587px; 
	height:392px;
	float: left;
	margin-right: 0px;
	margin-bottom: 6px;
}

#investment-image-side
{
	float:right;
	width: 200px;
	height: 392px;	
	overflow: hidden;
	margin-bottom: 6px;
}

#investment-image-side-top
{
	height: 192px;
	width: 200px;	
	background-color: #243e65;	
}

#investment-image-side-top p
{
	font-size: 1.5em;
	color: #98adcd;
	position: relative;
	top: 37px;
	margin-left: 13px;
	width: 137px;
}

#investment-image-side-top h2
{
	margin-top: 0px;
}

#investment-image-side-top a
{
	font-size: 0.9em;
	color: White;
	text-decoration: underline;
}

#investment-image-side-bottom
{
	height: 200px;
	width: 200px;	
}

#investment-image-side-bottom img
{
	float: left;
}

/*--------------- INVESTMENT DETAILS - TEXT ---------------*/

#investment-details
{
	background-image:url(/res/images/investment_background.png);
	background-repeat:repeat-y;
	padding-bottom: 12px;
	overflow:hidden;
	hheight:380px;
}

div.contact-the-team-agent-details p,
#investment-details p
{
	font-size: 1.6em;	
	padding: 0px;
}

div.contact-the-team-agent-details p.blue,
#investment-details p.blue
{
	padding: 8px 0px 0px 0px;	
	color: #547ed9;
}

#investment-details p.darkblue
{
	padding: 8px 0px 0px 0px;	
	color: #3f62ad;
}

div.contact-the-team-agent-details p.blue
{
	padding: 0px;
}

div.contact-the-team-agent-details p.description,
#investment-details p.description
{
	font-size: 1.1em;
	padding: 8px 0px 0px 0px;	
}

#investment-details p.price
{
	font-size: 2em;
	padding: 4px 0px 4px 0px;	
}

div.contact-the-team-agent-details img.icon,
#investment-details img.icon
{
	margin: 10px 0px 0px 13px;
}

div.contact-the-team-agent-details h2,
#investment-details h2
{
	font-size: 2em;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

div.contact-the-team-agent-details h2.withicon,
#investment-details h2.withicon
{
	float: left;
}

#investment-details-left
{
	float: left;
	width: 372px;
	hheight: 328px;
	/*background-image: url(/res/images/detail_left_bg.png);
	background-repeat: repeat-x;	*/
}

#investment-details-middle
{
	width: 202px;	
	hheight: 328px;	
	float: left;
	/*background-image: url(/res/images/detail_middle_bg.png);
	background-repeat: repeat-x; */
}

#investment-details-middle p.blue,
#investment-details-right p.blue
{
	padding: 0px;
}

#investment-details-middle p.withspacer
{
	padding-top: 8px;
}

#investment-details-middle a
{
	font-size: 1.1em;
	color: #486673;
	text-decoration: none; 
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
}

#investment-details-middle span.lockedlink
{
	font-size: 1.1em;
	text-decoration: none; 
	margin-bottom: 2px;
	font-weight: normal;
	display: block;
	color: #8b8b8b;
}

#investment-details-middle span.lockedmessage
{
	font-size: 1.1em;
	text-decoration: none; 
	margin-bottom: 2px;
	font-weight: normal;
	display: block;
	color: Black;
}

p.lockedblue
{
	padding: 8px 0px 0px 0px;	
	color: #8b8b8b;
}

#investment-details-middle span.lockedlink a,
#investment-details-middle span.lockedmessage a
{
	display: inline;	
	font-size: 1em;	
}

#investment-details-middle span.padlock
{
	display: block;
	float: left;
	height: 9px;
	width: 7px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

#investment-details-middle span.key a
{
	display: block;
	font-size: 1em;
	display: inline;
}

#investment-details-right
{
	width: 220px;
	hheight: 328px;	
	float: right;
	/*background-image: url(/res/images/detail_left_bg.png);
	background-repeat: repeat-x;	*/
}

div.contact-the-team-agent-details
{
	width: 260px;
	float: left;
	height: 200px;	
	margin-left: 26px; 
}

div.contact-the-team-spacer
{
	float: left;
	width: 180px;
	height: 10px;
}

div.contact-the-team-agent-details p.contact-info,
#investment-details-right p.contact-info
{
	font-size: 1.1em;
	font-weight: bold;
}

div.contact-the-team-agent-details p.contact-info.email,
#investment-details-right p.contact-info.email
{
	padding-top:0px;
}

div.contact-the-team-agent-details p.contact-link,
div.contact-the-team-agent-details p.contact-link-wider,
#investment-details-right p.contact-link
{
	font-size: 1.1em;
	width: 160px;
	text-align: right;
	float: left;
	margin-right: 5px;
}

div.contact-the-team-agent-details p.contact-link-wider
{
	width: 233px;		
}

div.contact-the-team-agent-details a,
#investment-details-right a
{
	margin:4px 0 12px;
	color: #547ed9;
	color: #486673;
	font-size: 1.1em;
	display: block;
	font-weight:bold;
}

#investment-details-right a.contact-link
{
	margin:0;
	padding:4px 0 12px;
}

div.contact-the-team-agent-details img.contact-photo
{
	float: right;
}

div.contact-the-team-agent-details a.contact-link,
#investment-details-right a.contact-link
{
	padding: 0px;	
	display: block;
	width: 20px;
	float: right;
}

div.contact-the-team-agent-details a.contact-link img,
#investment-details-right a.contact-link img
{
	position: relative;
	top: -4px;
}

div.contact-the-team-agent-details a.view-agent-profile
{
	color: Black;	
	position: relative;
	top: -17px;
	font-size: 1.0em;
	float: left;
}

div.contact-profile
{
	width: 246px;
	position: relative;
	float: left;
	border: solid 1px White;
	padding: 13px 13px 3px 13px;
	background-color: #86a4d5;
	background-image: url(/res/images/profile_bg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	color: White;
	display: none;
	z-index: 10000;
	left: -13px;
	top: -20px;

}

div.outerContact-profile
{
	position:absolute;
	z-index:9999;
}

div.contact-the-team-agent-details div.contact-profile p
{
	font-size: 1.1em;
	font-weight: normal;	
	margin-bottom: 12px;
}

#investment-image #map_canvas
{
	width:575px;
	height:380px;	
	border: solid 6px White;
	padding: 0px;
	margin: 0px;
}

div.indented
{
	margin: 0px 13px 0px 13px;
}

/*--------------- INNER PAGE TOOLBAR ---------------*/

div.toolbar
{
	height: 42px;
	background-image: url(/res/images/header_bg.png);
	background-repeat: repeat-x;	
	padding-top: 12px;
	position: relative;
	z-index: 1000;	
}

div.toolbar.profile
{
	height: 65px;		
	background-image: url(/res/images/header_profile_bg.png);
	padding-top: 0px;
}

div.toolbar div.toolbar-icon
{
	float: right;
	position: relative;
	top: -6px;
	width: 160px;
	margin-left: 168px;
}

div.toolbar div.toolbar-icon.higher
{
	top: -31px;	
}

div.toolbar div.toolbar-icon.fixed
{
	position: absolute;
	left: 480px;
	top: 6px;
}

div.toolbar div.toolbar-icon.wide
{
	width: 230px;	
	margin-left: 20px;
	float: left;
}

div.toolbar div.toolbar-icon.first
{
	margin-left: 0px;
	width:123px;
}

div.toolbar div.toolbar-icon.back
{
	margin-left: 95px;
	width:160px;
}

div.toolbar div.toolbar-icon a
{
	display: block;
}

div.toolbar div.toolbar-icon span
{
	color: White;
	font-size: 1.1em;
	top: -14px;
	position: relative;
	left: 4px;
}

#page-toolbar div.toolbar-caption
{
	color: White;
	font-size: 1.6em;	
	margin-left: 26px;
	margin-right: 8px;
	float: left;
	position: relative;
}

#page-toolbar div.toolbar-caption.nofloat
{
	float: none;
}

#page-toolbar #investment-filter
{
	width: 154px;	
	position: relative;
	top: -1px;
	z-index: 2000;
	margin-left: 200px;
}

#page-toolbar #enquiry-investment-filter
{
	width: 154px;	
	position: relative;
	top: -1px;
	z-index: 2000;
	float: left;
	margin-left: 22px;
}

#page-toolbar #enquiry-agent-filter
{
	width: 154px;	
	position: relative;
	top: -1px;
	z-index: 2000;
	margin-left: 505px;
}

/*------------ MY PROFILE--------------*/

div.interest-dropdown
{
	width: 150px;
	float: left;	
	margin-top: 4px;
}

div.interest-dropdown.first
{
	margin-left: 24px;	
}
		
/*------------ FOOTER--------------*/

#footer
{
	padding-bottom:25px;
	position:relative;
}

#footer #footer-top-section
{
	margin-bottom:0px;
	overflow:hidden;	
	height:67px;
}

#footer #footer-top-section p
{
	padding-top:20px;	
	margin-left:24px;
	font-size: 1.1em;
	color: Black;
}

#footer #footer-top-section a
{
	color: Black;
	text-decoration:none;
}

#footer #footer-top-section a:hover
{
	color: #0d204a;
}

#footer #footer-top-section .inner-links
{
	float:left;
}

/*------------------- FOOTER SITEMAP -------------------*/

#footer #footer-sitemap
{	
	overflow:hidden;
	width:100%;
}

#footer #footer-sitemap .site-section
{
	float:left;
	width:132px;
	padding-left:24px;
	font-size: 1.1em;
}

#footer #footer-sitemap .all-investments,
#footer #footer-sitemap .my-briefcase,
#footer #footer-sitemap .about-us,
#footer #footer-sitemap .my-profile
{
	border-right: dashed 1px Black;
}

#footer #footer-sitemap .site-section a
{
	color:#252525;
	text-decoration:none;
}

#footer #footer-sitemap .site-section h3
{
	padding-bottom:4px;	
	font-size: 1em;
	font-weight: normal;
}

#footer #footer-sitemap .site-section ul
{
	list-style:none;
	margin:0;
}

#footer #footer-sitemap .site-section ul li
{
	margin:0;
}

/*-------------- FORMS --------------------*/

dl.form
{
	padding-bottom:12px;
	width:581px;
	overflow:hidden;
	position:relative;
}

form
{
	display:inline;
}

fieldset
{
	border:none;
}

dl.form dt
{	
	float:left;
	width:150px;
	padding:2px 0;
	font-size: 1.1em;
	height:100%;
	overflow:hidden;
	position:relative;
}

dl.form dd
{
	float:left;
	width:430px;
	padding:2px 0;	
	display:block;
	height:100%;
	overflow:hidden;
	position:relative;
}

dl.form dd input
{
	font-size: 1em;
}

dl.form dd input.text
{
	width:400px;
	width:100%;
}

dl.form textarea
{
	width:220px;
}

dl.form dd.submit
{
	margin-left:150px;
}

dl.form p
{
	padding:0;
}

