<strong>Thank you for your order, John Doe.</strong><br /><br />
                        
<div style="background: #4c7489; color: #ffffff; font-weight: bold; padding: 6px 5px; margin-bottom: 5px;">
    Order Confirmation
</div>
<strong>Email Address:</strong> john.doe@mysite.com<br /><br />
            
<table cellspacing="0" cellpadding="0" width="100%" style="font: normal 12px tahoma, verdana, arial;">
    <tr>
        <td>
            <strong>Invoice Address:</strong><br />
            John Doe<br />
            8 Fake Road<br />
            Fake Town, FakeCounty, FA09 8KE<br />
            United Kingdom
        </td>
        <td>
            <strong>Billing Address:</strong><br />
            John Doe<br />
            8 Fake Road<br />
            Fake Town, FakeCounty, FA09 8KE<br />
            United Kingdom
        </td>
    </tr>
</table>
<br />
<strong>Order Grand Total:</strong> £324.45
<br /><br />

<div style="background: #4c7489; color: #ffffff; font-weight: bold; padding: 6px 5px;">
    Order Summary
</div>
<div style="background: #f0f0f0; color: #ee9e20; font-weight: bold; padding: 6px 5px; margin-bottom: 5px;">
    Order will arrive in 1 delivery
</div>
                        
<table cellspacing="0" cellpadding="0" width="100%" style="font: normal 12px tahoma, verdana, arial;">
    <tr>
        <td style="width: 200px; font-weight: bold;">Order No.</td>
        <td><a href="http://www.domain.com/view-orders/123-123456-123456789/">123-123456-123456789</a></td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">Delivery Method:</td>
        <td style="padding-top: 5px;">First Class</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">Subtotal of Items:</td>
        <td style="padding-top: 5px;">£262.56</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">Posting &amp; Packaging:</td>
        <td style="padding-top: 5px;">£13.52</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">&nbsp;</td>
        <td style="padding-top: 5px;">------</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">Total before VAT:</td>
        <td style="padding-top: 5px;">£276.08</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">VAT:</td>
        <td style="padding-top: 5px;">£48.37</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">&nbsp;</td>
        <td style="padding-top: 5px;">------</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">Total:</td>
        <td style="padding-top: 5px;">£324.45</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">Promotions, Gifts, Discounts:</td>
        <td style="padding-top: 5px;">-£0.00</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">&nbsp;</td>
        <td style="padding-top: 5px;">------</td>
    </tr>
    <tr>
        <td style="width: 200px; font-weight: bold; padding-top: 5px;">Total for this order:</td>
        <td style="padding-top: 5px;">£324.45</td>
    </tr>
</table>
                        
<hr />
                        
<div style="background: #4c7489; color: #ffffff; font-weight: bold; padding: 6px 5px;">
    Your right to cancel:
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu felis purus. Etiam tempor lorem id lorem bibendum ultricies. Nam in turpis a ligula ultrices pharetra non at sem. Donec hendrerit mattis gravida. Aliquam laoreet erat nec massa ultrices ultrices. Nunc nec nulla magna. Fusce sapien odio, tristique a gravida ac, ultrices ut nisi. In hac habitasse platea dictumst. Curabitur tempor massa at justo dignissim mattis. Donec quam eros, pretium non varius vitae, feugiat quis massa. Phasellus risus augue, molestie sit amet tristique nec, rutrum eu ligula. Suspendisse potenti. Suspendisse congue, turpis sed egestas aliquam, ligula odio tincidunt ligula, at faucibus est purus eget elit. Curabitur tristique euismod dolor at fringilla. Nam consequat diam ac libero molestie a viverra urna laoreet. Pellentesque mollis molestie imperdiet.
<br /><br />
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed non leo magna, eu accumsan arcu. Curabitur consectetur lacus ut mi mollis id dignissim lorem consequat. Vestibulum fringilla lorem vel est euismod pretium. Donec enim nisl, tempus in facilisis id, imperdiet a arcu. Ut at mi id turpis dictum molestie. Pellentesque dolor lorem, blandit a tempor ut, tincidunt eget urna. Sed sit amet mi turpis, id lobortis odio. In vel commodo mi. Cras sollicitudin mollis sapien sed blandit. Praesent porta vestibulum orci, eu tempor est vehicula a. Vestibulum ligula nisl, commodo a ornare non, bibendum id lacus. Curabitur elementum erat sed arcu posuere dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus at urna felis. Sed et ipsum eget tellus varius tincidunt in vitae est.