<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Search London & Area Homes & Condos For Sale</title>
	<meta name="keywords" content="Ailsa Craig, Arva, Ilderton, Kilworth, Komoka, London, London East, London North, London South, Mount Brydges, St. Thomas" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/plugins/buttons/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/print.css" media="print" />
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="/css/blueprint/ie.css" media="screen" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="/css/sticky-footer.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/site-master.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/themes/default.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/themes/responsive.css" />
<script type="text/javascript" src="/js/jquery.js"></script>
			<script>
    (function(w,d,t,r,u)
    {
        var f,n,i;
        w[u]=w[u]||[],f=function()
        {
            var o={ti:"211054396", enableAutoSpaTracking: true};
            o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
        },
        n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
        {
            var s=this.readyState;
            s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
        },
        i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
    })
    (window,document,"script","//bat.bing.com/bat.js","uetq");
</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1072680927964122');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1072680927964122&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
				<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11414538781"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-11414538781');
</script>
		</head>
<style>
	.ui-autocomplete .ui-menu-item {
		border-top: 1px solid #3333;
		padding: 4px 0px 4px 6px !important;
		margin-left: -2px !important;
		width: calc(100% - 2px) !important;
	}

	.ui-autocomplete .ui-menu-item:hover,
	.ui-autocomplete .ui-menu-item:hover a {
		background-color: #fafafa;
	}

	.ui-autocomplete li:first-child {
		border-top: none !important;
	}

	.ui-autocomplete .ui-menu-item a {
		background-image: url('https://www.clickablehomefinder.com/img/autocomplete-icons.png');
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: -14px -104px;
		padding: 1px 1px 1px 18px !important;
		background-color: #ffffff;
		border: none !important;
		margin: 0 !important;
	}

	#headercontainer {
		background: url('/img/bg-shadow2.png') repeat-x scroll 0 0 #346cc7 !important;
	}
</style>

<body>
	<div id="wrap">
		<div id="company-info-bar">
	</div>
		<div id="headercontainer">
			<div id="header">
				<h1 id="site-header">
					Search London & Area Homes & Condos For Sale				</h1>
									<h3 id="site-subheader">View 1,000's of MLS® Listings in Real-Time As They Come Onto the Market... See Pictures, Videos & Property Details!</h3>
							</div>
		</div>
		<div id="content" class="container showgrid-off">

						<div id="maincontent">
									<style>
	.areYouRadio input {
		float: left;
	}

	.areYouRadio label {
		float: left;
		margin-top: 3px;
	}

	.areYouRadio label+input {
		clear: both;
	}

	.ui-autocomplete .ui-menu-item {
		border-top: 1px solid #3333;
		padding: 4px 0px 4px 6px !important;
		margin-left: -2px !important;
		width: calc(100% - 2px) !important;
	}

	.ui-autocomplete .ui-menu-item:hover,
	.ui-autocomplete .ui-menu-item:hover a {
		background-color: #fafafa;
	}

	.ui-autocomplete li:first-child {
		border-top: none !important;
	}

	.ui-autocomplete .ui-menu-item a {
		background-image: url('../../img/autocomplete-icons.png');
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: -14px -104px;
		padding: 1px 1px 1px 18px !important;
		background-color: #ffffff;
		border: none !important;
		margin: 0 !important;
		font-size: 14px;
	}
</style>
<script type="text/javascript" src="/js/theme1/jquery-1.8.2.min.js"></script>
	<style>
		.submit input[type="submit"] {
			background-color: #6a6a6a;
			border: 0 none;
			color: #fff;
			font-size: 1.375em;
			height: auto;
			margin-bottom: 20px;
			padding: 10px 15px;
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		function show_nebhour(neighbour_id) {
			if ($('.Areas' + neighbour_id).is(':checked')) {
				$('#Areas' + neighbour_id).show();
			} else {
				$('#Areas' + neighbour_id).find('input[type=checkbox]:checked').removeAttr('checked');
				$('#Areas' + neighbour_id).hide();
			}
		}
	</script>

		<script>
		$(document).ready(function() {
			if ($("#AreasAddress").length > 0) {
				var search_result = [];
				$("#AreasAddress").autocomplete({
					source: async function(request, response) {
						var inputsearch = $("#AreasAddress").val();
						const provider = new GeoSearch.OpenStreetMapProvider({
							params: {
								addressdetails: 1,
								countrycodes: 'ca',
								limit: 25
							},
						});
						const results = await provider.search({
							query: inputsearch
						});
						var json = JSON.parse(JSON.stringify(results));
						var res = [];
						$.each(json, function(x, y) {
							search_result.push(y);
							res.push(y.label);
						});

						response(res);
					},
					minLength: 1,
					select: function(event, ui) {

						$.each(search_result, function(x, y) {

							if (y.label == ui.item.value) {
								$("#AreasLat").val(y.raw.lat);
								$("#AreasLng").val(y.raw.lon);

								$("#AreasCity").val(y.raw.address.city);
								$("#AreasNeighborhood").val(y.raw.address.neighbourhood);
							}
						});

					}
				});
			}
		});
	</script>
	<script type="text/javascript" src="/js/sweetmodal/jquery.sweet-modal.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/sweetmodal/jquery.sweet-modal.min.css" />
		<script>
			$(document).ready(function($) {
				$('#submit_areas_page').click(function() {
					//return false;
					var chklength = $('input:checkbox.main_areas').length;

					if ($('input:checkbox.main_areas:checked').length <= 0 && $('#AreaSpecificArea').val() == "") {
						//$("html, body").animate({ scrollTop: 0 });
						$.sweetModal({
							content: '<h3>You must pick at least one Area to receive any search results.</h3>',
							icon: $.sweetModal.ICON_WARNING
						});
						return false;
					}

					var co_sel_area = 0;
					var need_neigh_for = Array();
					$('input:checkbox.main_areas:checked').each(function() {
						co_sel_area++;
						//var sThisVal = (this.checked ? $(this).val() : "");
						//alert(sThisVal);
						var area_class_name_array = $(this).attr('class').split(' ');
						var area_class_name = area_class_name_array[0];
						//alert(area_class_name);

						var chkneighlength = $('div#' + area_class_name + ' input[type=checkbox]').length;
						//alert(chkneighlength);

						var co_sel_neigh = 0;
						//alert(co_sel_neigh);
						$('div#' + area_class_name + ' input[type=checkbox]:checked').each(function() {
							//alert('hello');					
							co_sel_neigh++;
						});

						if (chkneighlength > 0 && co_sel_neigh <= 0) {
							need_neigh_for.push($(this).val());
						}
						//alert(co_sel_neigh);

					});

					if (chklength > 0 && need_neigh_for.length > 0) {
						//show_alert_pop_area = 2; 
						//show_search_tab(1);
						//parent.$.fancybox.close();
						//$(window).scrollTop($('#grl_areas').offset().top);
						//$(window).scrollTop($('#grl_areas').offset().top);
						//$("html, body").animate({ scrollTop: 0 });
						$.sweetModal({
							content: '<h3>You must pick at least one Area to receive any search results.</h3>',
							icon: $.sweetModal.ICON_WARNING
						});
						return false;
					} else {
						$('#AreasForm').submit();
					}
					//alert(co_sel_neigh);
					//var chk_arr =  document.getElementsByName("area[]");
					//$('#AreasForm').submit();
				});
			});
		</script>
		<form action="/areas" id="AreasForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST" /></div>	
			<h2>Step 1 of 3: Choose Areas</h2>
		<div class="inline span-10">
			<fieldset><legend>Are You?</legend><div class="area-selection areYouRadio"><input type="radio" name="data[Areas][are_you]" id="AreasAreYouBuying" value="Buying" checked="checked"  /><label for="AreasAreYouBuying">Buying</label><input type="radio" name="data[Areas][are_you]" id="AreasAreYouSelling" value="Selling"  /><label for="AreasAreYouSelling">Selling</label><input type="radio" name="data[Areas][are_you]" id="AreasAreYouBuyingAndSelling" value="Buying and Selling"  /><label for="AreasAreYouBuyingAndSelling">Both</label></div></fieldset>				<style>
					#grl_areas div.checkbox {
						float: left;
						width: 50%;
					}
				</style>
						<style>
				.span-10 {
					width: 470px;
				}

				.prepend-2 {
					padding-left: 0px;
				}
			</style>
			<fieldset>
				<legend>Which Areas are you interested in?</legend>
				<input type="hidden" value="" name="data[Areas][areas]">
				<div id="grl_areas" class="area-selection"><div class="checkbox">
			<input type="checkbox" id="AreasAreasLondon" value="London" name="data[Areas][areas][London]" class="Areas8911 main_areas" data-areaId="8911"  onclick="show_nebhour(8911);">
			<label for="AreasAreasLondon">London</label></div><div class="checbox" id="Areas8911" style="display:none"><fieldset style="width:94%;float:left; margin-top:10px" class="neighborhood_fieldset">
				<legend style="font-weight:normal; font-size:13px">Choose Neighborhoods for <b><i>London</i></b>?</legend><div style="float:left;width:50%;"><input type="checkbox"  id="selectAllArea">
						<label for="selectAllArea"  style="font-size:13px"> All Neighborhoods</label></div><div style="float:left;width:50%;"><input type="checkbox" id="AreasAreasLondon East" value="London East" name="data[Areas][areas][London][]">
					<label for="AreasAreasLondon East" style="font-size:13px">London East</label></div><div style="float:left;width:50%;"><input type="checkbox" id="AreasAreasLondon North" value="London North" name="data[Areas][areas][London][]">
					<label for="AreasAreasLondon North" style="font-size:13px">London North</label></div><div style="float:left;width:50%;"><input type="checkbox" id="AreasAreasLondon South" value="London South" name="data[Areas][areas][London][]">
					<label for="AreasAreasLondon South" style="font-size:13px">London South</label></div><div style="float: left; width: 100%; color: rgb(255, 0, 0); font-size: 14px; text-shadow:0 0 15px #fff">You must pick at least one Neighbourhood to receive your search results</div></fieldset></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasSt. Thomas" value="St. Thomas" name="data[Areas][areas][St. Thomas]" class="Areas8638 main_areas" data-areaId="8638"  onclick="show_nebhour(8638);">
			<label for="AreasAreasSt. Thomas">St. Thomas</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasAilsa Craig" value="Ailsa Craig, North Middlesex (ailsa Craig)" name="data[Areas][areas][Ailsa Craig]" class="Areas8898 main_areas" data-areaId="8898"  onclick="show_nebhour(8898);">
			<label for="AreasAreasAilsa Craig">Ailsa Craig</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasArva" value="Arva, Middlesex Centre (arva)" name="data[Areas][areas][Arva]" class="Areas8900 main_areas" data-areaId="8900"  onclick="show_nebhour(8900);">
			<label for="AreasAreasArva">Arva</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasIlderton" value="Ilderton, Middlesex Centre (ilderton)" name="data[Areas][areas][Ilderton]" class="Areas8899 main_areas" data-areaId="8899"  onclick="show_nebhour(8899);">
			<label for="AreasAreasIlderton">Ilderton</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasMount Brydges" value="Mount Brydges, Strathroy-caradoc (mount Brydges)" name="data[Areas][areas][Mount Brydges]" class="Areas8897 main_areas" data-areaId="8897"  onclick="show_nebhour(8897);">
			<label for="AreasAreasMount Brydges">Mount Brydges</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasKomoka" value="Komoka, Middlesex Centre (komoka)" name="data[Areas][areas][Komoka]" class="Areas8901 main_areas" data-areaId="8901"  onclick="show_nebhour(8901);">
			<label for="AreasAreasKomoka">Komoka</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasKilworth" value="Kilworth, Middlesex Centre (kilworth)" name="data[Areas][areas][Kilworth]" class="Areas8902 main_areas" data-areaId="8902"  onclick="show_nebhour(8902);">
			<label for="AreasAreasKilworth">Kilworth</label></div></div>									<div class="input text" style="float:left; width:100%">
						<label for="AreaSpecificArea">Other Area?</label>
						<input type="text" id="AreaSpecificArea" value="" class="title" name="data[Areas][specific_area]">
					</div>
							</fieldset>
		
				<div class="submit">
					<div class="clear">
						<input id="submit_areas_page" type="submit" value="Continue &gt;&gt;" />						<div style="float:right;"><img class="mls_logo" src="/img/mlsr.png"></div>
					</div>
				</div>
				</div>
				</form>				<div class="span-12 last prepend-2"><div class="site-photo"><img src="/uploads/945_061224044059_4.jpg" alt="Search London &amp; Area Homes &amp; Condos For Sale" width="425" height="246" /></div></div><div id="additional-content">
London  is a city in southwestern Ontario, Canada, along the Quebec City-Windsor Corridor. The city had a population of 422,324 according to the 2021 Canadian census. London is at the confluence of the Thames River, approximately 200 km  from both Toronto and Detroit; and about 230 km  from Buffalo, New York. The city of London is politically separate from Middlesex County, though it remains the county seat.<br />
<br />
St. Thomas is a city in southwestern Ontario, Canada, and serves as the seat of Elgin County. First settled in 1810, it was named after Thomas Talbot, who played an important role in the area's development. The settlement was founded by Daniel Rapelje, who laid out the first village lots in 1820 and contributed land for the construction of Old St. Thomas Church. St. Thomas became a village in 1852, a town in 1861, and officially gained city status in 1881.<br />
<br />
Komoka is a growing community in southwestern Ontario, Canada, located just west of London. The community expanded significantly after the arrival of the railway in 1854, which helped drive local growth and development. Today, Komoka is known for its natural surroundings, family-friendly atmosphere, and access to outdoor recreation.<br />
<br />
Mount Brydges is a community in southwestern Ontario, Canada, located west of London. Originally established in the 1850s with the arrival of the railway, it grew as an agricultural and commercial center for the surrounding area. Today, Mount Brydges is known for its small-town charm, family-friendly environment, and strong community spirit.<br />
</div>
<style type="text/css" media="all">

	.image_carousel {
		position: relative;
		float:left;
		width:100%; 
		margin-top:30px;
		clear:both;
	}


	.image_carousel img {
		border: 1px solid #ccc;
		background-color: white;
		padding: 9px;
		margin: 7px;
		display: block;
		float: left;
		cursor : pointer;
		box-shadow: 0 0 10px #444444;
		width:203px;
		height:174px; 
	}

	.image_carousel .caroufredsel_wrapper{
		width:100% !important;
	}

	a.prev, a.next {
		background: url(https://www.clickablehomefinder.com/img/miscellaneous_sprite.png) no-repeat transparent;	
		width: 45px;
		height: 50px;
		display: block;
		position: absolute;
		top: 85px;
	}

	a.prev {
		left: -22px;
		background-position: 0 0;
	}

	a.prev:hover {		
		background-position: 0 -50px; 
	}

	a.prev.disabled {	
		background-position: 0 -100px !important; 
	}

	a.next {
		right: -25px;
		background-position: -50px 0; 
	}

	a.next:hover {	
		background-position: -50px -50px; 
	}

	a.next.disabled {	background-position: -50px -100px !important;  }

	a.prev.disabled, a.next.disabled {
		cursor: default;
	}

	a.prev span, a.next span {
		display: none;
	}

	.pagination {
		text-align: center;
	}

	#additional-content {
		text-align:justify;
	}
	
	.pagination a {
		background: url(https://www.clickablehomefinder.com/img/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
		width: 15px;
		height: 15px;
		margin: 0 5px 0 0;
		display: inline-block;
	}

	.pagination a.selected {
		background-position: -25px -300px;
		cursor: default;
	}

	.pagination a span {
		display: none;
	}

	.clearfix {
		float: none;
		clear: both;
	}
	
	
	#foo2 .inline_info{ width:282px; margin-left:-289px; margin-top:151px; float:left; min-height:40px; padding:5px 0; background:#000; opacity:0.7; filter:alpha(opacity=70); color:#fff; text-align:center;}
	#foo2 img.sold{ width:90px; height:89px; margin-left:-97px; margin-top:7px; box-shadow:none; float:left; border:0; padding:0; background:none;}
</style>
<div class="container showgrid-off">
		
<div class="image_carousel">
	<div id="foo2">
								<img src='/uploads/945_131123051534_1699869727_London_2.jpeg' />
								<img src='/uploads/945_131123051535_1699869744_Port_Stanley.jpg' />
								<img src='/uploads/945_131123051536_1699869764_St_Thomas.jpg' />
								<img src='/uploads/945_131123051536_1699869787_strathroy.jpg' />
								<img src='/uploads/945_131123051537_1699869818_Stratford.jpeg' />
								<img src='/uploads/945_131123051704_1699869838_Woodstock.jpg' />
					</div>
	<div class="clearfix"></div>
	<a class="prev" id="foo2_prev" href="#"><span>prev</span></a>
	<a class="next" id="foo2_next" href="#"><span>next</span></a>
	<div class="pagination" id="foo2_pag"></div>
</div> 
 <script type="text/javascript" src="/js/caruFredSel/jquery.carouFredSel.6.2.1-packed.js"></script><script type="text/javascript" language="Javascript">


	$(function() {
		$("#foo2").carouFredSel({
			responsive		: true,
			items: {
				width: 300,
                visible: {
                    min: 1,
                    max: 4                }
			},
			circular: true,
			infinite: false,
			auto 	: true,
			scroll	: {
				items			: 1,
				duration  		: 1000,
				pauseDuration 	: 1000			},
			prev	: {	
				button	: "#foo2_prev",
				key		: "left"
			},
			next	: { 
				button	: "#foo2_next",
				key		: "right"
			},
			pagination	: "#foo2_pag"
			 
		});
	});
</script>  
</div>
			
			<script>
				$(function() {
 					if ($('.main_areas').length == 1) {
						$('input[type="checkbox"].main_areas:first').prop('checked', true);
					}


					if ($('#selectAllArea').length) {
						$('#selectAllArea').on('change', function() {
							var isChecked = $(this).is(':checked');

							// Check or uncheck all checkboxes within .neighborhood_fieldset
							$('.neighborhood_fieldset input[type="checkbox"]').prop('checked', isChecked);
						})
					}

					if ($('.main_areas').length) {
						$('.main_areas').each(function(){
							if($(this).is(':checked')){
								var areaId = $(this).attr('data-areaid');
 								if(areaId){
									show_nebhour(areaId);
								}
							}
						});
					}
					
				})

				
			</script>							</div>
		</div>
	</div>
		<div id="footer" class="container showgrid-off veryquiet">
					<style>
				.crea_feed_div {
					padding-bottom: 20px;
					padding-top: 20px;
					width: 100%;
					width: 100%;
					border-top: 1px solid #cccccc;
					border-bottom: 1px solid #cccccc;
					font-family: Arial, Helvetica, sans-serif;
					float: left;
					margin-bottom: 20px;
				}

				.crea_feed_div .crea_feed_content {
					color: rgb(153, 153, 153);
					font-size: 11px;
					margin-left: 50px;
					text-align: center;
					width: 90%;
					margin: auto;
				}
			</style>
			<div class="crea_feed_div">
				<div class="crea_feed_content" align="center">
					The trademarks MLS&reg;, Multiple Listing Service&reg; and the associated logos are owned by The Canadian Real Estate Association (CREA) and
					identify the quality of services provided by real estate professionals who are members of CREA.
					<br><br>The information contained on this site is based in whole or in part on information that is provided by members of The Canadian Real Estate Association, who are responsible for its accuracy. CREA reproduces and distributes this information as a service for its members and assumes no responsibility for its accuracy.
				</div>
			</div>
				<div id="copyright">
							&copy; 2026 SellingToolz Ltd.

				|
						<link rel="stylesheet" type="text/css" href="/css/fancybox/jquery.fancybox-1.3.4.css" /><script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script><script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script><script>
$(document).ready(function()
{
	$('.login_popup_btn').click(function(event) 
	{
		event.preventDefault();
		var href = $(this).attr('href');
		var popup_theme = 'login_popup';
		var popup_outer_wrap = popup_theme+'_outer';
		var popup_wrap_class =  popup_theme+'_wrap';
		var screen_width = screen.width;
		if(screen_width > 500)
		{
			$.fancybox({
				content: '<iframe  style="width:470px;height:450px" src="https://www.goldrushleads.com/login?is_front_end_login_popup=1" frameborder="0" allowfullscreen></iframe>',
				centerOnScroll: true
		   });
		}  
		else
		{
			$.fancybox({
   				 	content: '<iframe  style="width:100%;height:450px;" src="https://www.goldrushleads.com/login?is_front_end_login_popup=1" frameborder="0" allowfullscreen></iframe>',
		   			centerOnScroll: true
		   });
		} 
		$('#fancybox-content').css('border-color','#f9f9f9');
	});
});	
</script>
<style>
	.login_popup_outer #fancybox-content
	{
		border-width:0px !important;
	}
	.login_popup_wrap
	{
		border:0px !important;
	}
	 .user_login_btn_wrap
	{
		display:inline-block;
	}
	
</style>
<div class="user_login_btn_wrap button_wrap">
	<a class="login_popup_btn" target="_blank"  href="https://www.goldrushleads.com/login?is_front_end_login_popup=1">Login</a>
</div>
		</div>
		<div id="company-privacy">
			The Realty Firm., Brokerage | 734 Wellington Street, London, Ontario, Canada N6A 3S2 | <a href="/privacy_policy" rel="privacy" class="popup" target="_blank">Privacy Policy</a>		</div>
			</div>

	
		<style>
.loading_grl
{
 display:none; margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(102, 102, 102,0.9); z-index: 30001;
}
.loading_grl #loading_wrap
{
 position: absolute; color: White; background-color:#FFFFFF; top: 40%; left: 0;right:0;margin:0 auto; border:5px solid #000000; width:47%; height:180px; text-align:center; opacity:0.95
}
.loading_grl #loading_wrap h1
{
 color:#252122; text-align:center; font-weight:bold; font-size:24px; margin-top:10px
}
.loading_grl #loading_wrap #loading_block
{
 position:relative; margin-top:20px
}
.loading_grl #loading_wrap #loading_block p
{
 margin-bottom:10px; color:#333333; font-weight:bold; font-size:16px;
}
@media screen and (max-width: 1024px)
{
 .loading_grl #loading_wrap
 {
  width:90%;
  height: auto;
 }
 .loading_grl #loading_block
 {
  margin-bottom:20px;
 }
}
</style>
	
<div class="loading_grl" >
 <div id="loading_wrap" >
  			<h1>Loading...</h1>
		<div id="loading_block">
			<p></p>
			<img src="https://www.clickablehomefinder.com/img/horizontal_loader.gif" width="33%;">
		</div>
	 	   
 </div> 
</div>		<script type="text/javascript">
		// When the document is ready set up our sortable with it's inherant function(s) 
		$(document).ready(function() {
			$('#signup_form').click(function() {
				$('.loading_grl').show();
			});
		});
	</script>
					<script>
			$(window).bind("load", function() {
				$.ajax({
					type: "POST",
					url: "https://www.clickablehomefinder.com/track_visitors",
					data: {
						devicetype: "desktop",
						slug: "",
						listing_id: "0",
						site_id: "945",
						cuurent_page: "/optin/clickablehomefinder.com/areas",
						referrer: "",
						view_type: "areas",
						title: "",
						lead_id: "0",
						params: ""
					},
					success: function(result) {
						//alert(result);
					}
				});
			});
		</script>
			</body>

</html>