<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
	
	<title>Pro-Forma</title>
	
	<link rel='stylesheet' type='text/css' href='css/style.css' />
	<link rel='stylesheet' type='text/css' href='css/print.css' media="print" />
	<script type='text/javascript' src='js/jquery-1.3.2.min.js'></script>
	<script type='text/javascript' src='js/pro-forma.js'></script>

</head>

<body>

	<div id="page-wrap">

		<textarea id="header">PRO FORMA</textarea>
		
		<div id="identity">
		
            <textarea id="address">Robert & Sons Limited
Head Office, Ramia House, 
Kojo Thompson Road
Phone: (+233) 050 - 1519111
Email: info@robertandsonsoptical.com
</textarea>
            <div id="logo">
                  <img style="width:100px;" id="image" src="../images/app_pics/rns_logo.jpeg" alt="logo" />
            </div>
		
		</div>
		
		<div style="clear:both"></div>
		
		<div id="customer">

            <textarea id="customer-title">Client Name.
Phone: N/A</textarea>

            <table id="meta">
                <tr>
                    <td class="meta-head">Pro Forma #</td>
                    <td><textarea>000123</textarea></td>
                </tr>
                <tr>

                    <td class="meta-head">Date</td>
                    <td><textarea id="date">December 15, 2009</textarea></td>
                </tr>
                <tr>
                    <td class="meta-head">Total Amount</td>
                    <td><div class="due">GHS 80.00</div></td>
                </tr>

            </table>
		
		</div>
		
		<table id="items">
		
		  <tr>
		      <th>Item</th>
		      <th>Description</th>
		      <th>Unit Cost</th>
		      <th>Quantity</th>
		      <th>Total Price</th>
		  </tr>
		  
		  <tr class="item-row">
		      <td class="item-name"><div class="delete-wpr"><textarea>Eye Consultation</textarea><a class="delete" href="javascript:;" title="Remove row">X</a></div></td>
		      <td class="description"><textarea>Consultation charge for Seeing the Medical Doctor</textarea></td>
		      <td><textarea class="cost">GHS 80.00</textarea></td>
		      <td><textarea class="qty">1</textarea></td>
		      <td><span class="price">GHS 80.00</span></td>
		  </tr>
		  
		  <tr id="hiderow">
		    <td colspan="5"><a id="addrow" href="javascript:;" title="Add a row">Add another item</a></td>
		  </tr>
		  
		  <tr>
		      <td colspan="2" class="blank"> </td>
		      <td colspan="2" class="total-line">Subtotal</td>
		      <td class="total-value"><div id="subtotal">GHS 80.00</div></td>
		  </tr>
		  <tr style="display:none;">
		      <td colspan="2" class="blank"> </td>
		      <td colspan="2" class="total-line">Total</td>
		      <td class="total-value"><div id="total">GHS 80.00</div></td>
		  </tr>
		  <tr>
		      <td colspan="2" class="blank"> </td>
		      <td colspan="2" class="total-line balance"> Total Amount</td>
		      <td class="total-value balance"><div class="due">GHS 80.00</div></td>
		  </tr>
		
		</table>
		
		<div id="terms">
		  <h5>Terms</h5>
		  <textarea>VAT of 3% INCLUSIVE</textarea>
		</div>
	
	</div>
	
</body>

</html>