/*------------------------------------------------------------------------------+ 

	style.css																																		

+-------------------------------------------------------------------------------+ 

	website:   			http://www.sutton.com/
	copyright:   		Sutton (2009)

+-------------------------------------------------------------------------------+  

	1.	Reset
	2.	Basic Styles
				2.1	Global Link Settings
				2.2	Clearing
				2.3	Core body content styles
	3.	Structure
	4.	Header
				4.1	Logo
	5.	Navigation
        5.1 Main Navigation
        5.2 Utility Navigation
        5.3 Breadcrumbs
	6.	Content
        6.1 Map
        6.2 Searches
        6.3	Province Listing
        6.4 Detailed Search for Listings/Realtors/Offices
        6.5 City Listing
        6.6 Downloaded Listings Result Page
        6.7 Detailed Listing Page
        6.8 Detailed Office Search
        6.9 Office City Lists
        6.10 Detailed Realtor Search
        6.11 Realtor City Lists
        6.12 Dictionary
        6.13 Author of the Week
        6.14 Articles
        6.15 Sutton Search
        6.16 Autocomplete
        6.17 Add This
	7.	Footer

+------------------------------------------------------------------------------*/ 

/*-------------------------------------------------------------------------------
	1.	R E S E T
-------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ol, ul, li, form, fieldset, label, table, caption, legend, thead, tbody, tfoot, th, tr, td { border: 0; font-size: 100%; font-style: normal; font-weight: normal; margin: 0; padding: 0; vertical-align: baseline; }
q:before, q:after { content: ""; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
a img, :link img, :visited img, fieldset, iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; vertical-align: top; }
hr { display: none; }


/*-------------------------------------------------------------------------------
	2.	B A S I C  S T Y L E S
-------------------------------------------------------------------------------*/

img { display: block; }
em, i, dfn, cite { font-style: italic; }
strong, b { font-weight: bold; }
u, ins { text-decoration: underline; }
acronym, abbr { border-bottom: 1px dotted #666; cursor: help; }
acronym { text-transform: uppercase; }
code, samp, kbd, pre, tt, var { font: 1.001em "Courier New", Courier, monospace; }
input, select, textarea { font: 1.001em Arial, Helvetica, sans-serif; }
label { cursor: pointer; } 
sup { font-size: 0.8em; vertical-align: super; }
sub { font-size: 0.8em; vertical-align: sub; }
.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

html { overflow: -moz-scrollbars-vertical; }




/* 2.1	Global Link Settings
-------------------------------------------------------------------------------*/
a, a:link { color: #ab0000; text-decoration: underline; }
a:visited { color: #ab0000; text-decoration: underline; }
a:hover { color: #ab0000; text-decoration: none; }
a:active { color: #ab0000; }


/* 2.2	Clearing
-------------------------------------------------------------------------------*/ 
.clear:after, body.home #content:after, #footer .wrapper:after, .searches form:after, .searches ul:after, #breadcrumbs:after, .listings-wrap:after, .detailed-search-wrap:after, .city-wrap:after, .officecities-wrap:after, .officebrowse-wrap:after, .province-cities-wrap:after, .office-search-results:after, .office_regional_display:after, .realtorcities-wrap:after, .realtorbrowse-wrap:after, .realtor-search-results:after, #subheader:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }


/* 2.3 Core body content styles
-------------------------------------------------------------------------------*/

.body_content_container h1 { color: #ab0000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; padding-bottom: 15px; }
.body_content_container h2 { color: #ab0000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; padding-bottom: 15px; }
.body_content_container h3 { color: #ab0000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; padding-bottom: 15px; }

.body_content_container { font-size: 1.1em; overflow: hidden; } 
.body_content_container p { line-height: 1.3; padding-bottom: 25px; }

/*-------------------------------------------------------------------------------
	3.	S T R U C T U R E
-------------------------------------------------------------------------------*/

body { background: #404040 url(images/bg/bg.png) repeat top left; color: #333; text-align: center; }
.bg-top { background: transparent url(images/bg/header-outer.png) repeat-x top left; }
.bg-btm { background: transparent url(images/bg/footer-outer.png) repeat-x bottom left; }
.shadow { background: transparent url(images/bg/shadow.png) repeat-y top left; font: 76%/1 Arial, Helvetica, sans-serif; width: 1000px; margin: 0 auto; }
.container { background: #666; width: 900px; margin: 0 auto; text-align: left; }
#header { position: relative; height: 133px; background: #ab0000 url(images/bg/header.jpg) no-repeat top left; height: 133px; }
#content { background: #fff; padding-bottom: 30px; }
#footer { height: 102px; overflow: hidden; }

.body_content_container {
	padding: 22px 27px; 
}

.sidebar_content_container {
	width: 286px;
	float: right;
	margin-left: 10px;
}

.sidebar_content_container .block {
  padding-bottom: 20px;
}

.body_content_width_container {
  width: 550px;
}

/*-------------------------------------------------------------------------------
	4.	H E A D E R
-------------------------------------------------------------------------------*/ 

/* 4.1	Logo
-------------------------------------------------------------------------------*/ 
#header .logo { padding: 13px 0 0 24px; }
#header h1, 
#header div.sutton { width: 167px; height: 98px; position: relative; overflow: hidden; }
#header h1 span,
#header div.sutton span { background: url(images/bg/header.jpg) no-repeat -24px -13px; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
#header h1 span { cursor: default; }
#header h1 a, 
#header div.sutton a { color: #fff; font-weight: bold; font-size: 2em; text-decoration: none; }



/*-------------------------------------------------------------------------------
	5.	N A V I G A T I O N
-------------------------------------------------------------------------------*/ 

/* 5.1	Main Navigation
-------------------------------------------------------------------------------*/
.navigation ul { position: absolute; top: 50px; right: 0; height: 38px; }
.navigation ul ul { right: auto; }
.navigation ul li { position: relative; float: left; background: url(images/bg/nav-li.png) no-repeat center left; line-height: 38px; text-transform: uppercase; }
.navigation ul li span { position: absolute; top: 0; left: 0; background: url(images/bg/navigation.jpg); width: 100%; height: 100%; cursor: pointer; }
.navigation ul li, 
.navigation ul li span,
.navigation ul li a span { height: 38px; display: block; }
.navigation ul li a { text-decoration: none; font-size: 1.1em; text-align: center; display: block; }
.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited, .navigation ul li a:active { color: #fff; font-weight: bold; }
.navigation ul li a:hover { text-decoration: underline; color: #fff; }

/* width of each link */
.navigation ul li.home { width: 86px; background: none; }
.navigation ul li.about { width: 85px; }
.navigation ul li.listings { width: 101px; }
.navigation ul li.realtors { width: 112px; }
.navigation ul li.offices { width: 95px; }
.navigation ul li.tipstrends { width: 137px; }
.navigation ul li.links { width: 84px; }

/* drop downs */
.navigation li li a,
.navigation li li { text-transform: none; line-height: normal; display: block; width: 200px; height: auto; text-align: left; background: url(images/bg/dropdown.jpg) repeat-x top left; z-index: 10; }
.navigation li li a, .navigation li li a:link, .navigation li li a:visited, .navigation li li a:active { color: #333; font-weight: normal; }
.navigation li li a { padding: 9px 20px; width: 160px; }
.navigation li li a:hover, .navigation li li.current a { background: url(images/bg/dropdown-hover.jpg) repeat-x top left; text-decoration: none; }
.navigation li li.current a, .navigation li li.current a:link, .navigation li li.current a:visited, .navigation li li.current a:active, .navigation li li a:hover { color: #fff; }
.navigation li ul { position: absolute; width: 200px; left: -999em; height: auto; }
.navigation li:hover ul, 
.navigation li.sfhover ul { left: auto; top: 38px; z-index: 10; }


/* 5.2	Utility Navigation
-------------------------------------------------------------------------------*/
.utility-navigation { position: absolute; top: 0; right: 12px; height: 30px; }
.utility-navigation ul li { position: relative; float: left; }
.utility-navigation ul li span { position: absolute; top: 0; left: 0; background: url(images/bg/utility-navigation.jpg); width: 100%; height: 100%; }
body.home .utility-navigation ul li span { background: url(images/bg/utility-navigation-home.jpg); }
.utility-navigation ul li, 
.utility-navigation ul li span { height: 30px; overflow: hidden; display: block; }
.utility-navigation ul li.contact { width: 90px; }
.utility-navigation ul li.sutton_quebec { width: 125px; }
.utility-navigation ul li.homebase_login { width: 150px; }
.utility-navigation ul li.contact a span { background-position: 0 0; }
.utility-navigation ul li.sutton_quebec a span { background-position: -90px 0; }
.utility-navigation ul li.homebase_login a span { background-position: -215px 0; }
.utility-navigation ul li span { cursor: pointer; }
.utility-navigation ul li a { display: block; text-decoration: none; text-transform: uppercase; height: 30px; line-height: 30px; text-align: center; }
.utility-navigation ul li.contact a,
.utility-navigation ul li.sutton_quebec a { background-color: #fff; color: #a50000; }
.utility-navigation ul li.homebase_login a { background-color: #d02d2d; color: #fff; }


/* 5.3 Breadcrumbs 
-------------------------------------------------------------------------------*/
#breadcrumbs_container {
	border-bottom: 1px solid #393939; 
	background: #343434;
}
#breadcrumbs { padding: 18px 28px; width: 500px; line-height: 20px; }
#breadcrumbs a { color: #fff; text-decoration: underline; }
#breadcrumbs li a.active { color: #8b8b8b; text-decoration: none; }
#breadcrumbs li { white-space: nowrap; background: url(images/bg/breadcrumb.png) no-repeat center left; padding-left: 10px; margin-left: 7px; float: left; }
#breadcrumbs li.first { background: none; padding: 0; margin: 0; }
#breadcrumbs li.last { color: #8b8b8b; }
#breadcrumbs:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

/* 5.4 Site Search Bar
-------------------------------------------------------------------------------*/

#inline_search_bar {
	float: right;
	margin-top: 18px;
	margin-right: 30px;
}

#inline_search_bar #ajaxsitesearchterms { width: 200px; }


/*-------------------------------------------------------------------------------
	6.	C O N T E N T
-------------------------------------------------------------------------------*/ 

body.home #content { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; background: #1e1e1e url(images/bg/home.jpg) repeat-x top left; border-bottom: 1px solid #474747; }

/* 6.1	Map
-------------------------------------------------------------------------------*/
.map { color: #fff; font-size: 1.3em; line-height: 1.6; width: 540px; float: left; padding: 21px 0 9px 0; }
.map em { color: #fc6969; }
.map p { padding: 0 50px 50px 33px; }
.map .flash-wrap { margin-left: 17px; width: 520px; height: 240px; }


/* 6.2	Searches (Tabbed Search Box on Homepage)
-------------------------------------------------------------------------------*/
.searches-wrap { width: 327px; float: left; padding: 20px 0 0 0; }
.searches-wrap h2 { font-weight: bold; color: #fff; text-align: right; font-size: 1.4em; padding: 10px 15px; background: #2d2d2d url(images/bg/search-title.jpg) repeat-x top left; margin: 0 0 12px; }
.searches-wrap .search { background: url(images/bg/search.jpg) no-repeat bottom left; height: 230px; overflow: hidden; } 
.tabs-hide { display: none; }

/* search tabs (navigation) */ 
.searches ul li { width: 109px; float: left; height: 32px; overflow: hidden; }
.searches ul li a, .searches ul li a:link, .searches ul li a:visited, .searches ul li a:active { font-weight: bold; background: url(images/bg/search-tabs.png) no-repeat top right; display: block; text-decoration: none; text-transform: uppercase; height: 32px; line-height: 32px; text-align: left; color: #a8a8a8; padding-left: 16px; width: 93px; }
.searches ul li a:hover { color: #fff; }
.searches ul li.tabs-selected a, .searches ul li.tabs-selected a:link, .searches ul li.tabs-selected a:visited, .searches ul li.tabs-selected a:active { background-position: top left; color: #fff; }

/* actual search forms (Property, REALTOR, Office) */
.searches-wrap form .wrap { border: 1px solid #dadada; background: #fff; padding: 2px; float: left; }
.searches-wrap form input { border: 0; background: #fff; color: #a40000; font-weight: bold; }
.searches-wrap form select { color: #a40000; font-weight: bold; border: 0; padding: 0; height: 18px; }
.searches-wrap form label { float: left; display: block; text-align: right; width: 68px; margin-right: 7px; margin-top: 4px; color: #fff; overflow: hidden; }
.searches-wrap form .bedrooms label { width: 57px; }
.searches-wrap form .med label { width: 50px; }
.searches-wrap form .twolines label { margin-top: 0; }
.searches-wrap form .twolines-long label { width: 64px; padding-left: 4px; }
.searches-wrap form li { float: left; margin-right: 10px; margin-bottom: 10px; }
.searches-wrap form input, .searches-wrap form select, .searches-wrap form .wrap { width: 109px; float: left; }
.searches-wrap form .samerow { margin-left: 10px; }
form .row { clear: left; }
.searches-wrap form .long select, .searches-wrap form .long input, .searches-wrap form .long .wrap { width: 234px; }
.searches-wrap form .shorter select, .searches-wrap form .shorter .wrap { width: 50px; }
.searches-wrap form .short select, .searches-wrap form .short input, .searches-wrap form .short .wrap { width: 77px; }
.searches-wrap form .med input, .searches-wrap form .med select, .searches-wrap form .med .wrap { width: 52px; }
.searches-wrap form .submit-search { width: 115px; }
.searches-wrap form .submit-search input { width: 115px; height: 24px; float: right; margin-right: 1px; overflow: hidden; }
.searches-wrap form .single { float: right; }
.searches-wrap form .single input { margin-left: 200px; }

/* search site form */
.searches-wrap .searchform { background: url(images/bg/search-site.jpg) no-repeat bottom left; height: 114px; overflow: hidden; }
.searches-wrap .searchform h2 { background: none; padding-bottom: 5px; }
.searches-wrap .searchform form li { width: auto; margin-left: 15px; }
.searches-wrap .searchform form .wrap { width: 169px; padding: 2px; }
.searches-wrap .searchform form .wrap input { padding-left: 5px; width: 164px; }
.searches-wrap .searchform form .submit-search { margin-left: 0; float: right; margin-right: 11px; width: 115px; }


/* Search > Sidebar */
.detailed-search-wrap .search { background: url(images/bg/search-inner.jpg) no-repeat bottom left; }
.detailed-search-wrap .searches label { color: #646464; }
.detailed-search-wrap .searches ul { margin: 0; padding: 0 }
.detailed-search-wrap .searches ul li { width: 96px; }
.detailed-search-wrap h2 { background: #fff url(images/bg/search-title-inner.jpg) repeat-x bottom left; border-top: 1px solid #e2e9ef; color: #b72122; margin: 0 4px 15px 1px; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif;}
.detailed-search-wrap .searches-wrap { float: none; margin-bottom: 20px; padding: 0; width: 291px; }
.detailed-search-wrap .searches ul li a, 
.detailed-search-wrap .searches ul li a:link, 
.detailed-search-wrap .searches ul li a:visited, 
.detailed-search-wrap .searches ul li a:active { background: url(images/bg/search-tabs-inner.png) no-repeat top right; padding-left: 10px; width: 86px; color: #8b8b8b; }
.detailed-search-wrap .searches ul li a:hover { color: #ae0001; }
.detailed-search-wrap .searches ul li.tabs-selected a, 
.detailed-search-wrap .searches ul li.tabs-selected a:link, 
.detailed-search-wrap .searches ul li.tabs-selected a:visited, 
.detailed-search-wrap .searches ul li.tabs-selected a:active { background-position: top left; color: #ae0001; }
.detailed-search-wrap .searches-wrap form label { width: 68px; }
.detailed-search-wrap .searches-wrap form .bedrooms label { width: 57px; }
.detailed-search-wrap .searches-wrap form .med label { width: 33px; }
.detailed-search-wrap .searches-wrap form .twolines-long label { width: 64px; }
.detailed-search-wrap .searches-wrap form input, 
.detailed-search-wrap .searches-wrap form select, 
.detailed-search-wrap .searches-wrap form .wrap { width: 90px; }
.detailed-search-wrap .searches-wrap form .long select, 
.detailed-search-wrap .searches-wrap form .long input, 
.detailed-search-wrap .searches-wrap form .long .wrap { width: 196px; }
.detailed-search-wrap .searches-wrap form .shorter select, 
.detailed-search-wrap .searches-wrap form .shorter .wrap { width: 50px; }
.detailed-search-wrap .searches-wrap form .short select, 
.detailed-search-wrap .searches-wrap form .short input, 
.detailed-search-wrap .searches-wrap form .short .wrap { width: 58px; }
.detailed-search-wrap .searches-wrap form .med input, 
.detailed-search-wrap .searches-wrap form .med select, 
.detailed-search-wrap .searches-wrap form .med .wrap { width: 50px; }
.detailed-search-wrap .searches-wrap form .med input { width: 52px; }
.detailed-search-wrap .searches-wrap form .submit-search { width: 96px; }
.detailed-search-wrap .searches-wrap form .submit-search input { width: 96px; }
.detailed-search-wrap .searches-wrap form .single input { margin-left: 181px; }
.detailed-search-wrap .searches-wrap .searchform { background: url(images/bg/search-site-inner.jpg) no-repeat bottom left; height: 83px; }
.detailed-search-wrap .searches-wrap .searchform form .wrap { width: 149px; }
.detailed-search-wrap .searches-wrap .searchform form .wrap input { width: 146px; }


/* 6.3	Province Listing
-------------------------------------------------------------------------------*/
.listings-wrap { border: 1px solid #ddd; margin: 0 auto; width: 798px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 0; width: 500px; }
.listingsprovince h2 { font-weight: bold; color: #393939; font-size: 1.2em; font-weight: normal; }
.listingsprovince h2 a { color: #7f7e7e; text-decoration: none; background: url(images/bg/more.png) no-repeat center left; padding-left: 12px; font-size: 0.60em; }
.listingsprovince h2 a:hover { color: #ab0000; }
.listingsprovince { float:left; vertical-align: top; width: 49%; }
.listingsprovince ul { margin-top: -0.7em; margin-bottom: 2em; }
.listingsprovince ul li { margin-bottom: 4px; }

/* 6.4	Detailed Search for Listings/Realtors/Offices
-------------------------------------------------------------------------------*/
#advanced_search_container {
	width: 540px;
}

#advanced_search_container #txtpfirstname, #advanced_search_container #txtplastname, #advanced_search_container #txtpofficename { 
	width: 85px; 
}

form .element_container, form .checkbox_container {
	float: left;
	margin-right: 10px;
	height: 50px;
}

#advanced_search_container .element_container label {
	width: 70px;
	display: block;
	float: left;
	height: 30px;
	text-align: right;
	line-height: 20px;
	margin-right: 10px;
}

#advanced_search_container .office label, #advanced_search_container .type_element_container label {
	width: 40px;
}

#advanced_search_container #txtpminimumprice, #advanced_search_container #txtpmaximumprice {
	width: 80px;
}

#advanced_search_container #txtptype {
	width: 100px;
}

#advanced_search_container #txtsortorder {
	width: 120px;
}

#advanced_search_container form .wrap {
	background:#F3F3F3 none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	float:left;
	padding:3px;
}

#advanced_search_container .element_container input, #advanced_search_container .element_container select {
	background:#F3F3F3 none repeat scroll 0 0;
	border:0 none;
	color:#7B7B7B;
	float:left;
	font-size:0.8em;
	width:162px;
}

#advanced_search_container .submit_container {
	float: right;
	margin-right: 20px;
}


/* 6.5	City Listing
-------------------------------------------------------------------------------*/
.city-wrap { border: 1px solid #ddd; margin: 0 auto; width: 798px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 23px; }
.citieslist { float:left; vertical-align: top; width: 25%; }
.citieslist li { margin-bottom: 4px; }


/* 6.6	Downloaded Listings Result Page
-------------------------------------------------------------------------------*/
.listingSearchResults { float: left; width: 550px; font-size: 1.0em; }
.body_content_container .listing_tabs { font-size: .9em; }
.body_content_container .listing_tabs ul { padding: 0px; }
.body_content_container .listing_tabs ul li a { padding: 0 .25em; margin-right: 0.4em; }

.resultsPager { background: #F1F1F1 url(images/bg/listings.png) repeat-y top left; padding: 8px; font-size: .9em; margin-bottom: 8px; } 

.resultsPager .results h3, .resultsPager ul { font-size: 1em; padding-right: 5px; }
.resultsPager .results p { margin-top: 5px; padding-bottom: 10px; }
.resultsPager .results h3, .resultsPager .results ul, .resultsPager .results li { display: inline; }
.resultsPager .results a { text-decoration: none; color: #AB0000; }
.resultsPager .results .current { font-size: 1.1em; font-weight: bolder; padding: 0 5px 0 5px; }

.resultsPager .sort h3 { font-size: 1em; padding-right: 5px; }
.resultsPager .sort h3, .resultsPager .sort ul, .resultsPager .sort li, .resultsPager .sort div { display: inline; } 
.resultsPager .sort div#moveupselected a , .resultsPager .sort div#movedownselected a { font-weight: bolder; }

.listingSearchResults .listingResult {  background: #FFFFFF;  }
.listingSearchResults .alt { background: #EEEEEE; }

.listingResult { padding: 5px 0 5px 5px; margin-bottom: 20px;  }
.listingResult .listingPhoto { background: #FFFFFF; border: solid 1px #DBDBDB; padding: 4px; width: 138px; margin-bottom: 10px; margin-right: 10px; }

.listingResult .listingPhoto, .listingResult .context { float:left;  }
.listingResult .context { width: 380px; }
.listingResult .context .listingHeader a { font-size: 1.1em; font-weight: bold; float: left; }
.listingResult .context .price { float: right; }
.listingResult .context .details { font-size: 0.8em; padding: 5px 0 5px 0; line-height: 1.2em; }
.listingResult .context .description { font-size: 0.8em; text-align: justify; line-height: 1.1em; margin: -10px 0 10px 0; }
.listingResult .context table { font-size: 0.8em; width: 100%; }
.listingResult .context table th, .listingResult .context table td, .listingResult .context table caption { text-align: center; }
.listingResult .context table th { border: 1px solid #AB0000; }
.listingResult .disclaimer { margin-top: 5px; font-size: 0.7em; font-style: italic; }
.listingResult .disclaimer img { float: right; padding-right: 10px; }

/* 6.7	Detailed Listing Page
-------------------------------------------------------------------------------*/
.individualListing { float: left; width: 550px; font-size: 1.0em; }
.individualListing .listingOverview #address { font-weight: bold; float: left; margin-bottom: -10px; }
.individualListing .listingOverview #price { font-size: 1.3em; float: right;}
.individualListing .listingOverview #price a, .individualListing .listingOverview #price img { display: inline; }
.individualListing .listingOverview #region { float: left; font-size: 1.1em; }
.individualListing .listingOverview #mls { float: right; font-size: 1.1em; }
.individualListing .listingOverview #realtor { font-size: 1.0em; margin-top: 2px; }

.individualListing .listingPhotos { overflow: hidden; margin: 15px 0 15px 0; }
.individualListing .listingPhotos .multiphotos_container { padding-top: 2px; }
.individualListing .listingPhotos #main_listing_photo { float: left; }
.individualListing .listingPhotos #main_listing_photo { border: 1px solid #E4E4E4; margin-right: 5px;  }
.individualListing .listingPhotos .listing_photo { float: left; border: 1px solid #E4E4E4; margin: 3px; }

.individualListing p { text-align: justify; font-size: 0.9em; line-height: 1.3em; }

.individualListing #listing-properties, .individualListing #listing-realtor { width: 265px; float: left; font-size: 1.0em; }
.individualListing #listing-properties dd, #listing-realtor dd { color: #888; line-height: 1.4em; }
.individualListing #listing-properties #features { margin-top: 10px; }
.individualListing #listing-properties #features li { float: left; margin-bottom: 5px; margin-left: 2px; }
.individualListing #listing-properties #features p { clear: left; font-size: 0.8em; }
.individualListing #listing-realtor { padding-left: 20px; }
.individualListing #listing-realtor .realtor_details { margin-bottom: 10px; border-bottom: 1px solid #E4E4E4; }
.individualListing #listing-realtor	dd.photo { float: right; }
	
.individualListing .disclaimer { font-size: 0.8em; font-style: italic; }	
.individualListing .disclaimer img { float: left; margin-left: 285px; margin-top: 15px; }
.block-listings-nav { padding-left: 10px; background: #F1F1F1; }
.block-listings-nav dd { margin-bottom: 20px; }
.block-listings-nav img { float: left; vertical-align: baseline; }

.block-listings-nav dt.current a { font-weight: bold; }
.block-listings-nav dd.current { font-weight: bold; }
.block-listings-nav dd.current .price { font-weight: bold; }

.block-listings-nav	.listings-nav-select { text-align: center; }
.block-listings-nav	.listings-nav-select .prev-listing, .block-listings-nav .listings-nav-select .return-listing, .block-listings-nav .listings-nav-select .next-listing { display:inline; }
.block-listings-nav	.listings-nav-select a:link, .listings-nav-select a:visited { padding: 5px; }

#homezilla-disclaimer { text-align: center; font-size: .8em; margin-top: 5px; width: 498px; font-style: italic; }


/* 6.8	Detailed Office Search
-------------------------------------------------------------------------------*/
/*
.detailed-office-search {  width: 550px; font-size: 1.0em; overflow: hidden; }
.detailed-office-search form li { padding-top: 25px; float: left; }
.detailed-office-search form .wrap { background: #f3f3f3; border: 1px solid #ddd; padding: 3px; float: left; margin-right: 15px; }
.detailed-office-search form input, .detailed-office-search form select { background: #f3f3f3; color: #7b7b7b; font-size: 0.8em; border: 0; float: left; width: 162px; }
.detailed-office-search form label { float: left; display: block; width: 68px; margin-right: 7px; margin-top: 4px; overflow: hidden; }
.detailed-office-search form label.second { text-align: right; width: 88px; padding-right: 7px; }
.detailed-office-search .submit-search { float: right; margin: 0 15px 10px 0; }
*/
.search-results-found { font-weight: bold; }
.office-search-results:after { clear: left; }
.office-search-results { width: 550px;  }
.office-search-list { float: left; display: block;  width: 48%; margin: 3px; }
.office-search-results .even { background: #f6f6f6; }
.office-search-results .odd { background: #EEEEEE; }
.office-search-results .office-detail, .office-search-results .office-detail-child { border: 1px solid #E4E4E4; margin-bottom: 10px; font-size: 0.9em; }
.office-search-results .office-detail li, .office-search-results .office-detail-child li { line-height: 1.3em; }
.office-search-results .office-detail { padding-left: 2px; }
.office-search-results .office-detail-child { width: 250px; margin-left: 10px; }
.office-search-results .office-detail-child li { padding-left: 10px; }
.office-search-results .office-detail-child img, .office-search-results .office-detail-child a { display: inline; } 



.office_regional_display:after { clear: left; }
.office_regional_display { border: 1px solid #ddd; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 0 23px 23px; margin-bottom: 15px; font-size: 0.9em; }
.office_regional_display ul { margin: 5px 0 0 0; padding-left: 0; }
.office_regional_display li { line-height: 1.3em; }

/* 6.9	Office City Lists
-------------------------------------------------------------------------------*/

.officebrowse-wrap:after { clear: left; }
.officebrowse-wrap { border: 1px solid #ddd; width: 500px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 23px; margin-top: 10px; }
.officebrowse-wrap .officebrowse { float: left; vertical-align: top; width: 33%; }
.officebrowse-wrap .column_1 { width: 33%; }
.officebrowse-wrap .column_2 { width: 25%; }
.officebrowse-wrap .column_3 { width: 42%; }

.officebrowse-wrap .officebrowse .officeprovince { font-weight: bold; color: #393939; font-size: 1.0em; margin: 8px 0 2px 0;}
.officebrowse-wrap .officebrowse li { margin-bottom: 4px; }

.officecities-wrap { border: 1px solid #ddd; margin: 0 auto; width: 798px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 23px; }
.officecities-wrap .officebrowselist { float: left; vertical-align: top; width: 25%; }
.officecities-wrap .officebrowselist li { margin-bottom: 4px; }

.province-cities-wrap:after { clear: left; }
.province-cities-wrap { border: 1px solid #ddd; width: 500px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 23px; }
.province-cities-wrap	.officebrowselist { vertical-align:top; width:33%; height: 100%; float:left; }
.province-cities-wrap .officebrowselist a { line-height: 1.3em; }

/* 6.10	Detailed Realtor Search
-------------------------------------------------------------------------------*/

.small-registered { font-size: 0.6em; vertical-align: top; }

/*
.detailed-realtor-search {  width: 550px; font-size: 1.0em; overflow: hidden; }
.detailed-realtor-search form li { padding-top: 25px; float: left; }
.detailed-realtor-search form .wrap { background: #f3f3f3; border: 1px solid #ddd; padding: 3px; float: left; margin-right: 15px; }
.detailed-realtor-search form input, .detailed-realtor-search form select { background: #f3f3f3; color: #7b7b7b; font-size: 0.8em; border: 0; float: left; width: 162px; }
.detailed-realtor-search form label { float: left; display: block; width: 68px; margin-right: 7px; margin-top: 4px; overflow: hidden; }
.detailed-realtor-search form label.second { text-align: right; width: 88px; padding-right: 7px; }
.detailed-realtor-search form .short input { width: 80px; }
.detailed-realtor-search form .short .wrap { margin-right: 5px; }
.detailed-realtor-search form .short label.second { width: 70px; }
.detailed-realtor-search form .short label.third { width: 70px; }
.detailed-realtor-search form li.checkbox { float; left; }
.detailed-realtor-search form li.checkbox input { width: 10px; }
.detailed-realtor-search form li.checkbox label { line-height: 1.2em; }

.detailed-realtor-search .submit-search { float: right; margin: 0 15px 10px 0; }
*/

.search-results-found { font-weight: bold; }
.realtor-search-results:after { clear: left; }
.realtor-search-results { width: 550px;  }
.realtor-search-results .even { background: #f6f6f6; }
.realtor-search-results .odd { background: #EEEEEE; }
.realtor-search-results .realtor-detail { border: 1px solid #E4E4E4; margin-bottom: 10px; font-size: 0.9em; }
.realtor-search-results .realtor-detail { padding: 5px; font-size: 0.9em; }
.realtor-search-results .realtor-detail li { display: inline;  margin: 2px; line-height: 1.3em; }
.realtor-search-results .realtor-detail ul:after { clear: both; }
.realtor-search-results .realtor-detail .realtor-designation { font-style: italic; }
.realtor-search-results .realtor-detail ul.line-two { padding-left: 5px; }
.realtor-search-results .realtor-detail li.realtor-name a { font-size: 1.1em; font-weight: bold; }
.realtor-search-results .realtor-detail div.realtor-contact { float: right; line-height: 1.3em; }
.realtor-search-results .realtor-detail div.realtor-contact div, .realtor-search-results .realtor-detail div.realtor-contact img { display: inline; vertical-align: top; }
.realtor-search-results .realtor-detail li.realtor-speclang { padding-left: 10px; }

/* 6.11	Realtor City Lists
-------------------------------------------------------------------------------*/

.realtorbrowse-wrap:after { clear: left; }
.realtorbrowse-wrap { border: 1px solid #ddd; width: 500px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 23px; margin-top: 10px; }
.realtorbrowse-wrap .realtorbrowse { float: left; vertical-align: top; width: 33%; }
.realtorbrowse-wrap .column_1 { width: 33%; }
.realtorbrowse-wrap .column_2 { width: 25%; }
.realtorbrowse-wrap .column_3 { width: 42%; }

.realtorbrowse-wrap .realtorbrowse .realtorprovince { font-weight: bold; color: #393939; font-size: 1.0em; margin: 8px 0 2px 0;}
.realtorbrowse-wrap .realtorbrowse li { margin-bottom: 4px; }

.realtorcities-wrap { border: 1px solid #ddd; margin: 0 auto; width: 798px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 23px; }
.realtorcities-wrap .realtorbrowselist { float: left; vertical-align: top; width: 25%; }
.realtorcities-wrap .realtorbrowselist li { margin-bottom: 4px; }

.province-cities-wrap:after { clear: left; }
.province-cities-wrap { border: 1px solid #ddd; width: 500px; background: #f1f1f1 url(images/bg/listings.png) repeat-y top left; padding: 23px 23px 23px; }
.province-cities-wrap	.realtorbrowselist { vertical-align:top; width:33%; height: 100%; float:left; }


/* 6.12 Dictionary
-------------------------------------------------------------------------------*/

#dictionary_list dt a { font-weight: bold; }
#dictionary_list dd { margin-left: 1.5em; }
#dictionary_list dd ul { list-style: circle; margin: 0 0 1em 1.5em; }
#dictionary_list dd ul li { line-height: 1.3em; }
#dictionary_alphabar { text-align: center; margin-bottom: 1em; }
#dictionary_alphabar li { display: inline; padding: 0 3px 0 3px; }
#dictionary_alphabar .selected { font-weight: bold; font-size: 1em; }
#dictionaryblock, #dictionaryblock input { font-size: 1em; }

/* 6.13 Author of the Week
-------------------------------------------------------------------------------*/
#authoroftheweekdisplay p { text-align: justify; }
#authoroftheweekdisplay img { vertical-align: top; float: left;  margin-right: 10px; }

#authoroftheweekdisplay { text-align: justify; line-height: 1.3em; }
#authoroftheweekdisplay h2 { line-height: 1.0em; }
#authoroftheweekdisplay img { padding-right: 10px; float: left; }
#authoroftheweekdisplay p sup { font-size: .7em; line-height: 0; }
#authoroftheweekdisplay ul { line-height: 1.3em; list-style-type: disc; margin: 0 0 20px 23px; }
#authoroftheweekdisplay ol { line-height: 1.3em; list-style-type: decimal; margin: 0 0 20px 23px; }

/* 6.14 Articles
-------------------------------------------------------------------------------*/
#article_panels .column { float: left; width: 48%; }
#article_panels .column .header { text-align: center; }
#article_panels .column .header h3 { padding-bottom: 0px; }
#article_panels .column .category { margin: 8px 2px 8px 2px; background: #F1F1F1; }
#article_panels .column .category .categoryheader { background: #e4e4e4;  text-align: center; padding: 5px; border: 1px solid black; margin-bottom: 3px; }
#article_panels .column .category .categoryheader:hover { background: white; cursor: pointer;}
#article_panels .column .category .categoryheader .categorytitle { color: #ab0000; text-transform: uppercase; font-weight: bold;}
#article_panels .column .category .categoryheader .message { color: #ab0000; text-decoration: none; font-size: .8em; display: block; }
#article_panels .column .category ul.articles { margin: 0 5px 0 5px; padding-bottom: 5px; }
#article_panels .column .category ul.articles li .article { margin-bottom: 10px; }
#article_panels .column .category ul.articles li .article .title { margin-bottom: 5px; }
#article_panels .column .category ul.articles li .article .teaser { font-size: 0.85em; }

.node .content { text-align: justify; line-height: 1.3em; }
.node .content img { padding-right: 10px; float: left; }
.node .content p sup { font-size: .7em; line-height: 0; }
.node .content ul { line-height: 1.3em; list-style-type: disc; margin: 0 0 20px 23px; }
.node .content ol { line-height: 1.3em; list-style-type: decimal; margin: 0 0 20px 23px; }

/* 6.15 Sutton Search
-------------------------------------------------------------------------------*/
#searchresult_header {text-align:center; background: #e4e4e4; color: #222; height: 30px;}
#searchresult_header #left { width: 5%; background: #e4e4e4; float: left;}
#searchresult_header #right {width: 5%; background: #e4e4e4; 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;}
.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;}
    
    
/* 6.16 Auto Complete
-------------------------------------------------------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 20px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #AA0404;
	color: white;
}

/* 6.17 Add This
-------------------------------------------------------------------------------*/
.block-addthis { float: left; margin-top: 5px; }

/*-------------------------------------------------------------------------------
	7.	F O O T E R
-------------------------------------------------------------------------------*/ 

#footer { background: url(images/bg/footer.jpg) no-repeat top left; height: 102px; font-size: 0.9em; overflow: hidden; }
#footer .wrapper { background: url(images/bg/sutton.jpg) no-repeat center left; padding: 10px 20px 45px 141px; margin: 0 32px; }
#footer p { float: left; padding-top: 30px; }
#footer p a { margin-left: 15px; }
#footer ul { float: right; }
#footer ul li { float: right; padding-top: 20px; }