<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#f64646" style="background-color: {{header.backgroundColor.val}}">
    <tbody>
        <tr>
            <td class="ie-header-bg" align="center" valign="top" style="background-image: url({{header.background.val}}); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center; background-repeat: no-repeat;" background="{{header.background.val}}">
                <!-- //////////////////////////NAVIGATION/////////////////////////////// -->
                <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td align="center" class="pad20">
                                <!-- Start Nav -->
                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full">
                                    <tbody>
                                        <tr>
                                            <td width="100%" valign="middle" align="center">
                                                <!-- Logo -->
                                                <table width="180" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td height="25"></td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" height="0" class="h20" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td valign="middle" align="left" width="100%" class="fullCenter" style="line-height: 1px;">
                                                                <a href="{{header.logoUrl.val}}" style="text-decoration: none;">
                                                                    <img <?php $this->imgSrc("{{header.logo.val}}") ?> width="127" alt="" border="0" class="hover">
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <!-- Nav -->
                                                <table class = "full" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                                                    <tbody>
                                                        <tr>
                                                            <td height="25"></td>
                                                        </tr>
                                                        <tr>
                                                            <td valign="middle"
                                                                style="text-transform: uppercase;
                                                                font-family: {{appearance.baseFont.val}},
                                                                sans-serif;
                                                                color: #ffffff;
                                                                font-weight: 500;
                                                                font-size: 14px;
                                                                line-height: 24px;
                                                                " class="opensans" align = "right">
                                                                <a href="{{menu.menuItemUrl_1.val}}" style="text-decoration: none; color: #ffffff;" class="underline">{{menu.menuItem_1.val}}</a>
                                                            </td>
                                                            <td width = "28" style = "width: 28px;"></td>
                                                            <td valign="middle"
                                                                style="text-transform: uppercase;
                                                                font-family: {{appearance.baseFont.val}},
                                                                sans-serif;
                                                                color: #ffffff;
                                                                font-weight: 500;
                                                                font-size: 14px;
                                                                line-height: 24px;
                                                                " class="opensans" align = "right">
                                                                <a href="{{menu.menuItemUrl_2.val}}" style="text-decoration: none; color: #ffffff;" class="underline">{{menu.menuItem_2.val}}</a>
                                                            </td>
                                                            <td width = "28" style = "width: 28px;"></td>
                                                            <td valign="middle"
                                                                style="text-transform: uppercase;
                                                                font-family: {{appearance.baseFont.val}},
                                                                sans-serif;
                                                                color: #ffffff;
                                                                font-weight: 500;
                                                                font-size: 14px;
                                                                line-height: 24px;
                                                                " class="opensans" align = "right">
                                                                <a href="{{menu.menuItemUrl_3.val}}" style="text-decoration: none; color: #ffffff;" class="underline">{{menu.menuItem_3.val}}</a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" height="60" class="h50" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
                <!-- //////////////////////////BANNER/////////////////////////////// -->
                <table class="mobile" align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td align="center">
                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="fullCenter">
                                    <tbody>
                                        <tr>
                                            <td width="100%">
                                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="left" class="fullCenter">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" style="color: #ffffff; font-family: {{header.titleFont.val}}; font-weight: 800;font-style: italic; vertical-align: top; font-size: 40px; text-align: center; line-height: 39px; letter-spacing: 2px;" class="fullCenter raleway" id="box">
                                                                
                                                                <?php do_action('ma_multiple_emails', $this->_emailType, 'email-title'); ?>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td height="45" width="100%" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" style="color: #eaeaea; font-family: {{appearance.baseFont.val}}; font-weight: 400; vertical-align: top; font-size: 15px; text-align: center; line-height: 26px;" class="fullCenter opensans" id="box2">
                                                                <?php if ($this->_preview) { ?>
                                                                    <div ng-bind-html="header.bannerText.val | trusted"></div>
                                                                <?php } else { ?>
                                                                    {{header.bannerText.val}}
                                                                <?php } ?>                                                                
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td height="80" width="100%" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- //////Empty Space/////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td width="100%" height="70"></td>
        </tr>
    </tbody>
</table>
<!-- //////////////////////////HELLO MESSAGE/////////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td align="center">
                <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td align="center">
                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-body-bg" bgcolor="{{body.backgroundColor.val}}" style="background-color: {{body.backgroundColor.val}};border-left: 1px solid #ededed;border-top: 1px solid #ededed;border-right: 1px solid #ededed;">
                                    <tbody>
                                        <tr>
                                            <td width="100%" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="100%" align="center">
                                                <table width="514" border="0" cellpadding="0" cellspacing="0" align="center" class="full-width ie-body-bg" bgcolor="{{body.backgroundColor.val}}" style="background-color: {{body.backgroundColor.val}}">
                                                    <tbody>
                                                        <tr>
                                                            <td valign="top" width="100%" align="center" class="pad20">
                                                                <table border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                                    <tbody>
                                                                        <tr>
                                                                            <td style="text-align: left; font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}}; font-size: 20px; color: #121212; line-height: 26px; font-weight: 700;">
                                                                                {{body.orderHeadingTitle.val}}
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td valign="top" width="100%" align="center" class="pad20">
                                                                <?php do_action('ma_multiple_emails', $this->_emailType, 'email-header'); ?>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" height="31" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////ORDER NUMBER////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table class="full" width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full" bgcolor="#f7f7f7" style="background-color: #f7f7f7;margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td width = "600"></td>
                        </tr>
                        <tr>
                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td style="line-height:21px;">
                                <table class="full-width" width="514" border="0" cellpadding="0" cellspacing="0" align="center" class="full" style="margin:0px auto;">
                                    <tbody>
                                        <tr>
                                            <td class="full-width" align="left" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};font-weight: 700;font-size: 14px;color:#2f2f2f;">
                                                Your order number is: <span class="red" style="color:#f64646;">{{order.number}}</span>
                                            </td>
                                            <td class="full-width text-left" align="right" style="font-size:14px;color:#7a7979;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};font-style: italic;">
                                                Order date: <span class="red" style="color:#f64646;">{{order.date}}</span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////PURCHASE HISTORY Header////////////////////////// -->
<table bgcolor="{{appearance.backgroundColor.val}}" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" style="padding:0px 15px;font-family:{{appearance.baseFont.val}}, sans-serif;margin:0px auto;background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-body-bg" bgcolor="{{body.backgroundColor.val}}" style="background-color:{{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;" >
                    <tbody>
                        <tr>
                            <td width="100%" height="9" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" width="600" class="fullCenter">
                                <table width="514" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                    <tbody>
                                        <tr>
                                            <td width="170" valign="top">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="fullCenter">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" style="text-align: left; font-size: 12px; line-height: 24px; font-weight: 700;" >
                                                                ITEMS
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                            <td width="60" height="15">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="right-text" width="100%" style="text-align: center; font-size: 12px; line-height: 24px; font-weight: 700;">
                                                                QTY
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                            <td width="20" height="15" class="erase"></td>
                                            <td width="60" height="15" valign="middle" class="erase">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="right" class="w70">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" style="text-align: center; font-size: 12px; line-height: 24px; font-weight: 700;">
                                                                PRICE
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" height="7" style="font-size: 1px; line-height: 1px;border-bottom: 1px solid #e7e7e7;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////PURCHASE HISTORY////////////////////////// -->
<table bgcolor="{{appearance.backgroundColor.val}}" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" style="padding:0px 15px;font-family:{{appearance.baseFont.val}}, sans-serif;margin:0px auto;background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table bgcolor="{{body.backgroundColor.val}}" width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full-width ie-body-bg" style="background-color:{{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;">
                    <tbody>
                        <?php do_action('ma_items_loop', $this->_order, $this->_email, '',
                            '<tr ng-repeat-start="item in products"><td width="100%" align="center" height="11" style="font-size: 1px; line-height: 1px;">&nbsp;</td></tr>',
                            '<tr ng-repeat-end><td width="100%" height="30" style="font-size: 1px; line-height: 1px;">&nbsp;</td></tr>'    
                        ) ?>
                        
                        <tr>
                            <td width="600" align="center" height="11" style="font-size: 1px; line-height: 1px;border-bottom: 1px solid #e7e7e7;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////SUBTOTAL AND TOTAL////////////////////////// -->
<table bgcolor="{{appearance.backgroundColor.val}}" width="100%" border="0" cellpadding="0" cellspacing="0" align="center " class="full ie-appearance-bg" style="padding:0px 15px;font-family:{{appearance.baseFont.val}}, sans-serif;background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-body-bg" bgcolor="{{body.backgroundColor.val}}" style="background-color:{{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td valign="top" width="100%" align="center" >
                                <table width="514" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                    <tbody>
                                        <tr>
                                            <td width="514" align="center" height="30" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 15px; color: #bababa; line-height: 24px; font-weight: 700; text-transform: uppercase;" >
                                                                ORDER SUBTOTAL:
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td class="text-left" width="70" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 14px; color: #2f2f2f; line-height: 24px; font-weight: 700;">
                                                                {{order.subtotal}}
                                                            </td>
                                                            <td width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 15px; color: #bababa; line-height: 24px; font-weight: 700; text-transform: uppercase;">
                                                                DISCOUNT:
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td class="text-left" width="70" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 14px; color: #2f2f2f; line-height: 24px; font-weight: 700;">
                                                                {{order.discount}}
                                                            </td>
                                                            <td width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 15px; color: #bababa; line-height: 24px; font-weight: 700; text-transform: uppercase;">
                                                                SHIPPING COSTS
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td class="text-left" width="70" style="text-align: right; font-size: 14px; color: #2f2f2f; line-height: 24px; font-weight: 700;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};">
                                                                {{order.shipping_total}}
                                                            </td>
                                                            <td width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="text-align: right; font-size: 15px; color: #3d3d3d; line-height: 24px; font-weight: 700; text-transform: uppercase;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};">
                                                                TOTAL PAID:
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td class="text-left" width="70" style="text-align: right;font-size: 14px; color: #f64646; line-height: 24px; font-weight: 700;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};">
                                                                {{order.total}}
                                                            </td>
                                                            <td width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="35" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////BILLING AND shipING ADDRESSES////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table class="full" width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full" bgcolor="#f7f7f7" style="background-color: {{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td align="left" valign="top" style="vertical-align:top;" class="full-width">
                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td width="100%" height="17" bgcolor="#f7f7f7"  style="background-color: #f7f7f7; font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td align="left" bgcolor="#f7f7f7" style="padding-left: 44px;background-color: #f7f7f7;font-size:14px;font-weight: 700;color:#2f2f2f;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> Shipping Address: </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" bgcolor="#f7f7f7" height="17" style="background-color: #f7f7f7;font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="25" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};">  {{order.shipping_address}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> {{order.shipping_postcode}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> {{order.shipping_city}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> {{order.shipping_country}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="27" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td align="left" valign="top" style="vertical-align:top;" class="full-width">
                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td width="100%" height="17" bgcolor="#f7f7f7"  style="background-color: #f7f7f7; font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td align="left" bgcolor="#f7f7f7" style="padding-left: 44px;background-color: #f7f7f7;font-size:14px;font-weight: 700;color:#2f2f2f;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> Billing Address: </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" bgcolor="#f7f7f7" height="17" style="background-color: #f7f7f7;font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="100%" align="center" height="25" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> {{order.billing_address}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> {{order.shipping_postcode}} </td>
                                        </tr>
                                         <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> {{order.billing_city}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>                                        
                                        <tr>
                                            <td style="padding-left: 44px;font-size:14px;color:#b0b0b0;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};"> {{order.billing_country}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="260" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- //////////////////////////RECOMMENDED PRODUCTS/////////////////////////////// -->
<!--<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table bgcolor="{{recommendedProducts.backgroundColor.val}}" class="mobile" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-left: 1px solid #ededed;border-right: 1px solid #ededed;margin:0px auto; background-image: url({{recommendedProducts.banner.val}}); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: bottom center; background-repeat: no-repeat; background-color: {{recommendedProducts.backgroundColor.val}}" background="{{recommendedProducts.banner.val}}">
                    <tbody>
                        <tr>
                            <td>
                                <table width="100%" align="center">
                                    <tbody>
                                        <tr>
                                            <td width="260" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td align="center" style="color:#ffffff;font-size: 18px;font-weight: 500;font-family: {{header.titleFont.val}}, sans-serif; " class="raleway">
                                                Recommended Products
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td valign="top">
                                <table width="500" border="0" cellpadding="0" cellspacing="0" align="center" class="full" style="margin:0px auto;">
                                    <tbody>
                                        <tr>
                                             First Col 
                                            <td class="full-width" style="text-align:center;vertical-align:top;" valign="top" >
                                                <table width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" align="center" style="text-align:center;">
                                                                <img src="http://monsart.net/emails/order-4/images/product-1.jpg" alt="product 1 image">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="18" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:14px;color:#ffffff; font-family: {{appearance.baseFont.val}}, sans-serif;font-weight:700;text-transform: uppercase;" class="opensans">
                                                                Iphone 6s
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:14px;color:#ffffff; font-family: {{appearance.baseFont.val}}, sans-serif;text-transform: uppercase;" class="opensans">
                                                                sku: 2036322
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="18" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:12px; font-family: {{appearance.baseFont.val}}, sans-serif;text-transform: uppercase;" class="opensans">
                                                                <a href="#" class="button" style="color:#f64646;display:inline-block;border:1px solid #f64646;padding: 8px 18px;">SHOP NOW</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                             Second Col 
                                            <td class="full-width" valign="top" style="vertical-align:top;" align="center">
                                                <table width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" align="center" style="text-align:center;">
                                                                <img src="http://monsart.net/emails/order-4/images/product-2.jpg" alt="product 2 image">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="18" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:14px;color:#ffffff; font-family: {{appearance.baseFont.val}}, sans-serif;font-weight:700;text-transform: uppercase;" class="opensans">
                                                                nicon camera
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:14px;color:#ffffff; font-family: {{appearance.baseFont.val}}, sans-serif;text-transform: uppercase;" class="opensans">
                                                                sku: 2036322
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="18" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:12px;font-family: {{appearance.baseFont.val}}, sans-serif;text-transform: uppercase;" class="opensans">
                                                                <a href="#" class="button" style="color:#f64646;display:inline-block;border:1px solid #f64646;padding: 8px 18px;">SHOP NOW</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                             Third Col 
                                            <td class="full-width" valign="top" style="vertical-align:top;">
                                                <table width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" align="center" style="text-align:center;">
                                                                <img src="http://monsart.net/emails/order-4/images/product-3.jpg" alt="product 3 image">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="18" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:14px;color:#ffffff; font-family: {{appearance.baseFont.val}}, sans-serif;font-weight:700;text-transform: uppercase;" class="opensans">
                                                                clothing
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:14px;color:#ffffff; font-family: {{appearance.baseFont.val}}, sans-serif;text-transform: uppercase;" class="opensans">
                                                                sku: 2036322
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="18" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" style="font-size:12px; font-family: {{appearance.baseFont.val}}, sans-serif;text-transform: uppercase;" class="opensans">
                                                                <a href="#" class="button" style="color:#f64646; display:inline-block;border:1px solid #f64646;padding: 8px 18px;">SHOP NOW</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>-->
<!-- //////////////////////////GET DISCOUNT/////////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}};">
    <tbody>
        <tr>
            <td>
                <table bgcolor="#ffffff" class="mobile" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="margin:0px auto;background-color: #ffffff;border-left: 1px solid #ededed;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td width="260" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="left">
                                <table width="514" class="full" align="center" style="text-align:center;margin:0px auto;">
                                    <tbody>
                                        <tr>
                                            <td align="center" style="font-size:18px;color:#141414;font-family: {{appearance.baseFont.val}},sans-serif;font-weight: 600;">
                                                {{discountSection.discountText.val}}&nbsp;&nbsp;&nbsp;
                                                <a  href="#" class="button filled" style="font-size:12px;background:#f64646;display: inline-block;color:#ffffff;padding: 7px 33px;border: 1px solid #e66161;" bgcolor="#f64646">
                                                    {{discountSection.discountButtonText.val}}
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="260" align="center" height="40" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- //////Empty Space/////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td width="100%" height="70"></td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////FOOTER NAVIGATIONS////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-footer-bg" bgcolor="{{footer.backgroundColor.val}}" style="background-color: {{footer.backgroundColor.val}}">
    <tbody>
        <!-- //////Empty Space/////// -->
        <tr>
            <td width="100%" height="70"></td>
        </tr>
        <tr>
            <td>
                <table class="full-width" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="margin: 0px auto;color:#ffffff;">
                    <tbody>
                        <tr>
                            <td align="left" width="200" class="full-width" valign="top" style="vertical-align:top;">
                                <table class="mobile full" width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
                                    <tbody>
                                        <tr>
                                            <td align="left" style="color:#ffffff;font-size:16px;font-weight:700;font-family: {{appearance.baseFont.val}},sans-serif;letter-spacing: 0.5px;" class="opensans"> {{footerCol_1.columnHeading.val}} </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_1.menuItemUrl_1.val}}">
                                                    {{footerCol_1.menuItem_1.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_1.menuItemUrl_2.val}}">
                                                    {{footerCol_1.menuItem_2.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_1.menuItemUrl_3.val}}">
                                                    {{footerCol_1.menuItem_3.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_1.menuItemUrl_4.val}}">
                                                    {{footerCol_1.menuItem_4.val}}
                                                </a>  
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_1.menuItemUrl_5.val}}">
                                                    {{footerCol_1.menuItem_5.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td align="left" width="200" class="full" valign="top" style="vertical-align:top;">
                                <table class="full-width" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" >
                                    <tbody>
                                        <tr>
                                            <td align="left" style="color:#ffffff;font-size:16px;font-weight:700;font-family: {{appearance.baseFont.val}},sans-serif;letter-spacing: 0.5px;" class="opensans"> 
                                                {{footerCol_2.columnHeading.val}} 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_2.menuItemUrl_1.val}}">
                                                    {{footerCol_2.menuItem_1.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_2.menuItemUrl_2.val}}">
                                                    {{footerCol_2.menuItem_2.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_2.menuItemUrl_3.val}}">
                                                    {{footerCol_2.menuItem_3.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_2.menuItemUrl_4.val}}">
                                                    {{footerCol_2.menuItem_4.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#f7cfcf;" href="{{footerCol_2.menuItemUrl_5.val}}">
                                                    {{footerCol_2.menuItem_5.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td align="left" width="200" class="full" valign="top" style="vertical-align:top;">
                                <table class="full-width" width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
                                    <tbody>
                                        <tr>
                                            <td colspan="4" align="left" style="color:#ffffff;font-size:16px;font-weight:700;font-family: {{appearance.baseFont.val}},sans-serif;letter-spacing: 0.5px;" class="opensans">
                                                {{footerCol_3.columnHeading.val}}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="20"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="4" align="left" style="color:#f7cfcf;font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans">  
                                                {{footerCol_3.columnContent.val}} 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="28"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="{{socialLinks.facebookLink.val}}">
                                                    <img src="http://monsart.net/emails/order-4/images/facebook.jpg" alt="facebook icon">
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{socialLinks.twitterLink.val}}">
                                                    <img src="http://monsart.net/emails/order-4/images/twitter.jpg" alt="twitter icon">
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{socialLinks.instagramLink.val}}">
                                                    <img src="http://monsart.net/emails/order-4/images/instagram.jpg" alt="instagram icon">
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{socialLinks.pinterestLink.val}}">
                                                    <img src="http://monsart.net/emails/order-4/images/paypal.jpg" alt="paypal icon">
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <!-- //////Empty Space/////// -->
        <tr>
            <td width="100%" height="50"></td>
        </tr>
    </tbody>
</table>
<!-- //////////////////////////FOOTER/////////////////////////////// -->
<table class="full" width="100%" style="padding:0px 15px;font-family:{{appearance.baseFont.val}}, sans-serif;margin:0px auto;">
    <tbody>
        <tr>
            <td>
                <table  width="600" class="full" align="center" style="margin:0px auto; " >
                    <tbody class="footer">
                        <tr>
                            <td width="600" align="center" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td style="font-size: 12px;text-align: center;" align="center">                                
                                <?php if ($this->_preview) { ?>
                                    <div ng-bind-html="footer.copyrightText.val | trusted"></div>
                                <?php } else { ?>
                                    {{footer.copyrightText.val}}
                                <?php } ?> 
                            </td>
                        </tr>
                        <tr>
                            <td width="600" align="center" height="35" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>