<div class="mulch-calculator">
  <h2>Mulch Calculator</h2>

  <section>
    <fieldset>
      <div class="row">
        <label for="mulch-shape">Shape</label>
        <select id="mulch-shape" class="mulch-shape" name="mulch-shape">
          <option value="rect">Rectangle / oval</option>
          <option value="circ">Circle</option>
        </select>
      </div>
      <div class="row mulch-length-row">
        <label for="mulch-length">Length (ft.)</label>
        <input type="text" id="mulch-length" class="mulch-length" name="mulch-length" size="2" maxlength="10" value="" />
      </div>
      <div class="row mulch-width-row">
        <label for="mulch-width">Width (ft.)</label>
        <input type="text" id="mulch-width" class="mulch-width" name="mulch-width" size="2" maxlength="10" value="" />
      </div>
      <div class="row mulch-diam-row hidden">
        <label for="mulch-diam">Diameter (ft.)</label>
        <input type="text" id="mulch-diam" class="mulch-diam" name="mulch-diam" size="2" maxlength="10" value="" />
      </div>
      <div class="row">
        <label for="mulch-thick">Thickness (in.)</label>
        <input type="text" id="mulch-thick" class="mulch-thick" name="mulch-thick" size="2" maxlength="10" value="" />
      </div>
      <div class="row last">
        <input type="submit" id="mulch-calc" class="mulch-calc" name="much-calc" value="Calculate" />
      </div>
    </fieldset>
    <div class="mulch-result"></div>
  </section>
</div><!-- .mulch-calculator -->