<form onsubmit="SubmitForm(this)" action="https://showingnew.com/sunnisutton/Home/Show" class="pro-search-box" enctype="multipart/form-data" id="pro-search-box" method="post" name="pro-search-box" target="_blank"> <div class="mainDiv" style="font-family:'Myriad W01','Myriad Pro','Calibri','Arial','Helvetica','sans-serif'; color: #fff; background: #004a7c; border-radius: 3px; padding:21px 30px; width: 600px; margin:20px; box-sizing: border-box">
<h2 id="titleText" style="font-size:30px;font-weight:500; margin-bottom:5px; margin-top:0;">Search New Construction Home Listings</h2>
<fieldset id="HomesTypeFieldset" style="border: 0; margin: 0; padding: 0;">
<div id="homesTypeDiv">
<label for="AllNew" id="newHomesTooltip" style="color: rgb(0, 74, 124);margin-bottom: 15px; background: #fff; display: inline-block; padding: 5px 15px; border-radius: 2px; position: relative;" onclick="ChangeFocus(this,'inventoryHomesTooltip')">
All New Homes
<span for="AllNew" style="content: '';width: 0px; height: 0px; margin-left: -7px; position: absolute; bottom: -11px; left: 50%; border-top: 12px solid rgb(255, 255, 255); border-left: 7px solid transparent; border-right: 7px solid transparent;">
</span>
</label>
<label for="QMIOnly" id="inventoryHomesTooltip" style="display: inline-block; padding: 5px 15px;margin-bottom: 15px; margin-left: 50px; vertical-align: top; background: rgba(255, 255, 255, 0.3); border-radius: 2px; position:relative" onclick="ChangeFocus(this, 'newHomesTooltip')">
Inventory Homes
<span style="content: '';width: 0px; height: 0px; margin-left: -7px; position: absolute; bottom: -11px; left: 50%; border-top: 12px solid rgb(255, 255, 255); border-left: 7px solid transparent; border-right: 7px solid transparent; display: none;">
</span>
</label>
<input id="AllNew" name="QuickMoveIn" type="radio" value="0" checked="checked" style="display:none">
<input id="QMIOnly" name="QuickMoveIn" type="radio" value="1" style="display:none">
</div>
<p style="height: 50px; margin: 1px 0 10px 0; padding: 0;">
<input autocomplete="off" id="WidgetSearchText" maxlength="100" name="SearchText" placeholder="Enter City, Zip Code, School District or Community Name" type="text" value="Dallas, TX Area" style="float: left; display:inline-block; width: calc(100% - 50px); padding: 15px 20px; border-radius: 3px 0 0 3px; font-size: 16px; font-size: 1rem; font-weight: 300; line-height: 18px; background: #fff; border: 1px solid #ccdbe4; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
<input type="submit" value="Find Homes" style="float: left; display: inline-block; width: 50px; height: 0; padding: 50px 0 0 0; overflow: hidden; background-color: #f58220; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABApJREFUeNrcmk9IFFEcx9f1z5ppmlpKh+pgCVGBHfojpGuZkVRQYIRUFEEdOmRBdAs62ClCqENWF+kPniJDKPwflQcPecukNOiPZayV5aVVd/s++AmLzHsz8/7MsPuDz+W93XnzmZn35r3fm7R4PB5QiCywFewCm8B6sAospbo/4CcYAyPgFRgAkYDHkSYpWglOgiMg3+V/Y6APPADt4J8npkzUBdVgIK4vvoDzIMvlebjG6Q9LwMO4uXgLwn6L1oJvcfMxD5pBhh+iTWAu7m10gWW6RUWD0RVw1UE3Z4NJL+gGw2AUTIMoDVRrwAYQBvtBqYNjDoE6Oo7RweiCgyv/HVwChS6ubDo4AF47OD77TbbJR3e3zePK6q6DXMXGG8BXG9m7pkRL6U7xYhLUaOw7K0C3jewxE6KPBA2OgzIDI2ImuC9oNwKKdYpWCxr7YUgyse92CNpv1Sn6QtAna0zPXKjPj3DOYRasVTl+kAbf7aCKMzC3gH4PZqMz4DiYt6jLABd1vF7uCF4huR7czURaOecyBUIqdzSLViFWcYOutJfRDOYsygtBvexBmeg2zlKLzWzuBbyPT+AZp65ORTTMqeuiRbMf0c4pD6uIbubU9QT8i15OOctgZMuKlnPq3vgoOgk+c853naxoCafuQ8DfeM8pL5UVzePU/fZZlLdEy5MVzeTUzfosGuWUZ8qKzui8chpjGaf8r6zoFKdutc+ivPanZEXHOHUbfZQMCUbXMVnRd5y6Kh9Fd9DUdHFEZLP8QdomsIqDtGrwIw5xyl+qzIz6aZvA6n21zwfJJeAop65PRTQiWG9e9kH0FFhpUc7WqY9V16MnBGmMBg/XogWUgLOK5zpSKSFB6nGCsnVeiLYJLvheXTmjJkEjPR7seJ0VtD+kMzkWEiSn4pQKTTckeViQNI+BSt153TAdmBcdBnJIZ2x2BlpNbUlcs8mcs7u+RdPA02bTFkua55gSZY9nr80JsDzrbclcK9s4OicYXRPjF6gwuT+aTwOAXUTBE9BIu+IiOdYtWhwKLt6SUJYV7Y8WgKdgp4vXMkt/jNMkJEZLPbYKKePMXZ0GW7Hsof1XI1+lsETULXDao1nRR7CcLrJeWYe3vpEy5aYiRqNrDj2mEd2PsZsfF9PGbFSz5JDFe1K7rEzHZiPtTcU7PEdzV9G0Tqus7JdjC1mAetomqKGMQFDw+witJ/toFTLhoI0K+gikSLXPqohaiZfTEiufpFkii30POCqb69Elq1PUZCjLBgPJEcMkY/VUFNFFqEgFUWXZZBJVkk02UWnZZBSVkk1WUdeyySzqSjZZ3qMq71n2HUZtqojayXamkihPdpDNyYOB1IrFfXaQFh7TqSaaKNu5IMkK/wswALG7Nl7KQ+BAAAAAAElFTkSuQmCC');cursor:pointer; background-size: 29px 29px; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 0 3px 3px 0; font-weight: normal; text-align: center; line-height: 20px; border: 0;">
</p>
</fieldset>
<p id="SearchValidationError" style="color: #f58220;display:none; font-size:14px;">
<strong>Oops!</strong> Please enter a valid location (city, zip code or school district) or community name.
</p>
<fieldset style="border: 0; margin: 0; padding: 0;">
<p style="float: left; margin: 18px 18px 18px 0;">
<select id="PriceLow" name="PriceLow" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
<option>Min Price</option>
<option value="100000">$100,000</option>
<option value="125000">$125,000</option>
<option value="150000">$150,000</option>
<option value="175000">$175,000</option>
<option value="200000">$200,000</option>
<option value="225000">$225,000</option>
<option value="250000">$250,000</option>
<option value="275000">$275,000</option>
<option value="300000">$300,000</option>
<option value="325000">$325,000</option>
<option value="350000">$350,000</option>
<option value="375000">$375,000</option>
<option value="400000">$400,000</option>
<option value="425000">$425,000</option>
<option value="450000">$450,000</option>
<option value="475000">$475,000</option>
<option value="500000">$500,000</option>
<option value="550000">$550,000</option>
<option value="600000">$600,000</option>
<option value="650000">$650,000</option>
<option value="700000">$700,000</option>
<option value="750000">$750,000</option>
<option value="800000">$800,000</option>
<option value="850000">$850,000</option>
<option value="900000">$900,000</option>
<option value="950000">$950,000</option>
<option value="1000000">$1,000,000</option>
<option value="1100000">$1,100,000</option>
<option value="1200000">$1,200,000</option>
<option value="1300000">$1,300,000</option>
<option value="1400000">$1,400,000</option>
<option value="1500000">$1,500,000</option>
<option value="1600000">$1,600,000</option>
<option value="1700000">$1,700,000</option>
<option value="1800000">$1,800,000</option>
<option value="1900000">$1,900,000</option>
<option value="2000000">$2,000,000</option>
</select>
to
<select id="PriceHigh" name="PriceHigh" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
<option>Max Price</option>
<option value="100000">$100,000</option>
<option value="125000">$125,000</option>
<option value="150000">$150,000</option>
<option value="175000">$175,000</option>
<option value="200000">$200,000</option>
<option value="225000">$225,000</option>
<option value="250000">$250,000</option>
<option value="275000">$275,000</option>
<option value="300000">$300,000</option>
<option value="325000">$325,000</option>
<option value="350000">$350,000</option>
<option value="375000">$375,000</option>
<option value="400000">$400,000</option>
<option value="425000">$425,000</option>
<option value="450000">$450,000</option>
<option value="475000">$475,000</option>
<option value="500000">$500,000</option>
<option value="550000">$550,000</option>
<option value="600000">$600,000</option>
<option value="650000">$650,000</option>
<option value="700000">$700,000</option>
<option value="750000">$750,000</option>
<option value="800000">$800,000</option>
<option value="850000">$850,000</option>
<option value="900000">$900,000</option>
<option value="950000">$950,000</option>
<option value="1000000">$1,000,000</option>
<option value="1100000">$1,100,000</option>
<option value="1200000">$1,200,000</option>
<option value="1300000">$1,300,000</option>
<option value="1400000">$1,400,000</option>
<option value="1500000">$1,500,000</option>
<option value="1600000">$1,600,000</option>
<option value="1700000">$1,700,000</option>
<option value="1800000">$1,800,000</option>
<option value="1900000">$1,900,000</option>
<option value="2000000">$2,000,000</option>
</select>
</p>
<div style="float: left">
<p id="BedRoomsPTag" style="float: left; margin: 18px 18px 18px 0;">
<select id="BedRooms" name="BedRooms" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
<option>Beds</option>
<option value="1">studio/1</option>
<option value="2">2+</option>
<option value="3">3+</option>
<option value="4">4+</option>
<option value="5">5+</option>
</select>
</p>
<p id="BathRoomsPTag" style="float: left; margin: 18px 18px 18px 0;">
<select id="Bathrooms" name="Bathrooms" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
<option>Baths</option>
<option value="1">1+</option>
<option value="2">2+</option>
<option value="3">3+</option>
<option value="4">4+</option>
<option value="5">5+</option>
</select>
</p>
<p id="SqftLowPTag" style="float: left; margin: 18px 18px 18px 0;">
<select id="SqFtLow" name="SqFtLow" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
<option>Square Feet</option>
<option value="500">500+</option>
<option value="1000">1000+</option>
<option value="1500">1500+</option>
<option value="2000">2000+</option>
<option value="2500">2500+</option>
<option value="3000">3000+</option>
<option value="3500">3500+</option>
<option value="4000">4000+</option>
<option value="4500">4500+</option>
<option value="5000">5000+</option>
<option value="5500">5500+</option>
<option value="6000">6000+</option>
<option value="6500">6500+</option>
<option value="7000">7000+</option>
<option value="7500">7500+</option>
<option value="8000">8000+</option>
<option value="8500">8500+</option>
<option value="9000">9000+</option>
<option value="9500">9500+</option>
<option value="10000">10000+</option>
</select>
</p>
</div>
</fieldset>
<p style="font-size: 12px;">Powered by <a style="color:#fff" href="https://showingnew.com/sunnisutton">showingnew.com/sunnisutton</a></p>
</div>
<script type="text/javascript">
function ChangeFocus(ref, inactiveElementsId) {
ref.querySelector('span').style.display = 'block';
ref.style.backgroundColor = '#fff';
ref.style.color = '#004a7c';
var inactiveElement = document.getElementById(inactiveElementsId);
inactiveElement.querySelector('span').style.display = 'none';
inactiveElement.style.background = 'rgba(255, 255, 255, 0.3)';
inactiveElement.style.color = '#fff';
}
function SubmitForm(event) {
var searchText = document.getElementById("WidgetSearchText").value;
if (searchText == "" || typeof (searchText) == "undefined") {
document.querySelector(".mainDiv #SearchValidationError").style.display = 'block';
window.event.preventDefault();
} else {
document.querySelector(".mainDiv #SearchValidationError").style.display = 'none';
}
}
</script>
</form>
</div>
