<table class="full-width" bgcolor="{{appearance.backgroundColor.val}}" style="background: {{appearance.backgroundColor.val}}; width: 100%; " width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody width="100%" style="width: 100%; " align="center">
        <!-- Padding Top -->
        <tr class="erase">
            <td height="100"></td>
        </tr>
        <tr>
            <td align="center">
                <table class="full" align="center" style="margin: 0px auto; padding: 0px; background: {{body.backgroundColor.val}}; border-left:1px solid #ededed;border-top:1px solid #ededed; border-right: 1px solid #ededed;border-radius: 5px 5px 0px 0px;" bgcolor="{{body.backgroundColor.val}}" width="600" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td colspan="1" width="600"></td>
                        </tr>
                        <tr>
                            <td align="center" height="90" width="100%">
                                <a href="{{header.logoUrl.val}}"><img src="{{header.logo.val}}" alt="logo" /></a>
                            </td>
                        </tr>
                        <!-- Gray Line -->
                        <tr>
                            <td height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; "><p style = "margin:0;line-height: 1px; font-size: 1px">&nbsp;</p></td>
                        </tr>
                    </tbody>
                </table>
                <!-- Header text -->
                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}};border-left:1px solid #ededed; border-right: 1px solid #ededed;" bgcolor="{{body.backgroundColor.val}}" width="600" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td height="25" colspan="5" bgcolor = "{{body.backgroundColor.val}}" style = "background: {{body.backgroundColor.val}};"></td>
                        </tr>
                        <tr>
                            <td colspan="5" width="600"></td>
                        </tr>
                        <tr>
                            <td width="35" rowspan="5" class="erase"></td>
                            <td width="15" rowspan="5"></td>
                            <td style="font-size: 18px; font-weight: bold;font-family: 'Open Sans',sans-serif;color: #3c3c3c; ">
                                Thanks for your order, John!
                            </td>
                            <td width="35" rowspan="5" class="erase"></td>
                            <td width="15" rowspan="5"></td>
                        </tr>
                        <tr>
                            <td height="25"></td>
                        </tr>
                        <tr>
                            <td style="color: #6f6f6f;font-family: 'Open Sans', sans-serif; font-size: 13px;line-height: 22px;">
                                <?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>
                        <tr>
                            <td bgcolor="#f3f3f3" align="center" height="70" style="font-size: 20px; color: #464646; font-weight: bold; background: #f3f3f3;font-family: 'Raleway',sans-serif;letter-spacing: 2px; ">
                                Your Order: <b style="color: #e48d82;">#100000011</b>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; border-left:1px solid #ededed; border-right: 1px solid #ededed;" bgcolor="{{body.backgroundColor.val}}" width="600" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td width="20" rowspan="20"></td>
                            <td colspan="3" width="560"></td>
                            <td width="20" rowspan="20"></td>
                        </tr>
                        <tr>
                            <td width="30" rowspan="20" class="erase"></td>
                            <td height="100" style="font-weight: 600; font-size: 15px; font-family: 'Raleway',sans-serif;" align="left">
                                Here"s what you ordered:
                            </td>
                            <td width="30" rowspan="20" class="erase"></td>
                        </tr>
                        <tr>
                            <td bgcolor = "{{body.backgroundColor.val}}" style="background:{{body.backgroundColor.val}};">
                                <table bgcolor = "{{body.backgroundColor.val}}" class = "full" width = "100%" cellspacing = '0' cellpadding = '0' border = '0' style="background:{{body.backgroundColor.val}};">
                                    <tbody>
                                        <tr>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif;  " class="" width="125" valign="top" align="left">
                                                <p style="margin: 0; ">
                                                    <a href="#"><img src="http://monsart.net/emails/order-8/images/glasses.png" alt="glasses" /></a>
                                                </p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif;vertical-align: middle;line-height: 22px;" class="erase" width="125" valign="center" align="left">
                                                <p style="margin: 0; ">Raybann&nbsp;Sunglasses</p>
                                                <p style="margin:0;"> <abbr title="Stock Keeping Unit">SKU</abbr>:032821</p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif; vertical-align: middle;" class="erase" width="125" valign="center" align="right">
                                                <p style="margin: 0; ">Quantity:&nbsp;1</p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif; vertical-align: middle;" class="" width="125" valign="center" align="right">
                                                <p style="margin: 0; ">$129.00</p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25"></td>
                                        </tr>
                                        <tr>
                                            <td height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; " colspan="4"><p style = "margin:0;line-height: 1px; font-size: 1px">&nbsp;</p></td>
                                        </tr>
                                        <tr>
                                            <td height="20" colspan="4"></td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 14px; color: #262626; font-weight: bold; " class="" width="125" valign="top" align="left">
                                                <p style="margin: 0; ">
                                                    <a href="#"><img src="http://monsart.net/emails/order-8/images/shoos.png" alt="shooses" /></a>
                                                </p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif;vertical-align: middle;line-height: 22px;" class="erase" width="125" valign="center" align="left">
                                                <p style="margin: 0; ">Red&nbsp;Shoes <abbr title="Monthly Recurring Charge">MRC</abbr> </p>
                                                <p style="margin:0;"> <abbr title="Stock Keeping Unit">SKU</abbr>:032821</p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif; vertical-align: middle;" class="erase" width="125" valign="center" align="right">
                                                <p style="margin: 0; ">Quantity:&nbsp;1</p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626;font-family:Helvetica,sans-serif;vertical-align: middle; " class="" width="125" valign="center" align="right">
                                                <p style="margin: 0; ">$79.00</p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="15"  colspan="4"></td>
                                        </tr>
                                        <tr>
                                            <td height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; " colspan="4"><p style = "margin:0;line-height: 1px; font-size: 1px">&nbsp;</p></td>
                                        </tr>
                                        <tr>
                                            <td height="20"  colspan="4"></td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 14px; color: #262626; font-weight: bold; " class="" width="125" valign="top" align="left">
                                                <p style="margin: 0; ">
                                                    <a href="#"><img src="http://monsart.net/emails/order-8/images/bag.png" alt="bag" /></a>
                                                </p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif;vertical-align: middle;line-height: 22px;" class="erase" width="125" valign="center" align="left">
                                                <p style="margin: 0; ">Jewel&nbsp;Gold&nbsp;Chain</p>
                                                <p style="margin:0;"> <abbr title="Stock Keeping Unit">SKU</abbr>:032821</p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif; vertical-align: middle;" class="erase" width="125" valign="center" align="right">
                                                <p style="margin: 0; ">Quantity:&nbsp;1</p>
                                            </td>
                                            <td style="font-size: 14px; color: #262626; font-family:Helvetica,sans-serif; vertical-align: middle;" class="" width="125" valign="center" align="right">
                                                <p style="margin: 0; ">$399.00</p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25"  colspan="4"></td>
                                        </tr>
                                        <tr>
                                            <td height="1" bgcolor="#f3f3f3" style="background: #f3f3f3; " colspan="4"><p style = "margin:0;line-height: 1px; font-size: 1px">&nbsp;</p></td>
                                        </tr>
                                        <tr>
                                            <td height="20"  colspan="4"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; border-left:1px solid #ededed; border-right: 1px solid #ededed;" bgcolor="{{body.backgroundColor.val}}" width="600" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td colspan="6" width="600"></td>
                        </tr>
                        <tr>
                            <td width="30" class="erase"></td>
                            <td width="20" ></td>
                            <td class="text-left" style="color: #606060; font-weight: bold; font-family: 'Raleway', sans-serif; " align="right">
                                SUBTOTAL&nbsp;&nbsp;
                            </td>
                            <td style="color: #262626; font-size: 16px; font-family: Helvetica, sans-serif; " align="right" height="35">
                                $399.00
                            </td>
                            <td width="30" class="erase"></td>
                            <td width="20" ></td>
                        </tr>
                        <tr>
                            <td width="30" class="erase"></td>
                            <td width="20" ></td>
                            <td class="text-left" style="color: #606060; font-weight: bold; font-family: 'Raleway', sans-serif; " align="right">
                                SHIPPING & HANDLING&nbsp;&nbsp;
                            </td>
                            <td style="color: #262626; font-size: 16px; font-family: Helvetica, sans-serif; " align="right" height="35">
                                $19
                            </td>
                            <td width="30" class="erase"></td>
                            <td width="20" ></td>
                        </tr>
                        <tr>
                            <td width="30" class="erase"></td>
                            <td width="20" ></td>
                            <td class="text-left" style="color: #606060; font-weight: bold; font-family: 'Raleway', sans-serif; " align="right">
                                GRAND TOTAL&nbsp;&nbsp;
                            </td>
                            <td style="color: #262626; font-size: 16px; font-family: Helvetica, sans-serif; font-weight: 700;" align="right" height="35">
                                <b style="font-weight: 900">$626.00</b>
                            </td>
                            <td width="30" class="erase"></td>
                            <td width="20" ></td>
                        </tr>
                        <tr>
                            <td height="30"  colspan="6"></td>
                        </tr>
                    </tbody>
                </table>
                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; border-left:1px solid #ededed; border-right: 1px solid #ededed;" bgcolor="{{body.backgroundColor.val}}" width="600" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td colspan="5" width="600"></td>
                        </tr>
                        <tr>
                            <td width="25" rowspan="10" class="erase"></td>
                            <td colspan="3"></td>
                            <td width="25" rowspan="10" class="erase"></td>
                        </tr>
                        <tr>
                            <td class="full" align="left">
                                <table align="center" style="border: 1px solid #f3f3f3; background: {{body.backgroundColor.val}}; " bgcolor="{{body.backgroundColor.val}}" width="93%" cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td width="25" bgcolor="#f3f3f3" style="background: #f3f3f3;"></td>
                                            <td height="60" bgcolor="#f3f3f3" style="font-weight: bold; background: #f3f3f3; font-family: Helvetica,sans-serif; color: #2b2b2b;font-size: 13px;">
                                                Bill To:
                                            </td>
                                            <td width="25" bgcolor="#f3f3f3" style="background: #f3f3f3;"></td>
                                        </tr>
                                        <tr>
                                            <td width="25" rowspan="100"></td>
                                            <td></td>
                                            <td width="25" rowspan="100"></td>
                                        </tr>
                                        <tr>
                                            <td height="15"></td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                John Do
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                Address Example
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                0012 345 678 900
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                Place Name. Street
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                USA
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                NO: #00001
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td class="full hid-on-dt" height="20"></td>
                            <td class="full" align="right">
                                <table align="center" style="border: 1px solid #f3f3f3; background: {{body.backgroundColor.val}}; " bgcolor="{{body.backgroundColor.val}}" width="93%" cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td width="25" bgcolor="#f3f3f3" style="background: #f3f3f3;"></td>
                                            <td height="60" bgcolor="#f3f3f3" style="font-weight: bold; background: #f3f3f3; font-family: Helvetica,sans-serif; color: #2b2b2b;font-size: 13px;">
                                                Ship To:
                                            </td>
                                            <td width="25" bgcolor="#f3f3f3" style="background: #f3f3f3;"></td>
                                        </tr>
                                        <tr>
                                            <td width="25" rowspan="100"></td>
                                            <td></td>
                                            <td width="25" rowspan="100"></td>
                                        </tr>
                                        <tr>
                                            <td height="15"></td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                John Do
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                Address Example
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                0012 345 678 900
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                Place Name. Street
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                USA
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="25" style="color: #6f6f6f; font-family: Helvetica,sans-serif;color: #646464;font-size: 13px;">
                                                NO: #00001
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>

                    </tbody>
                </table>
                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; border-left:1px solid #ededed; border-right: 1px solid #ededed;" bgcolor="{{body.backgroundColor.val}}" width="600" cellspacing="0" cellpadding="0" border="0">
                    <tbody>

                        <tr>
                            <td height="40" colspan="5"></td>
                        </tr>
                        <tr>
                            <td colspan="5" width="600"></td>
                        </tr>

                        <tr>
                            <td width="50" rowspan="4"></td>
                            <td align="center" style="font-size: 18px; font-weight: bold; " colspan="3">
                                Recommended Products
                            </td>
                            <td width="50" rowspan="4"></td>
                        </tr>

                        <tr>
                            <td height="40" colspan="3"></td>
                        </tr>
                        <tr>
                            <td class="full">
                                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; " bgcolor="{{body.backgroundColor.val}}" cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td align="center">
                                                <img src="http://monsart.net/emails/order-8/images/blouse.png" alt="Blouse" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="10"></td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="25" style="font-family: 'Open Sans',sans-serif;font-weight: 700;">
                                                <b>BLOUSE</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="25" style="font-family: 'Open Sans',sans-serif;">
                                                <abbr title="Stock Keeping Unit">sku</abbr>: 2036322
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td class="full">
                                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; " bgcolor="{{body.backgroundColor.val}}" cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td align="center">
                                                <img src="http://monsart.net/emails/order-8/images/dress.png" alt="Dress" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="10"></td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="25" style="font-family: 'Open Sans',sans-serif;font-weight: 700;">
                                                <b>DRESS</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="25" style="font-family: 'Open Sans',sans-serif;">
                                                <abbr title="Stock Keeping Unit">sku</abbr>: 2036322
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td class="full">
                                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; " bgcolor="{{body.backgroundColor.val}}" cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td align="center">
                                                <img src="http://monsart.net/emails/order-8/images/jeans.png" alt="Jeans" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="10"></td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="25" style="font-family: 'Open Sans',sans-serif;font-weight: 700;">
                                                <b>JEANS</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="25" style="font-family: 'Open Sans',sans-serif;">
                                                <abbr title="Stock Keeping Unit">sku</abbr>: 2036322
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td height="50" colspan="3"></td>
                        </tr>
                        <!-- Gray Line -->
                        <tr>
                            <td height="1" bgcolor="#f3f3f3" style="background: #f3f3f3;"
                                colspan="5"><p style = "margin:0;line-height: 1px; font-size: 1px">&nbsp;</p></td>
                        </tr>
                        <tr>
                            <td height="40" colspan="5"></td>
                        </tr>

                    </tbody>
                </table>
                <table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: {{body.backgroundColor.val}}; border-left:1px solid #ededed; border-right: 1px solid #ededed;border-bottom:1px solid #ededed; border-radius: 0px 0px 5px 5px;" bgcolor="{{body.backgroundColor.val}}" width="600" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td colspan="5" width="600"></td>
                        </tr>
                        <tr>
                            <td width="35" rowspan="4" class="erase"></td>
                            <td width="15" rowspan="4"></td>
                            <td></td>
                            <td width="35" rowspan="4" class="erase"></td>
                            <td width="15" rowspan="4"></td>
                        </tr>
                        <tr>
                            <td>
                                <table align="center" style="margin: 0px auto; padding: 0px;width: 100%; " cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                        <tr>
                                            <td align="center">
                                                <a href="{{body.promotionBannerUrl.val}}">
                                                    <img src="{{body.promotionBanner.val}}" alt="promotion banner">
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td height="25"></td>
                        </tr>
                        <tr>
                            <td>
                                <table align="center" width="100%" style="width: 100%;margin: 0px auto; " cellspacing="0" cellpadding="0" border="0">
                                    <tbody>
                                    <td class="full">
                                        <table align="center" style="margin: 0px auto; padding: 0px;width: 100%" cellspacing="0" cellpadding="0" border="0">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <a href="{{body.promotionBannerUrl2.val}}">
                                                            <img class = "full" src="{{body.promotionBanner2.val}}" alt="promotion banner">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class="liquid" width="25" height="25"></td>
                                    <td class="full">
                                        <table align="center" width="100%" style="width: 100%;margin: 0px auto; padding: 0px;" cellspacing="0" cellpadding="0" border="0">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <table align="center" style="margin: 0px auto; padding: 0px; width: 100%; " cellspacing="0" cellpadding="0" border="0">
                                                            <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <a href="{{body.promotionBannerUrl3.val}}">
                                                                            <img class = "full" src="{{body.promotionBanner3.val}}" alt="promotion banner">
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class="liquid" width="0" height="20"></td>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td height="40"></td>
        </tr>
    </tbody>
</table>
<!-- Footer -->
<table class="full" align="center" style="margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif; background: #f3f3f3; " bgcolor="#f3f3f3" width="600" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td height="35"></td>
        </tr>
        <tr>
            <td colspan="3" width="600"></td>
        </tr>
        <tr>
            <td class="full liquid-center" width="60%" style="width: 60%; ">
                <table width="100%" align="left" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td width="10" rowspan="10"></td>
                            <td align="left" class="liquid-center">
                                <a href="#"><img src="{{footer.logo.val}}" alt="OrderMail" /></a>
                            </td>
                            <td width="10" rowspan="10"></td>
                        </tr>
                        <tr>
                            <td height="20"></td>
                        </tr>
                        <tr>
                            <td style="color: #adadad; line-height: 22px;" class="liquid-center">
                                <?php if ($this->_preview) { ?>
                                    <div ng-bind-html="footer.unsubscribeText.val | trusted"></div>
                                <?php } else { ?>
                                    {{footer.unsubscribeText.val}}
                                <?php } ?>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td class="full mobile-margin" width="40%" style="width: 40%; ">
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td align="right" class="liquid-center">
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="{{socialLinks.twitterLink.val}}"><img src="http://monsart.net/emails/order-8/images/twitter-red.png" alt="t" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="{{socialLinks.facebookLink.val}}"><img src="http://monsart.net/emails/order-8/images/facebook-red.png" alt="f" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="{{socialLinks.googlePlusLink.val}}"><img src="http://monsart.net/emails/order-8/images/google+-red.png" alt="g+" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="{{socialLinks.pinterestLink.val}}"><img src="http://monsart.net/emails/order-8/images/pinterest-red.png" alt="p" /></a>
                            </td>
                        </tr>
                        <tr>
                            <td height="10"></td>
                        </tr>
                        <tr>
                            <td align="right" style="color: #adadad;line-height: 21px; " class="liquid-center">
                                <?php if ($this->_preview) { ?>
                                    <div ng-bind-html="footer.contactInfo.val | trusted"></div>
                                <?php } else { ?>
                                    {{footer.contactInfo.val}}
                                <?php } ?>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td height="50"></td>
        </tr>
    </tbody>
</table>
</td>
</tr>
</tbody>
</table>