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>
 <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%">
  <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%252Fi.png%253Fh%253D80513261e76e4427b89dd88ac521b453/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZncmlkaW5ib3VuZCJ9:1kXOwy:mvPDEqFP0wq_Ux4zulPpCwnEscwXD0rDt8hGG-upl0M" 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%253DtXWtZz9FhxlFcPZQQkORVVJe0dAvzqExeu37sK3kmCLqQCPJ7IjrHo6dtLjsEkEBByy2kgQ3LsHEZmcJKx4qOq6wKchnydyWP%252B9SQat_/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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" 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 delicious new-ins we think you’ll love.
       </div>
       <!-- PRE-HEADER TEXT HIDDEN : END -->
       <!--  <*><*><*><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><* -->
       <div class="email-container" style="max-width: 680px; margin: 0 auto">
        <!--[if (gte mso 9)|(IE)]><table cellspacing="0" cellpadding="0" border="0" width="680" align="center"><tr><td><![endif]-->
        <!-- HEADER : BEGIN -->
        <!-- * 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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" style="font-family: 'Muli', 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; font-size:30px; color: #FFFFFF;" width="160"/>
           </a>
          </td>
         </tr>
        </table>
        <!-- * Header 2017 - END -->
        <!-- HEADER : END -->
        <!-- HEADER : END -->
        <!-- BODY : BEGIN -->
        <div>
         <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 -->
          <!--  <*><*><*><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><* -->
          <!--  <*><*><*><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><* -->
          <!--  <*><*><*><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><* -->
          <!--  1COL_A_FHI_HL1_BODY_CTA : BEGIN -->
          <!--  1COL_A_FHI_HL1_BODY_CTA : BEGIN -->
          <!--  1COL_A_FHI_HL1_BODY_CTA : BEGIN -->
          <!--  1COL_A_FHI_HL1_BODY_CTA : BEGIN -->
          <!--  1COL_A_FHI_HL1_BODY_CTA : BEGIN -->
          <!--  1COL_A_FHI_HL1_BODY_CTA : BEGIN -->
          <tbody>
           <tr>
            <td class="hideTDbelow480px" style="padding-top: 0; center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
             <a>
              <img alt="NEW TO OCADO" class="hideIMGbelow480px" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2018%252FOlivia_NTO%252FCS1605-New-to-Ocado-29th-November_header_Aqui.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" style="border: 0; width: 100%; max-width: 680px; display:block;" width="680"/>
             </a>
            </td>
           </tr>
           <!--REVEAL ON MOBILE-->
           <tr>
            <td>
             <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
              <tbody>
               <tr>
                <td align="center" width="100%">
                 <table align="center" border="0" cellpadding="0" cellspacing="0" class="show" role="presentation" 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" class="onmobile">
                     <a>
                      <img alt="NEW TO OCADO" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2018%252FOlivia_NTO%252FCS1605-New-to-Ocado-29th-November_mobile_Aqui.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" style="display:block;" width="100%"/>
                     </a>
                    </td>
                   </tr>
                  </tbody>
                 </table>
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
           <!--END REVEAL ON MOBILE-->
           <tr>
            <td style="background-color: #FFFCEC; padding: 30px 20px 0 20px; text-align: center; font-family: Georgia,Times,'Times New Roman',serif; font-size:34px; font-weight:bold; font-style:italic; color:#722257; line-height:38px; mso-height-rule: exactly;">
             New additions for nights in
            </td>
           </tr>
           <tr>
            <td style="background-color: #FFFCEC;">
             <!--[if (gte mso 9)|(IE)]><center><table><tr><td width="540"><![endif]-->
             <div style="max-width: 540px; margin: 0 auto;">
              <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 540px;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color: #FFFCEC;padding: 15px 20px 30px 20px; text-align:center;font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #54585A; line-height: 22px; mso-height-rule: exactly;">
                  A warm Ocado welcome to this month’s new-ins. We’ve got everything you need for an effortless night in – from a luxurious ready meal to a slice (or two) of hand-finished cheesecake. Yum. Shop today for 30% off your groceries, plus FREE deliveries for a year.
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso]></td></tr></table></center><![endif]-->
            </td>
           </tr>
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!-- MODULE_VOUCHERS_2COL_XX%_OFF_SMART_PASS: BEGIN -->
           <!-- MODULE_VOUCHERS_2COL_XX%_OFF_SMART_PASS: BEGIN -->
           <!-- MODULE_VOUCHERS_2COL_XX%_OFF_SMART_PASS: BEGIN -->
           <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%">
              <tbody>
               <tr>
                <td align="center" style="font-size:0; padding: 30px 0 0 0;" valign="top">
                 <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align="center" 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="#ffffff" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
                   <tbody>
                    <tr>
                     <td align="center" style="padding: 0 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 border="0" cellpadding="0" cellspacing="0" style="text-align: center; max-width: 310px;" width="100%">
                           <tbody>
                            <tr>
                             <td align="center" style="font-family: 'Source Sans Pro', Arial, sans-serif; font-weight:bold; font-size:60px; color: #929B00; mso-height-rule: exactly; line-height:55px;">
                              30% OFF
                             </td>
                            </tr>
                            <tr>
                             <td align="center" class="center-on-narrow" style="font-family: 'Source Sans Pro', Trebuchet MS, Arial, sans-serif; font-weight:normal; font-size:28px; color: #54585A; mso-height-rule: exactly; line-height:34px;">
                              your first grocery shop
                             </td>
                            </tr>
                            <tr>
                             <td align="center" class="center-on-narrow" style="padding: 20px 10px 30px 10px; font-family: 'Source Sans Pro', Trebuchet MS, Arial, sans-serif; font-weight:bold; font-size:24px; color: #54585A; mso-height-rule: exactly; line-height:28px; text-align: center;">
                              + FREE deliveries for 1 year with a Smart Pass
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="center" 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="#ffffff" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
                   <tbody>
                    <tr>
                     <td align="center" style="padding: 0 20px;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;text-align: center;" width="100%">
                       <tbody>
                        <tr>
                         <td align="center" class="GreyLineVoucher">
                          <table border="0" cellpadding="0" cellspacing="0" draggable="true" style="text-align: center; max-width: 310px;">
                           <tbody>
                            <tr>
                             <td style="padding: 0 5px 10px 5px; text-align:center;font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#54585A; line-height:20px; mso-height-rule: exactly; letter-spacing:0.03em;">
                              Add this code as you check out:
                             </td>
                            </tr>
                            <tr>
                             <td align="center" style="padding: 7px 20px 5px 20px; background: #FFFFFF; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #929B00; 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">
                              VOU0916065
                             </td>
                            </tr>
                            <tr>
                             <td style="padding: 5px 5px 10px 5px; text-align:center;font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#54585A; 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:normal; color:#000000;">
                               05/12/2018
                              </span>
                              to
                              <span class="mobile-link--footer" style="text-decoration:none; font-weight:normal; color:#000000;">
                               10/12/2018
                              </span>
                              . Min. spend: £60.  Max. reward: £25.
                             </td>
                            </tr>
                            <!-- CTA Button: BEGIN -->
                            <tr>
                             <td align="center" style="padding: 10px 0 30px 0; mso-height-rule: exactly; line-height: 20px;">
                              <table border="0" cellpadding="0" cellspacing="0">
                               <tbody>
                                <tr>
                                 <td class="button-td-lemon" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-radius: 3px; background: #929B00;">
                                  <a class="button-a-apple" style="background: #929B00; border: 12px solid #929B00; 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;">
                                   <!--[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>
                         </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 align="center" style="padding: 0 20px;">
             <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tbody>
               <tr>
                <td align="center" style=" border-top: 1px solid #D9D9D9;">
                 <table border="0" cellpadding="0" cellspacing="0" style="text-align: center; max-width: 310px;">
                  <tbody>
                   <tr>
                    <td style="font-size:0; line-height:0px; mso-height-rule: exactly; ">
                    </td>
                   </tr>
                  </tbody>
                 </table>
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
           <tr>
            <td bgcolor="#ffffff" style="padding: 10px 20px 15px 20px; width: 100%; font-family: 'Source Sans Pro', Trebuchet MS, Arial, sans-serif; font-weight:normal; font-size:12px; color: #54585A; mso-height-rule: exactly; line-height:16px; text-align: center;">
             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:#54585A;">
              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:#54585A;font-weight:bold;">
              Fresh
             </a>
             ,
             <a style="text-decoration:none; color:#54585A;font-weight:bold;">
              Food Cupboard
             </a>
             ,
             <a style="text-decoration:none; color:#54585A;font-weight:bold;">
              Bakery
             </a>
             ,
             <a style="text-decoration:none; color:#54585A;font-weight:bold;">
              Frozen
             </a>
             ,
             <a style="text-decoration:none; color:#54585A;font-weight:bold;">
              Soft Drinks, Tea &amp; Coffee
             </a>
             ,
             <a style="text-decoration:none; color: #54585A;font-weight:bold;">
              Toiletries
             </a>
             ,
             <a style="text-decoration:none; color:#54585A;font-weight:bold;">
              Baby Meals &amp; Drinks
             </a>
             ,
             <a style="text-decoration:none; color:#54585A;font-weight:bold;">
              Finger Foods
             </a>
             and
             <a style="text-decoration:none; color:#54585A;font-weight:bold;">
              Baby Toiletries
             </a>
             . This voucher includes a free Annual Smart Pass: once activated, this includes free delivery for 12 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:#54585A;">
              ocado.com/terms
             </a>
             .
            </td>
           </tr>
           <!-- MODULE_VOUCHERS_2COL_XX%_OFF_SMART_PASS: END -->
           <!-- MODULE_VOUCHERS_2COL_XX%_OFF_SMART_PASS: END -->
           <!-- MODULE_VOUCHERS_2COL_XX%_OFF_SMART_PASS: END -->
           <!-- SPACER : BEGIN -->
           <tr>
            <td bgcolor="#EEEEEE" style="line-height:8px; font-size: 8px;">
            </td>
           </tr>
           <!-- SP
<!-- 1COL_A_FHI_HL1_BODY_CTA: END -->
           &lt;
           <tr>
            <td align="center" bgcolor="#FFFFFF" dir="ltr" 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%">
              <tbody>
               <tr>
                <td align="center" style="font-size:0; padding:30px 0 0 0;" valign="top">
                 <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align=“center” valign="top" width=“420”><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width: 420px; min-width:310px; vertical-align:top; width:100%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td dir="ltr" style="padding: 0 10px 20px 10px;">
                      <a>
                       <img alt="NEW TO OCADO" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2018%252FRosie_NTO%252FChicken_2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" style="border: 0; width: 100%;max-width: 420px;" width="420"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                 <!--[if mso]></td><td align=“center” valign="top" width=“220”><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.33%; min-width:220px; vertical-align:top;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td style="padding: 0 10px 0 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" class="width280onMobile-skinny-text" role="presentation" style="font-size: 16px;" width="100%">
                       <tbody>
                        <tr>
                         <td class="center-on-narrow" style="padding: 0 10px 0 10px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:28px; color:#54585A; line-height:30px; mso-height-rule: exactly;">
                          First things first
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow" style="padding: 15px 10px 0 10px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #54585A; line-height: 22px; mso-height-rule: exactly;">
                          EatFirst’s gourmet ready meals are designed by internationally-acclaimed head chef, Benn Hodges. Their Miso Chicken is a 2018 Great Taste Awards winner.
                         </td>
                        </tr>
                        <!-- CTA BUTTON: BEGIN -->
                        <tr>
                         <td style="padding: 20px 10px 20px 10px; text-align: center; mso-height-rule: exactly; color: #929b00;">
                          <table border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" role="presentation" style="margin: auto;">
                           <tbody>
                            <tr>
                             <td class="center-on-narrow" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-radius: 3px; background: #929b00; text-align: center;">
                              <a class="button-a-apple" style="background: #929b00; border: 12px solid #929b00; padding: 0 5px;color: #FFFFFF; font-size: 18px;  line-height: 20px; text-align: center; min-width:160px; max-width:280px; overflow: visible; text-decoration: none; display: block; border-radius: 3px; font-weight: 400;">
                               Ready, steady, supper
                              </a>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                        <!-- CTA BUTTON: END -->
                       </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>
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <tr>
            <td align="center" bgcolor="#ffffff" height="100%" style="padding:10px 0 0 0;" valign="top" width="100%">
             <!--[if mso]><table role="presentation" 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; " valign="top">
                 <!--[if mso]><table role="presentation" border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align="left" valign="top" width="220"><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.33%; min-width:220px; vertical-align:top; width:100%; overflow: visible;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td bgcolor="#ffffff" style="padding: 20px 10px 20px 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                       <tbody>
                        <tr>
                         <td align="center" bgcolor="#ffffff" class="RescaleIMG">
                          <a>
                           <img alt="Products" class="RescaleIMG" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F436%252F436359011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1kXOwy:XCI1yc1Q9I65mt7g1P1aTXe24jtRgdulWwArk5_ziB4" style="border: 0;width: 100%;max-width: 200px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="200"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow-height-control" height="65" style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #54585A; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px; padding: 20px 5px 0 5px;" valign="top">
                          EatFirst Chicken Katsu Curry for one 490g
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:10px 10px 0 10px;">
                          £3.49
                          <span style="font-size: 20px; color: #54585A; text-decoration: line-through;">
                           £4.99
                          </span>
                          <br/>
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:0 10px 0 10px;">
                          <a class="mobile-link--footer" style="text-decoration:underline; color:#929b00; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #929b00; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px;">
                           Shop now
                          </a>
                          <span style="font-size: 24px; padding: 0px 0px 0px 5px; font-weight: normal; color:#929b00; text-decoration: none;">
                           ›
                          </span>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="left" valign="top" width="220"><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.33%; min-width:220px; vertical-align:top; width:100%; overflow: visible;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td bgcolor="#ffffff" style="padding: 20px 10px 0 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                       <tbody>
                        <tr>
                         <td align="center" bgcolor="#ffffff" class="RescaleIMG">
                          <a>
                           <img alt="Products" class="RescaleIMG" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F436%252F436356011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1kXOwy:XCI1yc1Q9I65mt7g1P1aTXe24jtRgdulWwArk5_ziB4" style="border: 0;width: 100%;max-width: 200px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="200"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow-height-control" height="65" style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #54585A; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px; padding: 20px 5px 0 5px;" valign="top">
                          EatFirst Italian Lasagne for two 720g
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:10px 10px 0 10px;">
                          £5.24
                          <span style="font-size: 20px; color: #54585A; text-decoration: line-through;">
                           £7.49
                          </span>
                          <br/>
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:0 10px 0 10px;">
                          <a class="mobile-link--footer" style="text-decoration:underline; color:#929b00; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #929b00; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px;">
                           Shop now
                          </a>
                          <span style="font-size: 24px; padding: 0px 0px 0px 5px; font-weight: normal; color:#929b00; text-decoration: none;">
                           ›
                          </span>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="left" valign="top" width="220"><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.33%; min-width:220px; vertical-align:top; width:100%; overflow: visible;">
                  <table border="0" cellpadding="0" cellspacing="0" class="hide" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td bgcolor="#ffffff" style="padding: 20px 10px 0 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                       <tbody>
                        <tr>
                         <td align="center" bgcolor="#ffffff" class="RescaleIMG">
                          <a>
                           <img alt="Products" class="RescaleIMG" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F410%252F410973011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1kXOwy:XCI1yc1Q9I65mt7g1P1aTXe24jtRgdulWwArk5_ziB4" style="border: 0;width: 100%;max-width: 200px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="200"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow-height-control" height="65" style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #54585A; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px; padding: 20px 5px 0 5px;" valign="top">
                          EatFirst Grilled Miso Chicken for one 425g
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #54585A; mso-line-height-rule:exactly; line-height: 32px; padding:10px 10px 0 10px;">
                          £4.99
                          <br/>
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:0 10px 0 10px;">
                          <a class="mobile-link--footer" style="text-decoration:underline; color:#929b00; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #929b00; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px;">
                           Shop now
                          </a>
                          <span style="font-size: 24px; padding: 0px 0px 0px 5px; font-weight: normal; color:#929b00; text-decoration: none;">
                           ›
                          </span>
                         </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>
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- SPACER : BEGIN -->
           <tr>
            <td bgcolor="#EEEEEE" style="line-height:8px; font-size: 8px;">
            </td>
           </tr>
           <!-- SPACER : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <tr>
            <td align="center" bgcolor="#FFFFFF" dir="ltr" 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%">
              <tbody>
               <tr>
                <td align="center" style="font-size:0; padding:30px 0 0 0;" valign="top">
                 <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align=“center” valign="top" width=“420”><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width: 420px; min-width:310px; vertical-align:top; width:100%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td dir="ltr" style="padding: 0 10px 20px 10px;">
                      <a>
                       <img alt="NEW TO OCADO" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2018%252FRosie_NTO%252FChocolate_2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" style="border: 0; width: 100%;max-width: 420px;" width="420"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                 <!--[if mso]></td><td align=“center” valign="top" width=“220”><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.33%; min-width:220px; vertical-align:top;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td style="padding: 0 10px 0 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" class="width280onMobile-skinny-text" role="presentation" style="font-size: 16px;" width="100%">
                       <tbody>
                        <tr>
                         <td class="center-on-narrow" style="padding: 0 10px 0 10px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:28px; color:#54585A; line-height:30px; mso-height-rule: exactly;">
                          Rhokett man
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow" style="padding: 15px 10px 0 10px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #54585A; line-height: 22px; mso-height-rule: exactly;">
                          Created by Master Pâtissier Martin Dockett, Rhokett cheesecake is made with only the finest ingredients. Share a pack, or hide the other slice in your fridge for later.
                         </td>
                        </tr>
                        <!-- CTA BUTTON: BEGIN -->
                        <tr>
                         <td style="padding: 20px 10px 30px 10px; text-align: center; mso-height-rule: exactly; color: #929b00;">
                          <table border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" role="presentation" style="margin: auto;">
                           <tbody>
                            <tr>
                             <td class="center-on-narrow" style="font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; border-radius: 3px; background: #929b00; text-align: center;">
                              <a class="button-a-apple" style="background: #929b00; border: 12px solid #929b00; padding: 0 5px;color: #FFFFFF; font-size: 18px;  line-height: 20px; text-align: center; min-width:160px; max-width:280px; overflow: visible; text-decoration: none; display: block; border-radius: 3px; font-weight: 400;">
                               Yes-please cake
                              </a>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                        <!-- CTA BUTTON: END -->
                       </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>
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <tr>
            <td align="center" bgcolor="#ffffff" height="100%" style="padding:10px 0 20px 0;" valign="top" width="100%">
             <!--[if mso]><table role="presentation" 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; " valign="top">
                 <!--[if mso]><table role="presentation" border="0" cellspacing="0" cellpadding="0" align="center" width="660"><tr><td align="left" valign="top" width="220"><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.3%; min-width:220px; vertical-align:top; width:100%; overflow: visible;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td bgcolor="#ffffff" style="padding: 20px 10px 20px 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                       <tbody>
                        <tr>
                         <td align="center" bgcolor="#ffffff" class="RescaleIMG">
                          <a>
                           <img alt="Products" class="RescaleIMG" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F428%252F428427011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1kXOwy:XCI1yc1Q9I65mt7g1P1aTXe24jtRgdulWwArk5_ziB4" style="border: 0;width: 100%;max-width: 200px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="200"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow-height-control" height="65" style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #54585A; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px; padding: 20px 5px 0 5px;" valign="top">
                          Rhokett Chocolate Chunk Cheesecake 2 x 100g
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #54585A; mso-line-height-rule:exactly; line-height: 32px; padding:10px 10px 0 10px;">
                          £3
                          <br/>
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:0 10px 0 10px;">
                          <a class="mobile-link--footer" style="text-decoration:underline; color:#929b00; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #929b00; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px;">
                           Shop now
                          </a>
                          <span style="font-size: 24px; padding: 0px 0px 0px 5px; font-weight: normal; color:#929b00; text-decoration: none;">
                           ›
                          </span>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="left" valign="top" width="220"><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.3%; min-width:220px; vertical-align:top; width:100%; overflow: visible;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td bgcolor="#ffffff" style="padding: 20px 10px 0 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                       <tbody>
                        <tr>
                         <td align="center" bgcolor="#ffffff" class="RescaleIMG">
                          <a>
                           <img alt="Products" class="RescaleIMG" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F428%252F428391011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1kXOwy:XCI1yc1Q9I65mt7g1P1aTXe24jtRgdulWwArk5_ziB4" style="border: 0;width: 100%;max-width: 200px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="200"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow-height-control" height="65" style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #54585A; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px; padding: 20px 5px 0 5px;" valign="top">
                          Rhokett Lemon Cheesecake 2 x 100g
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #54585A; mso-line-height-rule:exactly; line-height: 32px; padding:10px 10px 0 10px;">
                          £3
                          <br/>
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:0 10px 0 10px;">
                          <a class="mobile-link--footer" style="text-decoration:underline; color:#929b00; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #929b00; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px;">
                           Shop now
                          </a>
                          <span style="font-size: 24px; padding: 0px 0px 0px 5px; font-weight: normal; color:#929b00; text-decoration: none;">
                           ›
                          </span>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="left" valign="top" width="220"><![endif]-->
                 <div class="stack-column" style="display:inline-block; Margin: 0 -2px; max-width:33.3%; min-width:220px; vertical-align:top; width:100%; overflow: visible;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <td bgcolor="#ffffff" style="padding: 20px 10px 0 10px;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                       <tbody>
                        <tr>
                         <td align="center" bgcolor="#ffffff" class="RescaleIMG">
                          <a>
                           <img alt="Products" class="RescaleIMG" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F428%252F428390011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1kXOwy:XCI1yc1Q9I65mt7g1P1aTXe24jtRgdulWwArk5_ziB4" style="border: 0;width: 100%;max-width: 200px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="200"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td class="center-on-narrow-height-control" height="65" style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #54585A; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px; padding: 20px 5px 0 5px;" valign="top">
                          Rhokett Caramel Cheesecake 2 x 100g
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #54585A; mso-line-height-rule:exactly; line-height: 32px; padding:10px 10px 0 10px;">
                          £3
                          <br/>
                         </td>
                        </tr>
                        <tr>
                         <td style="text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size: 28px; color: #C5003E; mso-line-height-rule:exactly; line-height: 32px; padding:0 10px 0 10px;">
                          <a class="mobile-link--footer" style="text-decoration:underline; color:#929b00; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-style:normal; font-size: 18px; color: #929b00; font-weight: bold; mso-line-height-rule:exactly; line-height: 22px;">
                           Shop now
                          </a>
                          <span style="font-size: 24px; padding: 0px 0px 0px 5px; font-weight: normal; color:#929b00; text-decoration: none;">
                           ›
                          </span>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </div>
                </td>
               </tr>
              </tbody>
             </table>
             <!--[if mso]></td></tr></table><![endif]-->
            </td>
           </tr>
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- SPACER : BEGIN -->
           <tr>
            <td bgcolor="#EEEEEE" style="line-height:8px; font-size: 8px;">
            </td>
           </tr>
           <!-- SPACER : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT LEFT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : BEGIN -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!--  <*><*><*><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><* -->
           <!--  <*><*><*><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><* -->
           <!--  <*><*><*><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><*><*><*>><*><*><*><*><*><*><*><*><* -->
           <!--  MODULES : END -->
           <!--  MODULES : END -->
           <!--  MODULES : END -->
           <!--  MODULES : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- SPACER : BEGIN -->
           <tr>
            <td bgcolor="#EEEEEE" style="line-height:8px; font-size: 8px;">
            </td>
           </tr>
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!-- 2COL_F_IMG_COPY_CTA_SPLIT : BEGIN -->
           <!--  MODULES : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
           <!-- 3COL_B_IMG_PROD_CTA_REPEAT : END -->
          </tbody>
         </table>
        </div>
        <!-- BODY : END -->
        <!-- FOOTER : BEGIN -->
        <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="max-width: 680px;" width="100%">
         <tbody>
          <tr>
           <td align="center">
            <!-- FOOTER_TOP : BEGIN -->
            <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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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;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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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;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: 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;" 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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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:1kXOwy:0i7UfOJd1I62mZG4OniSX6irnNYXFZSAtn9hBtVp2lY" 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>
            <!-- 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/>
                Prices and promotions are valid on the date of email send and subject to expiry.
               </td>
              </tr>
             </tbody>
            </table>
            <!-- FOOTER_TERMS : END -->
            <!-- FOOTER_BOTTOM: BEGIN -->
            <div>
             <!-- * Footer 2017 - STANDARD OPT-IN (105) - BEGIN -->
             <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
              <tr>
               <td bgcolor="#5B625E" style="padding: 30px 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;">
                You’re signed up to receive offers and other marketing communications from the Ocado Group.
               </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; ">
                 © 2018 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 2017 - STANDARD OPT-IN (105) - END -->
            </div>
            <!-- FOOTER_BOTTOM: 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>
  <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>