/*

	-- -- -- -- -- -- --
	Sutton.com default CSS
	-- -- -- -- -- -- --
	
*/



/* -- quarantine hacks to browser-specific files -- */
@import "ie6win.css";
/*\*//*/
  @import "ie5mac.css";
/**/
/* -- / quarantine hacks to browser-specific files -- */






/* --------------------------------------------------------------------------- */
/* -- MAIN LAYOUT BASE -- */

/* -- undo browser HTML defaults -- */
	:link,:visited {text-decoration: none;}
	ul,ol {list-style: none;}
	h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
	ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
	a img,:link img,:visited img {border: none;}
	address {font-style: normal;}

/* -- basic HTML elements -- */
	a:link {color: #9C0D0D; border-bottom: solid 1px #9C0D0D;} 
	a:visited {color: #600; border-bottom: solid 1px #600;}
	a:hover {color: #D80808;}
	body {color: #222; background: url(../images/sidebar-bg.gif) repeat-y right top; font: .76em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; margin: 0; padding: 0;}
	fieldset {border: none; margin-bottom: 1em; padding: .5em;}
	h1, h2 {font-size: 1.3em; font-weight: normal; padding: 1em 0; margin: 0;}
	h3 {border: dotted 1px #bbb; border-width: 1px 0; padding: 6px 0; margin: 3em 0 1em 0; text-transform: uppercase; font-size: 1.2em;}
	h4 {padding: 6px 10px; margin: 2em 0 0.5em 0; font-size: 1.2em; color: #666; background: url(../images/h4-bg.gif) no-repeat left center; text-transform: uppercase;}
	h5 {padding: 3px 0; margin: 2em 0 0 0; font-size: 1.1em;}
	h6 {padding: 3px 10px; margin: 2em 0 0 0; font-size: 1.1em; color: #666; background: url(../images/h4-bg.gif) no-repeat left center;}
	html {overflow: -moz-scrollbars-vertical;}
	legend {color: #000; font-size: 1em; font-weight: bold; margin: 0; padding: 0 0 0.5em 0;}
	p {margin-bottom: 1em; line-height: 1.5;}
	ol li {margin: 0.5em 0 0.5em 2em; list-style: decimal; line-height: 1.5;}
	th {border-bottom-width: 1px;}
	
/* -- To force a 100% height page -- */
	body, html {height: 100%;}
	#container {width: 100%; min-height: 100%; position: relative;}
	#pagebody {padding-bottom: 60px; width: 100%; overflow: hidden;}
	#footer {width: 100%; position: absolute; bottom: 0; height: 45px;}

/* -- Main Page Body Layout -- */
	#mainContent {padding: 0 15px 25px 15px; margin-right: 273px; height: 100%;}
	#sidebar {display: inline; float: right;  width: 273px; margin-bottom: 30px; }



/* --------------------------------------------------------------------------- */
/* -- GLOBAL SITE HEADER -- */

/* -- Header -- */
	#header {background: url(../images/header-bg.gif) repeat-x; height: 112px;}
	#header #logo {position: absolute; top: 40px; left: 6px;}
	#header a {border: none;}

/* -- Top Nav -- */
	#nav {width: 100%; height: 33px; position: absolute; top: 0; color: #a82525; margin-top: 8px; text-transform: uppercase;}
	#nav #wrapper {margin-left: 10px;}
	#nav a, #nav a:visited {color: #FF9999; padding: 0 5px; text-decoration: none;}
	#nav a:hover {color: #FFFFFF; }
	#nav #french {position: absolute; top: 0; right: 10px;}
	
	
/* -- Listings / realtor / Office buttons -- */
/*
	#selector {position: absolute; right: 0; top: 48px; width: 273px; height: 53px; background: #707070 url(../images/bg-selector.gif) no-repeat;}
	#selector h2 {position: absolute; top: 0; left: 20px; font-size: 0.85em; text-transform: uppercase;}
	#selector li {display: inline; }
	#selector a:link, #selector a:visited, #selector a:hover {display: block; position: absolute; top: 25px; left: 20px; color: #fff; text-transform: none; font-size: 0.9em; cursor: pointer; }
	#selector .br {display: block; padding: 0 4px 0 25px; height: 23px; line-height: 23px; margin-left: -20px; }
	#selector .tl, #selector .tr, #selector .bl {display: block;}
	#selector .listings a:link, #selector .listings a:visited {width: 75px;}
	#selector .realtors a:link, #selector .realtors a:visited {left: 100px; width: 95px;}
	#selector .offices a:link, #selector .offices a:visited {left: 195px; width: 75px;}
	#selector img {display: inline; padding-right: 4px; vertical-align: middle;}
	#selector .listings #listings_text, #selector .realtors #realtors_text, #selector .offices #offices_text   {display: inline; }
	 	#selector .listings a:hover, #selector .realtors a:hover, #selector .offices a:hover {background-color: #666;}
		#selector a:hover .tl {background: transparent url(../images/nav-tl.gif) no-repeat left top;}
		#selector a:hover .tr {background: transparent url(../images/nav-tr.gif) no-repeat right top;}
		#selector a:hover .bl {background: transparent url(../images/nav-bl.gif) no-repeat left bottom;}
		#selector a:hover .br {background: transparent url(../images/nav-br.gif) no-repeat right bottom;}
*/

    #searchform {position: absolute; right: 0; top: 60px; width: 650px; height: 53px;}
	#searchform input {display:inline; vertical-align: bottom;}
	#searchform #ajaxsearchterms {
	    vertical-align: center; 
	    margin-bottom: 5px; 
	    margin-left: 10px; 
	    height: 15px; 
	    width: 500px; 
	}
	#searchform .nothrob {
	    background-image: url(/misc/throbber.gif);
        background-repeat: no-repeat;
        background-position: 100% 2px;
    }
	#searchform .throb {
	    background-image: url(/misc/throbber.gif);
        background-repeat: no-repeat;
        background-position: 100% -18px;
	}
	
	
/* -- AJAX SEARCH RESULTS -- */

div.autosuggest
{
	position: absolute;
	background-image: url(img_inquisitor/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(img_inquisitor/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(img_inquisitor/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(img_inquisitor/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(img_inquisitor/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(img_inquisitor/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(img_inquisitor/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(img_inquisitor/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(img_inquisitor/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

/* -- Breadcrumbs -- */
	#breadcrumbs li {display: inline; font-size: 0.85em; padding-left: 0; padding-right: 8px; margin-right: 2px; background: url(../images/arrow-smallgrey.gif) no-repeat 100% 5px; color: #707070;}
	#breadcrumbs li.last {background: none;}
	#breadcrumbs a, #breadcrumbs a:visited {border: none;}
	
	#breadcrumbs li a.active,
	#breadcrumbs li.last a:link {color: #9C0D0D; }
	#breadcrumbs li a.active:visited,
	#breadcrumbs li.last a:visited {color: #600; }
	#breadcrumbs li a.active:hover,
	#breadcrumbs li.last a:hover  {color: #D80808; }

/* -- Google Search Results -- */
    #searchresult_header {text-align:center; background: #e4e4e4; color: #222; height: 30px;}
    #searchresult_header #left { width: 5%; background: #e4e4e4 url(../images/roundbox-grey-tl.gif) 0 0 no-repeat; float: left;}
    #searchresult_header #right {width: 5%; background: #e4e4e4 url(../images/roundbox-grey-tr.gif) 100% 0 no-repeat; float: left;}
    #searchresult_header #middle {width: 90%; font-weight: bold; float: left; margin: 8px 0 8px 0;}
    #searchresult_header a:link, #searchresult_header a:hover, #searchresult_header a:visited {border: none;}
    
    .searchresult {padding: 10px 5px 10px 5px;}
    /*
    .odd {background: #EEEEEE;}
    .even {background: #F6F6F6;}
    */
    .searchresult .title {padding-bottom: 5px;}
    .searchresult .title a:link, .searchresult .title a:hover, .searchresult .title a:visited {font-size: 1.1em; color: blue; border: none; text-decoration: underline;}
    /*  color: #9C0D0D; */
    .searchresult .location {color: green;}

    .searchnoresults {clear: left; background: #F4F4F4; text-align:center;}


/* --------------------------------------------------------------------------- */
/* -- OFFICE, REALTOR SEARCH -- */

/*	#mainContent .form-item label {float: left; display: block; width: 100px;}*/
	#realtor_search {overflow: auto;}
	fieldset#realtorsimple, fieldset#realtoradvanced {float: left; width: 48%; padding: 0;}
	fieldset#realtorsimple {margin-right: 3%;}


	#officesimpleblock, #officesimpleblock input, #officesimpleblock select  {font-size: 11px; }
	#office_search_results {width:100%; font-size: 11px;}
	#office_search label {float: left; display: block; width: 100px; font-size: 11px;}
	#office_search input, #office_search select {width: 160px;}
	#office_search input.form-submit {width: auto; margin-left: 0;}

	fieldset#realtorsimple, fieldset#realtoradvanced { vertical-align:top;  display: inline; }
	#realtorsimpleblock, #realtorsimpleblock input, #realtorsimpleblock select  {font-size: 11px; }
	#realtoradvancedblock, #realtoradvancedblock input, #realtoradvancedblock select  {font-size: 11px; }
	#realtor_search_results {width:100%; font-size: 11px;}
	#realtor_search label {float: left; display: block; width: 100px; font-size: 11px;}
	
	#realtor_search #realtortype label {display:block; height: 30px;}
	#realtor_search #realtortype .realtoroptions {display:inline; padding-right: 10px;}
	#realtor_search #realtortype .realtoroptions input{width: 20px; vertical-align:center;}
	#realtor_search #realtortypeblock .form-item .realtoroptions {float: left; }
	#realtor_search #realtortypeblock .form-item .realtoroptions input {width: 20px;}
	
	#realtor_search input, #realtor_search select {width: 120px;}
	#realtor_search input.form-submit {width: auto; margin-left: 0;}
	
	#legend #canada, #legend #ontario {display: block; float: left; margin: 5px 5px 0 0; border: 1px solid #DDD; background-color: #F1F1F1;}
	#legend .legendheader {font-weight: bold; background-color: #a82525; text-align: center; color: #FFFFFF;}
	#legend #canada .regular, #legend #ontario .regular {float: left; width: 145px; font-size: .9em; vertical-align:top; padding-left: 3px;}
	#legend #canada .manager, #legend #ontario .manager {float: left; width: 185px; font-size: .9em; vertical-align:top;}
	#legend img {vertical-align: middle; padding-right: 2px;}
	
	/* -- ADDED BY WILL -- */
	#office_regional_display {font-size: .9em;}
	#office_regional_display_details {padding: 10px;}
	#office_regional_display_details #regionaltitle {font-size: 1em;}
	#realtor_search fieldset#realtoradvanced label {width: 110px;}
	#realtor_search fieldset#realtoradvanced select {width: 180px;}
	#office_search select {width: 180px;}
	#realtor_404_search_results {width:98%; font-size: 11px;}
	#office_404_search_results {width:98%; font-size: 11px;}
	.search_404_results {float:left; width:50%;}

/* -- Search Results -- */
	h3.results {border: none; font-size: 1em; text-transform: capitalize;}
	.search-results th {background: #e4e4e4; color: #222; padding: 10px 5px 5px 5px; text-align: left;}
	.search-results th.first {background: #e4e4e4 url(../images/roundbox-grey-tl.gif) 0 0 no-repeat;}
	.search-results th.last {background: #e4e4e4 url(../images/roundbox-grey-tr.gif) 100% 0 no-repeat;}

	.search-results td {padding: 5px 3px 5px 0px; border-bottom: solid 1px #ddd;}
	.search-results .even td {border-bottom: solid 1px #ccc; background: #f6f6f6;}
	.search-results td img {cursor: help;}
	.search-results .precdisplay td {padding-bottom: 0}
	.search-results .prec td {padding-bottom: 5px; font-size: 0.9em;}
	.search-results .odd.precdisplay td  {border-bottom: 1px solid #eee;}
	.search-results .even.precdisplay td  {border-bottom: 1px solid #f6f6f6;}
	.search-results .odd.precdisplay.prec td {border-bottom: 1px solid #ddd;}
	.search-results .even.precdisplay.prec td {border-bottom: 1px solid #ccc;}



/* --------------------------------------------------------------------------- */
/* -- LISTINGS -- */

/* -- Results Pager -- */
	.resultsPager {background: #E4E4E4; font-size: 0.9em;}
	.resultsPager h3 {display: inline; border: none; font-weight: normal; color: #828282; font-size: 1em; text-transform: none;}
	.resultsPager p {color: #555555; margin-top: 0.5em;}
	.resultsPager .results {width: 62%; float: left; padding-right: 3%;}
	.resultsPager .sort {width: 30%; float: left; padding-left: 3%; background: url(../images/divider-v-grey.gif) repeat-y;}
	
	.results ul, .results li, .results #pager {display: inline;}
	.results li.current {padding: 3px; font-weight: bold; color: #828282; background: #fff; border: solid 1px #D0D0D0; border-width: 0 1px 1px 0;}
	.results li a:link, .results li a:visited {padding: 3px; border: none;}
	.results .more {color: #000;}
	
	#resultsPager .sort h3 {display: block; margin: 0 0 0.2em 0;}
	.sort a:link, .results .sort a:visited {border: none; font-weight: bold;}
	.sort li {position: relative; padding-left: 34px; line-height: 16px; margin-top: 3px;}
	
	.sort li div#moveup {display: block; width: 14px; height: 14px; text-indent: -9000px; background: url(../images/arrows-up-down.gif) no-repeat; position: absolute; top: 2px; left: 0; line-height: 14px; border: none;}
	.sort li a.moveup:link, .sort li a.moveup:visited {display: block;  background: url(../images/arrows-up-down.gif) no-repeat; border: none;}
	.sort li a.moveup:hover {background-position: 0 -14px}
	.sort li div#moveupselected {display: block; width: 14px; height: 14px; text-indent: -9000px; background: url(../images/arrows-up-down.gif) no-repeat; position: absolute; top: 2px; left: 0; line-height: 14px; border: none; background-position: 0 -15px;}
	.sort li a.moveupselected:link, .sort li a.moveupselected:visited {display: block; background: url(../images/arrows-up-down.gif) no-repeat; border: none; background-position: 0 -15px;}
	
	.sort li div#movedown {display: block; width: 14px; height: 14px; text-indent: -9000px; background: url(../images/arrows-up-down.gif) no-repeat -15px 0; position: absolute; top: 2px; left: 16px; line-height: 14px; border: none;}
	.sort li a.movedown:link, .sort li a.movedown:visited {display: block; background: url(../images/arrows-up-down.gif) no-repeat -15px 0; border: none;}
	.sort li a.movedown:hover {background-position: -15px -15px}
	.sort li div#movedownselected {display: block; width: 14px; height: 14px; text-indent: -9000px; background: url(../images/arrows-up-down.gif) no-repeat -15px 0; position: absolute; top: 2px; left: 16px; line-height: 14px; border: none; background-position: -15px -15px}
	.sort li a.movedownselected:link, .sort li a.movedownselected:visited {display: block;  background: url(../images/arrows-up-down.gif) no-repeat -15px 0; border: none; background-position: -15px -15px}

/* -- Cobrand page styles -- */
	#listingiframe {margin-top: -0.8em;}
	#cobrand-filter {float: right; position: relative; top: -2.9em; margin-bottom: -5em;}
	#cobrand-filter a:link, #cobrand-filter a:visited {display: block; border: 0; background: #900 url(../images/red-tl.gif) no-repeat; color: #fff;}
	#cobrand-filter a .wrap1 {display: block; background: url(../images/arrow-filter-link.gif) no-repeat 5px 50%;}
	#cobrand-filter a:hover .wrap1 {background-image: url(../images/arrow-filter-hover.gif);}
	#cobrand-filter .wrap2 {display: block; padding: 5px 8px 5px 22px; background: url(../images/red-tr.gif) no-repeat right top;}

/* -- Search Results: Listings -- */
	.listingResult {margin: 0 -15px; padding: 20px 10px 20px 183px; position: relative; background: url(../images/divider-h-grey.gif) repeat-x left bottom;}

	.listingPhoto {background: #fff; border: solid 1px #DBDBDB; padding: 4px; width: 138px; position: absolute; left: 25px; top: 20px; margin-bottom: 20px; margin-right: 10px;}
	.listingPhoto a:link, .listingResult .listingPhoto a:visited {border: none;}
	.listingPhoto a.morephotos:link, .listingPhoto a.morephotos:visited {position: absolute; top: -1px; right: 4px; display: block; width: 64px; height: 20px; background: url(../images/link-morephotos.gif) 0 0; text-indent: -9000px;}
	.listingPhoto .tools {position: absolute; top: 115px; left: 0; width: 148px; height: 24px; background: url(../images/search-tools.gif) no-repeat; line-height: 1px;}
	.listingPhoto .tools li {display: inline;}
	.listingPhoto .tools a:link, .listingPhoto .tools a:visited {display: block; position: absolute; top: 0; height: 24px; text-indent: -9000px;}
	.listingPhoto .tools .save a:link, .listingPhoto .tools .save a:visited {left: 0; width: 63px;}
		.listingPhoto .tools .save a:hover {background: url(../images/search-tools.gif) no-repeat 0 -24px;}
	.listingPhoto .tools .map a:link, .listingPhoto .tools .map a:visited {left: 63px; width: 85px;}
		.listingPhoto .tools .map a:hover {background: url(../images/search-tools.gif) no-repeat -63px -24px;}

	.listingResult .listing-context {margin-left: 165px;}
	.listingResult h3 {border: none; font-size: 1.15em; margin: 0; padding: 0 5em 6px 0; line-height: 1; position: relative; text-transform: capitalize;}
	.listingResult h3 a:link, .listingResult h3 a:visited {border: none;}
	.listingResult .price {position: relative; top: -1em;}
	.listingResult .details {font-size: 0.9em; margin: 0 0 1em 0;}
	.listingResult .details li {display: inline;}
	.listingResult .details li.neighbourhood {color: #000; font-weight: bold; margin-right: 7px; padding-right: 7px; background: url(../images/divider-v-grey.gif) repeat-y right top;}
	.listingResult table {font-size: 0.9em; position: relative; left: -7px;}
	.listingResult caption {display: none;}
 	.listingResult th {color: #828282; background: url(../images/divider-v-grey.gif) repeat-y 100% 0; padding: 2px 7px; border: none;}
	.listingResult td {color: #000; background: url(../images/divider-v-grey.gif) repeat-y 100% 0; padding: 2px 7px; text-align: center;}
	.listingResult th.last, .listingResult td.last {background: none;}


/* -- Listing Images Navigation -- */
	#imagesdesc {font-weight:bold; font-size: 1em; color: #fff; background: #900 url(../images/header-bg.gif) repeat-x; padding: 6px 4px;}
	#imagesdesc img {border:0; height:20px; width: 30px;  vertical-align:middle;}
	.listingimagespage {background: none;}
	.listingimagespage a {cursor: hand;}
	#imagesdesc {text-transform: uppercase; font-weight:bold;}
	#imagesdesc img {border:0; height:20px; width: 30px; vertical-align:middle;}
	* html #mainphoto {padding-right: 5px; }
	#mainimage {display: inline; }
	#mainimage img {background: #fff; border: solid 1px #DBDBDB; padding: 2px 4px 2px 4px;}
	#previmage img {display: inline; vertical-align: top; margin-top: 10px; }
	#nextimage img {display: inline; vertical-align: top; margin-top: 10px; }
	.imagenav {display: inline; }
	.imagenav img {background: #fff; border: solid 1px #DBDBDB; padding: 4px; }
	

	

/* -- Individual Listings -- */
	.listingOverview {background: url(../images/divider-h-grey.gif) repeat-x left bottom; padding-bottom: 2em; margin-bottom: 0; padding-bottom: 15px; position: relative; overflow: auto;}
	.listingOverview dl {margin: 1em 0 0 0;}
	.listingOverview dd {clear: right;}
	.listingOverview h1 {color: #9C0D0D; border: none; margin: 1em 0 0 0; padding: 0 6em 0 0; font-size: 1.2em; text-transform: capitalize;}
	.listingOverview .price {float: right; line-height: 1; font-size: 1.3em; position: relative; top: -1.4em; margin-bottom: -1em;}
	.listingOverview p {clear: left;}
	.listingOverview .region {font-weight: bold; float: left; margin-right: 2em;}
	.listingOverview .realtor {text-align: right;}
	
	.listingDetail {overflow: auto; padding: 0; }
	.listingDetail img {background: #fff; border: solid 1px #DBDBDB; padding: 4px;}
	.listingPhotos a:link, .listingPhotos a:visited {border: none;}

	.singlePhoto {overflow: auto; background: #F6F6F6 url(../images/divider-h-grey.gif) repeat-x left bottom; padding: 15px 10px 13px 10px;}
	.singlePhoto .listingPhotos {float: left; margin-right: 25px;}
	.singlePhoto p {line-height: 2; font-size: 1.1em;}

	.multiplePhotos .listingPhotos {overflow: auto; background: #F6F6F6 url(../images/divider-h-grey.gif) repeat-x left bottom; padding: 15px 10px 13px 10px; }
	.multiplePhotos #main_listing_photo {float: left; margin-right: 25px;}
	.multiplePhotos p {line-height: 2; font-size: 1.1em; margin: 0; padding: 15px 0; background: url(../images/divider-h-grey.gif) repeat-x left bottom;}

	.individualListing h3 {border: none; font-size: 1em; margin: 0.5em 0;}

	body.listingsPage {background: none;}
	.listingsPage .listing-context p {margin: 2em 1em;}
	
	.mortcalc { background: url(../images/ico-calc.gif) no-repeat; }
	
	#features {margin-top: 2em;}
	#features li {display: inline; float: left; margin: 0 5px 10px 0; width: 80px; text-align: center;}
	#features p {clear: left; font-size: 0.9em;}
	
	#listing-properties {padding-top: 10px;width: 45%; float: left;}
	#listing-realtor {padding-top: 10px;width: 45%; float: right;}
	#listing-properties dd, #listing-realtor dd {color: #888; border-bottom: solid 1px #e4e4e4; line-height: 2;}
	#listing-properties dd strong, #listing-realtor dd strong {color: #000; font-weight: normal;}

	#listing-properties dd.photo, #listing-realtor dd.photo {border-bottom: 0;}
	dd.photo {float: right;}
	dd.photo a:link, dd.photo a:visited {border: none;}
	dd.photo img {padding: 5px; border: solid 1px #E2E2E2;}
	#listing-realtor dd.name, #listing-realtor dd.phone, #listing-realtor dd.email, #listing-realtor dd.web, #listing-realtor dd.designation {border: none; padding-bottom: 1px;}
	dd.web {margin-bottom: 2em;}
	
	.listing-pager {margin: 0; padding: 0;}
	.listing-pager li {display: inline; list-style: none; margin: 0; padding: 0;}
	.listing-pager li a:link, .listing-pager li a:visited {display: block; float: left; border: none; padding: 0;}

/* -- virtual tour -- */	
	.virtual_tour {text-align:center; background: url(../images/divider-h-grey.gif) repeat-x left bottom; } 	
	.listingDetail .virtual_tour img, .virtual_tour img {border:0; padding:0; margin: 0 0 1px 0; vertical-align: middle;}	
	.listingDetail .virtual_tour a, .virtual_tour a     {border:0; text-decoration:none;}




/* --------------------------------------------------------------------------- */
/* -- INDIVIDUAL SECTION STYLING -- */

/* -- Home Page -- */
	#frontpage {padding-top: 5px;}
	#frontpage a:link, #frontpage a:visited {padding-top:1px; border-width: 0; text-decoration: none;}
	#frontpage a:hover {border-width: 1px;}
	
	#fp_realtors {padding: 10px 0 0 232px; position: relative; margin-bottom: 0; overflow: hidden;}
		#fp_realtors .top_section {padding: 0; width: 207px; height: 264px; position: absolute; top: 15px; left: 0; background: url(../images/homepage-realtors.jpg) no-repeat 0 0;}
		#fp_realtors .top_section a.realtors {display: block; position: absolute; top: -999px;}
		#fp_realtors .top_section a:hover {border-bottom-width: 0;}
		#fp_realtors .top_section .search {display: block; position: absolute; bottom: 2px; right: 3px; width: 143px; height: 31px; background: url(../images/homepage-realtor-search.gif) no-repeat 0 0; text-indent: -9999px;}

		
		/* UNDO SIDEBAR BLOCK SETTINGS */
		#fp_realtors .fp_otw #rotw, 
		#fp_realtors .fp_otw #aotw,  
		#fp_realtors .fp_otw .listing, 
		#fp_realtors .fp_otw .pad { padding: 0; margin: 0; }

		#fp_realtors .fp_otw .roundbox-grey,
		#fp_realtors .fp_otw .tl,
		#fp_realtors .fp_otw .tr,
		#fp_realtors .fp_otw .bl,
		#fp_realtors .fp_otw .br
		{background: #fff; padding: 0;}

			#fp_realtors .fp_otw .listing {padding: 0;}
				#fp_realtors .fp_otw .listing img {height: 80px; width: 64px; margin-top: 5px;}
				#fp_realtors .fp_otw .listing h4 {text-align: left; padding: 5px 0; border-bottom: dotted 1px #b2b2b2; margin-bottom: 3px;}
				#fp_realtors .realtor .name {display: block; font-size: 1.4em; line-height: 1.15;}
				#fp_realtors .realtor .name .prec {font-size: 0.7em;}
				#fp_realtors .realtor .name_smaller {display: block; font-size: 1.2em; line-height: 1.15;}
				#fp_realtors .realtor .byline {display: block; font-size: 1em; line-height: 1.6;}
				#fp_realtors .realtor .title {display: block; font-size: 1em; line-height: 1.6; color: #666;}
				#fp_realtors .office .name {display: block; font-size: 1em; line-height: 1.5; margin-top: 0.4em; padding-top: 0.4em; border-top: dotted 1px #d1d1d1; font-weight: bold;}
				#fp_realtors .office .byline {display: block; font-size: 1em; line-height: 1.5;}
				#fp_realtors .office .location {display: block; font-size: 1em; line-height: 1.5;}
			#fp_realtors .fp_otw .realtor  {padding: 3px 0; overflow: hidden;}
			#fp_realtors .fp_otw .office {padding: 0px 5px; margin: 0 0 0 73px; line-height: 1.4;}
		#fp_realtors #fp_realtor_search { margin: 5px 0 0 20px; display:block; text-align:right; width: 97% }
	
	#fp_listings {padding: 0 0 2% 0; overflow: hidden; }
 		#fp_listings .top_section {height: 81px; position: relative; overflow: hidden; background: url(../images/homepage-listings.jpg) no-repeat 0 0; margin-bottom: 10px; clear: left;}
		#fp_listings .top_section a.listings {display: block; position: absolute; top: -999px;}
		#fp_listings .top_section a:hover {border-bottom-width: 0;}
		#fp_listings .top_section .search {background: url(../images/homepage-listings-search.gif) 0 0 no-repeat; display: block; position: absolute; bottom: 3px; right: 0; width: 123px; height: 28px; text-indent: -9999px;}

	#fp_listings_content {margin: 0 13px;}
		
	
/* -- General Content Pages -- */
	h3.credit {padding: 0 0 2em 0; margin: 0 0 1em 0; border-top: 0; font-size: 1em; position: relative; top: -0.5em;}
	div.content ul li {margin: 0 0 1em 2em; list-style: square;}

/* -- mortgage calculator styles -- */
	.mortgagecalcpage {background: #fff; height: 100%;}
	#mortgagecalcdesc {font-weight:bold; font-size: 1.2em; color: #fff; background: #900 url(../images/header-bg.gif) repeat-x; padding: 6px 4px;}
	#mortgagecalcdesc img {border:0; height:20px; width: 30px;  vertical-align:middle;}
	#mortgagecalc {display: block; margin: 10px; color: #000;}
	#mortgagecalc .form-row {clear: both; padding: 0.2em 0 0.4em 0; overflow: auto; border-bottom: solid 1px #e4e4e4;}
	.mortgagecalcpage .label {text-align: right; float: left; display: block; width: 35%; margin: 3px 5px 1px 0; font-weight: normal;}
	.mortgagecalcpage .data input, .mortgagecalcpage .data select {float: left; text-align:left; margin: 1px 1px 1px 0;}
	.mortgagecalcpage .secondary select {margin-left: 5px; margin-top: 0;}
	.mortgagecalcpage .data #submitbutton {text-align:center;}
	#mortgagecalcresults {display: block; background-color: #eee; position: relative; top: 0; bottom: 0; width: 100%; padding: 10px 0 10px 0;}
	#mortpay .label, #mortrem .label, #mortintpaid .label {font-weight: bold; width: 50%; margin-right: 10px;}
	#mortpay .data input, #mortrem .data input, #mortintpaid .data input {border: 0; background: none;}

/* -- Contact Form -- */
	#contact-physical {float: left; width: 45%; margin-right: 10px; }
	#contact-email {float: left; width: 45%; }
	#contact-email label {display: block; }
	#contact-email input, #contact-email textarea {width: 250px;}
	/* #contact-email .form-item {clear: left; padding-bottom: 2px; margin-top: 0px; }*/
	input#edit-copy {width: auto; }
	#contact-email input.form-submit {width: auto; margin-top: 10px;}
	#contactinfo {margin-top: 1em; font-size: 1em; clear:left; padding: 0 20px;}



/* -- Various Location Selectors -- */
	#realtorbrowse {vertical-align:top; width:24%; float:left;}
	#realtorbrowse b {color: #828282; font-weight: normal;}
	#realtorbrowse a:link, #realtorbrowse a:visited {padding-top:1px; border-width: 0;}
	#realtorbrowse a:hover {border-width: 1px;}
	.realtorbrowselist {padding:2px 0 2px 0; vertical-align:top; width:24%; height: 100%; float:left; font-size:10px;}
	.realtorbrowselist a:link, .realtorbrowselist a:visited {border-width: 0;}
	.realtorbrowselist a:hover {border-width: 1px;}
	#officebrowse {vertical-align:top; width:24%; float:left;}
	#officebrowse b {color: #828282; font-weight: normal;}
	#officebrowse a:link, #officebrowse a:visited {padding-top:1px; border-width: 0;}
	#officebrowse a:hover {border-width: 1px;}
	.officebrowselist {padding:2px 0 2px 0; vertical-align:top; width:24%; height: 100%; float:left; font-size:10px;}
	.officebrowselist a:link, .officebrowselist a:visited {border-width: 0;}
	.officebrowselist a:hover {border-width: 1px;}
	
	acronym {border-bottom: 1px solid #AAAAAA;}

	#cityLinks {display:block;}
	#cityLinks .citieslist  {padding:2px 0 2px 0; vertical-align:top; float:left; width:24%;}
	#cityLinks .citieslist a {padding-top:1px;}
	.listingsprovince {padding: 2px 0 2px 0; vertical-align: top; width: 33%; float: left;}
	.listingsprovince ul {margin-bottom: 1em;}
	.listingsprovince h2 {margin: 0; padding: 0; color: #828282; font-size: 1.2em;}
	.listingsprovince a:link, .listingsprovince a:visited {padding-top:1px; font-size: 1.1em; border-width: 0; line-height: 1.5;}
	.listingsprovince a:hover {border-width: 1px;}

/* -- dictionary styles -- */
	#dictionary_list dt {font-weight: bold;}
	#dictionary_list dd {margin-left: 2.5em; margin-bottom: 0.8em;}
	#dictionary_alphabar {text-align: center; margin-bottom: 1em;}
	#dictionary_alphabar li {display: inline; margin-left: 12px;}
	#dictionary_alphabar .selected {font-weight: bold; font-size: 1em;}
	#dictionary_see_also li {display: inline; margin-left: 1em;}
	#dictionaryblock, #dictionaryblock input {font-size: 11px;}

/* -- categorize styles -- */
	#articles_list {width:100%; font-size:11px;}
	#articles_list td {border-bottom: solid 1px #B2B2B2;}

/* -- article styles -- */
    .subcategory {padding-bottom: 5px;}
    .subcategory .subcategorydesc {margin-left: 10px;}
    
    .articleslist .article {padding-bottom: 10px;}
    .article .articleteaser {margin-left: 10px; text-align:justify;}
    


/* --------------------------------------------------------------------------- */
/* -- SIDEBAR FORMATTING -- */

/* -- Sidebar -- */
	#sidebar .navPanel, #sidebar .sidepanel {margin: 21px; background: #F1F1F1 url(../images/sidebar-navpanel-bottom.gif) no-repeat left bottom; }
	#sidebar ul {padding: 13px 7px; margin: 0;}
	#sidebar li {display: inline;}
	#sidebar li a:link, #sidebar li a:visited {border: solid 1px #F1F1F1; width: 160px; font-size: 1em; display: block; padding: 0 0px 0 25px; margin: 0; line-height: 21px;}
	#sidebar li.currentPage a:link, #sidebar li.currentPage a:visited {background: #F1F1F1 url(../images/arrow-whitecircle.gif) no-repeat;}
	#sidebar li a:hover, #sidebar li.currentPage a:hover {background-color: #fff; border-color: #ccc;}
	#sidebar .realtorlogin {border-bottom: none;}
	#sidebar fieldset {margin-bottom: 5px;}

/* -- sidebar styles -- */
	#sidebar .block-realtor, #sidebar .block-listings, #sidebar .block-office, #sidebar .block-dictionary, #sidebar .block-user {width: 230px; margin-left: 20px;}
	#sidebar fieldset, #sidebar .block-listings-nav, #sidebar .block-user {border:0; background: #F1F1F1 url(../images/sidebar-navpanel-bottom.gif) no-repeat left bottom; padding-bottom: 15px;}
	#sidebar .block-user .content {background: url(../images/sidebar-navpanel-top.gif) no-repeat left top;}
	#sidebar fieldset select, #sidebar fieldset label, #sidebar fieldset checkbox, #sidebar fieldset input {margin-left: 5px;}
	#sidebar fieldset h3 {color: #fff; background: #A6A6A6 url(../images/h3-sidebar.gif) no-repeat; border: 0; margin: 0; padding: 7px 11px; text-transform: none; letter-spacing: -1px; font-size: 1.15em; text-shadow: #666 1px 1px 1px;}

/* -- author and realtor of the week styles -- */
	#authoroftheweekdisplay img { float: left;  margin-right: 10px; }
	fieldset#authoroftheweek_add, #aotw_articles {display: inline;}
	#aotw_articles {font-size: 11px;}

/* -- Featured items, sidebar -- */
	#rotw, #aotw {margin-top: 1em; padding: 0 15px;}
	#rotw h4, #aotw h4 {margin: 0; font-size: 1em; font-weight: bold; padding: 0 0 0.5em 0; background: none; text-transform: uppercase;}
	#rotw .listing, #aotw .listing {clear: left; padding: 5px 0;}
	#rotw .listing img, #aotw .listing img {padding: 2px; background: #fff; border: solid 1px #C0C0C0; float: left; margin-right: 10px; height: 80px; width: 64px;}
	#rotw .office, #aotw .office {font-size: 0.9em;}
	#rotw .registered_trademark { font-weight: normal; font-size:150%; line-height: 0px; }
	.realtorlogin {display: block; margin: 20px 0 0 20px;}

	#sidebar .block .realtor a:link, #sidebar .block .realtor a:visited {border: none;}
	#sidebar .block .realtor .name {display: block; font-size: 1.2em; line-height: 1.33;}
	#sidebar .block .realtor .name .prec {font-size: 0.7em;}
	#sidebar .block .realtor .byline {display: block; font-size: 1em; line-height: 1.3;}
	#sidebar .block .realtor .byline .prec {font-size: 0.8em; }
	#sidebar .block .realtor .title {display: block; font-size: 1em; line-height: 1.6; color: #666;}
	#sidebar .block .office {margin-left: 83px;}
	#sidebar .block .office .name {display: block; font-size: 1em; line-height: 1.5; margin-top: 0.75em; font-weight: bold;}
	#sidebar .block .office .byline {display: block; font-size: 1em; line-height: 1.5;}
	#sidebar .block .office .location {display: block; font-size: 1em; line-height: 1.5;}



/* -- Sidebar Search Forms -- */
	#sidebar fieldset {padding: 0 0 0.5em 0; overflow: auto;}
	#sidebar .form-item {padding: 5px;}
	#sidebar #office_search input.form-submit {width: auto; float: right; margin-right: 8px;}
	#sidebar #realtor_search input.form-submit {width: auto; float: right; margin-right: 8px;}
	#sidebar #office_search label, #sidebar #realtor_search label {width: 85px;}

/* -- Sidebar Listings Search -- */
	#sidebar #listings_search h3 {margin-bottom: 9px;}
	#listings_search label {width: 85px; float: left; clear: left;}
	#listings_search label.option {width: 198px; display: block; text-align: right;}
	#listings_search label.option input {width: auto; display: inline;}
	#listings_search input, #block-listings-city_filter select {width: 110px;}
	#listings_search input.form-submit {width: auto; margin-left: 0;}
	#listings_search .form-item {padding: 3px 5px;}
	#listings_search input#listing-filter {margin-left: 10px;}

/* -- Intra-listing Nav -- */
	.block-listings-nav h3 {color: #fff; background: #A6A6A6 url(../images/h3-sidebar.gif) no-repeat; border: 0; margin: 0; padding: 7px 11px; text-transform: none; letter-spacing: -1px; font-size: 1.15em; text-shadow: #666 1px 1px 1px;}
	.block-listings-nav dl {padding: 13px 9px; margin: 0;}
	.block-listings-nav dt a:link, .block-listings-nav dt a:visited {border: solid 1px #F1F1F1; width: 160px; font-size: 1em; display: block; padding: 0 0 0 25px; margin: 0; line-height: 21px;}
	.block-listings-nav dd {padding: 0 0 0 25px; margin-bottom: 6px; font-size: 0.9em; color: #555;}
	.block-listings-nav .price {float: none; display: inline; letter-spacing: 0; color: #555;}

	.block-listings-nav dt.current a:link, .block-listings-nav dt.current a:visited {background: #F1F1F1 url(../images/arrow-whitecircle.gif) no-repeat; font-weight: bold;}
	.block-listings-nav dd.current {font-weight: bold; color: #222;}
	.block-listings-nav dd.current .price {font-weight: bold; color: #222;}
	
	.listings-nav-select {color: #555; font-size: 0.9em; padding: 0 0 3px 20px;}
	.listings-nav-select .prev-listing, .listings-nav-select .return-listing, .listings-nav-select .next-listing {display:inline;}
	.listings-nav-select a:link, .listings-nav-select a:visited {padding: 12px 8px; border: none;}

/* -- Frontpage sidebar -- */
	.fp_block h3 {color: #fff; background: #A6A6A6 url(../images/h3-sidebar.gif) no-repeat; border: 0; margin: 0; text-transform: none; letter-spacing: -1px; font-size: 1.15em; text-shadow: #666 1px 1px 1px; padding: 0;}
	.fp_block h3 span {display: block; padding: 7px 11px;}
	.fp_block a:link, .fp_block a:visited {padding-top:1px; border-width: 0; }
	.fp_block a:hover {border-width: 1px;}
	.fp_block br {display: none;}
	.fp_block .spirit, .fp_block .join { width:230px; margin: 10px 0 0 20px;  }
	.fp_block .spirit_body, .fp_block .join_body { background: #F1F1F1 url(../images/sidebar-navpanel-bottom.gif) no-repeat left bottom; padding-bottom: 15px;}
		.spirit_body {padding: 5px 0 10px 5px;}
		.spirit_body strong {display: block; font-size: 0.9em; padding: 5px 0 5px 0; color: #666666;}
		.spirit_body a:link, .spirit_body a:visited {display: block; padding-right: 30px; background: url(../images/arrow-whitecircle.gif) no-repeat 97% 5px; line-height: 1.5;}
		.spirit_body .spirit_img a:link, .spirit_body .spirit_img a:visited {padding: 0; background: none;}
		.spirit_body a:hover {border: none;}
		.join_body   {padding: 10px 0px;}
	.fp_block .spirit_head h3 {vertical-align: middle; padding: 6px 0 4px 14px;}
	.fp_block .spirit_head span {padding: 0;}
	.fp_block .join_body a {border: none;}
  .member {height: 90px; width: 230px; margin: 5px 0 5px 20px; background: #f1f1f1 url('../images/sidebar-navpanel-bottom.gif') bottom 
left no-repeat; }
  .member img { margin-left: 10px; padding-right: 5px; }
	.member .member_body { background: #F1F1F1 url(../images/sidebar-navpanel-top.gif) no-repeat top left; padding: 5px 0 5px 0; font-size: 0.8em; color: #9C0D0D; text-transform: uppercase; }
	.member a {border: none;}
	



/* --------------------------------------------------------------------------- */
/* -- GLOBAL SITE FOOTER -- */

/* -- Footer -- */
	#footer {background: #707070 url(../images/divider-h-grey.gif) repeat-x 0 0; color: #fff; font-size: 0.85em;}
	#footer .wrapper {padding: 13px 13px 13px 20px;}
	#footer p {display: inline; text-align:center; }
	#footer ul {margin: 0; padding: 0; display: inline;}
	#footer li {display: inline; margin: 0 0.5em;}
	#footer a:link, #footer a:visited {color: #fff; padding: 1px; border: none; text-decoration: underline}





/* --------------------------------------------------------------------------- */
/* -- REUSABLE COMPONENTS -- */

/* -- General clearing styles -- */
	.clearboth {clear: both;}
	.clearleft {clear: left;}
	.clearright {clear: right;}

/* -- Rounded grey boxes -- */
	div.rounded {background: #E4E4E4 url(../images/pager-tr.gif) no-repeat top right;} 
	div.rounded div {background: url(../images/pager-tl.gif) no-repeat top left;} 
	div.rounded div div {background: url(../images/pager-br.gif) no-repeat bottom right;} 
	div.rounded div div div {background: url(../images/pager-bl.gif) no-repeat bottom left; padding: 8px;}
	div.rounded div div div div {background: none; padding: 0;}

/* -- Listings general classes -- */
	.alt {background-color: #F6F6F6;}
	.minor {margin: 2em 0;}
	.price {color: #828282; letter-spacing: -1px; font-weight: normal; display: inline; float: right;}
	.price .millions {font-size: 0.9em;}
	.price .thousands {font-size: 0.9em;}
	.price .hundreds {font-size: 0.8em; letter-spacing: 0;}
	.price a:link, .price a:visited {border: 0; vertical-align: middle;}
	sub {color: #828282; position: relative; top: -3px; left: -2px;}
    .view_all {width: 100px; text-align: center;}
 
 /* -- Search Form Styling -- */
	.form-item {clear: left; padding: 10px 5px; margin: 2px 0;}
	.form-submit {margin: 0.5em 0;}

/* -- Roundbox Grey -- */
	.roundbox-grey {background: #e4e4e4; margin-bottom: 1em; overflow: hidden; padding: 0;}
	.roundbox-grey .tl {background: url(../images/roundbox-grey-tl.gif) 0 0 no-repeat;}
	.roundbox-grey .tr {background: url(../images/roundbox-grey-tr.gif) 100% 0 no-repeat;}
	.roundbox-grey .bl {background: url(../images/roundbox-grey-bl.gif) 0 100% no-repeat;}
	.roundbox-grey .br {background: url(../images/roundbox-grey-br.gif) 100% 100% no-repeat;}
	.roundbox-grey .pad {padding: 0 15px;}
	html>body .roundbox-grey .pad {padding: 5px 15px;}
	.roundbox-grey label {color: #222;}	
	.roundbox-grey .form-item {border-bottom: solid 1px #ccc;}





/* -- quarantine IE5 hacks to browser-specific file -- */
@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */
/* -- / quarantine -- */

.messages, .preview
{
  margin-top: 0.75em;
  margin-right: 0pt;
  margin-bottom: 0.75em;
  margin-left: 0pt;
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  padding-left: 1em;
}

.messages
{
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #b8d3e5;
  border-right-color: #b8d3e5;
  border-bottom-color: #b8d3e5;
  border-left-color: #b8d3e5;
}

div.status
{
  color: #33aa33;
  border-top-color: #c7f2c8;
  border-right-color: #c7f2c8;
  border-bottom-color: #c7f2c8;
  border-left-color: #c7f2c8;
}

div.error, tr.error
{
  background-color: #ffcccc;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-x-position: 0%;
  background-y-position: 0%;
  color: #220000;
}

/*
** Tab navigation
*/
.listing_tabs ul.primary {
  white-space: normal;
}