<div id="checkout-area" style="display: none;">
<h4><i class="icon-shopping-cart"></i> Secure Checkout</h4>
<div id="checkout-form" style="display: none;">
<form id="CardForm">
<div class="control-group">
<label>Cardholder Name</label>
<input id="CardName">
<span class="help-inline"></span>
</div>
<div class="control-group">
<label>Address</label>
<input id="address">
<span class="help-inline"></span>
</div>
<div class="control-group">
<label>City</label>
<input id="city">
<span class="help-inline"></span>
</div>
<div class="control-group">
<label>State</label>
<input id="state">
<span class="help-inline"></span>
</div>
<div class="control-group">
<label>Zip Code</label>
<input id="zip">
<span class="help-inline"></span>
</div>
<div id="div-card" class="control-group">
<label>Card Number</label>
<input id="CardNumber" placeholder="4242424242424242"/>
<span id="span-card" class="help-inline"></span>
</div>
<div id="div-exp" class="control-group">
<label>Expiration</label>
<input id="CardExpiration" placeholder="12/2013"/>
<span id="span-exp" class="help-inline"></span>
</div>
<div id="div-cvc" class="control-group">
<label>CVC Code</label>
<input id="CardCVC" placeholder="123"/>
<span id="span-cvc" class="help-inline"></span>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>