Email sent from Ocado to a Registered user

Ocado Registered user

Subscribed 6 years, 6 months ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta charset="utf-8" content="html"/>
  <!-- utf-8 works for most cases -->
  <meta content="width=device-width" name="viewport"/>
  <!-- Forcing initial-scale shouldn't be necessary -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!-- Use the latest (edge) version of IE rendering engine -->
  <!-- WEB FONT / @font-face : BEGIN -->
  <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font for both SourceSans and OpenSans. -->
  <!--[if mso]>
    <style type="text/css">
    .sourceSans_fallback {font-family: Trebuchet MS, Arial, sans-serif !important;}
    .openSans_fallback {font-family: Arial, sans-serif !important;}
    .muli_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:400,600,700,800,900" 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 auto !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
    
* {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
/* What it does: Centers email on Android 4.4 */
    
div[style*="margin: 16px 0"] {
	margin: 0 !important;
}
/* What it does: Forces Outlook.com to display emails full width. */
    
.ExternalClass {
	width: 100%;
	line-height: 100%;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
    
table, td {
	mso-table-lspace: 0pt !important;
	mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
    
table {
	border-spacing: 0 !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
	Margin: 0 auto !important;
}
table table table {
	table-layout: auto;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
    
img {
	-ms-interpolation-mode: bicubic;
}
/* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
.a6S {
	display: none !important;
	opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img + div {
	display: none !important;
}
/* What it does: Overrides styles added when Yahoo's auto-senses a link. */
.yshortcuts a {
	border-bottom: none !important;
}
/* What it does: A work-around for iOS meddling in triggered links. */
    
.mobile-link--footer a, a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
}
/*
<!--Progressive Enhancements-->
<!--Progressive Enhancements-->
<!--Progressive Enhancements-->
*/
    /* What it does: Hover styles for buttons */
    
.button-td, .button-a, .button-td-charcoal, .button-td-apple, .button-td-blueberry, .button-td-cabbage, .button-td-raspberry, .button-td-lemon, .button-td-lemondark, .button-a-charcoal, .button-a-apple, .button-a-blueberry, .button-a-cabbage, .button-a-raspberry, .button-a-lemon, .button-a-lemondark {
	transition: all 100ms ease-in;
}
/* default button */
    
.button-td:hover, .button-a:hover {
	background: #444444 !important;
	border-color: #444444 !important;
}
.button-td-charcoal:hover, .button-a-charcoal:hover {
	background: #444444 !important;
	border-color: #444444 !important;
}
.button-td-apple:hover, .button-a-apple:hover {
	background: #6D712E !important;
	border-color: #6D712E !important;
}
.button-td-blueberry:hover, .button-a-blueberry:hover {
	background: #0057B8 !important;
	border-color: #0057B8 !important;
}
.button-td-cabbage:hover, .button-a-cabbage:hover {
	background: #722257 !important;
	border-color: #722257 !important;
}
.button-td-raspberry:hover, .button-a-raspberry:hover {
	background: #8A1538 !important;
	border-color: #8A1538 !important;
}
.button-td-lemon:hover, .button-a-lemon:hover {
	background: #F2A900 !important;
	border-color: #F2A900 !important;
}
.button-td-lemondark:hover, .button-a-lemondark:hover {
	background: #BD472A !important;
	border-color: #BD472A !important;
}

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

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

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

/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
    /* Create one of these media queries for each additional viewport size you'd like to fix */
    /* Thanks to Eric Lepetit (@ericlepetitsf) for help troubleshooting */
    
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
/* iPhone 6 and 6+ */
.email-container {
	min-width: 375px !important;
}
}
  </style>
  <title>
   Ocado
  </title>
 </head>
 <body bgcolor="#5b615e" body="" style="margin: 0;" width="100%">
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgridinbound.blob.core.windows.net%252Fgic%252Fg.png%253Fh%253D11123ccfaa504de19c85fb5b7bcd5e8b/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZncmlkaW5ib3VuZCJ9:1kro8t:vvmXMUcwEusjZk_9LUXm8K2QiIvzB5BB4jVA_zAIFYA" 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/https%253A%252F%252Focado.emsecure.net%252Foptiext%252Foptiextension.dll%253FID%253DbJIbL%252B4LsaW9jineTAk1CXXtdPKy%252BFHvu9hPI0B4IuNxn9orO_3XauR_6r6tEscAdhMRfZrTTWznRHeVGN178QnUBO09b1d8dog48fbj/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1kro8t:M9FLv9iRy4BcUIP_1AgvGG1IgqFn8tVdVz4299VpFtU" 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%">
   <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: 'Muli', Arial, Helvetica, sans-serif;">
       See what’s changed.
      </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 -->
       <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 680px;" width="100%">
        <tr>
         <td bgcolor="#5B625E" class="weblink" style="text-align: right; width: 100%; font-size: 10px; font-family: 'Muli', Arial, sans-serif; mso-height-rule: exactly; line-height:120%; padding:0;">
          <a style="color:#CCCCCC; text-decoration:underline; padding: 0 10px 0 0; border:none">
           View online
          </a>
         </td>
        </tr>
        <tr>
         <td bgcolor="#FFFFFF" style="padding:0; text-align: center; font-family: 'Muli', Arial, sans-serif; background-color: FFFFFF;">
          <a style="color:#BCC811; text-decoration:none; display: block;">
           <img alt="Ocado" border="0" height="65" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FDT1047_OcadoLogo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1kro8t:M9FLv9iRy4BcUIP_1AgvGG1IgqFn8tVdVz4299VpFtU" style="font-family: 'Muli', Arial, sans-serif; color:#54585A; text-decoration:none; font-size:20px; color: #414446; max-height: 65px;" width="187"/>
          </a>
         </td>
        </tr>
        <tr>
         <td bgcolor="#BCC811" style="line-height:3px; font-size: 3px;">
         </td>
        </tr>
       </table>
       <!-- HEADER : END -->
       <!-- BODY : BEGIN -->
       <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 680px;" width="100%">
        <!--  MODULES : BEGIN -->
        <!--  MODULES : BEGIN -->
        <!--  MODULES : BEGIN -->
        <!--  MODULES : BEGIN -->
        <!--  MODULES : BEGIN -->
        <!--  1COL_B_HL1_IMG_BODY_CTA : BEGIN -->
        <!--  1COL_B_HL1_IMG_BODY_CTA : BEGIN -->
        <!--  1COL_B_HL1_IMG_BODY_CTA : BEGIN -->
        <tr>
         <td>
          <!--[if (gte mso 9)|(IE)]><center><table><tr><td width="600" style="width:600px;"><![endif]-->
          <div style="max-width: 600px; margin: 0 auto;">
           <table align="left" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
            <tr>
             <td>
              <table align="left" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="max-width: 620px;" width="100%">
               <tr>
                <td style="padding: 20px 20px 0px 20px; text-align: center; mso-height-rule: exactly;  font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 28px; font-weight:600; color:#929B00; line-height:110%;">
                 We wanted to update you…
                </td>
               </tr>
              </table>
             </td>
            </tr>
            <tr>
             <td>
              <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="max-width: 620px;" width="100%">
               <tr>
                <td style="padding: 20px 20px 10px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #414446; line-height: 135%; mso-height-rule: exactly;">
                 Dear Sarah,
                </td>
               </tr>
               <tr>
                <td style="padding: 0 20px 10px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #414446; line-height: 135%; mso-height-rule: exactly;">
                 Protecting your personal information and being transparent about how we use your data is really important to us – as it always has been. We’ve recently updated the Ocado
                 <a style="text-decoration: underline; font-weight: bold; color: #414446;">
                  Privacy &amp; Cookie Policy
                 </a>
                 so, naturally, we wanted to let you know.
                </td>
               </tr>
               <tr>
                <td style="padding: 0 20px 0px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #414446; line-height: 135%; mso-height-rule: exactly;">
                 Here’s a quick summary of the key changes:
                </td>
               </tr>
               <tr>
                <td>
                 <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 680px;" width="100%">
                  <tr>
                   <td style="padding: 10px 0 10px 0;">
                    <!--[if (gte mso 9)|(IE)]><center><table><tr><td width="640" style="width:640px;"><![endif]-->
                    <div style="max-width: 620px; margin: 0 auto;">
                     <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 540px;" width="100%">
                      <tr>
                       <td align="left" valign="top">
                        <table align="left" border="0" cellpadding="0" cellspacing="0">
                         <tr>
                          <td valign="top">
                           <table cellpadding="0" cellspacing="0">
                            <tr>
                             <td width="20">
                             </td>
                             <td style="font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size: 16px; color: #414446; line-height: 22px; text-align: left" valign="top" width="15">
                              •
                             </td>
                             <td width="5">
                             </td>
                             <td style="text-decoration:none; font-family: 'Muli', Arial, Helvetica, sans-serif; font-size:16px; font-weight: normal; color:#414446; padding: 0 10px 0 0; line-height:22px; text-align: left;" valign="top">
                              We’ve clarified how we use your data (for example, your shopping history) to personalise and improve your experience with us.
                             </td>
                             <td width="20">
                             </td>
                            </tr>
                           </table>
                          </td>
                         </tr>
                        </table>
                       </td>
                      </tr>
                      <tr>
                       <td align="left" valign="top">
                        <table align="left" border="0" cellpadding="0" cellspacing="0">
                         <tr>
                          <td valign="top">
                           <table cellpadding="0" cellspacing="0">
                            <tr>
                             <td width="20">
                             </td>
                             <td style="font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size: 16px; color: #414446; line-height: 22px; text-align: left; padding-top: 10px" valign="top" width="15">
                              •
                             </td>
                             <td width="5">
                             </td>
                             <td style="text-decoration:none; font-family: 'Muli', Arial, Helvetica, sans-serif; font-size:16px; font-weight: normal; color:#414446; padding: 0 10px 0 0; line-height:22px; text-align: left; padding-top: 10px;" valign="top">
                              We’ve added a more detailed explanation of our relationship with Facebook and how we may use data when working with them.
                             </td>
                             <td width="20">
                             </td>
                            </tr>
                           </table>
                          </td>
                         </tr>
                        </table>
                       </td>
                      </tr>
                     </table>
                    </div>
                    <!--[if mso]></td></tr></table></center><![endif]-->
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <td style="padding: 10px 20px 0px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #414446; line-height: 135%; mso-height-rule: exactly;">
                 Of course, the above is just a summary of key changes, so it doesn’t cover everything. If you’d like to read it in full, the latest
                 <a style="text-decoration: underline; font-weight: bold; color: #414446;">
                  Privacy &amp; Cookie Policy
                 </a>
                 is always available on
                 <a style="text-decoration: none; color: #414446">
                  ocado.com
                 </a>
                 .
                </td>
               </tr>
               <tr>
                <td style="padding: 10px 20px 15px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #414446; line-height: 135%; mso-height-rule: exactly;">
                 We don’t need you to do anything, this is just to make you aware that the changes took effect from Tuesday 15th December 2020.
                </td>
               </tr>
               <tr>
                <td style="padding: 0 20px 0 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #414446; line-height: 135%; mso-height-rule: exactly;">
                 Thanks,
                </td>
               </tr>
               <tr>
                <td style="padding: 10px 20px 30px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; font-weight: normal; color: #414446; line-height: 135%; mso-height-rule: exactly;">
                 Ocado Customer Service team
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]></td></tr></table></center><![endif]-->
         </td>
        </tr>
        <!-- 1COL_B_HL1_IMG_BODY_CTA: END -->
        <!-- 1COL_B_HL1_IMG_BODY_CTA: END -->
        <!-- 1COL_B_HL1_IMG_BODY_CTA: END -->
        <!--  MODULES : END -->
       </table>
       <!-- 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%">
        <tr>
         <td align="center">
          <!-- FOOTER_TOP : BEGIN -->
          <div>
          </div>
          <!-- FOOTER_TOP : END -->
          <!-- FOOTER_TERMS : BEGIN -->
          <!--
                                <table 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: 'Muli', 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<br> <br> </td> </tr> </table> 
-->
          <!-- FOOTER_TERMS : END -->
          <!-- FOOTER_BOTTOM: BEGIN -->
          <div>
           <!-- * Footer 2017 - OPT-OUT SERVICE (107) - BEGIN -->
           <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
            <tr>
             <td style="padding: 30px 0 0 0; width: 100%; font-size: 12px; font-family: 'Muli', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center; color: #FFFFFF;">
              You’ve received this message as it contains important information about your
              <a style="text-decoration: none; color: #FFFFFF;">
               ocado.com
              </a>
              account.
             </td>
            </tr>
           </table>
           <table align="center" bgcolor="#5B625E" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
            <tr>
             <td style="padding: 15px 0 30px 0; width: 100%; font-size: 12px; font-family: 'Muli', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center;">
              <a style="color:#FFFFFF; text-decoration:underline;">
               Privacy Policy
              </a>
              <br/>
              <br/>
              <span style="color:#FFFFFF; font-size:12px; ">
               © 2020 Ocado Retail Limited. Registered address:
               <span class="mobile-link--footer">
                Apollo Court, 2 Bishop Square, Hatfield Business Park, Hatfield, Herts, AL10 9EX.
               </span>
               Registered in England – company number:
               <span class="mobile-link--footer">
                03875000
               </span>
               .
              </span>
             </td>
            </tr>
           </table>
           <!-- * Footer 2017 - OPT-OUT SERVICE (107) - END -->
          </div>
          <!-- FOOTER_BOTTOM: END -->
         </td>
        </tr>
       </table>
       <!-- FOOTER : END -->
       <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
      </div>
     </center>
    </td>
   </tr>
  </table>
  <!-- CORE TEMPLATE BODY : END -->
  <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>
3 years, 11 months ago - ocado@ocadomail.com
We’ve updated our Privacy Policy
See what’s changed. View online We wanted to update you… Dear Sarah, Protecting your personal inf...
Inboxes

Ocado Registered user
