Email sent from Ocado to a Registered user

Ocado Registered user

Subscribed 6 years, 6 months ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta charset="utf-8" content="html"/>
  <!-- utf-8 works for most cases -->
  <meta content="width=device-width" name="viewport"/>
  <!-- Forcing initial-scale shouldn't be necessary -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!-- Use the latest (edge) version of IE rendering engine -->
  <!-- WEB FONT / @font-face : BEGIN -->
  <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font for both SourceSans and OpenSans. -->
  <!--[if mso]>
    <style type="text/css">
    .sourceSans_fallback {font-family: Trebuchet MS, Arial, sans-serif !important;}
    .openSans_fallback {font-family: Arial, sans-serif !important;}

    }
    </style>
    <![endif]-->
  <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: //stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->
  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet" type="text/css"/>
  <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet" type="text/css"/>
  <!--<![endif]-->
  <!-- WEB FONT / @font-face : END -->
  <!-- CSS Reset -->
  <style type="text/css">
   /* What it does: Remove spaces around the email design added by some email clients. */
    /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
    
html, body {
	Margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
    
* {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
/* What it does: Centers email on Android 4.4 */
    
div[style*="margin: 16px 0"] {
	margin: 0 !important;
}
/* What it does: Forces Outlook.com to display emails full width. */
    
.ExternalClass {
	width: 100%;
	line-height: 100%;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
    
table, td {
	mso-table-lspace: 0pt !important;
	mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
    
table {
	border-spacing: 0 !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
	Margin: 0 auto !important;
}
table table table {
	table-layout: auto;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
    
img {
	-ms-interpolation-mode: bicubic;
}
/* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
.a6S {
	display: none !important;
	opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img + div {
	display: none !important;
}
/* What it does: Overrides styles added when Yahoo's auto-senses a link. */
.yshortcuts a {
	border-bottom: none !important;
}
/* What it does: A work-around for iOS meddling in triggered links. */
    
.mobile-link--footer a, a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
}
/*
<!--Progressive Enhancements-->
<!--Progressive Enhancements-->
<!--Progressive Enhancements-->
*/
    /* What it does: Hover styles for buttons */
    
.button-td, .button-a, .button-td-charcoal, .button-td-apple, .button-td-blueberry, .button-td-cabbage, .button-td-raspberry, .button-td-lemon, .button-td-lemondark, .button-a-charcoal, .button-a-apple, .button-a-blueberry, .button-a-cabbage, .button-a-raspberry, .button-a-lemon, .button-a-lemondark {
	transition: all 100ms ease-in;
}
/* default button */
    
.button-td:hover, .button-a:hover {
	background: #444444 !important;
	border-color: #444444 !important;
}
.button-td-charcoal:hover, .button-a-charcoal:hover {
	background: #444444 !important;
	border-color: #444444 !important;
}
.button-td-apple:hover, .button-a-apple:hover {
	background: #6D712E !important;
	border-color: #6D712E !important;
}
.button-td-blueberry:hover, .button-a-blueberry:hover {
	background: #0057B8 !important;
	border-color: #0057B8 !important;
}
.button-td-cabbage:hover, .button-a-cabbage:hover {
	background: #722257 !important;
	border-color: #722257 !important;
}
.button-td-raspberry:hover, .button-a-raspberry:hover {
	background: #8A1538 !important;
	border-color: #8A1538 !important;
}
.button-td-lemon:hover, .button-a-lemon:hover {
	background: #F2A900 !important;
	border-color: #F2A900 !important;
}
.button-td-lemondark:hover, .button-a-lemondark:hover {
	background: #BD472A !important;
	border-color: #BD472A !important;
}

/* Media Queries */
    /* 651px media query is added to allow for text to span within 500px when the tables are stacked as previously text was kept only within 310px  */
    
@media only screen and (max-width: 651px) {
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
	text-align: center !important;
	display: block !important;
	Margin-left: auto !important;
	Margin-right: auto !important;
	float: none !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column-center {
	display: block !important;
	width: 100% !important;
	direction: ltr !important;
	max-width: 500px !important;
}
/* What it does: Generic utility class for centering - plus moves CTA up by ignoring desktop height in 3 col row */
.center-on-narrow-height-control {
	text-align: center !important;
	display: block !important;
	Margin-left: auto !important;
	Margin-right: auto !important;
	float: none !important;
	height: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}
/* What it does: Adds white divider between elements on mobile */
.WhiteLineVoucher {
	padding-top: 30px !important;
	border-top: 1px #FFFFFF solid !important;
}
/* What it does: Adds grey divider between elements on mobile */
.GreyLineVoucher {
	padding-top: 30px !important;
	border-top: 1px #D9D9D9 solid !important;
}
/* What it does: Scales 3 col images to 250px on mobile */	
.RescaleIMG {
	max-width: 250px !important;
	margin: 0 auto !important;
}
/* What it does: Scales 3 col images to 288px on mobile */	
.RescaleIMG2 {
	max-width: 288px !important;
	margin: 0 auto !important;
}
/* What it does: Adds extra padding on promo banners stacking on mobile to fit remaining banners*/
.PromoOnMobile {
	padding: 0 6px !important;
}
/* What it does: Resets padding on mobile devices to represent design in an XD file*/
.ResetPadding {
	padding: 0 !important;
}
/* What it does: Resets padding on mobile devices and removes gap between elements*/
.ReviewYourProduct {
	padding: 10px 20px !important;
}
}

/* source for media query and screen resolution: //mediag.com/news/popular-screen-resolutions-designing-for-all/ */
    
@media only screen and (max-width: 480px) {
/* What it does: Hides content on all desktops, reveals it on mobile */
.hide {
	display: none!important;
	width: 0px !important;
}
.show {
	width: auto !important;
	height: auto!important;
	display: table!important;
	margin: 0 auto !important;
}
.me {
	display: block!important;
	width: 100%!important;
	max-height: inherit!important;
	overflow: visible!important;
}
.onmobile {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	text-align: center!important;
	float: none!important;
}
/* What it does: Hides 'View online' link in header on mobile. */
.weblink a {
	display: none;
}
/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
.fluid, .fluid-centered {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	Margin-left: auto !important;
	Margin-right: auto !important;
}
/* And center justify these ones. */
.fluid-centered {
	Margin-left: auto !important;
	Margin-right: auto !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column-center {
	display: block !important;
	width: 100% !important;
	direction: ltr !important;
	max-width: 500px !important;
}
/* What it does: Forces banners to regain their original width when displayed on screens below 480px. */
.stack-column-banner, .stack-column-center {
	display: block !important;
	width: 100% !important;
	direction: ltr !important;
	max-width: 330px !important;
}
/* What it does: Forces 2 col promo banners to resize to 310px on mobile to fit other banners when displayed on screens below 480px. */
.stack-column-promobanner, .stack-column-center {
	display: block !important;
	width: 100% !important;
	direction: ltr !important;
	max-width: 320px !important;
}
/* And center justify these ones. */
.stack-column-center {
	text-align: center !important;
}
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
	text-align: center !important;
	display: block !important;
	Margin-left: auto !important;
	Margin-right: auto !important;
	float: none !important;
}
/* What it does: Resizes Core service banners to align them with other banners on mobile */
.width310onMobile {
	max-width: 310px !important;
}
table.center-on-narrow {
	display: inline-block !important;
}
/* What it does: Hides element within span tag */
.hideSPANbelow480px {
	display: none !important;
	width: 0 !important;
}
/* What it does: Hides an image*/
.hideIMGbelow480px {
	display: none !important;
}
/* What it does: Hides an image*/
.hideTDbelow480px {
	display: none !important;
	padding: 0 !important;
}
}

/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
    /* Create one of these media queries for each additional viewport size you'd like to fix */
    /* Thanks to Eric Lepetit (@ericlepetitsf) for help troubleshooting */
    
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
/* iPhone 5 and 5S */
.email-container {
	min-width: 320px !important;
}
}

/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
    /* Create one of these media queries for each additional viewport size you'd like to fix */
    /* Thanks to Eric Lepetit (@ericlepetitsf) for help troubleshooting */
    
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
/* iPhone 6 and 6+ */
.email-container {
	min-width: 375px !important;
}
}
  </style>
  <title>
   Ocado
  </title>
 </head>
 <body bgcolor="#5b615e" body="" style="margin: 0;" width="100%">
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgridinbound.blob.core.windows.net%252Fgic%252Fg.png%253Fh%253D374a0484099c4eb691ef706083fbeab1/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZncmlkaW5ib3VuZCJ9:1kXNCQ:iWL9OWU1-PDpb079erga7FDLNVI4NDxGf57JG6VCV-c" style="display:none; margin:0; padding:0; visibility:hidden; overflow:hidden; max-height:0;width:0px;height:0px;font-size:0;color:#FFFFFF;mso-hide:all;float: left;line-height:0;" width="1"/>
  <img alt="" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Foptiext%252Foptiextension.dll%253FID%253DaIJaHVtIhobLB%252BsjCAfSAIfuFdvzOInFKql3o0Gd7o5TjhFWPPuThIAI8OEhxTYq1G6s08HWc0oQmaDvo5RS35hTsMC230Bo_HRxh%252BGH/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="display:none; margin:0; padding:0; visibility:hidden; overflow:hidden; max-height:0;width:0px;height:0px;font-size:0;color:#FFFFFF;mso-hide:all;float: left;line-height:0;" width="1"/>
  <table bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;" width="100%">
   <tbody>
    <tr>
     <td valign="top">
      <center style="width: 100%;">
       <!-- PRE-HEADER TEXT HIDDEN : BEGIN -->
       <div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; mso-hide:all; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
        Save on your first grocery shop. Let’s celebrate Pay Day
       </div>
       <!-- PRE-HEADER TEXT HIDDEN : END -->
       <!-- HEADER : BEGIN -->
       <div style="max-width: 680px;">
        <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="680" align="center"> <tr> <td> <![endif]-->
        <!-- * Header 2017 - BEGIN -->
        <!-- HEADER : BEGIN -->
        <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px;" width="100%">
         <tr>
          <td class="weblink" style="padding: 10px 10px 0 0; text-align: right; width: 100%; font-size: 10px; font-family: 'Muli', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:85%;">
           <a style="color:#CCCCCC; text-decoration:underline;">
            View online
           </a>
          </td>
         </tr>
         <tr>
          <td style="padding: 5px 0 15px 0; text-align: center; font-family: 'Muli', 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
           <a>
            <img alt="Ocado." border="0" height="40" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Focado-logo-rgb-hz-ret.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="font-family: 'Muli', Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; font-size:20px; color: #FFFFFF; background-color: #B1BA1D; line-height: 22px; text-align: center;" width="160"/>
           </a>
          </td>
         </tr>
        </table>
        <!-- * Header 2017 - END -->
        <!-- HEADER : END -->
        <!-- HEADER : END -->
        <!-- BODY : BEGIN -->
        <table align="center" bgcolor="#FFFCEC" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 680px;" width="100%">
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <tbody>
          <tr>
           <td bgcolor="#929B00" style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:600; font-style:normal; font-size:16px; line-height: 42px; color:#FFFCEC; mso-height-rule: exactly; display:block; line-height: 135%; padding: 5px 5px 5px 5px" valign="middle">
            30% OFF + free delivery voucher below
           </td>
          </tr>
          <tr>
           <td class="center-on-narrow" style="padding: 30px 10px 0 10px; text-align: center; mso-height-rule: exactly; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:24px; color:#54585A; line-height:110%;">
            We made it!
           </td>
          </tr>
          <tr>
           <td style="padding: 0 20px 30px 20px; text-align: center; font-family: Georgia,Times,'Times New Roman',serif; font-size:48px; font-weight:bold; font-style:italic; color:#929B00; line-height:52px; mso-height-rule: exactly;">
            Happy Pay Day
           </td>
          </tr>
          <!--  TYPOGRAPHY_LOCKUP_1 : BEGIN -->
          <tr>
           <td align="center" bgcolor="#fffcec">
            <table align="center" bgcolor="#fffcec" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px;" width="100%">
             <tbody>
              <tr>
               <td>
                <!--[if (gte mso 9)|(IE)]><center><table><tr><td width="540"><![endif]-->
                <div style="max-width: 540px; margin: 0 auto;">
                 <table align="center" bgcolor="#fffcec" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
                  <tbody>
                   <tr>
                    <td class="center-on-narrow" style="padding: 0 20px 10px 20px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #444444; line-height: 22px; mso-height-rule: exactly;">
                     High five, you made it to the end of the month. To top it off, we’re giving you
                     <strong>
                      30% off your first grocery shop
                     </strong>
                     .
                     <br/>
                     <br/>
                     Our range is wider than the Rocky Mountains, making it the perfect time to explore, and fill your fridge with your favourites.
                     <br/>
                     <br/>
                     We’ll also give you free deliveries for 3 months – so you can keep smiling month after month.
                    </td>
                   </tr>
                  </tbody>
                 </table>
                </div>
                <!--[if mso]></td></tr></table></center><![endif]-->
               </td>
              </tr>
             </tbody>
            </table>
           </td>
          </tr>
          <!-- ELEM_C_CTA_BUTTON CHARCOAL : BEGIN -->
          <!-- ELEM_C_CTA_BUTTON CHARCOAL : BEGIN -->
          <!-- ELEM_C_CTA_BUTTON CHARCOAL : BEGIN -->
          <tr>
           <td style="padding: 20px; text-align: center; mso-height-rule: exactly;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="Margin: auto">
             <tbody>
              <tr>
               <td class="button-td-charcoal" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-radius: 3px; background: #54585A; text-align: center;">
                <a class="button-a-charcoal" style="background: #54585A; border: 12px solid #54585A; padding: 0 10px;color: #FFFFFF; font-size: 18px; line-height: 22px; text-align: center; min-width:140px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 3px; font-weight: regular;">
                 <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                 Shop now
                 <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                </a>
               </td>
              </tr>
             </tbody>
            </table>
           </td>
          </tr>
          <!-- ELEM_C_CTA_BUTTON CHARCOAL : END -->
          <!-- ELEM_C_CTA_BUTTON CHARCOAL : END -->
          <!-- ELEM_C_CTA_BUTTON CHARCOAL : END -->
          <tr>
           <td bgcolor="#fffcec" class="hideTDbelow480px" style="text-align: center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <a>
             <img alt="Happy Pay Day" class="hideIMGbelow480px" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252FAQ1749_RNS_Payday9.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="border: 0; width: 100%; max-width: 680px; display:block;" width="680"/>
            </a>
           </td>
          </tr>
          <!--REVEAL ON MOBILE-->
          <tr>
           <td bgcolor="#ffffff">
            <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
             <tbody>
              <tr>
               <td align="center" width="100%">
                <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="show" style="display:none;">
                 <tbody>
                  <tr class="me" style="width:0; overflow:hidden; float:left; display:none; max-height:0px; mso-hide:all;">
                   <td align="center" bgcolor="#fffcec" class="onmobile">
                    <a>
                     <img alt="Happy Pay Day" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252FAQ1749_RNS_Payday8.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="display:block;" width="100%"/>
                    </a>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
           </td>
          </tr>
          <!--END REVEAL ON MOBILE-->
          <!-- Voucher Content VOUCHER : BEGIN -->
          <!-- Voucher Content VOUCHER : BEGIN -->
          <!-- Voucher Content VOUCHER : BEGIN -->
          <tr>
           <td align="center" bgcolor="#929B00" valign="top" width="100%">
            <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="660"> <tr><td align="center" valign="top" width="660"><![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:660px;" width="100%">
             <tbody>
              <tr>
               <td align="center" style="font-size:0; padding: 10px 0;" valign="top">
                <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align="left" valign="top" width="330"><![endif]-->
                <div class="stack-column" style="display:inline-block; Margin: 0; width:100%; min-width:200px; max-width:330px; vertical-align:top;">
                 <table border="0" cellpadding="0" cellspacing="0" style="text-align: center;" width="100%">
                  <tbody>
                   <tr>
                    <td style="padding: 15px 5px 0 5px; width: 100%; font-family: 'Source Sans Pro', Arial, sans-serif; font-weight:bold; font-size:60px; color: #FFFFFF; mso-height-rule: exactly; line-height:90%; text-align: center; min-width: 280px">
                     30% OFF
                    </td>
                   </tr>
                   <tr>
                    <td style="padding: 5px 10px 0 10px; width: 100%; font-family: 'Source Sans Pro', Trebuchet MS, Arial, sans-serif; font-weight:normal; font-size:28px; color: #FFFFFF; mso-height-rule: exactly; line-height:120%; text-align: center;">
                     your first grocery shop
                    </td>
                   </tr>
                   <tr>
                    <td style="padding: 10px 10px 10px 10px; width: 100%; font-family: 'Source Sans Pro', Trebuchet MS, Arial, sans-serif; font-weight:bold; font-size:25px; color: #FFFFFF; mso-height-rule: exactly; line-height:1.1em; text-align: center;">
                     + FREE deliveries for 3 months
                    </td>
                   </tr>
                  </tbody>
                 </table>
                </div>
                <!--[if mso]></td><td align="left" valign="top" width="330"> <![endif]-->
                <div class="stack-column" style="display:inline-block; Margin: 0; width:100%; min-width:200px; max-width:330px; vertical-align:top;">
                 <table align="center" bgcolor="#929B00" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
                  <tbody>
                   <tr>
                    <td align="center" style="padding: 10px;">
                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;text-align: center;" width="100%">
                      <tbody>
                       <tr>
                        <td align="center">
                         <table align="center" border="0" cellpadding="0" cellspacing="0" style="text-align: center; max-width: 310px;">
                          <tbody>
                           <tr>
                            <td style="padding: 10px 5px 10px 5px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#ffffff; line-height:120%;mso-height-rule: exactly; letter-spacing:0.03em;">
                             Add this code as you check out:
                            </td>
                           </tr>
                           <tr>
                            <td align="center" style="padding: 7px 5px 5px 5px; background: #FFFFFF; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #54585A; display: block; font-size: 34px; line-height:38px; font-weight: bold; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', Arial, sans-serif; border: 1px solid #CCCCCC;" valign="middle">
                             VOU4258707
                            </td>
                           </tr>
                           <!-- ELEM_C_CTA_BUTTON LEMON : BEGIN -->
                           <!-- ELEM_C_CTA_BUTTON LEMON : BEGIN -->
                           <!-- ELEM_C_CTA_BUTTON LEMON : BEGIN -->
                           <tr>
                            <td align="center" style="padding: 20px 20px 10px 20px; text-align: center; mso-height-rule: exactly; line-height: 20px;">
                             <table align="center" border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                               <tr>
                                <td align="center" class="button-td-lemon" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-radius: 3px; background: #FFDE54; text-align: center;">
                                 <a class="button-a-lemon" style="background: #FFDE54; border: 12px solid #FFDE54; padding: 0 10px;color: #333333; font-size: 18px; line-height: 110%; text-align: center; min-width:140px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 3px; font-weight: regular;">
                                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                                  Shop now
                                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                                 </a>
                                </td>
                               </tr>
                              </tbody>
                             </table>
                            </td>
                           </tr>
                           <!-- ELEM_C_CTA_BUTTON LEMON : END -->
                           <!-- ELEM_C_CTA_BUTTON LEMON : END -->
                           <!-- ELEM_C_CTA_BUTTON LEMON : END -->
                          </tbody>
                         </table>
                        </td>
                       </tr>
                      </tbody>
                     </table>
                    </td>
                   </tr>
                  </tbody>
                 </table>
                </div>
                <!--[if mso]></td></tr></table><![endif]-->
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if mso]></td></tr></table><![endif]-->
           </td>
          </tr>
          <tr>
           <td bgcolor="#6D712E" style="padding: 20px; width: 100%; font-family: 'Source Sans Pro', Trebuchet MS, Arial, sans-serif; font-weight:normal; font-size:12px; color: #FFFFFF; mso-height-rule: exactly; line-height:16px; text-align: center;">
            Min. spend: £60    Max. reward: £25
            <br/>
            Valid for deliveries: 03/02/2020 to 10/02/2020
           </td>
          </tr>
          <!-- Voucher Content VOUCHER : END -->
          <!-- Voucher Content VOUCHER : END -->
          <!-- Voucher Content VOUCHER : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
         </tbody>
        </table>
        <!-- BODY : END -->
        <!-- FOOTER : BEGIN -->
        <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 680px;" width="100%">
         <tbody>
          <tr>
           <td align="center">
            <!-- FOOTER_TOP : BEGIN -->
            <div>
             <!-- * Footer 2019 - Source Sans Pro update - BEGIN -->
             <!-- FOOTER_TOP : BEGIN -->
             <!-- FOOTER_APP : BEGIN -->
             <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px; margin:0 auto;" width="90%">
              <tr>
               <td align="center" style="padding: 30px 20px 0 20px; width: 100%; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color:#B1BA1D; font-weight:bold; font-size:16px; mso-height-rule: exactly; line-height:22px; text-align: center;">
                Shop smarter with our app
               </td>
              </tr>
              <tr>
               <td align="center" style="font-size:0; padding: 0;" valign="top">
                <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="100%"><tr><td align="center" valign="top" width="20%"><![endif]-->
                <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:100%;">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tr>
                   <td>
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="center" style="padding: 10px 0 20px 0; text-align: center; border-bottom: 1px solid #95989A;">
                       <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                        <tr>
                         <td width="120">
                          <a>
                           <img alt="Download on the App Store" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FDT1047_AppStoreIcon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="border: 0; width:120; max-width: 120px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: #FFFFFF; text-align: left;" width="120"/>
                          </a>
                         </td>
                         <td width="10">
                         </td>
                         <td width="135">
                          <a>
                           <img alt="Get it on Google Play" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FDT1047_GoogleIcon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="border: 0; width:135; max-width: 135px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px;text-align: center;" width="135"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </div>
                <!--[if mso]></td></tr></table><![endif]-->
               </td>
              </tr>
             </table>
             <!-- FOOTER_APP : END -->
             <!-- FOOTER_CONTACT : BEGIN -->
             <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
              <tr>
               <td style="padding: 10px 0 20px 0; width: 100%; font-size: 14px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:20px; text-align: center; border-bottom: 1px solid #95989A;">
                <span style="color:#B1BA1D; font-weight:bold; font-size:16px;">
                 Get in touch
                </span>
                <br/>
                <span style="color:#FFFFFF; font-size:14px;">
                 Email us
                 <a style="color:#FFFFFF; text-decoration:underline;">
                  ocado@ocado.com
                 </a>
                </span>
                <br/>
                <span class="mobile-link--footer" style="color:#FFFFFF; font-size:14px;">
                 Call us on 0345 656 1234
                </span>
               </td>
              </tr>
             </table>
             <!-- FOOTER_CONTACT : END -->
             <!-- SOCIAL ICONS : BEGIN -->
             <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
              <tr>
               <td align="center" height="100%" style="padding: 10px 0 20px 0; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; border-bottom: 1px solid #95989A;" valign="top" width="100%">
                <span style="color:#B1BA1D; font-weight:bold; font-size:16px;">
                 More from us
                </span>
                <br/>
                <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="250" style="width:250px;"><tr><td align="center" valign="top" width="250" style="width:250px;"><![endif]-->
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:250px;" width="100%">
                 <tr>
                  <td align="center" style="font-size:0; padding: 10px 0 0 0;" valign="top">
                   <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="100%"><tr><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:30%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding:0 10px 0 10px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;">
                          <a style="color:#FFFFFF; text-decoration:none; font-size: 12px; line-height: 14px; mso-line-height-rule: exactly; text-align: center;">
                           <img alt="Facebook" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2020%252FDT1047_fb_icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="border: 0; width: 100%; max-width: 40px;max-height: 32px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </div>
                   <!--[if mso]></td><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:30%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding:0 10px 0 10px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;">
                          <a style="color:#FFFFFF; text-decoration:none; font-size: 12px; line-height: 14px; mso-line-height-rule: exactly; text-align: center;">
                           <img alt="Twitter" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2020%252FDT1047_tw_icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="border: 0; width: 100%; max-width: 40px;max-height: 32px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </div>
                   <!--[if mso]></td><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:30%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding: 0 10px 0 10px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; mso-line-height-rule:exactly;">
                          <a style="color:#FFFFFF; text-decoration:none; font-size: 14px; line-height: 12px; mso-line-height-rule: exactly; text-align: center;">
                           <img alt="Instagram" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2020%252FDT1047_ins_icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXNCQ:mGrst7S3wBJL2W49CCiMXdwiIf0TOr1M_sWuRTJSUn4" style="border: 0; width: 100%; max-width: 40px;max-height: 32px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </div>
                   <!--[if mso]></td></tr></table><![endif]-->
                  </td>
                 </tr>
                </table>
                <!--[if mso]></td></tr></table><![endif]-->
               </td>
              </tr>
             </table>
             <!-- SOCIAL ICONS : END -->
             <!-- FOOTER_TOP : END -->
             <!-- * Footer 2019 - Source Sans Pro update - END -->
            </div>
            <!-- FOOTER_TOP : END -->
            <!-- FOOTER_TERMS : BEGIN -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
             <tbody>
              <tr>
               <td style="padding: 30px 0; width: 100%; font-size: 12px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center; color: #FFFFFF; border-bottom: 1px solid #888888;">
                <strong>
                 Terms &amp; Conditions
                </strong>
                <br/>
                <br/>
                Restrictions apply: New customers only. One first shop voucher per customer and per registered address. Voucher cannot be used in conjunction with any other voucher offer. Delivery slots subject to availability and location. To check if Ocado delivers in your area, please visit
                <a style="color:#FFFFFF; text-decoration:underline;">
                 ocado.com/postcode
                </a>
                . Discount will only be applied to products in the following categories:
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Fresh
                </a>
                ,
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Food Cupboard
                </a>
                ,
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Bakery
                </a>
                ,
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Frozen
                </a>
                ,
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Soft Drinks, Tea &amp; Coffee
                </a>
                ,
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Toiletries
                </a>
                ,
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Baby Meals &amp; Drinks
                </a>
                ,
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Finger Foods
                </a>
                and
                <a style="text-decoration:none; color:#cccccc;font-weight:bold;">
                 Baby Toiletries
                </a>
                . Minimum spend excludes tobacco products, postage stamps, infant formula, the purchase of Ocado Gift Vouchers, and food donations with Ocado. Voucher minimum spend is specified in voucher details. Statutory minimum alcohol pricing will apply. This voucher includes a free 3-Month Smart Pass: once activated, this includes free delivery for 3 months (excluding 20th-24th December). We'll email you within 7 days of your first delivery with info on your pass. Deliveries limited to one per day. Standard minimum spend £40 (excluding 20th-24th December). For full Terms and Conditions refer to Grocery Vouchers on
                <a style="color:#FFFFFF; text-decoration:underline;">
                 Terms &amp; Conditions at ocado.com
                </a>
               </td>
              </tr>
             </tbody>
            </table>
            <!-- FOOTER_TERMS : END -->
            <div>
             <!-- * Footer 2018 - STANDARD OPT-IN (123) - BEGIN -->
             <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
              <tr>
               <td bgcolor="#5B625E" style="padding: 20px 0 0 0; width: 100%; font-size: 12px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center; color: #FFFFFF;">
                <br/>
                You’re signed up to receive offers and other marketing communications from Ocado Retail Limited trading as
                <a style="text-decoration: none; color: #FFFFFF;">
                 ocado.com
                </a>
                . You can tailor your marketing preferences in your
                <a style="color:#FFFFFF; text-decoration:underline;">
                 ocado.com account settings
                </a>
                .
               </td>
              </tr>
             </table>
             <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
              <tr>
               <td bgcolor="#5B625E" style="padding: 15px 0 30px 0; width: 100%; font-size: 12px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center;">
                <a style="color:#FFFFFF; text-decoration:underline;">
                 Privacy Policy
                </a>
                <span style="color:#FFFFFF;">
                 |
                </span>
                <a style="color:#FFFFFF; text-decoration:underline;">
                 Unsubscribe
                </a>
                <br/>
                <br/>
                <span style="color:#FFFFFF; font-size:12px; ">
                 © 2020 Ocado Retail Limited. Registered address:
                 <span class="mobile-link--footer">
                  Apollo Court, 2 Bishop Square, Hatfield Business Park, Hatfield, Herts, AL10 9EX.
                 </span>
                 Registered in England – company number:
                 <span class="mobile-link--footer">
                  03875000
                 </span>
                 .
                </span>
               </td>
              </tr>
             </table>
             <!-- * Footer 2018 - STANDARD OPT-IN (123) - END -->
            </div>
            <!-- FOOTER_PRIVACY_ADDRESS : END -->
           </td>
          </tr>
         </tbody>
        </table>
        <!-- FOOTER : END -->
        <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
       </div>
      </center>
     </td>
    </tr>
   </tbody>
  </table>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
 </body>
</html>
4 years, 9 months ago - ocado@ocadomail.com
It’s payday, treat yourself with 30% off your first grocery shop
Save on your first grocery shop. Let’s celebrate Pay Day View online 30% OFF + free delivery vouc...
Inboxes

Ocado Registered user
