<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Facebook sharing information tags -->
<meta property="og:title" />
<title>TW Email Template</title>
<link href="https://cloud.typography.com/6361514/6602552/css/fonts.css" rel="stylesheet" type="text/css" media="screen" />
<link href="https://myaccount.thameswater.co.uk/assets/css/fonts.css" rel="stylesheet" type="text/css" media="screen" />
<style>
#outlook a { padding: 0; }
body { width: 100% !important; } .ReadMsgBody { width: 100%; } .ExternalClass { width: 100%; }
body { -webkit-text-size-adjust: none; }
body { margin: 0; padding: 0; }
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table td { border-collapse: collapse; }
#backgroundTable { height: 100% !important; margin: 0; padding: 0; width: 100% !important; }
body, #backgroundTable {
width:100% !important;
-webkit-text-size-adjust:none;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding-top:0;
padding-bottom:0;
padding-right:0;
padding-left:0;
}
#backgroundTable {
height:100% !important;
border:none;
}
#templateContainer {
border: none;
background-color:#FFFFFF;
padding-bottom:0;
padding:0;
width:100%;
}
h1, h2, h3, h4 {
color: #009fdf;
font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1.13;
margin-right: 0;
margin-left: 0;
text-align: left;
}
h1 {
color: #009fdf;
display: block;
font-size: 32px;
line-height: 113%;
margin-top: 0;
margin-bottom: 30px;
}
h2 {
color: #009fdf;
display: block;
font-size: 24px;
line-height: 108%;
margin-top: 30px;
margin-bottom: 30px;
}
h3 {
color: #009fdf;
display: block;
font-size: 20px;
line-height: 140%;
}
h4 {
color: #009fdf;
display: block;
font-size: 18px;
line-height: 118%;
}
p,
a,
ul,
ol {
line-height: 157%;
}
a {
margin: 0;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.btn {
display: inline-block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.fa {
font-family: "FontAwesome";
}
.gr {
font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.showy {
height: 100% !important;
width: 100% !important;
}
.no-showy {
display: none !important;
}
.bg-blue {
background-color: #009fdf;
}
.c-blue {
color: #009fdf;
}
.c-white {
color: #fff;
}
.primary-link {
color: #7fba00;
display: block;
text-decoration: none;
}
.primary-link:hover {
color: #4d8504;
text-decoration: none;
}
.primary-link .fa {
font-size: 14px;
margin-left: 5px;
}
.btn-primary {
border: 2px solid #7fba00;
border-radius: 50px;
line-height: 100%;
padding-top: 13px;
padding-right: 30px;
padding-bottom: 11px;
padding-left: 30px;
text-align: center;
}
#templatePreheader {
background-color: #dae6e2;
width:100%;
padding:0;
border:none;
}
.preheaderContent div {
color: #777;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 10px;
line-height: 100%;
text-align: center;
}
.preheaderContent div a:link,
.preheaderContent div a:visited,
.preheaderContent div a .yshortcuts {
color: #333;
font-weight: normal;
text-decoration: none;
}
.preheaderContent div a:link:hover,
.preheaderContent div a:visited:hover,
.preheaderContent div a .yshortcuts:hover {
text-decoration: underline;
}
#templateHeader {
background-color: #FFFFFF;
padding:0;
width:100%;
border:none;
}
.headerContent {
color: #202020;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 100%;
padding: 13px;
text-align: center;
}
.headerContent a:link,
.headerContent a:visited,
.headerContent a .yshortcuts {
color: #000;
}
.headerContent a:link:hover,
.headerContent a:visited:hover,
.headerContent a .yshortcuts:hover {
text-decoration: underline;
}
#accountContent > div {
border-radius: 5px;
}
#accountDivider {
color: #009fdf;
display: block ;
font-weight: bold;
}
#logo {
height: 80px;
width: 80px;
margin:auto
}
#bannerContent {
padding-top: 26px;
}
#bannerContent div {
background-color: #009fdf;
min-height: 210px;
min-width: 320px;
}
#bannerImage {
background-color: #009fdf;
display: block;
height: auto;
}
#templateContainer,
.bodyContent {
background-color: #FFFFFF;
padding-bottom: 0;
}
.bodyContent div {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 26px;
text-align: left;
}
.bodyContent div a:link,
.bodyContent div a:visited,
.bodyContent div a .yshortcuts {
color: #7fba00;
font-weight: normal;
text-decoration: none;
}
.bodyContent div a:link:hover,
.bodyContent div a:visited:hover,
.bodyContent div a .yshortcuts:hover {
text-decoration: underline;
}
.bodyContent img {
display: inline;
height: auto;
}
.tout {
border-radius: 6px;
overflow: hidden;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
}
.tout-green {
background-color: #ecf5d9;
}
.tout-blue {
background-color: #009fdf;
}
.tout-blue .toutContent div,
.tout-blue .toutContent div h3,
.tout-blue .toutContent div a,
.tout-blue .toutContent div a:link:hover,
.tout-blue .toutContent div a:visited:hover,
.tout-blue .toutContent div a .yshortcuts:hover {
color: #fff;
}
.toutContent div {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
text-align: left;
}
.toutContent div h3 {
font-size: 20px;
line-height: 140%;
margin-top: 0;
}
.toutContent div p {
font-size: 14px;
line-height: 157%;
}
.toutContent div a,
.toutContent div a:link,
.toutContent div a:visited,
.toutContent div a .yshortcuts {
font-size: 16px;
line-height: 138%;
text-decoration: none;
}
.toutContent div a:hover,
.toutContent div a:link:hover,
.toutContent div a:visited:hover,
.toutContent div a .yshortcuts:hover {
text-decoration: underline;
}
.toutImage {
padding-left: 20px;
}
#templateFooter {
background-color: #009fdf;
border-top: 2px solid #007fb2;
border-spacing:0;
padding:15px;
width:100%;
border-top-style:solid;
border-top-color:#007fb2;
border-top-width:2px;
}
.footerContent div {
color: #fff;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
text-align: center;
}
.footerContent div a:link,
.footerContent div a:visited,
.footerContent div a .yshortcuts {
color: #fff;
font-weight: normal;
text-decoration: none;
}
.footerContent div a:link:hover,
.footerContent div a:visited:hover,
.footerContent div a .yshortcuts:hover {
text-decoration: underline;
}
.footerContent em {
display: inline-block;
font-style: normal;
padding-bottom: .5em;
}
#socialContent > div {
padding: 5px 5px 0;
width: 180px;
}
#socialContent a {
text-decoration: none;
}
#socialContent a:hover {
text-decoration: none;
}
#socialContent .fa {
background-color: #fff;
border-radius: 50%;
color: #009fdf;
display: block;
font-size: 18px;
height: 40px !important;
line-height: 40px;
width: 40px !important;
}
.center-align {
text-align: center !important;
}
.vertical-align-top{
vertical-align: top;
}
.vertical-align-middle{
vertical-align: middle;
}
media (max-width: 599px) {
h1 {
font-size: 20px !important;
line-height: 140% !important;
}
h2 {
font-size: 20px !important;
line-height: 130% !important;
}
h3 {
font-size: 20px !important;
line-height: 130% !important;
}
h4 {
font-size: 18px !important;
line-height: 118% !important;
}
p,
ul,
ol {
font-size: 14px !important;
line-height: 157% !important;
}
small a {
font-size: 11px !important;
line-height: 118% !important;
}
#accountContent div {
font-size: 11px !important;
line-height: 100% !important;
}
.tout {
padding-top: 12px !important;
padding-right: 12px !important;
padding-bottom: 14px !important;
padding-left: 12px !important;
}
.toutImage {
padding-left: 8px !important;
vertical-align: top !important;
}
.toutImage img {
height: 60px !important;
width: 60px !important;
}
}
#table1{
width:100%;
border:none;
border-spacing:10px;
border-collapse:separate;
padding:10px;
}
#table2 {
border:none;
width:100%;
padding:0;
border-spacing:0;
}
#heading-note, #heading-note1{
color:#777;
font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
font-size:10px;
line-height:100%;
text-align:center;
}
#widthPx{
width:190px;
}
#heading-note > a{
line-height:157%;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
color:#333;
font-weight:normal;
text-decoration:none;
}
#logoContainer{
border:none;
border-spacing:0;
padding:20px;
width:100%;
}
#tw-image, #tw-image1{
width:0px;
height:0px;
border-width:0;
height:auto;
line-height:100%;
outline-style:none;
text-decoration:none;
display: block !important;
overflow: hidden;
}
#templateBody{
border:none;
padding:0;
border-spacing:0;
width:100%;
}
.bodyContent{
background-color:#FFFFFF;
padding-bottom:0;
vertical-align:top;
}
#whatnext-info {
font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
margin:auto;
line-height:26px;
text-align:left;
max-width:536px;
}
#whatnext-heading{
font-family:"Gotham Rounded SSm A", "Gotham Rounded SSm B", Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:normal;
margin-right:0;
margin-left:0;
text-align:left;
color:#009fdf;
display:block;
font-size:24px;
line-height:108%;
margin-top:20px;
margin-bottom:30px;
}
#journey-heading{
font-family:"Gotham Rounded SSm A", "Gotham Rounded SSm B", Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:normal;
text-align:left;
color:#009fdf;
display:block;
font-size:24px;
line-height:108%;
}
#myaccnt-login{
margin-right:0;
margin-left:0;
display:inline-block;
margin-top:10px;
margin-bottom:10px;
border-width:2px;
border-style:solid;
border-color:#7fba00;
border-radius:50px;
line-height:100%;
padding-top:13px;
padding-right:30px;
padding-bottom:11px;
padding-left:30px;
text-align:center;
color:#7fba00;
font-weight:normal;
text-decoration:none;
}
#templateTouts {
border:none;
border-spacing:0;
width:100%;
}
#toutsContainer {
border:none;
width:100%;
border-spacing:0;
}
#tout-style {
margin:audio;
border-radius:6px;
overflow:hidden;
padding-top:20px;
padding-right:30px;
padding-bottom:20px;
padding-left:30px;
max-width:560px;
background-color:#ecf5d9;
}
#tout-table {
width:100%;
border:none;
border-spacing:0;
padding:5px;
}
#toutContentdiv {
font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:22px;
text-align:left;
}
#toutContenthead {
font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:normal;
margin-right:0;
margin-left:0;
text-align:left;
color:#009fdf;
display:block;
font-size:20px;
line-height:140%;
margin-top:0;
}
#toutContentlink {
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
color:#7fba00;
display:block;
font-size:16px;
line-height:138%;
text-decoration:none;
}
#toutContentImg {
border-width:0;
height:auto;
line-height:100%;
outline-style:none;
text-decoration:none;
}
#offers-img {
border-width:0;
height:auto;
line-height:100%;
outline-style:none;
text-decoration:none;
}
#footerContent-table {
width:100%;
border-spacing:0;
padding:15px;
border:none;
}
#footerContentdiv {
margin:auto;
color:#fff;
font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:22px;
text-align:center;
padding-top:5px;
padding-bottom:0;
padding-right:5px;
padding-left:5px;
width:180px;
}
#footerContentdiv-table {
width:100%;
border-spacing:0;
padding:10px;
border:none;
}
#footerContentdiv-link {
line-height:157%;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
color:#fff;
font-weight:normal;
text-decoration:none;
}
#footerContentdiv-img {
border-width:0;
height:auto;
line-height:100%;
outline-style:none;
text-decoration:none;
}
#fb-link {
line-height:157%;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;color:
#fff;font-weight:normal;
text-decoration:none;
}
#fb-img {
border-width:0;
height:auto;
line-height:100%;
outline-style:none;
text-decoration:none;
}
#youtube-link {
line-height:157%;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
color:#fff;
font-weight:normal;
text-decoration:none;
}
#youtube-img {
border-width:0;
height:auto;
line-height:100%;
outline-style:none;
text-decoration:none;
}
#tw-foot {
margin:auto;
color:#fff;
font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:22px;
text-align:center;
}
#tw-footContent {
display:inline-block;
font-style:normal;
padding-bottom:.5em;
}
</style>
<table id="backgroundTable">
<tbody>
<tr>
<td></td>
<td style="width:660px;">
<table id="templateContainer">
<tbody>
<tr>
<td class="center-align vertical-align-top">
<!-- // Begin Template -->
<table id="templateHeader">
<tbody>
<tr>
<td class="center-align vertical-align-middle">
<!-- // Begin Module: Standard Header Logo -->
<table id="logoContainer">
<tbody>
<tr>
<td class="center-align vertical-align-top" id="logoContent">
<div id="logo">
<img src="https://myaccount.thameswater.co.uk/assets/images/logo@3x.png" alt="Thames Water" class="showy" id="tw-image" width="80" height="80" />
</div>
</td>
</tr>
</tbody>
</table>
<!-- // End Module: Standard Header Logo -->
</td>
</tr>
</tbody>
</table>
<!-- // End Template Header -->
</td>
</tr>
<tr>
<td class="vertical-align-top">
<!-- // Begin Template Body -->
<table id="templateBody">
<tbody>
<tr>
<td class="bodyContent vertical-align-top">
<!-- // Begin Module: Standard Content -->
<table id="table2">
<tbody>
<tr>
<td class="center-align vertical-align-top">
<div id="whatnext-info">
<p class="MsoNormal"><strong><span id="journey-heading">Thanks for making a payment</span></strong><span><br />
<br />
Hello,<br />
<br />
We’ve received the payment you made online. This payment will reach your account within 5 working days.<br />
<br />
To make paying your bills even easier, why not set up a Direct Debit? You can choose how often you pay and update your choices at any time. <br />
<br />
<span style="text-decoration: none;"><a href="https://u10409046.ct.sendgrid.net/ls/click?upn=sLduUPy9FgfPbVjdTcnKzwhgriuHJEWkH8PVYXz5kLjBRYy0mKQd2GAYJ1mbKyOOeu-2F94ntGzIknRhw78SubYreZPIkkjJKHqqIBLWXIjj9xWtpm9WEQDq9ZvCr11YI0ENUb1unVBg5sflDLVdC-2FD4VH5PqR0AgSSFVaMZ8DapY-3D3t4f_8dWs10-2FPJUxZFVcllAYgNjHnhUIzVAJXyDOGEZqFtnB7TZGq6Q6kBFdEI03QxUssxfOPB1mfw8nd0TzCTb0A1dyYngak9vlxjPa4eeR5KQw3YHGFx8e2fj3uuzOJmjyBLGQLGDa5ORDY6ZwnnoIoYFOHDi82lbfvXyUgilXQw-2FfKUIfvIc9k7rOAY5ILZ70nskoNWWNY9vjOnxbfX3oGzgHwW7Thtk8YVIJh7N0UdZg-3D">Set up a direct debit</a></span><br />
<br />
Best regards,<br />
<br />
Thames Water<br />
<br />
This is an automated email, so please don't reply. If you need any help, please <span style="text-decoration: none;"><a href="https://u10409046.ct.sendgrid.net/ls/click?upn=sLduUPy9FgfPbVjdTcnKz3lzyb7qBuosnCRDPfL8t78InLeVufLLKRfkrf1edhnoLahWzvVMQhuiXpXL6tgtAvX7ppO6-2B0QLp51qmZukZe16Cf-2Bkii0C0x6Kcniikgry6cofc9OngxIDW2p5WinKoQ-3D-3DTkee_8dWs10-2FPJUxZFVcllAYgNjHnhUIzVAJXyDOGEZqFtnB7TZGq6Q6kBFdEI03QxUssLPQXL2ECWjLsajR60rmgomkhNbjFKlyePG3S6s9ROLrwlQVTHsnaQZuh2Wa-2B7jFz3R8IABbtSmcXvjaswmEwLhXdHCrU3W82PDreRNx708lCs10gn80moK2M1eLZJqywsatwayyVd6QP6t9xAm4gtsB5umTywQsWZDlKqWNSWMA-3D">contact us</a>.</span></span></p>
</div>
</td>
</tr>
</tbody>
</table>
<!-- // End Module: Standard Content -->
</td>
</tr>
</tbody>
</table>
<!-- // End Template Body -->
</td>
</tr>
<tr>
<td class="vertical-align-top">
<!-- // Begin Template Footer -->
<table id="templateFooter">
<tbody>
<tr>
<td class="footerContent vertical-align-top">
<!-- // Begin Module: Standard Footer -->
<table id="footerContent-table">
<tbody>
<tr>
<td class="center-align vertical-align-middle" id="socialContent" style="vertical-align: middle;text-align: center !important;">
<!-- // Begin Module: Social -->
<div id="footerContentdiv" style="margin:auto;color:#fff;line-height:22px;text-align:center;padding-top:5px;padding-bottom:0;padding-right:5px;padding-left:5px;width:180px;">
<table id="footerContentdiv-table" style="width: 100%;border-spacing: 0;padding: 10px;border: none;">
<tbody>
<tr>
<td class="center-align vertical-align-middle" style="vertical-align: middle;text-align: center !important;">
<a id="footerContentdiv-link" href="https://u10409046.ct.sendgrid.net/ls/click?upn=sLduUPy9FgfPbVjdTcnKz9r1pAcCgyVyziJbbhecdosaVciX4P5h56DVPnnYQV96fWUx_8dWs10-2FPJUxZFVcllAYgNjHnhUIzVAJXyDOGEZqFtnB7TZGq6Q6kBFdEI03QxUsskE-2FZPI6w-2F4qzY33ChTnU79s8Tg8luGRHmcPev8Mo9Kv8-2FBfwMnki21eJIY0BDsfYFlIVRuYUVv4V8feyNC65Dfltb-2F9R5OnzSPk0otMIWcYSeTNHwn4Jldoapab7fZTI29sOc9Dw2aGUF68UWZIFkD7D-2B6HO6zOFXMoUbWHM6zQ-3D">
<img alt="" id="footerContentdiv-img" src="https://myaccount.thameswater.co.uk/assets/images/twitter@3x.png" width="40" height="40" />
<!-- span class="no-showy">follow on Twitter</span -->
</a>
</td>
<td class="center-align vertical-align-middle" style="vertical-align: middle;text-align: center !important;">
<a id="fb-link" href="https://u10409046.ct.sendgrid.net/ls/click?upn=sLduUPy9FgfPbVjdTcnKz3EbpiGETjogmrQ7Prm5HT2-2FsLwfmnnuVxQEdu9Rr27OqffB_8dWs10-2FPJUxZFVcllAYgNjHnhUIzVAJXyDOGEZqFtnB7TZGq6Q6kBFdEI03QxUsss6Vr0wR02XqTH5VPLZXUwJm9Dixj7q1M4eNSLPplz2kAQCEhKZp9zs3w2MrJgCPJYgwqzX4A6asWTOIuFctErC3cRBsLKRgLAmYj-2F76e8-2FhGUg9qHF3R5xxb7JzgAumAuZVPfjRT3quZa-2BWvpXJqxDKskh9Co-2BO5UyRQy4y6dWE-3D">
<img alt="" id="fb-img" src="https://myaccount.thameswater.co.uk/assets/images/facebook@3x.png" width="40" height="40" />
<!-- span class="no-showy">like us on Facebook</span -->
</a>
</td>
<td class="center-align vertical-align-middle" style="vertical-align: middle;text-align: center !important;">
<a id="youtube-link" href="https://u10409046.ct.sendgrid.net/ls/click?upn=sLduUPy9FgfPbVjdTcnKz4An-2FM51PLWNIx-2FTvJfs8k4tD2ZxNR2DJv9FRne6MJQ9eCwiYHXsWHpPlez3k-2FUIwQ-3D-3DisDY_8dWs10-2FPJUxZFVcllAYgNjHnhUIzVAJXyDOGEZqFtnB7TZGq6Q6kBFdEI03QxUssw8BF4gH90ScsbLMowxqEhzk0HwOjmbK4pJZjoSAluOeRZH-2FXC2Kp2UU94kt4f33S3RO7NF6m8J1Q3t6d2l8ehzy5Q2yK50GGimV87-2BlOouanJp6tP3UR0bR3Io5FYHsWUlqykVt4T6Gq1YZPBRYr9mMDV9Rm5RxC-2FUo2r5KRo10-3D">
<img alt="" id="youtube-img" src="https://myaccount.thameswater.co.uk/assets/images/youtube@3x.png" width="40" height="40" />
<!-- span class="no-showy">subscribe on YouTube</span -->
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- // End Module: Social -->
</td>
</tr>
<tr>
<td class="center-align vertical-align-top" id="footer">
<div id="tw-foot">
<em id="tw-footContent">© 2021 Thames Water Utilities Limited. All rights reserved.</em> <br />
Thames Water Utilities Limited , Clearwater Court, Vastern Road, Reading RG1 8DB.<br />
Company number: 2366661 Registered in England and Wales
</div>
</td>
</tr>
</tbody>
</table>
<!-- // End Module: Standard Footer -->
</td>
</tr>
</tbody>
</table>
<!-- // End Template Footer -->
</td>
</tr>
</tbody>
</table>
</td>
<td></td>
</tr>
</tbody>
</table><img src="https://u10409046.ct.sendgrid.net/wf/open?upn=WRCm-2BxmZhS0YZUaSbLwONt5p9D1gwEHz7WU0WdFfKf6r9wxeYsARiNaqBB97Ro0Cy6bapTooMkmzkoZuQ4jyzalSBWT5CK5u55DP8G2hM6crV4B-2B8SucC8vsnZk8-2FmEN-2B8uw80lHNbEA4Sk5-2BGR3XHYqBfAgIKRMvbnXE2DHHUOKis4n1NhvdUujWKxLK0Nt1mlMnhPu8voRZHspqbY8vR77WixTr3STBRaPh9U2EPA-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/>