﻿/* 0 out element margins and paddings */
body, h1, h2, h3, h4, p, ul, ol
{
	padding: 0;
	margin: 0;
}
body
{
	font: 10px Verdana, sans-serif;
	line-height: 1;
}
h1
{
	font-weight: bold;
	font-size: 25px;
	font-family: Trebuchet MS;
}
h2
{
	font-weight: bold;
	font-size: 12px;
	font-family: Trebuchet MS;
}
p
{
	font-size: 11px;
	line-height: 14px;
}
.smalltext
{
	font: 8px Arial, sans-serif;
	letter-spacing: 0px;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear
{
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
}
iframe
{
	background: #fff;
}
img
{
	border: none;
}
.req
{
	color: #ca1d1d;
}
.tberror
{
	background: #fffacd;
}
acronym, abbr
{
	border-bottom: dotted 1px #666;
	cursor: help;
}


/* Menu */

ul#menu
{
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	width: 682px;
	height: 37px;
	position: relative;
	z-index: 1;
	float: right;
	clear: right;
}

ul#menu li
{
	float: left;
	display: inline;
	position: relative;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	height: 37px;
	line-height: 37px;
	font: normal 18px Arial;
	letter-spacing: -1px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #DEDEDE;
}

ul#menu li a
{
	display: block;
	padding: 0px 20px;
	margin: 0px 0px 0px 0px;
	height: 37px;
	line-height: 37px;
	color: #2a2a2a;
	text-decoration:none;
	background: url(../gfx/menu_bg.jpg) repeat-x 0px 0px;
}

ul#menu li a:hover
{
	background: url(../gfx/menu_bg.jpg) repeat-x 0px -37px;
	color: #2a2a2a;
	height: 37px;
	display: block;
	line-height: 37px;
	margin: 0px;
	padding: 0px 20px;
	text-decoration: none;
}

ul#menu li ul
{
	position: absolute;
	width: 120px;
	padding: 0px;
	margin: 0px;
	top: 37px;
	display: none;
}

ul#menu ul li
{
	margin: 0px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	line-height: 25px;
	font-family: Verdana;
	font-size: 12px;
	border-bottom: solid 1px #ACABBF;
	border-top: solid 1px #9291A3;
}

ul#menu li ul a
{
	width: 130px;
	height: 25px;
	line-height: 25px;
	float: left;
	color: #000;
	background: #9F9EB0;
}

ul#menu li ul a:hover
{
	background: #acacbf;
	height: 25px;
	line-height: 25px;
}
ul#menu ul ul
{
	top: auto;
}
ul#menu li ul ul
{
	left: 120px;
	margin: 0px 0 0 10px;
}
ul#menu li:hover ul ul, ul#menu li:hover ul ul ul, ul#menu li:hover ul ul ul ul
{
	display: none;
}
ul#menu li:hover ul, ul#menu li li:hover ul, ul#menu li li li:hover ul, ul#menu li li li li:hover ul
{
	display: block;
}

/*Privacy Policy & Disclaimer Formatting*/
.text
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;}

.text h1, #quicksearch h1, #results h1
{
	font-family: Arial;
	font-weight: normal;
	font-size: 20px;
	color: #000;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
}
.text h2
{
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0px;
	color: #000;
	margin: 15px 0px 10px 5px;
}
.text p, #quicksearch label
{
	font-size: 11px;
	font-family: Verdana;
	color: #000;
	margin: 0px 0px 10px 10px;
}

.text ul
{
	list-style-type: disc;
	margin: 0px 0px 10px 40px;
}
.text ol
{
	list-style-type: decimal;
	margin: 0px 0px 10px 45px;
}
.text li
{
	font-weight: normal;
	font-size: 11px;
	color: #000;
	margin: 0px 0px 2px 0px;
}

.text a
{
	color: #00427F;
	text-decoration: underline;}

/* Footer Formatting */


.copy
{
	float: left;
	margin: 10px 0px 0px 10px;
}
.info
{
	float: right;
	margin: 10px 0px 0px 0px;
}

/* Website Styles */

html
{
	background: #010042;
}

#header_wrap, #inner_wrapper, #footer_wrap
{
	width: 950px;
	margin: 0px auto;
}

#header
{
	height: 100px;
	width: 100%;
	background: url(../gfx/header_bg.jpg) repeat-x top left;
}

#header h1
{
	float: left;
	width: 246px;
	height: 77px;
	margin: 23px 0px 0px 0px;
	background: url(../gfx/logo.jpg) no-repeat top left;
}

#header h1 a
{
	line-height: 77px;
	width: 246px;
	display: block;
	text-indent: -100000px;
}

#header p
{
	float: right;
	display: block;
	text-align: right;
	margin: 31px 0px 14px 0px;
	padding: 0px;
	font-family: Lucida Sans;
	font-size: 13px;
	color: #fff;
}

#ctl00_wrapper
{
	width: 100%;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

.homebg
{
	background: #F3F2F2 url(../gfx/home_bg.jpg) repeat-x top left;
}

.home-nonbg
{
	background: #F3F2F2;
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff;
}

#top
{
	height: 226px;
	width: 100%;
	float: left;
}

#welcome
{
	float: right;
	background: #f5f5f5;
	width: 600px;
	height: 180px;
	margin: 20px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	border: solid 1px #BFBECC;
}

#welcome h1
{
	margin: 10px 0px 0px 0px;}

#slideshow
{
	float: left;
	margin: 22px 0px 0px 0px;
	position: relative;
	z-index: 0;
}

#left
{
	float: left;
	width: 296px;
}

#quicksearch
{
	width: 288px;
	padding: 5px 0px 10px 7px;
	margin: 20px 0px 10px 0px;
	height: 114px;
	float: left;
	background: #fff;
	border: solid 1px #BFBECC;
}

#quicksearch h1
{
	margin: 0px;
}

#quicksearch label
{
	font-family: Verdana;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#ctl00_ContentPlaceHolder1_rbSaleRent, #ctl00_ContentPlaceHolder1_rbSaleRent_0, #ctl00_ContentPlaceHolder1_rbSaleRent_1
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

input#ctl00_ContentPlaceHolder1_txtSearch
{
	width: 212px;
	height: 25px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 25px;
	font-size: 12px;
	float: left;
	text-indent: 5px;
	color: #666666;
	font-family: Arial;
}

input#ctl00_ContentPlaceHolder1_btnQuickSearchClick
{
	float: left;
	width: 65px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 29px;
	height: 29px;
	background: url(../gfx/search_btn.jpg) no-repeat top left;
	border: none;
	display: block;
	text-indent: -100000px;
	cursor: pointer;
	
}

input#ctl00_ContentPlaceHolder1_OfiSearch
{
	width: 140px;
	height: 27px;
	display: block;
	float: left;
	line-height: 27px;
	margin: 0px;
	text-indent: -100000px;
	padding: 0px;
	border: none;
	background: url(../gfx/view_openhomes.jpg) no-repeat top left;
	cursor: pointer;}

p#hypTenancyApplication
{
	margin: 0px 0px 0px 14px;
	padding: 0px;
	float: left;
	display: block;
	background: url(../gfx/Tenancy_Application.jpg) no-repeat top left;
	height: 27px;
	width: 127px;
}

p#hypTenancyApplication a
{
	display: block;
	line-height: 27px;
	width: 127px;
	text-indent: -100000px;}


#neighbourhood
{
	width: 296px;
	height: 146px;
	margin: 0px 0px 20px 0px;
	float: left;
	clear: left;
	background: url(../gfx/neigh_shadow.jpg) no-repeat bottom left;
}

#neighbourhood p
{
	background: url(../gfx/neighbourhood_report.jpg) no-repeat top left;
	width: 296px;
	height: 130px;
}

#neighbourhood p a
{
	display: block;
	text-indent: -10000px;
	width: 296px;
	line-height: 130px;
}

#feature
{
	background: #fff;
	border: solid 1px #BFBECC;
	height: 262px;
	width: 607px;
	float: right;
	padding: 4px;
	position: relative;
	margin: 20px 0px 0px 0px;
}
#sub-feature
{
	position: relative;
	overflow: hidden;
}

#fpsaleArrow
{
	width: 285px;
	height: 131px;
	float: right;
	position: relative;
	z-index: 3;
}

#fprentArrow
{
	float: right;
	clear: right;
}

.currentArrow
{
	background: url(../gfx/feature_arrow.png) no-repeat top left;
	width: 285px;
	height: 131px;
	float: right;
	position: relative;
	z-index: 3;
}


.FPdetail
{
	height: 131px;
	width: 257px;
	float: right;
	clear: right;
	display: block;
	background: #CBCAD7;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.FPdetail h1
{
	font-family: Arial;
	font-weight: normal;
	font-size: 20px;
	color: #000;
	letter-spacing: -1px;
	margin: 10px 0px 5px 10px;
	cursor: pointer;
}

.FPdetail h2
{
	color: #6c6b77;
	font-family: Lucida Sans;
	font-size: 14px;
	width: 137px;
	font-weight: bold;
	text-transform: capitalize;
	float: left;
	margin: 10px 0px 0px 5px;
	cursor: pointer;
}

.FPdetail p
{
	float: left;
	width: 137px;
	margin: 0px 0px 0px 5px;
	cursor: pointer;
}


#fpslide1
{
	width: 350px;
	display: block;
	height: 262px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}

#fpslide2
{
	float: left;
	width: 350px;
	display: block;
	height: 262px;
	position: absolute;
	z-index: 1;
	left: 350px;
	top: 0px;
}

img#ctl00_ContentPlaceHolder1_imgFPMidImgThumb, img#ctl00_ContentPlaceHolder1_imgFPLeftImgThumb
{
	float: left;
	margin: 0px 0px 0px 10px;
}

.current
{
	background: #E1E1EC url(../gfx/feature_arrow.png) no-repeat -28px 0px;
}

#footer
{
	width: 100%;
	height: 127px;
	background: url(../gfx/footer_bg.jpg) repeat-x top left;
}

#footer p, #footer p a
{
	color: #fff;
	font: normal 12px/30px Arial;
}

.social
{
	clear: both;
	float: left;
	height: 33px;
	text-align: center;
	width: 100%;
	margin: 10px 0 0 0;
	line-height: 30px;}


ul.links
{
	float: left;
	margin: 0px 0px 0px 70px;}

.links li
{
	margin: 10px 0px 20px 0px;}


/* Results and Display */

#results, #display
{
	color: #4C4C50;}

.resultwrapper, .agentwrapper, #imgwrapper
{
	background: #FBFFF8;
	border: solid 1px #BFBECC;}
	
	h3.headingresults
	{
		color: #2A2A2A;
		background: #BCBBC9;}
		
		#profilewrapper
		{
			padding: 10px 0px 10px 0px;}
			
			h3.resultssubtitle
			{
				color: #2A2A2A;}
				
				
/* Contact Form */


.email_form
{
	width: 500px;
	float: left;
	display: inline;
	margin: 20px 20px 0px 0px;
}

#ctl00_ContentPlaceHolder1_vsApplication
{
	width: 400px;
	margin: 20px auto 20px auto;
	background: #fff;
	border: solid 1px #928886;
	padding: 10px 0px;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	text-align: center;
}

.email_form p
{
	font-family: Verdana;
	font-size: 12px;
}

#radios label
{
	width: 85px;
	margin: 10px 0px 0px 10px;
	float: left;
}

#radios input
{
	float: left;
	margin: 10px 0px 0px 0px;
}

label#norm
{
	width: 120px;
	margin: 12px 5px 0px 0px;
}

.req
{
	font-size: 8px;
	color: #FF0000;
}

.form
{
	width: 500px;
	margin: 0px 0px 0px 35px;
}

.form label
{
	display: block; 
	float: left;
	width: 120px;
	color: #000;
	font-family: Verdana;
	padding: 0;
	font-size: 12px;
	margin: 5px 0 0; 
	text-align: left;
}

.form input, .form textarea
{
	width: auto;
	margin: 5px 0 0 10px;
}

.form br
{
	clear: left; 
}

#contact
{
	float: left;
	width: 303px;
	border: solid 1px #BFBECC;
	margin: 20px 0px 0px 60px;
	background: #fff;
	padding: 20px 0px 20px 20px;
}

#google
{
	float: left;
	width: 300px;
	margin: 45px 0px 0px 60px;
}

/* Property Alert Page */

#ctl00_ContentPlaceHolder1_pnlEmail
{
	margin: 0px 0px 30px 0px;}

#ctl00_ContentPlaceHolder1_pnlEmail label
{
	display: block;
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	display: block;
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0;

	}
	
	#ctl00_ContentPlaceHolder1_pnlEmail input
	{
	width:auto; 
	margin:5px 0 0 10px;
}
	
#ctl00_ContentPlaceHolder1_pnlEmail br {
	clear:left; 
}


#email_alert
{
	width:850px;
	margin: 0px auto;}

#alertwrapper
{
	width: 680px;
	padding: 20px;
	min-height: 260px;
	height: auto !important;
	height: 260px;
	margin: 20px auto;
	display: block;
	border: solid 1px #d2d2d2;
	background: #F3F3F3;
	font-size: 12px;
	font-family: Trebuchet MS;
}

#ctl00_ContentPlaceHolder1_ModSearch1_pnlLeft, #ctl00_ContentPlaceHolder1_ModSearch1_pnlAdvanced
{
	float: left;
	background: #EAEAEA;
	height: 250px;
	padding: 5px;
	width: 200px;
	border: solid 1px #DCDCDC;
}

#ctl00_ContentPlaceHolder1_ModSearch1_pnlMid
{
	width: 200px;
	float: left;
	padding: 10px;
	margin: 0px 15px 0px 15px;
	height: 240px;
	background: #EAEAEA;
	border: solid 1px #DCDCDC;
}


#ctl00_ContentPlaceHolder1_ModSearch1_pnlBuyRent
{
	margin: 10px 0px 20px 0px;}
	
#ctl00_ContentPlaceHolder1_ModSearch1_pnlBuyRent input
{
	float:left;}
	
	#ctl00_ContentPlaceHolder1_ModSearch1_pnlBuyRent label
{
	float:left;
	width: 50px;}

#ctl00_ContentPlaceHolder1_ModSearch1_pnlLeft label
{
	float: left;}
