<table bgcolor="{{appearance.backgroundColor.val}}" style="background:{{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
    <tbody>
        <tr>
            <td>
                <table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 350px; margin: 0px auto; padding: 0px; font-family: Helvetica, sans-serif; " width="350" class="full" cellspacing='0' cellpadding='0' border='0' align="center">
                    <tbody>
                        <tr>
                            <td height='40'></td>
                        </tr>
                        <tr>
                            <td colspan="4" width="350"></td>
                        </tr>
                        <tr>
                            <td width='10'></td>
                            <td align="left">
                                <a href="{{header.logoUrl.val}}" style="outline: none; color:inherit">
                                    <img style="margin-top: -5px;" src='{{header.logo.val}}' alt='Logo' />
                                </a>
                            </td>
                            <td align="right" style="color: #b0b0b0;font-size: 14px;font-family: Helvetica,sans-serif;letter-spacing: 0.5px; ">
                                View online <a style="text-decoration: none; color: #e66161; font-weight: bold; " href="{{header.onlineUrl.val}}">HERE</a>
                            </td>
                            <td width='10'></td>
                        </tr>
                        <tr>
                            <td height='40'></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; "></td>
        </tr>
    </tbody>
</table>
<table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
    <tbody>
        <tr>
            <td>
                <table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 350px; margin: 0px auto; padding: 0px; font-family: Helvetica, sans-serif; " width="350" class="full" cellspacing='0' cellpadding='0' border='0' align="center">
                    <tbody>
                        <tr>
                            <td height='30'></td>
                        </tr>
                        <tr>
                            <td colspan="3" width="350"></td>
                        </tr>
                        <tr>
                            <td width='10' rowspan='5'></td>
                            <td align="left" style="font-size: 20px; color: #2f2f2f; font-weight: 700; font-family: Helvetica, sans-serif; ">
                                Thank you for your Order!
                            </td>
                            <td width='10' rowspan='5'></td>
                        </tr>
                        <tr>
                            <td height='20'></td>
                        </tr>
                        <tr>
                            <td align="left" >                                
                                <?php if ($this->_preview) { ?>
                                    <div ng-bind-html="body.orderContent.val | trusted"></div>
                                <?php } else { ?>
                                    {{body.orderContent.val}}
                                <?php } ?> 
                            </td>
                        </tr>
                        <tr>
                            <td height='40'></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<table bgcolor="#f3f3f3" style="background: #f3f3f3; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
    <tbody>
        <tr>
            <td>
                <table bgcolor="#f3f3f3" style="background: #f3f3f3; width: 350px; margin: 0px auto; padding: 0px; font-family: Helvetica, sans-serif; " width="350" class="full" cellspacing='0' cellpadding='0' border='0' align="center">
                    <tbody>
                        <tr>
                            <td height='10'></td>
                        </tr>
                        <tr>
                            <td colspan="3" width="350"></td>
                        </tr>
                        <tr>
                            <td width='15'></td>
                            <td style="font-weight: bold; font-size: 14px;font-family: Helvetica,sans-serif;letter-spacing: 1px;">
                                Your order number is: <b style="color: #e66161">2117003</b>
                            </td>
                            <td width='15'></td>
                        </tr>
                        <tr>
                            <td height='10'></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
    <tbody>
        <tr>
            <td>
                <table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 350px; margin: 0px auto; padding: 0px; font-family: Helvetica, sans-serif; " width="350" class="full" cellspacing='0' cellpadding='0' border='0' align="center">
                    <tbody>
                        <tr>
                            <td colspan="5" width="350"></td>
                        </tr>
                        <tr>
                            <td height='30'></td>
                        </tr>
                        <tr>
                            <td colspan="5" height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; "></td>
                        </tr>
                        <tr>
                            <td height='15'></td>
                        </tr>
                        <tr>
                            <td width='10'></td>
                            <td align="left" valign="top">
                                <a href="#"><img src='http://monsart.net/emails/order-9/images/phone.png' alt='Phone Image' /></a>
                            </td>
                            <td width='30'></td>
                            <td style="color: #b0b0b0; font-family: Helvetica, sans-serif; " valign="middle">
                                <p style="color: #2f2f2f; font-weight: 700; font-family: Helvetica, sans-serif; font-size: 14px;">
                                    1X iPhone 6s
                                </p>
                                <p style="font-family: Helvetica, sans-serif; line-height: 24px;color: #b0b0b0; font-size: 14px;">
                                    Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio elit.
                                    <b style="color: #e66161">$499.00</b>
                                </p>
                            </td>
                            <td width='10'></td>
                        </tr>
                        <tr>
                            <td height='15'></td>
                        </tr>
                        <tr>
                            <td colspan="5" height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; "></td>
                        </tr>
                        <tr>
                            <td height='15'></td>
                        </tr>
                        <tr>
                            <td width='10'></td>
                            <td align="left" valign="top">
                                <a href="#"><img src='http://monsart.net/emails/order-9/images/phone.png' alt='Phone Image' /></a>
                            </td>
                            <td width='30'></td>
                            <td style="color: #b0b0b0; font-family: Helvetica, sans-serif; " valign="middle">
                                <p style="color: #2f2f2f; font-weight: 700; font-family: Helvetica, sans-serif; font-size: 14px;">
                                    1X iPhone 6s
                                </p>
                                <p style="font-family: Helvetica, sans-serif; line-height: 24px;color: #b0b0b0; font-size: 14px;">
                                    Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio elit.
                                    <b style="color: #e66161">$599.00</b>
                                </p>
                            </td>
                            <td width='10'></td>
                        </tr>
                        <tr>
                            <td height='15'></td>
                        </tr>
                        <tr>
                            <td colspan="5" height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; "></td>
                        </tr>
                        <tr>
                            <td height='15'></td>
                        </tr>
                        <tr>
                            <td width='10'></td>
                            <td align="right" colspan="3" style="color: #2f2f2f; font-weight: 700; font-family: Helvetica, sans-serif; font-size: 14px;">
                                Total: <b style="color: #e66161">$1098,-</b>
                            </td>
                            <td width='10'></td>
                        </tr>
                        <tr>
                            <td height='15'></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
    <tbody>
        <tr>
            <td class="full" width="50%" style="width: 50%; " valign="top">
                <table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
                    <tbody>
                        <tr>
                            <td width="2000"></td>
                        </tr>
                        <tr>
                            <td height='10' bgcolor='#f3f3f3' style='background: #f3f3f3;'></td>
                        </tr>
                        <tr>
                            <td class="liquid-center" align="right" bgcolor="#f3f3f3" width="100%" style="background: #f3f3f3; font-family: Helvetica, sans-serif; color: #2f2f2f; font-weight: 700; ">Shipping Information:</td>
                        </tr>
                        <tr>
                            <td height='10' colspan='3' bgcolor='#f3f3f3' style='background: #f3f3f3;'></td>
                        </tr>
                        <tr>
                            <td height='15'></td>
                        </tr>
                        <tr>
                            <td align="right" height="28" class="liquid-center" style="font-family: Helvetica, sans-serif; color: #b0b0b0; font-size: 14px;">At. Sr. Hiro Gordo-Globo</td>
                        </tr>
                        <tr>
                            <td align="right" height="28" class="liquid-center" style="font-family: Helvetica, sans-serif; color: #b0b0b0; font-size: 14px;">Sumo Informatica S.A.</td>
                        </tr>
                        <tr>
                            <td align="right" height="28" class="liquid-center" style="font-family: Helvetica, sans-serif; color: #b0b0b0; font-size: 14px;">Calle 39 No 1540</td>
                        </tr>
                        <tr>
                            <td align="right" height="28" class="liquid-center" style="font-family: Helvetica, sans-serif; color: #b0b0b0; font-size: 14px;">B1000TBU San Sebastian</td>
                        </tr>
                        <tr>
                            <td align="right" height="28" class="liquid-center" style="font-family: Helvetica, sans-serif; color: #b0b0b0; font-size: 14px;">ARGENTINA</td>
                        </tr>
                        <tr>
                            <td height='30'></td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td class="full" width="50%" style="width: 50%; " valign="top">
                <table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
                    <tbody>
                        <tr>
                            <td height='10' colspan='3' bgcolor='#f3f3f3' style='background: #f3f3f3;'></td>
                        </tr>
                        <tr>
                            <td class="erase" width="20" bgcolor="#f3f3f3" style="background: #f3f3f3; "></td>
                            <td class="liquid-center" align="left" bgcolor="#f3f3f3" style="background: #f3f3f3; font-family: Helvetica, sans-serif; color: #2f2f2f; font-weight: 700; ">
                                Shipping Method:
                            </td>
                        </tr>
                        <tr>
                            <td height='10' colspan='3' bgcolor='#f3f3f3' style='background: #f3f3f3;'></td>
                        </tr>
                        <tr>
                            <td height='15' colspan='3' bgcolor='{{appearance.backgroundColor.val}}' style='background: {{appearance.backgroundColor.val}};'></td>
                        </tr>
                        <tr>
                            <td width="20" class="erase" rowspan="10" bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; "></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td height="28" class="liquid-center" style="font-family: Helvetica, sans-serif; color: #b0b0b0;font-size: 14px; ">
                                Expedited Shipping
                            </td>
                        </tr>                            
                        <tr>
                            <td height='30'></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing='0' cellpadding='0' border='0'>
    <tbody>
        <tr>
            <td height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; "></td>
        </tr>
        <tr>
            <td height='30'></td>
        </tr>
        <tr>
            <td>
                <table bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 350px; margin: 0px auto; padding: 0px; font-family: Helvetica, sans-serif; " width="350" class="full" cellspacing='0' cellpadding='0' border='0' align="center">
                    <tbody>
                        <tr>
                            <td colspan="3" width="350"></td>
                        </tr>
                        <tr>
                            <td width='10'></td>
                            <td align="center" style="color: #b0b0b0; font-family: Helvetica, sans-serif; ">
                                <?php if ($this->_preview) { ?>
                                    <div ng-bind-html="footer.copyrightText.val | trusted"></div>
                                <?php } else { ?>
                                    {{footer.copyrightText.val}}
                                <?php } ?>  
                            </td>
                            <td width='10'></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td width="450" align="center"></td>
        </tr>
        <tr>
            <td height='50'></td>
        </tr>
    </tbody>
</table>