Full width drop down form and contact details
<div id="enquire-dropdown">
<div class="container">
<a class="enquire-trigger closeBtn" href="#"> X Close</a>
<!---- ONLINE ENQUIRY ------>
<div class="mceNonEditable"><form action="/havealook/servlet/Havealook" method="post" name="form3" onsubmit="return validate2()"><input type="hidden" name="screen" value="emailForm" /><input type="hidden" name="mailTo" value="EMAILADDRESS" /><input type="hidden" name="returnTo" value="/../thank-you.html" /><input type="hidden" name="showAll" value="false" />
<div id="enquiry">
<div class="enqHeader">Online Enquiry</div>
<div class="enqRow">
<div class="enqLeft">Name *</div>
<div class="enqRight"><input type="text" name="a_Name" maxlength="250" /></div>
</div>
<div class="enqRow">
<div class="enqLeft">Phone *</div>
<div class="enqRight"><input type="text" name="b_Phone" maxlength="250" /></div>
</div>
<div class="enqRow">
<div class="enqLeft">Email *</div>
<div class="enqRight"><input type="text" name="c_Email" maxlength="250" /></div>
</div>
<div class="enqRow">
<div class="enqLeft">Enquiry</div>
<div class="enqRight"><textarea name="ZZ_Comments"></textarea>
<div>* Required fields</div>
</div>
</div>
<div class="enqRow"><input class="button" type="submit" name="email" value="Send" /></div>
</div>
</form></div>
<!---- END ONLINE ENQUIRY ------>
<div class="dropContact">
<h5>Contact Us</h5>
<!---- CONTACT DETAILS ------>
<!---- COPY HTML From Contact Page ------>
<!---- CONTACT DETAILS ------>
</div>
</div>
</div>
/*----------------------------------------------*/
/*---------------- DROP DOWN ENQ -----------------*/
/*----------------------------------------------*/
#enquire-dropdown {
background: none repeat scroll 0 0 #2d2d2d;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: none;
height: 313px;
padding: 20px 0 20px;
}
#enquire-dropdown .container {
width:100%;
max-width:1100px !important;
}
#enquire-dropdown a{color:inherit;}
#enquire-dropdown #enquiry {color:#fff; background:rgba(0,0,0,.3);}
.dropContact{width:40%; color:#fff;}
.dropContact h5{
font-size:1.8em;
color: inherit;
margin-top: 0px;
margin-bottom: 15px;
}
.closeBtn {
background: none repeat scroll 0 0 #fff;
color: #fff !important;
font-size: 0.8em;
font-weight: 800;
letter-spacing: 1px;
padding: 2px 13px;
position: absolute;
right: 8px;
text-decoration: none;
text-transform: uppercase;
top: -20px;
line-height: 1.6em;
}
/*----------------------------------------------*/
/*---------------- SMALL DROP DOWN ENQ -----------------*/
/*----------------------------------------------*/
#enquire-dropdown {height: 390px;}
.dropContact{display:none;}