Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!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: 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;
}
.RescaleIMG {
	max-width: 250px !important;
	margin: 0 auto !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: 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: 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>
   This week's offers
  </title>
 </head>
 <body bgcolor="#5b615e" body="" style="margin: 0;" width="100%">
  <div style="display:none;font-size:0px;color:#999999;line-height:0px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
  </div>
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgridinbound.blob.core.windows.net%252Fgic%252Fg.png%253Fh%253D3f19c079753d4775bcc7943cfb48fb9f/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZncmlkaW5ib3VuZCJ9:1kXOe1:OjmfrqYg7jVrGDJD04oMd2k3kVxhrGP0LSyCNuwivsw" 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%253DUmnUiFkNX_J886OSOj2G4_9559rdV_hh2jq5F_QCv0QzDA0Eh%252BiiFjyyVevTxe5HUBkbQ7BdcXW5wlvtvNFjzAeHA1tnNnVew9g2WtUd/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" 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" class="email-container" role="presentation" 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;">
        Plus, treat yourself it’s (almost) Easter.
       </div>
       <!-- PRE-HEADER TEXT HIDDEN : END -->
       <!-- HEADER : BEGIN -->
       <div class="email-container" style="max-width: 680px;">
        <!--[if (gte mso 9)|(IE)]><table cellspacing="0" cellpadding="0" border="0" width="680" align="center"><tr><td><![endif]-->
        <div>
         <!-- * 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: 'Source Sans Pro', 'Trebuchet MS', 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 style="color:#FFFFFF; text-decoration:none;">
             <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:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="font-family: 'Muli', 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; font-size:30px; color: #FFFFFF; background-color: #B1BA1D;" width="160"/>
            </a>
           </td>
          </tr>
         </table>
         <!-- * Header 2017 - END -->
         <!-- HEADER : END -->
        </div>
        <!-- HEADER : END -->
        <!-- BODY : BEGIN -->
        <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="max-width: 680px;" width="100%">
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <!--  MODULES : BEGIN -->
         <!-- HERO Content : BEGIN -->
         <!-- HERO Content : BEGIN -->
         <!-- HERO Content : BEGIN -->
         <tbody>
          <tr>
           <td>
           </td>
          </tr>
          <tr>
           <td>
            <span class="hideSPANbelow480px">
             <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align="left" valign="top" width="660"> <![endif]-->
             <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr>
               <td align="center" style="padding: 20px 0 10px 0;">
                <a>
                 <img alt="Only at Ocado. Shop now." class="hideIMGbelow480px" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FCS1014_20190403_OO_L1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; max-width: 640px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #B1BA1D; text-align: center;" width="640"/>
                </a>
               </td>
              </tr>
             </table>
            </span>
            <!--[if mso]></td></tr></table> <![endif]-->
           </td>
          </tr>
          <!--[if !mso]><!-->
          <tr>
           <td>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="show" style="display:none;">
             <tr class="me" style="width:0; overflow:hidden; float:left; display:none; max-height:0px; mso-hide:all;">
              <td align="center" class="onmobile" style="padding: 20px 0 10px 0;">
               <a>
                <img alt="Only at Ocado. Shop now." src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FCS1014_20190403_OO_L2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; display:block; max-width: 310px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #B1BA1D; text-align: center;"/>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <!--<![endif]-->
          <div>
           <tr>
            <td>
             <span class="hideSPANbelow480px">
              <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align="left" valign="top" width="660"> <![endif]-->
              <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td align="center" style="padding: 10px;">
                 <a>
                  <img alt="Treat yourself, it's Easter. Shop now." class="hideIMGbelow480px" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FCS1014_20190403_Eas_M1_v4.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; max-width: 640px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #B1BA1D; text-align: center;" width="640"/>
                 </a>
                </td>
               </tr>
              </table>
             </span>
             <!--[if mso]></td></tr></table> <![endif]-->
            </td>
           </tr>
           <!--[if !mso]><!-->
           <tr>
            <td>
             <table align="center" border="0" cellpadding="0" cellspacing="0" class="show" style="display:none;">
              <tr class="me" style="width:0; overflow:hidden; float:left; display:none; max-height:0px; mso-hide:all;">
               <td align="center" class="onmobile" style="padding: 10px 0;">
                <a>
                 <img alt="Treat yourself, it's Easter. Shop now." src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FCS1014_20190403_Eas_M2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; display:block; max-width: 310px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #B1BA1D; text-align: center;"/>
                </a>
               </td>
              </tr>
             </table>
            </td>
           </tr>
           <!--<![endif]-->
          </div>
          <!-- HERO Content : END -->
          <!-- HERO Content : END -->
          <!-- HERO Content : END -->
          <!-- PROMO 1 Content : BEGIN -->
          <!-- PROMO 1 Content : BEGIN -->
          <!-- PROMO 1 Content : BEGIN -->
          <tr>
           <td>
           </td>
          </tr>
          <!-- PROMO 1 Content : END -->
          <!-- PROMO 1 Content : END -->
          <!-- PROMO 1 Content : END -->
          <!-- Dynamic Voucher Content RNS VOUCHER : BEGIN -->
          <!-- Dynamic Voucher Content RNS VOUCHER : BEGIN -->
          <!-- Dynamic Voucher Content RNS VOUCHER : BEGIN -->
          <tr>
           <td>
           </td>
          </tr>
          <tr>
           <td>
           </td>
          </tr>
          <!--End of RNS section-->
          <tr>
           <td>
            <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:680px;" width="100%">
             <tbody>
              <tr>
               <td align="center" bgcolor="#FFFFFF" style="text-decoration:none; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#333333; padding: 20px 20px 10px 20px ">
                Plus, money off your first shop:
               </td>
              </tr>
              <tr>
               <td align="center" bgcolor="#C5003E" height="100%" valign="top" width="100%">
                <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="680"><tr><td align="center" valign="top" width="680"><![endif]-->
                <table align="center" bgcolor="#8A1538" border="0" cellpadding="0" cellspacing="0" draggable="true" style="max-width:680px;" width="100%">
                 <tbody>
                  <tr>
                   <td align="center" style="font-size:0; padding: 30px 0 0 0; background-color:#C5003E;" valign="top">
                    <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="680"><tr><td align="left" valign="top" width="330"><![endif]-->
                    <div class="stack-column" style="display:inline-block; display: -moz-inline-stack; 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: 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;">
                         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: 20px 10px 20px 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:30px; 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; display: -moz-inline-stack; Margin: 0; width:100%; min-width:200px; max-width:330px; vertical-align:top;">
                     <table align="center" bgcolor="#C5003E" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
                      <tbody>
                       <tr>
                        <td style="padding: 5px 5px 0 5px; text-align:center;font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#FFFFFF; line-height:20px;mso-height-rule: exactly; letter-spacing:0.03em;">
                         Add this code as you check out:
                        </td>
                       </tr>
                       <tr>
                        <td style="padding: 8px 0 10px 0; text-align: center; mso-height-rule: exactly;">
                         <table align="center" border="0" cellpadding="0" cellspacing="0" style="width:245px; margin: auto;">
                          <tbody>
                           <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:120%; font-weight: bold; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', Arial, sans-serif; border: 1px solid #CCCCCC;" valign="middle">
                             VOU6419928
                            </td>
                           </tr>
                           <tr>
                            <td style="padding: 5px 0 10px 0; text-align:center;font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#FFFFFF; line-height:16px; mso-height-rule: exactly; letter-spacing:0.03em;">
                             Valid for deliveries:
                             <span class="mobile-link--footer" style="text-decoration:none; font-weight:bold; color:#FFFFFF;">
                              04/04/2019
                             </span>
                             to
                             <span class="mobile-link--footer" style="text-decoration:none; font-weight:bold; color:#FFFFFF;">
                              08/04/2019
                             </span>
                             .
                             <br/>
                             Min. spend: £60.  Max. reward: £25.
                            </td>
                           </tr>
                          </tbody>
                         </table>
                        </td>
                       </tr>
                       <!-- CTA Button: BEGIN -->
                       <tr>
                        <td style="padding: 20px 20px 30px 20px; text-align: center; mso-height-rule: exactly;">
                         <!-- Button : Begin -->
                         <table align="center" border="0" cellpadding="0" cellspacing="0" style="Margin: auto;">
                          <tbody>
                           <tr>
                            <td class="button-td-grey" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-radius: 5px; background: #FFFFFF; text-align: center;">
                             <a style="background: #FFFFFF; border: 12px solid #FFFFFF; padding: 0 10px;color: #54585a; font-size: 18px; line-height: 24px; text-align: center; min-width:140px; max-width:280px; overflow: visible; text-decoration: none; display: block; border-radius: 5px; font-weight: normal;">
                              <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                              Start shopping
                              <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                             </a>
                            </td>
                           </tr>
                          </tbody>
                         </table>
                        </td>
                       </tr>
                       <!-- CTA Button : END -->
                      </tbody>
                     </table>
                    </div>
                    <!--[if mso]></td></tr></table><![endif]-->
                   </td>
                  </tr>
                  <tr>
                   <td bgcolor="#8A1538" style="padding: 0 20px 0 20px;" width="100%">
                    <table cellpadding="0" cellspacing="0" style="max-width:640px; margin: auto; text-align: center;" width="100%">
                     <tbody>
                      <tr>
                       <td style="padding: 20px 10px 20px 10px; 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;">
                        New customers only. One first shop voucher per customer and per registered address. Delivery slots subject to availability and location. To check if Ocado deliver in your area, please visit
                        <a class="mobile-link--footer" style="text-decoration:underline; font-weight:normal; color:#EEEEEE;">
                         ocado.com/postcode
                        </a>
                        . This voucher cannot be used in conjunction with any other voucher offers. 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>
                        . 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 free pass. For full Terms &amp; Conditions refer to Grocery Vouchers at
                        <a class="mobile-link--footer" style="text-decoration:underline; font-weight:normal; color:#FFFFFF;">
                         ocado.com/terms
                        </a>
                        .
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
                <!--[if mso]></td></tr></table><![endif]-->
               </td>
              </tr>
              <tr>
               <td bgcolor="#FFFFFF" style="text-align: center; line-height: 10px; font-size: 10px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
                <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252Flegacy%252Fspacer.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; display:block;" width="10"/>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if mso]></td></tr></table><![endif]-->
           </td>
          </tr>
          <tr>
           <td>
           </td>
          </tr>
          <!-- Journey voucher -->
          <tr>
           <td>
           </td>
          </tr>
          <!-- Dynamic Voucher Content RNS VOUCHER : END -->
          <!-- Dynamic Voucher Content RNS VOUCHER : END -->
          <!-- Dynamic Voucher Content RNS VOUCHER : END -->
          <!-- CORE SERVICE (S) : BEGIN -->
          <!-- CORE SERVICE (S) : BEGIN -->
          <!-- CORE SERVICE (S) : BEGIN -->
          <tr>
           <td>
            <!-- CORE SERVICE (S) : Low Price Promise: BEGIN -->
            <!-- CORE SERVICE (S) : Low Price Promise: BEGIN -->
            <!-- CORE SERVICE (S) : Low Price Promise: BEGIN -->
           </td>
          </tr>
          <tr>
           <td align="center" bgcolor="#FFFFFF" height="100%" style="padding: 10px 0;" valign="top" width="100%">
            <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="640">
                        <tr><td align="center" valign="top" width="640"><![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:640px;" width="100%">
             <tr>
              <td align="center" style="font-size:0; " valign="top">
               <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="640"><tr><td align="right" valign="top" width="320"><![endif]-->
               <div class="stack-column-promobanner" style="display:inline-block; Margin: 0 auto; max-width:50%; min-width:240px; vertical-align:top;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                 <tr>
                  <td class="PromoOnMobile">
                   <table bgcolor="#C6FBFC" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px; text-align: left;" width="100%">
                    <tr>
                     <td bgcolor="#F6E2E2">
                      <a>
                       <img alt="We'll send you a voucher if your comparable shopping isn't cheaper than at tesco.com" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252FCS1184_03_LPP_left1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; display:block; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #54585A; font-size: 18px; text-align:center;" width="320"/>
                      </a>
                     </td>
                    </tr>
                   </table>
                  </td>
                 </tr>
                </table>
               </div>
               <!--[if mso]></td><td align="left" valign="top" width="320"> <![endif]-->
               <div class="stack-column-promobanner" style="display:inline-block; Margin: 0 auto; max-width:50%; min-width:240px; vertical-align:top;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                 <tr>
                  <td class="PromoOnMobile">
                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;text-align: left;" width="100%">
                    <tr>
                     <td bgcolor="#F6E2E2">
                      <a>
                       <img alt="Find out more" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252FCS1184_03_LPP_right.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; display:block; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #54585A; font-size: 18px; text-align:center;" width="320"/>
                      </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>
          <!-- CORE SERVICE (S) : Low Price Promise: END -->
          <!-- CORE SERVICE (S) : Low Price Promise: END -->
          <!-- CORE SERVICE (S) : Low Price Promise: END -->
          <!-- CORE SERVICE (S) : END -->
          <!-- CORE SERVICE (S) : END -->
          <!-- CORE SERVICE (S) : END -->
          <!-- PROMO 2 : BEGIN -->
          <!-- PROMO 2 : BEGIN -->
          <!-- PROMO 2 : BEGIN -->
          <tr>
           <td>
           </td>
          </tr>
          <tr>
           <td align="center" bgcolor="#FFFFFF" height="100%" 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%">
             <tr>
              <td align="center" style="font-size:0; padding-bottom: 10px;" 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-banner" style="display:inline-block; Margin: 0 -2px; max-width:50%; min-width:240px; vertical-align:top;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                 <tr>
                  <td style="padding: 10px;">
                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;text-align: left;" width="100%">
                    <tr>
                     <td>
                      <a>
                       <img alt="In season April. Jersey Royals. Shop the season's finest." class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FCS1014_20190403_IS_M2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; display:block;font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #B1BA1D; text-align: center;" width="310"/>
                      </a>
                     </td>
                    </tr>
                   </table>
                  </td>
                 </tr>
                </table>
               </div>
               <!--[if mso]></td><td align="left" valign="top" width="330"> <![endif]-->
               <div class="stack-column-banner" style="padding:0; display:inline-block; Margin: 0 -2px; max-width:50%; min-width:240px; vertical-align:top;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                 <tr>
                  <td style="padding: 10px;">
                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;text-align: left;" width="100%">
                    <tr>
                     <td>
                      <a>
                       <img alt="Dinner. Done. Shop now." class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FCS1014_20190403_dinner_v_M2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; display:block;font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background-color: #B1BA1D; text-align: center;" width="310"/>
                      </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>
          <tr>
           <td bgcolor="#FFFFFF" style="text-align: center; line-height: 1px; font-size: 1px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <img alt="" class="hideIMGbelow480px" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252Flegacy%252Fspacer.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; display:block;" width="1"/>
           </td>
          </tr>
          <!-- PROMO 2 : END -->
          <!-- PROMO 2 : END -->
          <!-- PROMO 2 : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
          <!--  MODULES : END -->
         </tbody>
        </table>
        <!-- BODY : END -->
        <!-- FOOTER_TOP : BEGIN -->
        <!-- FOOTER_APP : BEGIN -->
        <!-- FOOTER_TOP : END -->
        <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="border-collapse:collapse;" width="100%">
         <tbody>
          <tr>
           <td align="center">
            <div>
             <!-- * Footer 2017 - APP, CONTACT, SOCIAL (104) - 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', 'Trebuchet MS', 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 30px 0; text-align: center; border-bottom: 1px solid #888888;">
                       <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                        <tr>
                         <td width="135">
                          <a>
                           <img alt="App Store" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Fapple_app.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width:135; max-width: 135px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: #FFFFFF; text-align: center;" width="135"/>
                          </a>
                         </td>
                         <td width="10">
                         </td>
                         <td width="135">
                          <a>
                           <img alt="Google Play" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Fgoogle_app.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width:135; max-width: 135px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: #FFFFFF; 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; margin:0 auto;" width="90%">
              <tr>
               <td style="padding: 30px 0; width: 100%; font-size: 14px; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:20px; text-align: center; border-bottom: 1px solid #888888;">
                <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; margin:0 auto;" width="90%">
              <tr>
               <td align="center" height="100%" style="padding: 30px 0 20px 0; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-bottom: 1px solid #888888;" 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="500"><tr><td align="center" valign="top" width="500"><![endif]-->
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:500px;" width="100%">
                 <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="left" valign="top" width="20%"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:19%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding: 10px 8px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
                          <a style="color:#FFFFFF; text-decoration:none; font-size: 12px;text-align: center;">
                           <img alt="Facebook" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Fct_fbook.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; max-width: 65px;max-height: 65px;" width="65"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </div>
                   <!--[if mso]></td><td align="left" valign="top" width="20%"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:19%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding: 10px 8px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
                          <a style="color:#FFFFFF; text-decoration:none; font-size: 12px;text-align: center;">
                           <img alt="Twitter" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Fct_twitter.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; max-width: 65px;max-height: 65px;" width="65"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </div>
                   <!--[if mso]></td><td align="left" valign="top" width="20%"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:19%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding: 10px 8px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
                          <a style="color:#FFFFFF; text-decoration:none; font-size: 12px;text-align: center;">
                           <img alt="Instagram" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Fct_insta2017.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; max-width: 65px;max-height: 65px;" width="65"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </div>
                   <!--[if mso]></td><td align="left" valign="top" width="20%"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:19%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding: 10px 8px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
                          <a style="color:#FFFFFF; text-decoration:none; font-size: 11px;text-align: center;">
                           <img alt="Pinterest" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Fct_pinterest.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; max-width: 65px;max-height: 65px;" width="65"/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </div>
                   <!--[if mso]></td><td align="left" valign="top" width="20%"><![endif]-->
                   <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:19%;">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td style="padding: 10px 8px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
                          <a style="color:#FFFFFF; text-decoration:none;font-size: 11px;text-align: center;">
                           <img alt="Google" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2016%252Fct_gplus.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOe1:5CboY6NaNJ4CykB9FepxUCVVHgnsvg_JMI9zNhWGMYE" style="border: 0; width: 100%; max-width: 65px;max-height: 65px;" width="65"/>
                          </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 2017 - APP, CONTACT, SOCIAL (104) - END -->
            </div>
            <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 the Ocado Group. You can tailor your marketing preferences in your
                <a style="color:#FFFFFF; text-decoration:underline;">
                 Ocado 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; ">
                 © 2019 Ocado Retail Limited. Registered address:
                 <span class="mobile-link--footer">
                  Buildings One &amp; Two, Trident Place, Mosquito Way, Hatfield, AL10 9UL.
                 </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_APP : END -->
            <!-- FOOTER_TERMS : BEGIN -->
            <!-- FOOTER_TERMS : BEGIN -->
            <!-- FOOTER_TERMS : BEGIN -->
            <!--
          <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="90%" style="max-width: 500px;"><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:135%; text-align: center; color: #FFFFFF; border-bottom: 1px solid #D9D9D6;"><strong>Terms &amp; Conditions</strong><br />
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</td></tr></table> -->
            <!-- FOOTER_TERMS : END -->
            <!-- FOOTER_TERMS : END -->
            <!-- FOOTER_TERMS : END -->
            <!-- FOOTER : END -->
            <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
           </td>
          </tr>
         </tbody>
        </table>
       </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>
  <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>
  <a>
  </a>
  <a>
  </a>
 </body>
</html>