Advertisement
big_smile

Untitled

Nov 28th, 2014
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 38.51 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. </head>
  7.  
  8. <body yahoo="fix" style="-ms-text-size-adjust: none; -webkit-text-size-adjust: none !important; background: #F0F0F0; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin: 0; min-height: 1000px; min-width: 100% !important; padding: 0; width: 100% !important" bgcolor="#F0F0F0"><style type="text/css">
  9. body {
  10. -webkit-text-size-adjust: none;
  11. }
  12. .ExternalClass {
  13. width: 100%;
  14. }
  15. .ExternalClass {
  16. line-height: 100%;
  17. }
  18. body {
  19. -webkit-text-size-adjust: none; -ms-text-size-adjust: none;
  20. }
  21. body {
  22. margin: 0; padding: 0;
  23. }
  24. body {
  25. min-height: 1000px; font-family: Arial, Helvetica, sans-serif;
  26. }
  27. span.yshortcuts:hover {
  28. color: #000; background-color: none; border: none;
  29. }
  30. span.yshortcuts:active {
  31. color: #000; background-color: none; border: none;
  32. }
  33. span.yshortcuts:focus {
  34. color: #000; background-color: none; border: none;
  35. }
  36. body {
  37. margin: 0; padding: 0;
  38. }
  39. img {
  40. border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none;
  41. }
  42. body {
  43. -webkit-text-size-adjust: none !important;
  44. }
  45. body {
  46. width: 100% !important; min-width: 100% !important;
  47. }
  48. body {
  49. background-color: #F0F0F0;
  50. }
  51. body {
  52. font-family: Arial, Helvetica, sans-serif; color: #9a9a9a; font-size: 0.875rem;
  53. }
  54. @media only screen and (max-device-width: 480px) {
  55.   body[yahoo] #container1 {
  56.     display: block !important;
  57.   }
  58.   body[yahoo] p {
  59.     font-size: 10px;
  60.   }
  61. }
  62. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  63.   body[yahoo] #container1 {
  64.     display: block !important;
  65.   }
  66.   body[yahoo] p {
  67.     font-size: 12px;
  68.   }
  69. }
  70. @media only screen and (max-device-width: 615px) {
  71.   html {
  72.     font-size: 20px;
  73.   }
  74.   table[class="layout-wrapper"] {
  75.     width: 100% !important;
  76.   }
  77.   table[id="footer"] {
  78.     width: 100% !important;
  79.   }
  80.   table[id="body-table"] {
  81.     max-width: 100% !important; width: 100% !important;
  82.   }
  83.   table[id="body-table"] .mob {
  84.     font-size: inherit !important; width: 100% !important; height: inherit !important; display: block !important;
  85.   }
  86.   table[id="body-table"] .mob img {
  87.     display: block !important;
  88.   }
  89.   table[id="body-table"] tr.mob {
  90.     display: table-row !important;
  91.   }
  92.   table[id="body-table"] .desk {
  93.     display: none !important;
  94.   }
  95.   table[id="body-table"] body .desk {
  96.     display: none !important;
  97.   }
  98.   table[id="body-table"] .col1 {
  99.     display: none !important;
  100.   }
  101.   table[id="body-table"] #table-content .col2 {
  102.     padding-left: 4% !important; padding-right: 4% !important;
  103.   }
  104.   table[id="body-table"] .second-level {
  105.     width: 90% !important;
  106.   }
  107.   table[id="body-table"] .second-level .heading-bar {
  108.     width: 90% !important;
  109.   }
  110.   table[id="body-table"] #table-content .second-level .mob {
  111.     padding-right: 0 !important;
  112.   }
  113.   table[id="body-table"] tr.secondary &gt; td {
  114.     margin-top: 30px !important;
  115.   }
  116.   table[id="body-table"] tr &gt; td {
  117.     margin-bottom: 0 !important;
  118.   }
  119.   table[id="body-table"] .masthead {
  120.     background-color: #FBFAFA !important;
  121.   }
  122.   table[id="body-table"] .masthead .left {
  123.     background-repeat: no-repeat !important; background-size: cover !important; width: 40% !important; padding-right: 10% !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;
  124.   }
  125.   table[id="body-table"] .masthead .left img {
  126.     width: 100% !important; height: auto !important;
  127.   }
  128.   table[id="body-table"] .masthead .right br {
  129.     display: none !important;
  130.   }
  131.   table[id="body-table"] .masthead .tagline {
  132.     font-size: 1rem !important; padding-top: 5px !important; font-weight: normal !important; color: #6e6e6e !important; margin: 0 !important; padding-bottom: 10px !important;
  133.   }
  134.   table[id="body-table"] .opening-title {
  135.     font-weight: bold !important; color: #414141 !important; font-size: 1.8rem !important; display: block !important; height: auto !important; width: auto !important; text-align: center; padding: 5px;
  136.   }
  137.   table[id="body-table"] .tips td {
  138.     padding-top: 0 !important;
  139.   }
  140.   table[id="body-table"] .tips td.col2 {
  141.     padding-top: 20px !important;
  142.   }
  143.   table[id="body-table"] .data-glance .label {
  144.     padding-left: 0 !important; padding-right: 0 !important;
  145.   }
  146.   table[id="body-table"] .order-total .summary-table .label {
  147.     width: 50% !important;
  148.   }
  149.   table[id="body-table"] #footer .logo img {
  150.     max-width: 240px !important; height: auto !important; width: 90% !important;
  151.   }
  152. }
  153. @media screen and (max-width: 615px) {
  154.   table[class="layout-wrapper"] {
  155.     width: 100% !important;
  156.   }
  157.   table[id="footer"] {
  158.     width: 100% !important;
  159.   }
  160.   table[id="body-table"] {
  161.     max-width: 100% !important; width: 100% !important;
  162.   }
  163.   table[id="body-table"] .mob {
  164.     font-size: inherit !important; width: 100% !important; height: inherit !important; display: block !important;
  165.   }
  166.   table[id="body-table"] .mob img {
  167.     display: block !important;
  168.   }
  169.   table[id="body-table"] tr.mob {
  170.     display: table-row !important;
  171.   }
  172.   table[id="body-table"] .desk {
  173.     display: none !important;
  174.   }
  175.   table[id="body-table"] body .desk {
  176.     display: none !important;
  177.   }
  178.   table[id="body-table"] .col1 {
  179.     display: none !important;
  180.   }
  181.   table[id="body-table"] #table-content .col2 {
  182.     padding-left: 4% !important; padding-right: 4% !important;
  183.   }
  184.   table[id="body-table"] .second-level {
  185.     width: 90% !important;
  186.   }
  187.   table[id="body-table"] .second-level .heading-bar {
  188.     width: 90% !important;
  189.   }
  190.   table[id="body-table"] #table-content .second-level .mob {
  191.     padding-right: 0 !important;
  192.   }
  193.   table[id="body-table"] tr.secondary &gt; td {
  194.     margin-top: 30px !important;
  195.   }
  196.   table[id="body-table"] tr &gt; td {
  197.     margin-bottom: 0 !important;
  198.   }
  199.   table[id="body-table"] .masthead {
  200.     background-color: #FBFAFA !important;
  201.   }
  202.   table[id="body-table"] .masthead .left {
  203.     background-repeat: no-repeat !important; background-size: cover !important; width: 40% !important; padding-right: 10% !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;
  204.   }
  205.   table[id="body-table"] .masthead .left img {
  206.     width: 100% !important; height: auto !important;
  207.   }
  208.   table[id="body-table"] .masthead .right br {
  209.     display: none !important;
  210.   }
  211.   table[id="body-table"] .masthead .tagline {
  212.     font-size: 1rem !important; padding-top: 5px !important; font-weight: normal !important; color: #6e6e6e !important; margin: 0 !important; padding-bottom: 10px !important;
  213.   }
  214.   table[id="body-table"] .opening-title {
  215.     font-weight: bold !important; color: #414141 !important; font-size: 1.8rem !important; display: block !important; height: auto !important; width: auto !important; text-align: center; padding: 5px;
  216.   }
  217.   table[id="body-table"] .tips td {
  218.     padding-top: 0 !important;
  219.   }
  220.   table[id="body-table"] .tips td.col2 {
  221.     padding-top: 20px !important;
  222.   }
  223.   table[id="body-table"] .data-glance .label {
  224.     padding-left: 0 !important; padding-right: 0 !important;
  225.   }
  226.   table[id="body-table"] .order-total .summary-table .label {
  227.     width: 50% !important;
  228.   }
  229.   table[id="body-table"] #footer .logo img {
  230.     max-width: 240px !important; height: auto !important; width: 90% !important;
  231.   }
  232. }
  233. @media only screen and (max-width: 350px) {
  234.   table[id="body-table"] .data-glance {
  235.     padding: 0 10px !important;
  236.   }
  237.   table[id="body-table"] .data-glance .label {
  238.     padding-right: 10px !important;
  239.   }
  240.   table[id="body-table"] .contact br {
  241.     display: block !important;
  242.   }
  243.   table[id="body-table"] #footer .logo img {
  244.     max-width: 90% !important; margin-left: 5% !important;
  245.   }
  246. }
  247. @media only screen and (max-width: 570px) {
  248.   table[id="body-table"] .masthead .right .tagline {
  249.     font-size: 0.8rem !important;
  250.   }
  251.   table[id="body-table"] .masthead .right .small {
  252.     font-size: 0.6rem !important;
  253.   }
  254. }
  255. @media only screen and (max-width: 460px) {
  256.   table[id="body-table"] .masthead .right .tagline br {
  257.     display: block !important;
  258.   }
  259. }
  260. </style>
  261. <!--<style type="text/css">
  262.      </style>-->
  263.  
  264. <div id="body-style" style="font-family: Arial, Helvetica, sans-serif; min-height: 1000px">
  265.   <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="body-table" style="-webkit-text-size-adjust: none !important; background: #F0F0F0; border-collapse: separate; border-spacing: 0; max-width: 600px; padding: 0 20px 20px; width: 100%" bgcolor="#F0F0F0">
  266.     <tr align="center" class="browser-link desk">
  267.       <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"><a href="#" class="small" style="-webkit-text-size-adjust: none !important; color: inherit; font-size: 0.625rem; text-decoration: none">View in Browser</a></td>
  268.     </tr>
  269.     <tr align="center">
  270.       <td class="rainbow" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; height: 10px; margin: 0"><img src="frontend/images/bg-pw-rainbow-desk.jpg" alt="-" width="100%" height="10" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none" /></td>
  271.     </tr>
  272.     <tr>
  273.       <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"><table class="layout-wrapper" id="table-content" style="-webkit-text-size-adjust: none !important; background: #FFF; border-collapse: separate; border-spacing: 0; padding-bottom: 50px; width: 558px" bgcolor="#FFF">
  274.           <tr class="desk masthead">
  275.             <td class="col1 " style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"><a href="http://temp.temp" style="-webkit-text-size-adjust: none !important; color: inherit; text-decoration: none"><img class=" main-logo-desk" src="frontend/images/logo-header-pw-desk.png" width="123" height="60" alt="  " style="border: 0; height: auto; line-height: 100%; margin-top: -7px; outline: none; text-decoration: none" /></a></td>
  276.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%"><h1 style="color: #414141; font-size: 1.75rem; font-weight: bold; line-height: 100%">Thank You for Your Order!</h1></td>
  277.           </tr>
  278.           <tr class="mob masthead" style="display: none; font-size: 0; height: 0; width: 0">
  279.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"></td>
  280.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%"><table width="100%" border="0" style="-webkit-text-size-adjust: none !important; border-collapse: separate; border-spacing: 0">
  281.                 <tr>
  282.                   <td class="left" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"><a href="http://www.temp.temp" style="-webkit-text-size-adjust: none !important; color: inherit; text-decoration: none"><img src="frontend/images/logo-header-pw-mob.png" style="border: 0; display: none; font-size: 0; height: 0; line-height: 100%; outline: none; text-decoration: none; width: 0" width="100%" height="100%" alt=" " /></a></td>
  283.                   <td class="right browser-link" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"><span class="mob tagline" style="display: none; font-size: 0; height: 0; width: 0">Personalised Books <br />
  284.                     Starring Your Child</span>
  285.                     <p class="small mob" style="-webkit-text-size-adjust: none !important; display: none; font-size: 0; height: 0; margin: 0 0 10px; padding: 0; width: 0"><a href="#" style="-webkit-text-size-adjust: none !important; color: inherit; text-decoration: none">View this email in your browser</a></p></td>
  286.                 </tr>
  287.               </table></td>
  288.           </tr>
  289.           <tr class="mob" style="display: none; font-size: 0; height: 0; width: 0">
  290.             <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"><span class="opening-title" style="display: none; font-size: 0; height: 0; width: 0">Thank You for Your Order!!</span></td>
  291.           </tr>
  292.           <tr class="spacer" style="height: 10px">
  293.             <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"></td>
  294.           </tr>
  295.           <tr class="overview" style="background: #e6dfdf; border-collapse: separate; border-spacing: 5em; color: #9a9a9a" bgcolor="#e6dfdf">
  296.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-right: 4%; padding-top: 3px; text-align: right; vertical-align: top; width: 23%" align="right" valign="top"><img src="frontend/images/product-mymummy-desk.png" alt="  " width="137" height="129" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none" /></td>
  297.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-right: 4%; padding-top: 3px; vertical-align: top" valign="top"><table width="100%" border="0" style="-webkit-text-size-adjust: none !important; border-collapse: separate; border-spacing: 0">
  298.                 <tr>
  299.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: top" valign="top"><h2 style="color: #414141; font-size: 1rem; line-height: 100%; margin: 0; padding: 0">Overview:</h2></td>
  300.                 </tr>
  301.                 <tr class="emphasised">
  302.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-right: 5%; padding-top: 3px; vertical-align: top; width: 35%" valign="top">Ref</td>
  303.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: top" valign="top">3405403</td>
  304.                 </tr>
  305.                 <tr class="emphasised">
  306.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-right: 5%; padding-top: 3px; vertical-align: top; width: 35%" valign="top">Order Date</td>
  307.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: top" valign="top">4th April 2014</td>
  308.                 </tr>
  309.                 <tr class="emphasised">
  310.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-right: 5%; padding-top: 3px; vertical-align: top; width: 35%" valign="top">Ship Date</td>
  311.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: top" valign="top">2nd April <span class="info-sub" style="color: #9a9a9a; display: inline-block; font-size: 0.625rem">estimated date</span></td>
  312.                 </tr>
  313.                 <tr>
  314.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-right: 5%; padding-top: 3px; vertical-align: top; width: 35%" valign="top">Items Ordered </td>
  315.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: top" valign="top">1 <span class="info-sub" style="color: #9a9a9a; display: inline-block; font-size: 0.625rem">Scroll down for details</span></td>
  316.                 </tr>
  317.                 <tr>
  318.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-right: 5%; padding-top: 3px; vertical-align: top; width: 35%" valign="top">Total Cost</td>
  319.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: top" valign="top">£42.97</td>
  320.                 </tr>
  321.               </table></td>
  322.           </tr>
  323.           <tr class="spacer" style="height: 10px">
  324.             <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"></td>
  325.           </tr>
  326.           <tr class="secondary" style="color: #a7a7a7">
  327.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin: 60px 0 0; padding: 0; text-align: right; width: 23%" align="right"> </td>
  328.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin: 60px 0 0; padding: 0"><h2 style="color: #414141; font-size: 0.875rem; line-height: 100%; margin-bottom: 5px">What Happens Next?</h2>
  329.               <p style="-webkit-text-size-adjust: none !important; font-size: 0.875rem; margin: 0 0 10px; padding: 0">You will receive an email before your item is due to ship.</p></td>
  330.           </tr>
  331.           <tr class="tips minor" style="font-size: 0.75rem">
  332.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; padding-top: 10px; text-align: right; vertical-align: top; width: 23%" align="right" valign="top"><span class="label" style="color: #414141; font-weight: bold; padding-right: 5%; vertical-align: top">Tip</span></td>
  333.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; padding-top: 10px; vertical-align: top" valign="top"><span class="label mob" style="color: #414141; display: none; font-size: 0; font-weight: bold; height: 0; margin-bottom: 5px; padding-right: 5%; vertical-align: top; width: 0">Tip</span>
  334.               <p style="-webkit-text-size-adjust: none !important; font-size: 0.875rem; margin: 0 0 10px; padding: 0">Add <a class="link" href="mailto:info@000000.com" style="-webkit-text-size-adjust: none !important; color: #6e6e6e; text-decoration: none">info@000000.com</a> to your safe senders list to ensure our emails don’t get caught in spam</p></td>
  335.           </tr>
  336.           <tr>
  337.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"> </td>
  338.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%"><h2 class="heading-bar" style="background: #E8E7E5; color: #000000; font-size: 1rem; font-weight: bold; line-height: 100%; margin-bottom: 5px; margin-top: 25px; padding: 5px">Order Details</h2></td>
  339.           </tr>
  340.           <tr class="order-details">
  341.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"><img src="frontend/images/product-item-mymummy.jpg" alt="  " width="58" height="55" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none" /></td>
  342.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%"><table width="100%" border="0" class="data-glance" style="-webkit-text-size-adjust: none !important; border-collapse: separate; border-spacing: 0">
  343.                 <tr>
  344.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 5px 20px 5px 5px; text-align: right; vertical-align: top; width: 30%" align="right" valign="top">Item 1:</td>
  345.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 0 20px"><h3 style="color: #6e6e6e; font-size: 0.875rem; font-weight: normal; line-height: 130%; margin: 0 0 5px">Title My Mumm</h3></td>
  346.                 </tr>
  347.                 <tr>
  348.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 5px 20px 5px 5px; text-align: right; vertical-align: top; width: 30%" align="right" valign="top"></td>
  349.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 0 20px"><p style="-webkit-text-size-adjust: none !important; font-size: 0.875rem; margin: 0 0 5px; padding: 0">£19.99 • Hardback </p>
  350.                     <p style="-webkit-text-size-adjust: none !important; font-size: 0.875rem; margin: 0 0 5px; padding: 0">ID: 8678547</p></td>
  351.                 </tr>
  352.               </table></td>
  353.           </tr>
  354.           <tr class="spacer-max" style="height: 20px">
  355.             <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"></td>
  356.           </tr>
  357.           <tr class="order-details">
  358.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"><img src="frontend/images/product-item-Title-playgroup.jpg" alt="   " width="48" height="64" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none" /></td>
  359.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%"><table width="100%" border="0" class="data-glance" style="-webkit-text-size-adjust: none !important; border-collapse: separate; border-spacing: 0">
  360.                 <tr>
  361.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 5px 20px 5px 5px; text-align: right; vertical-align: top; width: 30%" align="right" valign="top">Item 2:</td>
  362.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 0 20px"><h3 style="color: #6e6e6e; font-size: 0.875rem; font-weight: normal; line-height: 130%; margin: 0 0 5px">Title and Christina go to Playgroup</h3></td>
  363.                 </tr>
  364.                 <tr>
  365.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 5px 20px 5px 5px; text-align: right; vertical-align: top; width: 30%" align="right" valign="top"></td>
  366.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 0 20px"><p style="-webkit-text-size-adjust: none !important; font-size: 0.875rem; margin: 0 0 5px; padding: 0">£19.99 • Hardback </p>
  367.                     <p style="-webkit-text-size-adjust: none !important; font-size: 0.875rem; margin: 0 0 5px; padding: 0">ID: 8678547</p></td>
  368.                 </tr>
  369.               </table></td>
  370.           </tr>
  371.           <tr class="spacer-max" style="height: 20px">
  372.             <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"></td>
  373.           </tr>
  374.           <tr class="mob second-level" style="display: none; font-size: 0; height: 0; width: 0">
  375.             <td class="col2 mob" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; display: none; font-family: Arial, Helvetica, sans-serif; font-size: 0; height: 0; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; width: 0"><h2 class="heading-bar mob" style="background: #E8E7E5; color: #000000; display: none; font-size: 0; font-weight: bold; height: 0; line-height: 100%; margin-bottom: 5px; margin-top: 25px; padding: 5px; width: 0">Cost</h2></td>
  376.           </tr>
  377.           <tr class="order-total">
  378.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"><span class="label" style="color: #000; padding-right: 5%; vertical-align: top">Total</span></td>
  379.             <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px"><table width="100%" border="0" class="summary-table data-glance" style="-webkit-text-size-adjust: none !important; border-collapse: separate; border-spacing: 0; padding-left: 5%; width: 95%">
  380.                 <tr>
  381.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-bottom-color: #E8E7E5; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; color: #cacaca; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: normal; margin-bottom: 10px; margin-top: 10px; padding: 5px 20px 5px 5px; text-align: right; vertical-align: top; width: 30%" align="right" valign="top">Sub Total</td>
  382.                   <td style="-webkit-text-size-adjust: none !important; border-bottom-color: #E8E7E5; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; color: #cacaca; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 0 20px">£39.98</td>
  383.                 </tr>
  384.                 <tr>
  385.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-bottom-color: #E8E7E5; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; color: #cacaca; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: normal; margin-bottom: 10px; margin-top: 10px; padding: 5px 20px 5px 5px; text-align: right; vertical-align: top; width: 30%" align="right" valign="top">Postage</td>
  386.                   <td style="-webkit-text-size-adjust: none !important; border-bottom-color: #E8E7E5; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; color: #cacaca; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 0 20px">£2.99</td>
  387.                 </tr>
  388.                 <tr class="last-summary">
  389.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-bottom-color: #E8E7E5; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: normal; margin-bottom: 10px; margin-top: 10px; padding: 5px 20px 5px 5px; text-align: right; vertical-align: top; width: 30%" align="right" valign="top">Grand Total</td>
  390.                   <td style="-webkit-text-size-adjust: none !important; border-bottom-color: #E8E7E5; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 0 20px">£42.97</td>
  391.                 </tr>
  392.               </table></td>
  393.           </tr>
  394.           <tr class="notes" style="padding-left: 10px; padding-right: 10px">
  395.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"> </td>
  396.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; padding-top: 20px"><h3 style="color: #6e6e6e; font-size: 0.6875rem; font-weight: bold; line-height: 130%; margin: 0 0 10px">Payment Notes</h3>
  397.               <p style="-webkit-text-size-adjust: none !important; color: #9a9a9a; font-size: 0.625rem; margin: 0 0 5px; padding: 0">Your payment has been credited to your account. </p>
  398.               <p style="-webkit-text-size-adjust: none !important; color: #9a9a9a; font-size: 0.625rem; margin: 0 0 5px; padding: 0">It can take up to 5 working days to be processed. </p></td>
  399.           </tr>
  400.           <tr>
  401.             <td class="col1" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%; text-align: right; width: 23%" align="right"> </td>
  402.             <td class="col2" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-right: 4%"><h2 class="heading-bar" style="background: #E8E7E5; color: #000000; font-size: 1rem; font-weight: bold; line-height: 100%; margin-bottom: 5px; margin-top: 25px; padding: 5px">Contact Us</h2>
  403.               <table width="100%" border="0" class="contact data-glance" style="-webkit-text-size-adjust: none !important; border-collapse: separate; border-spacing: 0">
  404.                 <tr class="emphasised">
  405.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding: 10px 0; text-align: left; vertical-align: top; width: 30%" align="left" valign="top">Email</td>
  406.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 10px 0"><a href="mailto:info@000000.com" style="-webkit-text-size-adjust: none !important; color: inherit; text-decoration: none">info<br style="display: none" />
  407.                     @000000<br style="display: none" />
  408.                     .com</a></td>
  409.                 </tr>
  410.                 <tr class="emphasised">
  411.                   <td class="label" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding: 10px 0; text-align: left; vertical-align: top; width: 30%" align="left" valign="top">Call</td>
  412.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #6e6e6e; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 10px 0">number go here<br style="display: none" />
  413.                     000000000 (International) </td>
  414.                 </tr>
  415.                 <tr>
  416.                   <td style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 10px 0"></td>
  417.                   <td class="notes" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding: 10px 0"><p style="-webkit-text-size-adjust: none !important; color: #9a9a9a; font-size: 0.625rem; margin: 0 0 5px; padding: 0">Lines open Mon to Fri  9am to 5pm. </p>
  418.                     <p style="-webkit-text-size-adjust: none !important; color: #9a9a9a; font-size: 0.625rem; margin: 0 0 5px; padding: 0">Answering service available out of hours. We aim to reply in 24 hours. </p></td>
  419.                 </tr>
  420.               </table></td>
  421.           </tr>
  422.         </table>
  423.         <table class="layout-wrapper" id="footer" style="-webkit-text-size-adjust: none !important; background: #FFF; border-collapse: separate; border-spacing: 0; padding-bottom: 50px; padding-top: 10px; text-align: center; width: 558px" bgcolor="#FFF">
  424.           <tr>
  425.             <td class="logo" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-bottom: 20px"><a href="http://www.temp.temp" style="-webkit-text-size-adjust: none !important; color: inherit; text-decoration: none"><img src="frontend/images/logo-pw-desk.jpg" alt="  " style="border: 0; height: 79px; line-height: 100%; margin-left: 40px; outline: none; text-decoration: none; width: 240px" /></a>
  426.               <p style="-webkit-text-size-adjust: none !important; font-size: 0.875rem; margin: 0 0 10px; padding: 0"><a href="" style="-webkit-text-size-adjust: none !important; color: inherit; text-decoration: none">link</a></p></td>
  427.           </tr>
  428.           <tr>
  429.             <td class="notes" style="-webkit-text-size-adjust: none !important; border-collapse: collapse; color: #9a9a9a; font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; margin-bottom: 10px; margin-top: 10px; padding-left: 10px; padding-right: 10px"><p style="-webkit-text-size-adjust: none !important; color: #9a9a9a; font-size: 0.625rem; margin: 0 0 5px; padding: 0">You are receiving this message because you placed an order on <a href="" style="-webkit-text-size-adjust: none !important; color: inherit; text-decoration: none"></a></p>
  430.               <p style="-webkit-text-size-adjust: none !important; color: #9a9a9a; font-size: 0.625rem; margin: 0 0 5px; padding: 0"></p></td>
  431.           </tr>
  432.         </table></td>
  433.     </tr>
  434.   </table>
  435. </div>
  436. </body>
  437. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement