<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
                            <html>
                                    <!-- PRE-HEADER - THIS TEXT IS DISPLAYED IN THE PREHEADER OR JOHNSON BOX -->
                                    <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;"><div style="padding:10px;">
                        <div style="margin-bottom:10px;width:100%;border:1px solid #000;">
                        <p style="color:#000000;font-size:15px;text-align:center;">
                        New product is just added to our store by <b>{{seller_title}}</b>.
                        </p>
                        </div>
                        <br />
                        <p><b>Product Details:</b></p>
                        <p><span><b>Product Name:</b> {{product_name}}</span> <br />
                        <span><b>SKU:</b> {{product_sku}}</span><br />
                        <span><b>Price:</b> {{product_price}}</span></p>
                        <br />
                        <p><b>Seller Details:</b></p>
                        <p><span><b>Name:</b> {{seller_name}}</span><br /><span> <b>Email:</b>
                        {{seller_email}}</span><br /><span> <b>Contact:</b> {{seller_contact}}</span>
                        </p>
                        <br />
                        <p>Please go to <a href="{shop_url}">store</a> and approve this product.</p>
                        </div></div>
                                    <!-- END PRE-HEADER -->
                                    <head>
                                            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                                            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
                                            <title>Message from {shop_name}</title>
                                            <style>
                                             @media only screen and (max-width: 300px){
                                                     body {
                                                            width:218px !important;
                                                            margin:auto !important;
                                                     }
                                                     .table {
                                                            width:195px !important;
                                                            margin:auto !important;
                                                     }
                                                     .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{
                                                            width:auto !important;
                                                            display: block !important;
                                                     }
                                                     span.title{
                                                            font-size:20px !important;
                                                            line-height: 23px !important
                                                     }
                                                     span.subtitle{
                                                            font-size: 14px !important;
                                                            line-height: 18px !important;
                                                            padding-top:10px !important;
                                                            display:block !important;
                                                     }
                                                     td.box p{
                                                            font-size: 12px !important;
                                                            font-weight: bold !important;
                                                     }
                                                     .table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
                                                            display: block !important;
                                                     }
                                                     .table-recap{
                                                            width: 200px!important;
                                                     }
                                                     .table-recap tr td, .conf_body td{
                                                            text-align:center !important;
                                                     }
                                                     .address{
                                                            display: block !important;
                                                            margin-bottom: 10px !important;
                                                     }
                                                     .space_address{
                                                            display: none !important;
                                                     }
                                              }
                                             @media only screen and (min-width: 301px) and (max-width: 500px) {
                                                    body {
                                                       width:308px!important;
                                                       margin:auto!important;
                                                    }
                                                    .table {
                                                       width:285px!important;
                                                       margin:auto!important;
                                                    }
                                                    .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{
                                                       width:auto!important;
                                                       display: block!important;
                                                    }
                                                    .table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
                                                       display: block !important;
                                                    }
                                                    .table-recap{
                                                       width: 295px !important;
                                                    }
                                                    .table-recap tr td, .conf_body td{
                                                       text-align:center !important;
                                                    }
                                             }
                                             @media only screen and (min-width: 501px) and (max-width: 768px) {
                                                    body {
                                                       width:478px!important;
                                                       margin:auto!important;
                                                    }
                                                    .table {
                                                       width:450px!important;
                                                       margin:auto!important;
                                                    }
                                                    .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{
                                                       width:auto!important;display: block!important;
                                                    }
                                             }
                                             @media only screen and (max-device-width: 480px) {
                                                    body {
                                                       width:308px!important;
                                                       margin:auto!important;
                                                    }
                                                    .table {
                                                       width:285px;
                                                       margin:auto!important;
                                                    }
                                                    .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{
                                                       width:auto!important;display: block!important;
                                                    }
                                                    .table-recap{
                                                       width: 295px!important;
                                                    }
                                                    .table-recap tr td, .conf_body td{
                                                       text-align:center!important;
                                                    }
                                                    .address{
                                                       display: block !important;margin-bottom: 10px !important;
                                                    }
                                                    .space_address{
                                                       display: none !important;
                                                    }
                                             }
                                            </style>
                                    </head>
                                    <body style="-webkit-text-size-adjust:none;background-color:#fff;width:650px;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto">
                                            <table class="table table-mail" style="width:100%;margin-top:10px;-moz-box-shadow:0 0 5px #afafaf;-webkit-box-shadow:0 0 5px #afafaf;-o-box-shadow:0 0 5px #afafaf;box-shadow:0 0 5px #afafaf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5)">
                                                    <tr>
                                                            <td class="space" style="width:20px;padding:7px 0">&nbsp;</td>
                                                            <td align="center" style="padding:7px 0">
                                                                    <table class="table" bgcolor="#ffffff" style="width:100%">
                                                                            <tr>
                                                                                    <td align="center" class="logo" style="border-bottom:4px solid #333333;padding:7px 0">
                                                                                            <a title="{shop_name}" href="{shop_url}" style="color:#337ff1">
                                                                                            <img src="{shop_logo}" alt="{shop_name}" />
                                                                                            </a>
                                                                                    </td>
                                                                            </tr>
                                                                            <tr>
                                                                               <td style="border: 1px solid #d6d4d4; background-color: #f8f8f8; padding: 7px 0;">
                                                                                       <table style="width:100%; display: table; border-collapse: separate; border-spacing: 2px; border-color: grey;">
                                                                                               <tbody><tr>
                                                                                                       <td width="10" style="padding:7px 0">&nbsp;</td>
                                                                                                       <td style="padding: 7px 0px;">
                                                                                                               <font size="2" face="Open-sans, sans-serif" color="#555454">
                                                                                                                       <div style="text-align:left;"><div style="padding:10px;">
                        <div style="margin-bottom:10px;width:100%;border:1px solid #000;">
                        <p style="color:#000000;font-size:15px;text-align:center;">
                        New product is just added to our store by <b>{{seller_title}}</b>.
                        </p>
                        </div>
                        <br />
                        <p><b>Product Details:</b></p>
                        <p><span><b>Product Name:</b> {{product_name}}</span> <br />
                        <span><b>SKU:</b> {{product_sku}}</span><br />
                        <span><b>Price:</b> {{product_price}}</span></p>
                        <br />
                        <p><b>Seller Details:</b></p>
                        <p><span><b>Name:</b> {{seller_name}}</span><br /><span> <b>Email:</b>
                        {{seller_email}}</span><br /><span> <b>Contact:</b> {{seller_contact}}</span>
                        </p>
                        <br />
                        <p>Please go to <a href="{shop_url}">store</a> and approve this product.</p>
                        </div></div>
                                                                                                               </font>
                                                                                                       </td>
                                                                                                       <td width="10" style="padding:7px 0">&nbsp;</td>
                                                                                               </tr>
                                                                                       </tbody></table>
                                                                               </td>
                                                                       </tr>
                                                                            <tr>
                                                                                    <td class="footer" style="border-top:4px solid #333333;padding:7px 0">
                                                                                            <span><a href="{shop_url}" style="color:#337ff1">{shop_name}</a> powered by <a href="http://www.prestashop.com/" style="color:#337ff1">PrestaShop&trade;</a></span>
                                                                                    </td>
                                                                            </tr>
                                                                    </table>
                                                            </td>
                                                    </tr>
                                            </table>
                                    </body>
                            </html>