<div class="container">
        <div class="inner">
            <header>
            <div contenteditable>
                <h1>Invoice Copy</h1>
            </div>
            <address contenteditable>
            <p>
                Editorial Business Solutions
            </p>
            <p>
                108b Greenswitch Ave.
            </p>
            <p>
                Head Office
            </p>
            <p>
                Rotherham
            </p>
            <p>
                YO13 2QZ
            </p>
            </address>
            <span id="company"><img alt="" src="logo.png"><input type="file" accept="image/*"></span>
                <div id="barcodeTarget" class="barcodeTarget"></div>
    <canvas id="canvasTarget" width="150" height="150"></canvas>
            </header>
            <article>
            <h1>Recipient</h1>
            <div id="description" contenteditable>
                <p>
                    This is the invoice for your stock order received on 29/09/12. Please check the attached documents and the following order list which includes the wholesale pricing. This also includes additional shipping charges which are stated below. (See Additional Notes)
                </p>
            </div>
            <table class="meta" id="table_results">
            <tr>
                <th>
                    <span contenteditable>Delivered To</span>
                </th>
                <td>
                    <span contenteditable>Shop</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span contenteditable>Invoice No.</span>
                </th>
                <td>
                    <span contenteditable>#85436</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span contenteditable>Date</span>
                </th>
                <td>
                    <span contenteditable>October 19th, 2012</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span contenteditable>Amount Due</span>
                </th>
                <td>
                    <span id="prefix" contenteditable>£</span><span></span>
                </td>
            </tr>
            </table>
            <table class="inventory">
            <thead>
            <tr>
                <th>
                    <span contenteditable>Item</span>
                </th>
                <th>
                    <span contenteditable>Description</span>
                </th>
                <th>
                    <span contenteditable>Rate</span>
                </th>
                <th>
                    <span contenteditable>Quantity</span>
                </th>
                <th>
                    <span contenteditable>Price</span>
                </th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    <a class="cut"><i class="icon-remove"></i></a><span contenteditable>XMAS_PLUSH_SANTA</span>
                </td>
                <td>
                    <span contenteditable>RRP: £4.99</span>
                </td>
                <td>
                    <span data-prefix></span><span contenteditable>1.89</span>
                </td>
                <td>
                    <span contenteditable>224</span>
                </td>
                <td>
                    <span data-prefix></span><span></span>
                </td>
            </tr>
            </tbody>
            </table>
            <div class="btn btn-inverse add">
                Add
            </div>
            <table class="balance">
            <tr>
                <th>
                    <span contenteditable>Total</span>
                </th>
                <td>
                    <span data-prefix></span><span></span>
                </td>
            </tr>
            <tr>
                <th>
                    <span contenteditable>Amount Paid</span>
                </th>
                <td>
                    <span data-prefix></span><span contenteditable>0.00</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span contenteditable>Balance Due</span>
                </th>
                <td>
                    <span data-prefix></span><span></span>
                </td>
            </tr>
            </table>
            </article>
            <aside>
            <h1><span contenteditable>Additional Notes</span></h1>
            <div contenteditable>
                <p>
                    Insert any additional notes here.
                </p>
            </div>
            </aside>
        </div>
    </div>