how to make a space between two table

<?page id="manageCust" title="Manage Customers" cacheable="false" 
      language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
      
<zk>
<style>


<![CDATA[  
<!-- .header {  -->
<!-- 	background-color: #165379;   -->
<!-- 	border-bottom: 1px solid #454545;  -->
<!-- 	color: red;  -->
<!-- 	padding-left: 7500px; -->
<!-- }  -->
.header-bar {  
	height: 12px 
	}
.header-title1 { 
	color: white; 
	font-family: Tahoma; 
	font-size: 22px;
font-weight: bold;
}  
.header-title2 { 
	color: #efefef; 
	font-family: Georgia; 
	font-size: 20px; 
	font-style: italic; } 
]]>
body{
background-image:url('post-276844-12834749164609[1].jpg');


}
</style>

<vlayout> 
<!-- 	<separator class="header" /> -->
	<label class="header-title1" value="Another ZK Blog" />
    <label class="header-title2" value="ZK, Open Source, Ajax, Java, Web developer, Driect RIA, High Speed Low Drag" />
    
</vlayout> 

      <zscript><![CDATA[
      import java.sql.*;
      import com.test.services.CustomerService;
      import org.zkoss.zk.ui.event.EventListener;
      import com.test.base.Customer;
      List myList;
      int custCount;
      public void submit() {
            CustomerService custSvc = new CustomerService();
            myList = custSvc.getAllCustomers();
      }
    
]]>
      </zscript>
     
            

            <vbox>
            <?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit"?>
                  <zscript><![CDATA[
      CustomerService custSvc = new CustomerService();
      myList = custSvc.getAllCustomers();
      custCount = custSvc.getCustomerCount();
      Customer cust = new Customer();
      public void showEdit(String custId) throws Exception {
          System.out.println("cust id"+custId);
          CustomerService custSvc = new CustomerService();
        cust = custSvc.getCustomer(custId);
       System.out.println("cust id is lookinggggg"+cust);
       System.out.println("cust id is lookinggggg name"+cust.getName());
       //customerId.value = cust.getId();
       customerName.value = cust.getName();
       customerName1.value = cust.getName();
       customerName2.value = cust.getName();
       customerName3.value = cust.getName();
     //  customerDate.value = cust.getDate();
      // customerDeleted.value = cust.getDeleted();
      

    } 
      
]]></zscript>
<toolbar>
<toolbarbutton label="Save"/>
<toolbarbutton label="Cancel"/>
</toolbar>
                  <listbox id="customerList" model="@{myList}" mold="paging" pageSize="3"
                        multiple="true" width="995px"
                        rows="${custCount}">
                        <listhead sizable="true">
                              <listheader label="Id" sort="auto(id)"/>
                              <listheader label="Name" sort="auto(name)"/>
                              <listheader label="Active Date" sort="auto(date)"/>
                              <listheader label="Deleted?" />
                        </listhead>
                        <listitem self="@{each=myList}" onClick="showEdit(self.getLabel())">
                              <listcell label="@{myList.id}" />
                              <listcell label="@{myList.name}" />
                              <listcell label="@{myList.date}" />
                              <listcell label="@{myList.deleted}"/>
                        </listitem>
                  </listbox>
            </vbox>

   
     <grid>
            <columns width="995px">
                  <column label="Id"/>
                  <column label="Name"/>
                  <column label="Date"/>
                  <column label="Deleted?"/>
            </columns>
            <rows>
      
                  <row >
                       <label id="customerName"  value="@{cust.name }"/>
                       <label id="customerName1"  value="@{cust.name }"/>
                       <label id="customerName2"  value="@{cust.name }"/>
                       <label id="customerName3"  value="@{cust.name }"/>
                  </row> 
                  
            </rows>
      </grid>
    
      
      
</zk>