<div class="container" style="max-width:1200px;margin-left:auto;margin-right:auto">
  <div id="zbs_top_wrapper">
      <div id="zbs_invoice_logos" style="width:50%;float:left">
          <div class="wh-logo-set ###LOGOCLASS###">
              <img id="wh-logo-set-img" src="###LOGOURL###" style="max-width:50%" />
          </div>
      </div>
      <div class="zbs-invoice-topper" style="width: 50%;float: right;text-align: right">
          <table class="form-table" style="text-align: right;float: right">
          <tr class="wh-large zbs-invoice-number">
            <td><strong><label for="no">Invoice Number:</label></strong></td> 
            <td>###INVNOSTR###</td>
          </tr>
          <tr class="wh-large">
              <td><strong><label for="date">Invoice Date:</label></strong></td>
              <td>###INVDATESTR###</td>
          </tr>
          <tr class="wh-large">
              <td><strong><label for="Reference">Reference:</label></strong></td>
              <td>###REF###</td>
          </tr>
          <tr class="wh-large">
              <td><strong><label for="due">Due date:</label></strong></td>
              <td>###DUEDATE###</td>
          </tr>
       </table>
      </div>
  </div>
  <div class="clear" style="clear:both"></div>
  <div id="zbs-business-info-wrapper">
      <div class="business-info ###BIZCLASS###">
          ###BIZINFOTABLE###
      </div>
  </div>
  <div class="clear"></div>
  <div id="zbs-invoice-items" style="margin-top:2em">
      <table class="table" style="width:100%">
          <thead style="border:1px solid #ccc;background:#f5f5f5;padding: 20px;line-height: 30px;font-weight: 100">
              ###TABLEHEADERS###
          </thead>
          <div class="zbs-table-block">
              ###LINEITEMS###
          </div>
      </table>
  </div>
  ###TOTALSTABLE###
  </div>
  ###VIEWINPORTAL###