CINXE.COM

<!DOCTYPE html> <html lang="en-GB" xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" class="accountRendererHTML no-js">  <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://secure.telegraph.co.uk/secure/personal/","20180925024059","https://web.archive.org/","web","/_static/", "1537843259"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <script data-pagespeed-no-defer>//<![CDATA[ (function(){function d(b){var a=window;if(a.addEventListener)a.addEventListener("load",b,!1);else if(a.attachEvent)a.attachEvent("onload",b);else{var c=a.onload;a.onload=function(){b.call(this);c&&c.call(this)}}}var p=Date.now||function(){return+new Date};window.pagespeed=window.pagespeed||{};var q=window.pagespeed;function r(){this.a=!0}r.prototype.c=function(b){b=parseInt(b.substring(0,b.indexOf(" ")),10);return!isNaN(b)&&b<=p()};r.prototype.hasExpired=r.prototype.c;r.prototype.b=function(b){return b.substring(b.indexOf(" ",b.indexOf(" ")+1)+1)};r.prototype.getData=r.prototype.b;r.prototype.f=function(b){var a=document.getElementsByTagName("script"),a=a[a.length-1];a.parentNode.replaceChild(b,a)};r.prototype.replaceLastScript=r.prototype.f; r.prototype.g=function(b){var a=window.localStorage.getItem("pagespeed_lsc_url:"+b),c=document.createElement(a?"style":"link");a&&!this.c(a)?(c.type="text/css",c.appendChild(document.createTextNode(this.b(a)))):(c.rel="stylesheet",c.href=b,this.a=!0);this.f(c)};r.prototype.inlineCss=r.prototype.g; r.prototype.h=function(b,a){var c=window.localStorage.getItem("pagespeed_lsc_url:"+b+" pagespeed_lsc_hash:"+a),f=document.createElement("img");c&&!this.c(c)?f.src=this.b(c):(f.src=b,this.a=!0);for(var c=2,k=arguments.length;c<k;++c){var g=arguments[c].indexOf("=");f.setAttribute(arguments[c].substring(0,g),arguments[c].substring(g+1))}this.f(f)};r.prototype.inlineImg=r.prototype.h; function t(b,a,c,f){a=document.getElementsByTagName(a);for(var k=0,g=a.length;k<g;++k){var e=a[k],m=e.getAttribute("data-pagespeed-lsc-hash"),h=e.getAttribute("data-pagespeed-lsc-url");if(m&&h){h="pagespeed_lsc_url:"+h;c&&(h+=" pagespeed_lsc_hash:"+m);var l=e.getAttribute("data-pagespeed-lsc-expiry"),l=l?(new Date(l)).getTime():"",e=f(e);if(!e){var n=window.localStorage.getItem(h);n&&(e=b.b(n))}e&&(window.localStorage.setItem(h,l+" "+m+" "+e),b.a=!0)}}} function u(b){t(b,"img",!0,function(a){return a.src});t(b,"style",!1,function(a){return a.firstChild?a.firstChild.nodeValue:null})} q.i=function(){if(window.localStorage){var b=new r;q.localStorageCache=b;d(function(){u(b)});d(function(){if(b.a){for(var a=[],c=[],f=0,k=p(),g=0,e=window.localStorage.length;g<e;++g){var m=window.localStorage.key(g);if(!m.indexOf("pagespeed_lsc_url:")){var h=window.localStorage.getItem(m),l=h.indexOf(" "),n=parseInt(h.substring(0,l),10);if(!isNaN(n))if(n<=k){a.push(m);continue}else if(n<f||!f)f=n;c.push(h.substring(l+1,h.indexOf(" ",l+1)))}}k="";f&&(k="; expires="+(new Date(f)).toUTCString());document.cookie= "_GPSLSC="+c.join("!")+k;g=0;for(e=a.length;g<e;++g)window.localStorage.removeItem(a[g]);b.a=!1}})}};q.localStorageCacheInit=q.i;})(); pagespeed.localStorageCacheInit(); //]]></script><link rel="stylesheet" href="/web/20180925024059cs_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/account-legacy.min.5-13--1.css" type="text/css"><script> window.tmgFacebookAppId = "1785449471702494"; </script> <title>Personal Details</title> <link rel="dns-prefetch" href="//web.archive.org/web/20180925024059/https://static.telegraph.co.uk/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180925024059/https://d3c3cq33003psk.cloudfront.net/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180925024059/https://assets.adobedtm.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180925024059/https://cf.eip.telegraph.co.uk/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180925024059/https://www.google-analytics.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180925024059/https://www.googletagservices.com/"/> <link rel="shortcut icon" href="/web/20180925024059im_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/icons/favicon.ico"> <link rel="icon" type="image/png" sizes="152x152" href="/web/20180925024059im_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/icons/favicon-152x152.png"> <link rel="apple-touch-icon" sizes="152x152" href="/web/20180925024059im_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/icons/favicon-152x152.png"> <meta name="msapplication-TileColor" content="#2c769d"> <meta name="msapplication-TileImage" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-144x144.png">  <meta name="msapplication-tooltip" content="The Telegraph"> <meta name="msapplication-config" content="/etc/designs/telegraph/core/clientlibs/core/icons/browserconfig.xml"> <meta name="msapplication-square310x310logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-310x310.png"> <meta name="msapplication-wide310x150logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-310x150.png"> <meta name="msapplication-square150x150logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-150x150.png"> <meta name="msapplication-square70x70logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-70x70.png"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/> <script> !function(l){function k(b){for(var e,c,a=b[0],p=b[1],m=b[2],n=0,g=[];n<a.length;n++)c=a[n],q[c]&&g.push(q[c][0]),q[c]=0;for(e in p)Object.prototype.hasOwnProperty.call(p,e)&&(l[e]=p[e]);for(d&&d(b);g.length;)g.shift()();return h.push.apply(h,m||[]),f()}function f(){for(var b,e=0;e<h.length;e++){for(var d=h[e],c=!0,p=1;p<d.length;p++)0!==q[d[p]]&&(c=!1);c&&(h.splice(e--,1),b=a(a.s=d[0]))}return b}function a(b){if(g[b])return g[b].exports;var e=g[b]={i:b,l:!1,exports:{}};return l[b].call(e.exports,e,e.exports,a),e.l=!0,e.exports}var g={},q={0:0},h=[];a.m=l;a.c=g;a.d=function(b,e,d){a.o(b,e)||Object.defineProperty(b,e,{enumerable:!0,get:d})};a.r=function(b){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(b,Symbol.toStringTag,{value:"Module"});Object.defineProperty(b,"__esModule",{value:!0})};a.t=function(b,d){if((1&d&&(b=a(b)),8&d)||4&d&&"object"==typeof b&&b&&b.__esModule)return b;var c=Object.create(null);if(a.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:b}),2&d&&"string"!=typeof b)for(var e in b)a.d(c,e,function(d){return b[d]}.bind(null,e));return c};a.n=function(b){var d=b&&b.__esModule?function(){return b.default}:function(){return b};return a.d(d,"a",d),d};a.o=function(b,d){return Object.prototype.hasOwnProperty.call(b,d)};a.p="";var m=window["tmg.build"]=window["tmg.build"]||[],n=m.push.bind(m);m.push=k;m=m.slice();for(var c=0;c<m.length;c++)k(m[c]);var d=n;f()}([]);(window["tmg.build"]=window["tmg.build"]||[]).push([[1],{0:function(l,k,f){var a,g;f=[k];void 0===(g="function"==typeof(a=function(a){Object.defineProperty(a,"__esModule",{value:!0});window.tmg=window.tmg||{};var h=function(a){try{var h=tmg,c=a.split(".");return"tmg"===c[0]&&(c=c.slice(1)),c.forEach(function(d){void 0===h[d]&&(h[d]={});h=h[d]}),h}catch(d){console.warn("couldn't create namespace:",a)}};window.tmg.createNamespace=h;a.default={create:h}})?a.apply(k,f):a)||(l.exports=g)},16:function(l,k,f){var a,g;f=[k,f(0),f(2)];void 0===(g="function"==typeof(a=function(a,h,f){Object.defineProperty(a,"__esModule",{value:!0});var g=h&&h.__esModule?h:{default:h},c=f&&f.__esModule?f:{default:f},d=function(){function b(b,d){for(var c=0;c<d.length;c++){var e=d[c];e.enumerable=e.enumerable||!1;e.configurable=!0;"value"in e&&(e.writable=!0);Object.defineProperty(b,e.key,e)}}return function(d,c,a){return c&&b(d.prototype,c),a&&b(d,a),d}}();h=function(){function b(){if(!(this instanceof b))throw new TypeError("Cannot call a class as a function");!0;g.default.create("tmg.polyfill");this.race()}return d(b,[{key:"race",value:function(){return setTimeout(function(){window.tmg.polyfill.complete()},3E3)}}],[{key:"complete",value:function(){window.tmg.polyfill.complete=function(){};c.default.publish({topic:"tmg.polyfill.ready"})}}]),b}();f=new h;window.tmg.polyfill={complete:h.complete};a.default=f})?a.apply(k,f):a)||(l.exports=g)},17:function(l,k,f){var a,g;f=[k];void 0===(g="function"==typeof(a=function(a){function f(){return b&&(b.now||b.webkitNow||b.msNow||b.mozNow)?b.now():(Date.now?Date.now():+new Date)-e}function g(b){a:{for(var d=n(),c=d.length-1;0<=c;c--){var e=d[c];if(b===e.name){b=e;break a}}b=void 0}return b}function n(){if(b){if(b.getEntriesByType)return b.getEntriesByType("mark");if(b.webkitGetEntriesByType)return b.webkitGetEntriesByType("mark")}return c}Object.defineProperty(a,"__esModule",{value:!0});var c=[],d=[],b=window.performance||{},e=Date.now?Date.now():+new Date,q={now:f,mark:function(d){if(b){if(b.mark)return b.mark(d);if(b.webkitMark)return b.webkitMark(d)}c.push({name:d,entryType:"mark",startTime:f(),duration:0})},measure:function(c,e,a){if(void 0===e&&g("RUM_start")&&(e="RUM_start"),b){if(b.measure)return e?a?b.measure(c,e,a):b.measure(c,e):b.measure(c);if(b.webkitMeasure)return b.webkitMeasure(c,e,a)}var f=0,h=h();if(e)if(f=g(e))f=f.startTime;else{if(!(b&&b.timing&&b.timing[e]))return;f=b.timing[e]-b.timing.navigationStart}if(a)if(e=g(a))h=e.startTime;else{if(!(b&&b.timing&&b.timing[a]))return;h=b.timing[a]-b.timing.navigationStart}d.push({name:c,entryType:"measure",startTime:f,duration:h-f})},marks:c,measures:d};window.RUM=q;b&&b.timing&&b.timing.navigationStart&&(e=b.timing.navigationStart);window.addEventListener("beforeunload",function(){var b=document.cookie.match("(^|;)\\s*AMCV_2C7336C753C676BA0A490D4B%40AdobeOrg\\s*\x3d\\s*([^;]+)");var d=b?decodeURIComponent(b.pop()).split("|")[4]:"";b=n();if(d&&"ga"in window)for(d=b.length-1;0<=d;d--){var c=b[d],e=c.name.split("_"),a=e[0],f=e[1];e=e[2];c=Math.round(c.startTime);a&&f&&e&&c&&ga("send",{hitType:"timing",timingCategory:a,timingVar:f,timingValue:c,timingLabel:e})}});a.default=q})?a.apply(k,f):a)||(l.exports=g)},18:function(l,k,f){var a,g;f=[f(2)];void 0===(g="function"==typeof(a=function(a){a=a&&a.__esModule?a:{default:a};var f=function(){function a(c,d){for(var b=0;b<d.length;b++){var e=d[b];e.enumerable=e.enumerable||!1;e.configurable=!0;"value"in e&&(e.writable=!0);Object.defineProperty(c,e.key,e)}}return function(c,d,b){return d&&a(c.prototype,d),b&&a(c,b),c}}(),g=function(){function a(c){if(!(this instanceof a))throw new TypeError("Cannot call a class as a function");!0;this.elements=(Array.isArray(c)?c:[c]).filter(this.isValid)}return f(a,[{key:"init",value:function(){var c=this.createObserver();this.elements.forEach(function(d){c.observe(d)})}},{key:"createObserver",value:function(){return new IntersectionObserver(this.observerCallback.bind(this),{rootMargin:"100px 0px",threshold:.1})}},{key:"observerCallback",value:function(c,d){var b=this;c.forEach(function(c){c.isIntersecting&&(c=c.target,b.createImage(c),d.unobserve(c))})}},{key:"isValid",value:function(c){return!!c.dataset.src}},{key:"createImage",value:function(c){var d=document.createElement("img");d.setAttribute("height",0);d.onload=this.displayImage(c,d);"id src srcset sizes alt title".split(" ").forEach(function(b){c.dataset[b]&&(d.setAttribute(b,c.dataset[b]),c.removeAttribute("data-"+b))});c.appendChild(d)}},{key:"displayImage",value:function(c,d){return function(){c.classList.remove("is-loading");d.removeAttribute("height");c.style.height=null;c.style.paddingTop=null;c.classList.add("is-loaded");c.classList.remove("is-loading")}}}]),a}();a.default.subscribe({topic:"tmg.page.ready",func:function(){var a=[].concat(function(c){if(Array.isArray(c)){for(var d=0,b=Array(c.length);d<c.length;d++)b[d]=c[d];return b}return Array.from(c)}(document.querySelectorAll('[data-js\x3d"LazyImage"]')));(new g(a)).init()},runIfAlreadyPublished:!0})})?a.apply(k,f):a)||(l.exports=g)},19:function(l,k,f){var a,g;f=[f(2)];void 0===(g="function"==typeof(a=function(a){var f=a&&a.__esModule?a:{default:a};f.default.subscribe({topic:"tmg.polyfill.ready",func:function(){f.default.publish({topic:"tmg.page.ready"})},runIfAlreadyPublished:!0})})?a.apply(k,f):a)||(l.exports=g)},2:function(l,k,f){var a,g;f=[k,f(0)];void 0===(g="function"==typeof(a=function(a,f){Object.defineProperty(a,"__esModule",{value:!0});f=f&&f.__esModule?f:{default:f};var g=function(){function c(d,b){for(var c=0;c<b.length;c++){var a=b[c];a.enumerable=a.enumerable||!1;a.configurable=!0;"value"in a&&(a.writable=!0);Object.defineProperty(d,a.key,a)}}return function(a,b,e){return b&&c(a.prototype,b),e&&c(a,e),a}}(),h=new (function(){function a(){if(!(this instanceof a))throw new TypeError("Cannot call a class as a function");!0;this.topics=[];this.publishedTopics=[];this.UID=-1}return g(a,[{key:"subscribe",value:function(a){var b=a.topic,c=a.func;if("function"!=typeof c)return!1;if(a.runIfAlreadyPublished)for(a=0;a<this.publishedTopics.length;a++)this.publishedTopics[a]===b&&c.call();a=(this.UID+=1).toString();return this.topics.push({token:a,topic:b,func:c}),a}},{key:"unsubscribe",value:function(a){a=a.topic;for(var b=0;b<this.topics.length;b++)this.topics[b].topic===a&&this.topics.splice(b,1)}},{key:"publish",value:function(a){a=a.topic;this.publishedTopics.push(a);for(var b=0;b<this.topics.length;b++)this.topics[b].topic===a&&this.topics[b].func.call()}}]),a}());f.default.create("tmg.pubsub");window.tmg.pubsub=h;a.default=h})?a.apply(k,f):a)||(l.exports=g)},34:function(l,k,f){var a,g;f=[k,f(0),f(2),f(16),f(17),f(18),f(19)];void 0===(g="function"==typeof(a=function(a,f,g,k,c,d,b){function e(a){return a&&a.__esModule?a:{default:a}}Object.defineProperty(a,"__esModule",{value:!0});f=e(f);g=e(g);k=e(k);c=e(c);d=e(d);b=e(b);a.default={namespace:f.default,pubsub:g.default,polyfill:k.default,rum:c.default,pageReady:b.default,lazyimage:d.default}})?a.apply(k,f):a)||(l.exports=g)}}]);(window["tmg.build"]=window["tmg.build"]||[]).push([[2],[],[[34,0,1]]]); </script> <script src="https://web.archive.org/web/20180925024059js_/https://cdn.polyfill.io/v2/polyfill.min.js?features=default,fetch,IntersectionObserver&callback=tmg.polyfill.complete" defer></script> <script> RUM.mark( 'js_load_polyfill' ); </script> <script> RUM.mark( 'css_load_tmgchannels' ); </script> <script> window.clientlibs ={"css":{},"js":{"respond_js":{"load":["/etc/designs/telegraph/core/clientlibs/respond.min.5-13--1.js"],"test":"Modernizr.mq(\"only all\")"},"json_js":{"load":["/etc/designs/telegraph/core/clientlibs/json.min.5-13--1.js"],"test":"window.JSON"},"account-legacy_js":{"load":["/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/account-legacy.min.5-13--1.js"]}}}; </script> <script type="text/javascript" src="/web/20180925024059js_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/head.min.5-13--1.js"></script> <script> RUM.mark( 'js_load_head' ); </script> <script> window.clientlibs.js.twitter_js = { test: "document.querySelectorAll && document.querySelectorAll('.twitter-follow-button, .twitter-tweet, .twitter-timeline').length === 0", load: ["//web.archive.org/web/20180925024059/https://platform.twitter.com/widgets.js"] };  window.clientlibs.js.ooyala_core = { test: true, load: ["/etc/designs/telegraph/core/clientlibs/core/vendor/ooyala/ooyala-player.min.js", "https://web.archive.org/web/20180925024059/https://sb.scorecardresearch.com/c2/plugins/streamingtag_plugin_ooyalav4.js"] }; window.clientlibs.js.facebook_sdk = { test: "document.querySelectorAll && document.querySelectorAll('.fb-page').length === 0", load: ["//web.archive.org/web/20180925024059/https://connect.facebook.net/en_GB/sdk.js"] }; </script> <script> var mapApiPath = "//web.archive.org/web/20180925024059/https://maps.googleapis.com/maps/api/js?v=3&client=gme-telegraphmediagroup1" + "&callback=tmgJQ.fn.telegraph_product_map"; window.clientlibs.js.google_maps = { test: "document.querySelectorAll && !document.querySelectorAll('.js-product-map').length", load: [mapApiPath] }; </script> <link rel="canonical" href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/secure/personal/"/> <meta name="description"> <meta name="keywords"> <meta name="tmgads.channel" content="secure"> <meta name="tmgads.section" content="secure-personal"> <meta name="tmgads.zone" content="secure"> <meta name="tmgads.articleid" content="AmQQWrhYpGjX"> <meta name="tmgads.pagetype"> <meta name="tmgads.level" content="2"> <meta name="tmgads.otherdata">  <meta name="tmgads.keywords"> <meta name="DCSext.Channel" content="secure"> <meta name="DCSext.Category" content="personal"> <meta name="DCSext.Genre"> <meta name="DCSext.MLC" content="/secure"> <meta name="DCSext.articleId" content="AmQQWrhYpGjX"> <meta name="DCSext.Content_Type"> <meta name="DCSext.Level" content="2"> <meta name="DCSext.author"> <meta name="DCSext.articleFirstPublished" content="2016-07-05 15:32">     <meta property="og:title" content="Personal Details"> <meta property="og:description"> <meta property="og:type" content="article"> <meta property="og:site_name" content="The Telegraph"> <meta property="og:url" content="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/secure/personal/"> <meta property="og:image"> <meta name="twitter:title" content="Personal Details"> <meta name="twitter:url" content="https://web.archive.org/web/20180925024059im_/https://www.telegraph.co.uk/secure/personal/"> <meta name="twitter:image"> <meta name="twitter:site" content="@Telegraph"> <meta name="twitter:description"> <meta name="twitter:card" content="summary_large_image"> <meta name="tmgads.businessSegment" content="subscriptions"> <meta name="DCSext.campaignId"> <meta name="DCSext.campaignStart"> <meta name="DCSext.campaignEnd"> <meta name="DCSext.sponsored"> <meta property="article:content_tier" content="free"> <script> var dataLayer = { pageName:'Secure\\\/Personal Details', pageType: 'accountRenderer', pageId: 'AmQQWrhYpGjX', conceptIds: '[]', rollupContentPath: '/secure/personal', videoEmbedded: 'false', videoEmbedCount: '0' }; window.tmg.dataLayerUtils.update(); </script> <script src="//web.archive.org/web/20180925024059js_/https://assets.adobedtm.com/71dcbb11123ce6b2e1ce4d47fd79a130aad3fc95/satelliteLib-177113f60f763788009998023cd15615fe2168a2.js"></script> <script> RUM.mark( 'js_load_dtm' ); </script> <script> var pageData = {}; </script> <script> var tmgAds = tmgAds || {}; tmgAds.sticky = true; </script> <script src="https://web.archive.org/web/20180925024059js_/https://static.telegraph.co.uk/telegraph-advertising/tmg-gpt.min.js" async></script> <script> RUM.mark( 'js_load_gpt' ); </script> <meta name="robots" content=""> <script> window.tmgCommerce = { api: { url: 'https://web.archive.org/web/20180925024059/https://api.telegraph.co.uk/commerce', identityUrl: 'https://web.archive.org/web/20180925024059/https://api.telegraph.co.uk/identity' }, urls: { mpp: 'https://web.archive.org/web/20180925024059/https://auth.telegraph.co.uk', portal: 'https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk' }, keys: { postcodeanywhere: '' }, pages: {}, dateFormat: '' }; </script> <script> window.tmgCommerce.pages.confirmation = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '') + '/secure/personal'; </script> <script> window.tmgCommerce.pages.zuora = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '') + '/secure/zuoraiframe/'; </script> <script> window.tmgCommerce.pages.missing = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '') + '/secure/personal'; </script> <script> window.tmgOoyala = { api: { pcode: 'RvbGU6Z74XE_a3bj4QwRGByhq9h2', playerBrandingId: 'ZTIxYmJjZDM2NWYzZDViZGRiOWJjYzc5' } }; </script>   </head> <body class="accountRenderer "> <div class="my-telegraph" hidden> <nav class="my-telegraph__nav container container--flush" data-test="my-telegraph" aria-label="My Feed"> <ul class="my-telegraph__list" role="menubar" aria-label="My Feed"> <li class="my-telegraph__item "> <a class="my-telegraph__link" role="menuitem" href="/web/20180925024059/https://secure.telegraph.co.uk/"> <svg class="my-telegraph__icon my-telegraph__icon--thornton" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 21 21"> <title>Telegraph logo</title> <rect class="my-telegraph__icon-background" x="3.32" y="3.32" width="14.35" height="14.35" transform="translate(-4.35 10.5) rotate(-45)"/> <path class="my-telegraph__icon-foreground" d="M6.74,11.57A3.69,3.69,0,0,1,9.11,8.33l.1.14a2.45,2.45,0,0,0-.74,1.87,3.37,3.37,0,0,0,.76,2.38A1.06,1.06,0,0,0,9.49,12V10.46l2-1.46.12.15a1.44,1.44,0,0,0-.29.87v1c0,.77-1.21,1.54-2,1.86a2.74,2.74,0,0,0,1.88.63,5.4,5.4,0,0,0,.8,0V8.86a8.32,8.32,0,0,1-1.76-.34,9,9,0,0,0-2-.41c-.8,0-1.77.27-1.79,1.43,0,.11,0,.23,0,.36L6.32,10a3,3,0,0,1-.21-1.08A2.64,2.64,0,0,1,8.86,6.15,8.56,8.56,0,0,1,11,6.54a7.21,7.21,0,0,0,1.88.34.44.44,0,0,0,.5-.46.47.47,0,0,0-.41-.5l0-.2c.75.14,1.55.59,1.55,1.5,0,1.08-.81,1.64-2.16,1.64h-.11v4.5a2.72,2.72,0,0,0,1.83-1.26l.18.09a4,4,0,0,1-3.75,3.06,3.48,3.48,0,0,1-3.8-3.7"/> <path class="my-telegraph__icon-background" d="M10.5,0,0,10.5,10.5,21,21,10.5Zm0,15.44a3.6,3.6,0,0,1-3.94-3.83A3.82,3.82,0,0,1,9.06,8.25l.11.15a2.53,2.53,0,0,0-.76,1.93,3.49,3.49,0,0,0,.79,2.46,1.1,1.1,0,0,0,.26-.7V10.46l2.12-1.51.12.16a1.49,1.49,0,0,0-.3.9v1c0,.8-1.25,1.59-2.05,1.92a2.84,2.84,0,0,0,1.95.66,5.59,5.59,0,0,0,.83-.05V8.8a8.61,8.61,0,0,1-1.82-.35A9.3,9.3,0,0,0,8.21,8C7.38,8,6.38,8.3,6.35,9.5c0,.12,0,.24,0,.37l-.2.07A3.16,3.16,0,0,1,6,8.82,2.73,2.73,0,0,1,8.8,6,8.86,8.86,0,0,1,11,6.41,7.46,7.46,0,0,0,13,6.76a.45.45,0,0,0,.51-.47.48.48,0,0,0-.42-.51l0-.21c.78.14,1.61.61,1.61,1.55,0,1.12-.84,1.7-2.24,1.7h-.12v4.66a2.82,2.82,0,0,0,1.89-1.3l.19.09A4.08,4.08,0,0,1,10.55,15.44Z"/> </svg> <span class="my-telegraph__text">Home</span> </a> </li> <li class="my-telegraph__item"> <a class="my-telegraph__link" role="menuitem" href="/web/20180925024059/https://secure.telegraph.co.uk/mytelegraph/" data-icid="{ "brand": "navbar", "product": "mytelegraph", "contentLocation": "myfeed" }"> <span class="notification" data-js="notification"> <svg class="my-telegraph__icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 13 16"> <title>Feed of articles</title> <path d="M12,0H1L0,1V15l1,1H12l1-1V1ZM10,12H3V10h7Zm0-3H3V7h7Zm0-3H3V4h7Z"/> </svg> </span> <span class="my-telegraph__text">My Feed</span> </a> </li> <li class="my-telegraph__item"> <a class="my-telegraph__link" role="menuitem" href="/web/20180925024059/https://secure.telegraph.co.uk/mytelegraph/saved/" data-icid="{ "brand": "navbar", "product": "mytelegraph", "contentLocation": "saved" }"> <svg class="my-telegraph__icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 11 16"> <title>Saved articles</title> <path class="ribbon--outline" d="M9.37,1.5l.13.12V13.05L6.4,10.79l-.88-.64-.88.64L1.5,13.06V1.62l.12-.12H9.37M10,0H1L0,1V16l5.52-4L11,16V1L10,0Z"/> <polyline class="ribbon--inside" points="0 0, 11 0, 11 16, 6 11, 0 16, 0 0"/> </svg> <span class="my-telegraph__text">Saved</span> </a> </li> </ul> </nav> </div> <div id="fb-root"></div> <div class="page-account"> <div class="snippet-authenticated-header" data-tmg-dtm-nav-area="localnav"> <div class="component-content"> <nav> <ul class="snippet-authenticated-header__control-list"> <li class="snippet-authenticated-header__control-item snippet-authenticated-header__control-item--menu"> <a href="#" class="">Menu</a> </li> <li class="snippet-authenticated-header__control-item snippet-authenticated-header__control-item--logo"> <a href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/">Telegraph</a> </li> <li class="snippet-authenticated-header__control-item snippet-authenticated-header__control-item--logout"> <a href="#" class="">Log out</a> </li> </ul> <ul class="snippet-authenticated-header__menu-list"> <li class="snippet-authenticated-header__menu-item "> <a class="snippet-authenticated-header__menu-link " href="/web/20180925024059/https://secure.telegraph.co.uk/secure/account/" rel="nofollow" data-tmg-dtm-nav="1-nav:/secure/account.html"> Account Home </a> </li> <li class="snippet-authenticated-header__menu-item snippet-authenticated-header__menu-item--current "> <a class="snippet-authenticated-header__menu-link " href="/web/20180925024059/https://secure.telegraph.co.uk/secure/personal/" rel="nofollow" data-tmg-dtm-nav="2-nav:/secure/personal.html"> Personal Details </a> </li> <li class="snippet-authenticated-header__menu-item "> <a class="snippet-authenticated-header__menu-link " href="/web/20180925024059/https://secure.telegraph.co.uk/secure/paymentdetails/" rel="nofollow" data-tmg-dtm-nav="3-nav:/secure/paymentdetails.html"> Payment Details </a> </li> <li class="snippet-authenticated-header__menu-item "> <a class="snippet-authenticated-header__menu-link " href="/web/20180925024059/https://secure.telegraph.co.uk/secure/newsletters/" rel="nofollow" data-tmg-dtm-nav="4-nav:/secure/newsletters.html"> My Newsletters </a> </li> <li class="snippet-authenticated-header__menu-item hidden order-history"> <a class="snippet-authenticated-header__menu-link " href="/web/20180925024059/https://secure.telegraph.co.uk/secure/orderhistory/" rel="nofollow" data-tmg-dtm-nav="5-nav:/secure/orderhistory.html"> Order History </a> </li> </ul> </nav> </div> </div> <main data-load-message="Loading..." class="page-account__main" itemscope="https://schema.org/WebPage"></main> <div class="snippet-footer snippet-footer--short"> <div class="component-content"> <div class="snippet-footer__links"> <a href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/" class="snippet-footer__logo">Telegraph</a> <ul class="snippet-footer__help-links"> <li> <a href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/topics/about-us/3692012/Terms-and-Conditions.html" target="_blank">Terms and Conditions</a> </li> <li> <a href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/topics/about-us/3691972/Privacy-and-Cookie-Policy.html" target="_blank">Privacy Policy</a> </li> </ul> </div> <div class="snippet-footer__info"> <span class="snippet-footer__link"><a href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/help" target="_blank">Need help? Visit our Help page</a></span> </div> </div> </div> </div> <script> tmg.errors = { "account": { "upgrade": "Apologies, we can\x27t upgrade your account at the moment. Please try again later or call us (free) on 0800 977 8447. Alternatively, email us at digitalservices@telegraph.co.uk", "link": "Continue to My Account", "lowstart": "According to our records, you have already taken advantage of an introductory offer in the last 12 months and as such this offer is not open to you and you will therefore be charged the standard subscription rate when you subscribe", "exitfastpay": "There is an issue with your payment details. Please try again or call us on 0800 316 3500", "paymentComplete": "Payment complete", "paymentFailed": "There was a problem making the payment. Please use another payment method." }, "payment": { "failure": "There is a problem with your payment details. Please try again or call us (free) on 0800 977 8447. Alternatively, email us at digitalservices@telegraph.co.uk" }, "redeem": { "notfound": "This code is incorrect. Please check the numbers and try again." }, "product": { "notfound": "We\x27re currently experiencing technical difficulties. <br\/>If this persists, please email our dedicated team at <a href=\x22mailto:digitalservices@telegraph.co.uk\x22>digitalservices@telegraph.co.uk<\/a>" }, "form": { button: { user:"We\x27re currently experiencing technical difficulties. <br\/>If this persists, please email our dedicated team at <a href=\x22mailto:digitalservices@telegraph.co.uk\x22>digitalservices@telegraph.co.uk<\/href>", login:"Sorry, we can\x27t find an account with this email address and password combination. <br\/>Please try again or <a href=\x22\x22>reset your password.<\/a>", password:"tmg.errors.form.button.password", payment:"We've had a problem with our systems. If this persists, please call customer services on 0800 316 3500. ", card:"There's an issue with your payment details. Please try again or call us on 0800 316 3500.", captcha:"There was a problem with your request please validate all fields including the captcha and try again" }, account: { "notfound" : "We couldn\x27t find an account associated with this email" } }, "email": { input: { "empty": "Please tell us your email address.", "invalid": "Email addresses need to contain @. They cannot contain /#; and other similar symbols.", "exist": "Your email address is already registered. Log in or recover your password.", "xss": "Your email address cannot contain HTML." }, button: { "submit": "There's a problem with your email address.", "exist": "There's a problem with your email address." } }, "password": { input: { "empty": "You need to provide a password so you can access your Telegraph content.", "invalid": "For your security, your password must be greater than 8 characters long containing both letters and numbers.", "xss": "Your password cannot contain HTML." }, button: { "submit": "There's a problem with your chosen password. " } }, "confirmpassword": { input: { "empty": "Please confirm your password.", "match": "This doesn't match the password you've provided. Please confirm you've entered your password correctly.", "xss": "Your password cannot contain HTML." }, button: { "submit": "There's a problem with your confirmed password. " } }, "title": { input: { "select": "Please tell us your title. It'll help us address you correctly. ", "empty": "We need your title so we can address you correctly.", "invalid": "Invalid characters.", "uk": "tmg.errors.title.input.uk", "xss": "Your title cannot contain HTML." }, button: { "submit": "There's a problem with your title." } }, "fname": { input: { "empty": "Please tell us your first name.", "invalid": "Your first name needs to contain more than 1 letter and no incorrect symbols.", "xss": "Your first name cannot contain HTML." }, button: { "submit": "There's a problem with your first name." } }, "lname": { input: { "empty": "Please tell us your last name.", "invalid": "Your last name needs to contain more than 1 letter and no incorrect symbols.", "xss": "Your last name cannot contain HTML." }, button: { "submit": "There's a problem with your last name." } }, "sname": { input: { "empty": "Please tell us your surname.", "invalid": "Your surname needs to contain more than 1 letter and no incorrect symbols.", "xss": "Your surname cannot contain HTML." }, button: { "submit": "There's a problem with your surname." } }, "postcode": { input: { "empty": "Please confirm your postcode.", "invalid": "This postcode isn't valid.", "xss": "Your postcode cannot contain HTML." }, button: { "submit": "There's a problem with your postcode. " } }, "address1": { input: { "empty": "Please complete your address.", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 1.", "unique": "Address line 1 and City / Town cannot match." } }, "address2": { input: { "empty": "tmg.errors.address2.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 2." } }, "address3": { input: { "empty": "tmg.errors.address3.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 3." } }, "address4": { input: { "empty": "tmg.errors.address4.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 4." } }, "address5": { input: { "empty": "tmg.errors.address5.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 5." } }, "city": { input: { "empty": "Please confirm the name of your city or town. ", "invalid": "There's a problem with your city or town name.", "xss": "Your city or town cannot contain HTML. " }, button: { "submit": "There's a problem with your city or town." } }, "state": { input: { "empty": "Please tell us which state you live in.", "invalid": "tmg.errors.state.input.invalid", "xss": "Your state cannot contain HTML." }, button: { "submit": "There's a problem with your state." } }, "country": { input: { "empty": "Please tell us which country you live in.", "invalid": "tmg.errors.country.input.invalid", "xss": "Your country cannot contain HTML." }, button: { "submit": "There's a problem with your country." } }, "cardname": { input: { "empty": "Please tell us the card holder's name.", "invalid": "Card holder name cannot contain numbers or symbols.", "xss": "The card holder's name cannot contain HTML." }, button: { "submit": "There's a problem with your card holder name." } }, "cardnumber": { input: { "empty": "Please tell us your card number.", "invalid": "Please confirm that your card number (long number) is correct.", "xss": "Your card number cannot contain HTML." }, button: { "submit": "There's a problem with your card number." } }, "cardtype": { input: { "empty": "Please tell us your card number.", "invalid": "Please confirm that your card number (long number) is correct.", "xss": "Your card number cannot contain HTML." }, button: { "submit": "There's a problem with your card number." } }, "expiration": { input: { "empty": "Please tell us your card's expiry date.", "invalid": "This expiry date is in the past. Please tell us the correct expiry date.", "xss": "Your card's expiry date cannot contain HTML." }, button: { "submit": "There's a problem with your expiration date." } }, "cvv": { input: { "empty": "Please complete your CVV number. It can be found by the signature strip (4 digits on the front for American Express cards).", "invalid": "CVV number can only contain numbers.", "xss": "Your CVV number cannot contain HTML." }, button: { "submit": "There's a problem with your cvv number." } }, "bankaccountname": { input: { "empty": "Please type in your account name", "invalid": "Invalid characters", "xss": "Your account name cannot contain HTML." }, button: { "submit": "There's a problem with your account name" } }, "bankaccountnumber": { input: { "empty": "Please type in your account number", "invalid": "Invalid characters", "xss": "Your account number cannot contain HTML." }, button: { "submit": "There's a problem with your account number" } }, "bankcode": { input: { "empty": "Please type in your sort code", "invalid": "Invalid characters", "xss": "Your sort code cannot contain HTML." }, button: { "submit": "There's a problem with your sort code" } }, "permissions": { declined: { "rerequest": "The Telegraph requires your email address in order to create an account. Please edit the permissions you have granted to this app." } }, "social" : { login: { "exists": "An account is already registered on the Telegraph with this email address. If you wish to link your social account to this account please log in below. You will only have to do this once." }, registration: { "exists": "An account is already registered on the Telegraph with this email address. If you wish to link your social account to this account please log in. You will be redirected to the login page momentarily. If not please click the 'Log In' link in the top right" } }, "grecaptcha": { input: { "empty": "Please complete the reCAPTCHA" }, button: { "submit": "There is something wrong with the reCAPTCHA" } }, "dateofbirth": { input: { "invalid": "The date of birth isn't valid.", "xss": "Date of birth cannot contain HTML." }, button: { "submit": "There's a problem with your date of birth. " } }, "phone": { input: { "invalid": "Phone numbers must start with + or 0 and can only contain numbers and spaces", "xss": "Phone numbers must start with + or 0 and can only contain numbers and spaces" }, button: { "submit": "Phone numbers must start with + or 0 and can only contain numbers and spaces" } } }; tmg.errors.prerequisites = { "noSessionStorage": "Please turn off 'Private Browsing' in order to login to Telegraph My Account", "noCookies": "Please enable Cookies in order to login to Telegraph My Account" }; </script> <script class="js-template" data-template="personalDetails" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Personal Details</span> </div> <div class="account-section__content"> <ul class="account-section__details"> <li class="account-section__detail"><%= data.title %> <%= data.firstName %> <%= data.lastName %></li> <% if(data.address[0].streetline1) { %> <li class="account-section__detail"><%= data.address[0].streetline1 %></li> <% } %> <% if(data.address[0].streetline2) { %> <li class="account-section__detail"><%= data.address[0].streetline2 %></li> <% } %> <% if(data.address[0].streetline3) { %> <li class="account-section__detail"><%= data.address[0].streetline3 %></li> <% } %> <% if(data.address[0].streetline4) { %> <li class="account-section__detail"><%= data.address[0].streetline4 %></li> <% } %> <% if(data.address[0].streetline5) { %> <li class="account-section__detail"><%= data.address[0].streetline5 %></li> <% } %> <% if(data.address[0].city) { %> <li class="account-section__detail"><%= data.address[0].city %></li> <% } %> <% if(data.address[0].state) { %> <li class="account-section__detail"><%= data.address[0].state %></li> <% } %> <% if(data.address[0].country) { %> <li class="account-section__detail"><%= data.address[0].country %></li> <% } %> <% if(data.address[0].postCode ) { %> <li class="account-section__detail"><%= data.address[0].postCode %></li> <% } %> </ul> </div> </script> <script class="js-template" data-template="paymentDetails" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Payment Details</span> </div> <% if (data.isDailySubscriber && data.isCardDetailsStored != true || !data.paymentMethod) { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } else if (data.hasActiveSubscription && data.paymentMethod.status != "Closed") { %> <div class="account-section__content"> <% if (data.paymentMethod["@type"] == "PayPal") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/paypal.png" class="paypal-logo" alt="PayPal" width="120" height="32"/> <ul class="account-section__details"> <li class="account-section__detail"> Payment made using the following PayPal account:<br/> <%= data.paymentMethod.paypalEmail %> </li> </ul> <a href="https://web.archive.org/web/20180925024059/https://www.paypal.com" target="_blank">Paypal</a> <% } else if (data.paymentMethod["@type"] == "CreditCard") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/<%= data.paymentMethod.cardType.toLocaleLowerCase() %>.png"/> <ul class="account-section__details"> <li class="account-section__detail"><%= data.paymentMethod.cardHolderName %></li> <li class="account-section__detail"><%= data.paymentMethod.cardNumberMasked %></li> <li class="account-section__detail">Expiration date MM/YY: <%= data.paymentMethod.cardExpiryMonth.length> 1 ? '':'0' %><%= data.paymentMethod.cardExpiryMonth %>/<%= data.paymentMethod.cardExpiryYear.substring(2) %></li> </ul> <a href="#" class="account-section__action">Update</a> <% } else { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/direct-debit.png"/> <ul class="account-section__details"> <li class="account-section__detail"> <span class="account-section__debit-label">Account name:</span> <%= data.paymentMethod.accountName %> </li> <li class="account-section__detail"> <span class="account-section__debit-label">Account number:</span> <%= data.paymentMethod.accountNumberMasked %> </li> <li class="account-section__detail"> <span class="account-section__debit-label">Sort Code:</span> <%= data.paymentMethod.bankCode %> </li> </ul> <p class="account-section__details"><a href="#" class="account-section__action">Update</a></p> <% } %> </div> <% } else { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } %> </script> <script class="js-template" data-template="subscriptionDetails" type="text/template"> <div class="account-section__content"> <% if( data.showCurrentSubscriptionHeader ) { %> <h3 class="account-section__header account-section__header--subheader">Current subscription</h3> <% } %> <% if( data.showPreviousSubscriptionHeader ) { %> <h3 class="account-section__header account-section__header--subheader">Subscription history</h3> <% } %> <span class="account-section__title"><%= data.productFriendlyName %></span> <table class="account-section__table"> <tr class="account-section__table-row"> <td class="account-section__table-item">Payment frequency:</td> <td class="account-section__table-item"><%= data.frequencyDescription %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Price:</td> <td class="account-section__table-item">£<%= data.basePrice %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Subscription number:</td> <td class="account-section__table-item"><%= data.tsNumber %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Subscriber since:</td> <td class="account-section__table-item"><%= data.displayStartDate %></td> </tr> <% if(data.endDate ) { %> <tr class="account-section__table-row"> <td class="account-section__table-item">Subscription end date:</td> <td class="account-section__table-item"><%= data.displayEndDate %></td> </tr> <% } %> </table> <div class="cta-container cta-container--upgrade"> <span class="m_button "> <a href="/secure/upgrade" class="m_button__content"> <span class="m_button__text show"> Upgrade subscription </span> <span class="m_button__loading"> </span> </a> </span> </div> </div> <div class="account-section__content"> <img class="account-section__packshot" src="<%= data.productImage %>"/> <% if( data.showCancelButton ) { %> <a href="#" class="account-section__cancel-button" data-can-cancel="<%= data.showCancelButton %>" data-subscription-id="<%= data.id %>">Cancel my subscription</a> <% } %> <% if( data.showCancelMessage ) { %> <span class="account-section__cancel-message" data-show-cancel-message="<%= data.showCancelMessage %>">To cancel your subscription please call us (free) on 0800 316 3500</span> <% } %> </div> </script> <script class="js-template" data-template="contactPreferences" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Contact preferences</span><br/> <span class="account-section__label account-section__label-subtext">Please tell us how to contact you</span> </div> <div class="account-section__content"> <form class="account-section__form"> <% if(!!data.preference.marketingEmailOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <input class="m_input__input" name="preference.marketingEmailOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Email </span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <input class="m_input__input" name="preference.marketingEmailOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Email </span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!!data.preference.marketingPostOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <input class="m_input__input" name="preference.marketingPostOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Mail </span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <input class="m_input__input" name="preference.marketingPostOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Mail </span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!!data.preference.marketingPhoneOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <input class="m_input__input" name="preference.marketingPhoneOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Phone </span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <input class="m_input__input" name="preference.marketingPhoneOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Phone </span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!!data.preference.marketingSMSOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <input class="m_input__input" name="preference.marketingSMSOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Mobile phone text message (SMS) </span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <input class="m_input__input" name="preference.marketingSMSOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Mobile phone text message (SMS) </span> <ul class="m_input__errors"></ul> </label> <% } %> <div class="cta__container"> </div> </form> </div> </script> <script class="js-template" data-template="aboutYou" type="text/template"> <div class="account-section__content"> <span class="account-section__label">About you</span> </div> <div class="account-section__content"> <ul class="account-section__details"> <li class="account-section__detail"><%= data.title %> <%= data.firstName %> <%= data.lastName %><br/> </li> <% if(data.address[0].streetline1) { %> <li class="account-section__detail"><%= data.address[0].streetline1 %></li> <% } %> <% if(data.address[0].streetline2) { %> <li class="account-section__detail"><%= data.address[0].streetline2 %></li> <% } %> <% if(data.address[0].streetline3) { %> <li class="account-section__detail"><%= data.address[0].streetline3 %></li> <% } %> <% if(data.address[0].streetline4) { %> <li class="account-section__detail"><%= data.address[0].streetline4 %></li> <% } %> <% if(data.address[0].streetline5) { %> <li class="account-section__detail"><%= data.address[0].streetline5 %></li> <% } %> <% if(data.address[0].city) { %> <li class="account-section__detail"><%= data.address[0].city %></li> <% } %> <% if(data.address[0].state) { %> <li class="account-section__detail"><%= data.address[0].state %></li> <% } %> <% if(data.address[0].country) { %> <li class="account-section__detail"><%= data.address[0].country %></li> <% } %> <% if(data.address[0].postCode ) { %> <li class="account-section__detail"><%= data.address[0].postCode %><br/> </li> <% } %> <% if(data.dateOfBirth) { %> <% } %> <% if(data.homePhone) { %> <li class="account-section__detail"><%= data.homePhone %></li> <% } %> <% if(data.mobile) { %> <li class="account-section__detail"><%= data.mobile %></li> <% } %> </ul> <div class="cta-container cta-container--edit"> <span class="m_button edit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Edit </span> <span class="m_button__loading"> </span> </a> </span> </div> <div data-section="edituser-insert"></div> </div> </script> <script class="js-template" data-template="emailAddress" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Email address</span> </div> <div class="account-section__content"> <ul class="account-section__details"> <li class="account-section__detail"><%= data.email %></li> </ul> <div class="cta-container cta-container--edit"> <span class="m_button edit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Edit </span> <span class="m_button__loading"> </span> </a> </span> </div> <div data-section="editemail-insert"></div> </div> </script> <script class="js-template" data-template="expandedPaymentDetails" type="text/template"> <% if (data.isDailySubscriber && data.isCardDetailsStored != true) { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } else if (data.hasActiveSubscription && data.paymentMethod.status != "Closed") { %> <div class="account-section__content"> <% if (data.paymentMethod["@type"] == "PayPal") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/paypal.png" class="paypal-logo" alt="PayPal" width="120" height="32"/> <ul class="account-section__details"> <li class="account-section__detail"> Payment made using the following PayPal account:<br/> <%= data.paymentMethod.paypalEmail %> </li> </ul> <a href="https://web.archive.org/web/20180925024059/https://www.paypal.com" target="_blank">Paypal</a> <% } else if (data.paymentMethod["@type"] == "CreditCard") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/<%= data.paymentMethod.cardType.toLocaleLowerCase() %>.png"/> <ul class="account-section__details"> <li class="account-section__detail"><%= data.paymentMethod.cardHolderName %></li> <li class="account-section__detail"><%= data.paymentMethod.cardNumberMasked %></li> <li class="account-section__detail">Expiration date MM/YY: <%= data.paymentMethod.cardExpiryMonth.length> 1 ? '':'0' %><%= data.paymentMethod.cardExpiryMonth %>/<%= data.paymentMethod.cardExpiryYear.substring(2) %></li> </ul> <ul class="account-section__details"> <% if(data.paymentMethod.address1) { %> <li class="account-section__detail"><%= data.paymentMethod.address1 %></li> <% } %> <% if(data.paymentMethod.address2) { %> <li class="account-section__detail"><%= data.paymentMethod.address2 %></li> <% } %> <% if(data.paymentMethod.address3) { %> <li class="account-section__detail"><%= data.paymentMethod.address3 %></li> <% } %> <% if(data.paymentMethod.address4) { %> <li class="account-section__detail"><%= data.paymentMethod.address4 %></li> <% } %> <% if(data.paymentMethod.address5) { %> <li class="account-section__detail"><%= data.paymentMethod.address5 %></li> <% } %> <% if(data.paymentMethod.city) { %> <li class="account-section__detail"><%= data.paymentMethod.city %></li> <% } %> <% if(data.paymentMethod.state) { %> <li class="account-section__detail"><%= data.paymentMethod.state %></li> <% } %> <% if(data.paymentMethod.country) { %> <li class="account-section__detail"><%= data.paymentMethod.country %></li> <% } %> <% if(data.paymentMethod.postalCode ) { %> <li class="account-section__detail"><%= data.paymentMethod.postalCode %></li> <% } %> </ul> <a href="#" class="account-section__action">Add new card</a> <% } else { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/direct-debit.png"/> <ul class="account-section__details"> <li class="account-section__detail">Account name: <%= data.paymentMethod.accountName %></li> <li class="account-section__detail">Account number: <%= data.paymentMethod.accountNumberMasked %></li> <li class="account-section__detail">Sort Code: <%= data.paymentMethod.bankCode %></li> </ul> <a href="#" class="account-section__action">Update Direct Debit</a> <% } %> </div> <div class="account-section__content"> <% if (data.paymentMethod["@type"] == "BankTransfer") { %> <div class="m_direct-debit-guarantee"> <h4>The Direct Debit Guarantee</h4> <ul><li>This Guarantee is offered by all banks and building societies that accept instructions to pay Direct Debits</li><li>If there are any changes to the amount, date or frequency of your Direct Debit The Telegraph will notify you 10 working days in advance of your account being debited or as otherwise agreed. If you request The Telegraph to collect a payment, confirmation of the amount and date will be given to you at the time of the request.</li><li>If an error is made in the payment of your Direct Debit, by The Telegraph or your bank or building society, you are entitled to a full and immediate refund of the amount paid from your bank or building society - If you receive a refund you are not entitled to you must pay it back when The Telegraph asks you to.</li><li>You can cancel a Direct Debit at any time by simply contacting your bank or building society. Written confirmation may be required. Please also notify us</li></ul> </div> <% } %> </div> <% } else { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } %> </script> <script class="js-template" data-template="creditCard" type="text/template"> <form> <label class="m_input m_input-required m_input--selected-"> <input class="m_input__input" name="field_creditCardHolderName" maxlength="40" aria-required="true"/> <span class="m_input__label m_input__label--"> Name on card </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input-cardnumber m_input- m_input--selected-"> <input class="m_input__input" name="field_creditCardNumber" type="tel" maxlength="19" aria-required="true"/> <span class="m_input__label m_input__label--"> Card number </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input- m_input--selected-"> <input class="m_input__input" name="field_creditCardExpiration" type="tel" placeholder="MM/YY" maxlength="7" aria-required="true" mask="99/99"/> <span class="m_input__label m_input__label--"> Expiration date MM/YY </span> <ul class="m_input__errors"></ul> <a href="#" class="m_input__help"> Help </a> <span class="m_input__notice"> Add your expiry date as month and year. For example, March 2019 would be 03/19 </span> <span class="m_input__info"> Add your expiry date as month and year. For example, March 2019 would be 03/19 </span> </label> <label class="m_input m_input-tel m_input-required m_input-cvv m_input- m_input--selected-"> <input class="m_input__input" name="field_cardSecurityCode" type="tel" maxlength="4" aria-required="true"/> <span class="m_input__label m_input__label--"> Security number CVV </span> <ul class="m_input__errors"></ul> <span class="m_input__info"> Last 3 digits on the back of your credit card. (American Express: 4 digits on front) </span> </label> <% if (data.isDailySubscriber) { %> <label class="m_input m_input-checkbox m_input-cardReuse version-1 m_input- m_input--selected-true"> <input class="m_input__input" name="field_isCardDetailsStored" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <span class="m_input__label m_input__label--"> Save card details for next time </span> <ul class="m_input__errors"></ul> </label> <% } %> <div class="location__container"> <div class="streetline__container"> <label class="m_input m_input-required m_input--selected-"> <input class="m_input__input" name="field_creditCardAddress1" maxlength="40" value="<%= data.field_creditCardAddress1 %>" aria-required="true"/> <span class="m_input__label m_input__label--"> Billing Address line 1 </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input--selected-"> <input class="m_input__input" name="field_creditCardAddress2" maxlength="40" value="<%= data.field_creditCardAddress2 %>"/> <span class="m_input__label m_input__label--"> Billing Address line 2 </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <input class="m_input__input" name="field_creditCardAddress3" maxlength="40"/> <span class="m_input__label m_input__label--"> Billing Address line 3 </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <input class="m_input__input" name="field_creditCardAddress4" maxlength="40"/> <span class="m_input__label m_input__label--"> Billing Address line 4 </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <input class="m_input__input" name="field_creditCardAddress5" maxlength="40"/> <span class="m_input__label m_input__label--"> Billing Address line 5 </span> <ul class="m_input__errors"></ul> </label> <a href="#" class="streetline__manual m_form-link">Add another address line</a> </div> <label class="m_input m_input-required m_input--selected-"> <input class="m_input__input" name="field_creditCardCity" maxlength="40" value="<%= data.field_creditCardCity %>" aria-required="true"/> <span class="m_input__label m_input__label--"> Billing City / Town </span> <ul class="m_input__errors"></ul> </label> <div class="international__container"> <label class="m_select m_select-required m_select-country"> <span class="m_select__label"> Country </span> <select class="m_select__select" name="field_creditCardCountry"> <option value="AU">Australia</option> <option value="CA">Canada</option> <option value="FR">France</option> <option value="GB" selected="selected">United Kingdom</option> <option value="US">United States</option> <option disabled>──────────</option> <option value="AF">Afghanistan</option> <option value="AX">Aland Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia</option> <option value="BQ">Bonaire, Saint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CA">Canada</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD">Congo, the Democratic Republic of the</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d'Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curacao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran, Islamic Republic of</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="XK">Kosovo</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libyan Arab Jamahiriya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia, the former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of</option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestinian Territory, Occupied</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">Reunion</option> <option value="RO">Romania</option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barthelemy</option> <option value="SH">Saint Helena</option> <option value="KN">Saint Kitts and Nevis</option> <option value="LC">Saint Lucia</option> <option value="MF">Saint Martin (French part)</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="US">United States</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela</option> <option value="VN">Viet Nam</option> <option value="VG">Virgin Islands, British</option> <option value="VI">Virgin Islands, U.S.</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_select m_select-required"> <span class="m_select__label"> State </span> <select class="m_select__select" name="field_creditCardState" aria-required="true"> <option value=""> Please select </option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_input m_input-required m_input--selected-"> <input class="m_input__input" name="field_creditCardPostalCode" maxlength="20" value="<%= data.field_creditCardPostalCode %>" aria-required="true"/> <span class="m_input__label m_input__label--"> Postcode </span> <ul class="m_input__errors"></ul> </label> </div> </div> <div class="captcha__container"></div> <div class="errors__container" aria-live="alert"></div> <div class="cta__container"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Save Card Details </span> <span class="m_button__loading"> Saving Card Details </span> </button> </span> </div> </form> </script> <script class="js-template" data-template="directDebit" type="text/template"> <form> <input id="HostedPaymentMethod_BankTransfer_accountId" type="hidden" value="" name="field_accountId"> <input id="HostedPaymentMethod_BankTransfer_gatewayName" type="hidden" value="" name="field_gatewayName"> <input id="HostedPaymentMethod_BankTransfer_deviceSessionId" type="hidden" value="" name="field_deviceSessionId"> <input id="HostedPaymentMethod_BankTransfer_ipAddress" type="hidden" value="" name="field_ipAddress"> <input id="HostedPaymentMethod_BankTransfer_useDefaultRetryRule" type="hidden" value="" name="field_useDefaultRetryRule"> <input id="HostedPaymentMethod_BankTransfer_paymentRetryWindow" type="hidden" value="" name="field_paymentRetryWindow"> <input id="HostedPaymentMethod_BankTransfer_maxConsecutivePaymentFailures" type="hidden" value="" name="field_maxConsecutivePaymentFailures"> <input id="HostedPaymentMethod_BankTransfer_bankTransferType" type="hidden" value="DirectDebitUK" name="field_bankTransferType"> <input id="HostedPaymentMethod_BankTransfer_bankTransferAccountType" type="hidden" value="" name="field_bankTransferAccountType"> <input id="HostedPaymentMethod_BankTransfer_bankBranchCode" type="hidden" value="" name="field_bankBranchCode"> <input id="HostedPaymentMethod_BankTransfer_bankCheckDigit" type="hidden" value="" name="field_bankCheckDigit"> <label class="m_input m_input-required m_input--selected-"> <input class="m_input__input" name="field_bankAccountName" maxlength="30" aria-required="true"/> <span class="m_input__label m_input__label--"> Account holder name </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input- m_input--selected-"> <input class="m_input__input" name="field_bankAccountNumber" type="tel" maxlength="8" aria-required="true"/> <span class="m_input__label m_input__label--"> Account number </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input- m_input--selected-"> <input class="m_input__input" name="field_bankCode" type="tel" maxlength="8" aria-required="true" mask="99-99-99"/> <span class="m_input__label m_input__label--"> Sort Code </span> <ul class="m_input__errors"></ul> </label> <div class="captcha__container"></div> <div class="errors__container" aria-live="alert"></div> <div class="cta__container"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Update Direct Debit </span> <span class="m_button__loading"> Updating Direct Debit </span> </button> </span> </div> </form> </script> <script class="js-template" data-template="flexiblePricing" type="text/template"> <div class="page-pricing__offer"> <h2 class="m_overlay__title">We have updated your subscription</h2> <h3 class="page-pricing__title" data-frequency="<%= data.frequencyDescription %>"> <span class="page-pricing__select">You have selected: </span>  <%= data.productFriendlyName %> </h3> <p class="page-pricing__frequency"><%= data.frequencyLabel %> subscription | <%= data.name %> <%= data.description %> <% if (data.subDescription) { %><%= data.subDescription %><% } %> </p> <div class="page-pricing__info"> <%= data.productDescription %> </div> <img class="page-pricing__type-img" alt="Subscriptions type" src="<%= data.productImage %>"/> <% if (data.isGiftUpgrade){ %> <a href="/secure/payment/?productId=<%= data.productId %>&offerId=<%= data.tmgId %>&btx=<%= data.businessTransaction %>&skiplogin=true" class="m_button__content"> Subscribe now </a> <% } else { %> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Subscribe now </span> <span class="m_button__loading"> Updating... </span> </button> </span> <input class="page-pricing__offer-code" type="hidden" value="<%= data.tmgId %>"/> <% } %> </div> </script> <script class="js-template" data-template="flexiblePricingNoChange" type="text/template"> <div class="page-pricing__offer page-pricing__offer--no-price-change"> <h3 class="page-pricing__title page-pricing__title--no-price-change"> </h3> <div class="page-pricing__info page-pricing__info--no-price-change"> </div> </div> </script> <script class="js-template" data-template="flexiblePricingExpired" type="text/template"> <div class="page-pricing__offer page-pricing__offer--gift-expired"> <h3 class="page-pricing__title page-pricing__title--gift-expired"> There is a problem with the renewal link </h3> <div class="page-pricing__info--gift-expired"> We're sorry, this link has expired <p>Please contact our Call Centre:</p> <ul> <li>Call us for free on 0800 542 5860</li> <li>We are open Monday to Friday 9am - 5pm and Saturday 9am to 1pm</li> <li>Please have your gift subscription code to hand</li> </ul> <a href="/secure/account" class="m_button__content"> Continue to My Account </a> </div> </div> </script> <script class="js-template" data-template="subscriptionCancellation" type="text/template"> <div class="account-section__content"> <form class="account-section__confirm" data-error-message="Sorry, there was a problem updating your details.<br>Please contact us <a target='_blank' href='https://www.telegraph.co.uk/help'>Telegraph help</a>."> <input type="hidden" name="subscriptionCancel" value="true"/> <input id="cancel-subscription-id" type="hidden" name="subscriptionId" value=""/> <fieldset class="account-section__confirm-wrapper"> <div class="account-section__confirm-content"> <div class="account-section__confirm-content-body"> <h2>Are you sure you want to cancel?</h2> <p>Your subscription will be cancelled at your next payment date.</p> <div class="cta__container"> <span class="m_button js-submit staticwidth"> <button class="m_button__content" type="submit"> <span class="m_button__text show"> Cancel my subscription </span> <span class="m_button__loading"> Please wait... </span> </button> </span> <span class="m_button version1 staticwidth"> <button class="m_button__content" type="reset"> <span class="m_button__text show"> Go back </span> <span class="m_button__loading"> </span> </button> </span> </div> </div> <div class="account-section__confirm-message"> <p class="account-section__confirm-message-text">Thank you, your cancellation has been processed.</p> <p class="account-section__confirm-message-success-text">If you change your mind, please call us on 0800 316 3500 or <a target="_blank" href="/subscriptions">View all subscription packages</a></p> <span class="m_button version1"> <button class="m_button__content" type="reset"> <span class="m_button__text show"> Close </span> <span class="m_button__loading"> Close </span> </button> </span> </div> </div> </fieldset> </form> </div> </script> <script class="js-template" data-template="newsletterList" type="text/template" data-title="My Newsletters" data-no-subs="You have not subscribed to any newsletters."> <div class="newsletter-group"> <div class="newsletter-group__header"> <h3 class="newsletter-group__title"><%= data.title %></h3> <% if (data.subTitle) { %><p class="newsletter-group__subtitle"><%= data.subTitle %></p><% } %> </div> <div class="newsletter-group__list"> <div class="newsletter-list"> <% _.each(data.newsletters, function(newsletter){ %> <div class="newsletter-list__item"> <div class="newsletter-item"> <div class="newsletter-item__header"> <img class="newsletter-item__thumbnail" src="<%= newsletter.imageUrl %>"/> <div class="newsletter-item__frequency"><%= newsletter.frequency %></div> <h3 class="newsletter-item__title"><%= newsletter.name %></h3> </div> <div class="newsletter-item__description"> <%= newsletter.description %> </div> <div class="newsletter-item__footer"> <div class="newsletter-item__cta"> <span class="m_button newsletter-item__add<% if (newsletter.customerStatus === 'Active') { %> is-hidden<% } %>"> <button class="m_button__content" data-newsletter-add="<%= newsletter.id %>"> <span class="m_button__text">Add</span> </button> </span> <span class="m_button version3 newsletter-item__remove<% if (newsletter.customerStatus === 'Inactive') { %> is-hidden<% } %>"> <button class="m_button__content" data-newsletter-remove="<%= newsletter.id %>"> <span class="m_button__text">Remove</span> </button> </span> </div> </div> </div> </div> <% }); %> </div> </div> </div> </script> <script class="js-template" data-template="namelessForm" type="text/template"> <main class="page-login__main" itemscope="https://web.archive.org/web/20180925024059/https://schema.org/WebPage"> <h1 class="page-login__header"><a class="page-login__header-text" href="#">The Telegraph</a></h1> <form class="page-login__form"> <input type="hidden" name="nameless" value="true"/> <fieldset class="page-login__fieldset nameless"> <h3 class="page-login__title">Before we can sign you in...</h3> <div class="page-login__description"> <p>Your login details have been successfully submitted. Before you can continue The Telegraph requires your first and last name to upgrade your account.</p> <p>Any questions about creating an account, please call us for free on <a href="tel:08003163500">0800 316 3500</a></p> </div> <div class="errors__container" aria-live="alert"></div> <label class="m_input m_input-text m_input-required m_input- m_input--selected-"> <input class="m_input__input" name="firstName" type="text" maxlength="40" aria-required="true"/> <span class="m_input__label m_input__label--"> First name </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-text m_input-required m_input- m_input--selected-"> <input class="m_input__input" name="lastName" type="text" maxlength="80" aria-required="true"/> <span class="m_input__label m_input__label--"> Surname </span> <ul class="m_input__errors"></ul> </label> <div class="cta__container"> <span class="m_button " data-notice="Just getting your Telegraph account now..."> <button class="m_button__content"> <span class="m_button__text show"> Log in </span> <span class="m_button__loading"> Logging you in... </span> </button> </span> </div> </fieldset> </form> </main> <footer class="page-login__footer container"> <div class="row"> <div class="col"> <section class="snippet-footer"> <footer data-tmg-dtm-nav-area="footernav"> <div class="footer-list-corporate component"> <div class="component-content"> <nav> <ul class="footer-list-corporate__list"> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/contact-us.html" data-tmg-dtm-nav="1-nav:/contact-us.html"> Contact us </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180925024059/https://corporate.telegraph.co.uk/" data-tmg-dtm-nav="2-nav:https://corporate.telegraph.co.uk/"> About us </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " title="Rewards" href="/rewards.html" data-tmg-dtm-nav="3-nav:/rewards.html"> Rewards </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/archive/" data-tmg-dtm-nav="4-nav:https://www.telegraph.co.uk/archive/"> Archive </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180925024059/http://telegraph.newsprints.co.uk/" data-tmg-dtm-nav="5-nav:http://telegraph.newsprints.co.uk/"> Reader Prints </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/spark.html" data-tmg-dtm-nav="6-nav:/spark.html"> Branded Content </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " title="Syndication & Content Partnerships" href="/syndication.html" data-tmg-dtm-nav="7-nav:/syndication.html"> Syndication </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/about-us/editorial-and-commercial-guidelines.html" data-tmg-dtm-nav="8-nav:/about-us/editorial-and-commercial-guidelines.html"> Guidelines </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/about-us/privacy-and-cookie-policy.html" data-tmg-dtm-nav="9-nav:/about-us/privacy-and-cookie-policy.html"> Privacy </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/about-us/terms-and-conditions.html" data-tmg-dtm-nav="10-nav:/about-us/terms-and-conditions.html"> Terms and Conditions </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180925024059/http://spark.telegraph.co.uk/toolkit/advertising/terms-and-conditions/" data-tmg-dtm-nav="11-nav:http://spark.telegraph.co.uk/toolkit/advertising/terms-and-conditions/"> Advertising terms </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180925024059/https://fantasyfootball.telegraph.co.uk" data-tmg-dtm-nav="12-nav:https://fantasyfootball.telegraph.co.uk"> Fantasy Sport </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180925024059/https://www.telegraph.co.uk/vouchercodes" data-tmg-dtm-nav="13-nav:https://www.telegraph.co.uk/vouchercodes"> Voucher codes </a> </li> </ul> </nav> </div> </div> <div class="footer-copyright component"> <div class="component-content"> <p>© Telegraph Media Group Limited 2018</p> </div> </div> </footer> </section> <div class="footer-ads"> </div> </div> </div> </footer> </script> <script class="js-template" data-template="useredit" type="text/template"> <form autocomplete="off" method="post"> <input type="hidden" name="@type" value="Account"> <input name="address.0.@type" type="hidden" value="MailingAddress"> <fieldset class="disabled hidden"> <label class="m_input m_input-saved m_input-success m_input--selected-"> <input class="m_input__input" value="<%= data.email %>" disabled/> <span class="m_input__label m_input__label--"> Your email address </span> <ul class="m_input__errors"></ul> </label> <% if (data.password) { %> <label class="m_input m_input-password m_input-saved m_input-success m_input-true m_input--selected-"> <input class="m_input__input" type="password" value="<%= data.password %>" disabled/> <span class="m_input__label m_input__label--"> Your password </span> <ul class="m_input__errors"></ul> <span class="m_input__reveal"> <svg class="m_input__reveal-icon m_input__reveal-icon--enabled icon-eye" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 14"> <path d="M12.019,10.894 C9.866,10.894 8.115,9.142 8.115,6.989 C8.115,4.837 9.866,3.086 12.019,3.086 C14.171,3.086 15.923,4.837 15.923,6.989 C15.923,9.142 14.171,10.894 12.019,10.894 Z M12.019,2.518 C9.553,2.518 7.548,4.524 7.548,6.989 C7.548,9.455 9.553,11.461 12.019,11.461 C14.484,11.461 16.49,9.455 16.49,6.989 C16.49,4.524 14.484,2.518 12.019,2.518 Z"></path> <path d="M11.99,12.957 C6.754,12.957 1.784,8.008 0.826,7 C1.785,5.991 6.756,1.044 12.011,1.044 C17.246,1.044 22.216,5.991 23.175,7 C22.216,8.009 17.248,12.957 11.99,12.957 Z M23.764,6.801 C23.535,6.543 18.068,0.477 11.99,0.477 C5.932,0.477 0.466,6.543 0.236,6.801 C0.19,6.853 0.164,6.941 0.164,7.01 C0.164,7.08 0.19,7.147 0.236,7.199 C0.466,7.457 5.932,13.523 12.011,13.523 C18.068,13.523 23.535,7.457 23.764,7.199 C23.815,7.142 23.838,7.07 23.835,7 C23.838,6.929 23.815,6.858 23.764,6.801 Z"></path> </svg> <svg class="m_input__reveal-icon m_input__reveal-icon--disabled icon-eye-disabled" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 18"> <path d="M8.115,8.989 C8.115,6.837 9.866,5.086 12.019,5.086 C13.028,5.086 13.94,5.48 14.633,6.111 L9.064,11.511 C8.481,10.829 8.115,9.956 8.115,8.989 Z M15.923,8.989 C15.923,11.142 14.171,12.894 12.019,12.894 C11.036,12.894 10.148,12.517 9.461,11.916 L15.021,6.525 C15.575,7.199 15.923,8.05 15.923,8.989 Z M12.019,13.461 C14.484,13.461 16.49,11.455 16.49,8.989 C16.49,7.897 16.08,6.908 15.427,6.131 L20.821,0.902 C20.933,0.793 20.936,0.613 20.826,0.501 C20.717,0.388 20.537,0.386 20.426,0.494 L15.041,5.715 C14.243,4.979 13.187,4.518 12.019,4.518 C9.553,4.518 7.548,6.524 7.548,8.989 C7.548,10.108 7.975,11.121 8.657,11.905 L3.301,17.099 C3.188,17.208 3.185,17.387 3.294,17.5 C3.35,17.557 3.424,17.586 3.498,17.586 C3.569,17.586 3.64,17.559 3.695,17.505 L9.053,12.31 C9.845,13.017 10.877,13.461 12.019,13.461 Z"></path> <path d="M5.454,13.404 C5.55,13.404 5.643,13.356 5.697,13.268 C5.779,13.134 5.736,12.961 5.603,12.879 C3.189,11.405 1.367,9.571 0.825,9 C1.784,7.992 6.755,3.044 12.011,3.044 C12.991,3.044 14.028,3.218 15.088,3.563 C15.238,3.611 15.397,3.53 15.446,3.381 C15.494,3.232 15.412,3.072 15.264,3.024 C14.146,2.661 13.051,2.477 11.99,2.477 C5.932,2.477 0.466,8.543 0.236,8.801 C0.19,8.853 0.164,8.941 0.164,9.01 C0.164,9.08 0.19,9.147 0.236,9.199 C0.321,9.294 2.348,11.555 5.307,13.363 C5.353,13.391 5.404,13.404 5.454,13.404"></path> <path d="M23.833,9 C23.832,8.986 23.823,8.976 23.82,8.962 C23.814,8.905 23.805,8.847 23.764,8.801 C23.684,8.712 21.782,6.587 18.971,4.81 C18.84,4.726 18.664,4.766 18.58,4.898 C18.496,5.03 18.535,5.205 18.668,5.289 C20.969,6.745 22.672,8.468 23.174,9 C22.25,9.975 17.274,14.957 11.99,14.957 C11.084,14.957 10.128,14.806 9.147,14.511 C8.998,14.465 8.839,14.551 8.794,14.701 C8.749,14.851 8.834,15.009 8.984,15.054 C10.017,15.366 11.029,15.523 12.011,15.523 C18.068,15.523 23.535,9.457 23.764,9.199 C23.805,9.152 23.814,9.094 23.82,9.037 C23.823,9.024 23.832,9.013 23.833,9"></path> </svg> </span> </label> <% } %> </fieldset> <fieldset> <div class="title__container"> <label class="m_select m_select-required m_select-title <%= data.title ? 'm_select-success' : ' ' %>"> <span class="m_select__label"> Your title </span> <select class="m_select__select" name="title" aria-required="true"> <option value=""> Please select </option> <option value="Mr">Mr</option> <option value="Mrs">Mrs</option> <option value="Ms">Ms</option> <option value="Miss">Miss</option> <option value="Dr">Dr</option> <option value="Professor">Professor</option> <option value="Other">Other</option> </select> <ul class="m_select__errors"></ul> </label> <a href="#" class="title__manual">Can't see your title?</a> </div> <label class="m_input m_input-required <%= data.fname ? 'm_input-success' : ' ' %> m_input--selected-"> <input class="m_input__input" name="firstName" maxlength="40" value="<%= data.fname %>" aria-required="true"/> <span class="m_input__label m_input__label--"> First name </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-required <%= data.lname ? 'm_input-success' : ' ' %> m_input--selected-"> <input class="m_input__input" name="lastName" maxlength="80" value="<%= data.lname %>" aria-required="true"/> <span class="m_input__label m_input__label--"> Surname </span> <ul class="m_input__errors"></ul> </label> <div class="location__container"> <div class="address__container open"> <div class="streetline__container"> <label class="m_input m_input-required <%= data.street1 ? 'm_input-success' : ' ' %> m_input--selected-"> <input class="m_input__input" name="address.0.streetline1" maxlength="40" value="<%= data.street1 %>" aria-required="true"/> <span class="m_input__label m_input__label--"> Address line 1 </span> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input--selected-"> <input class="m_input__input" name="address.0.streetline2" maxlength="40" value="<%= data.street2 %>"/> <span class="m_input__label m_input__label--"> Address line 2 </span> <ul class="m_input__errors"></ul> </label> <% if(data.street3) { %> <label class="m_input m_input-toggle m_input--selected-"> <input class="m_input__input" name="address.0.streetline3" maxlength="40" value="<%= data.street3 %>"/> <span class="m_input__label m_input__label--"> Address line 3 </span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <input class="m_input__input" name="address.0.streetline3" maxlength="40"/> <span class="m_input__label m_input__label--"> Address line 3 </span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(data.street4) { %> <label class="m_input m_input-toggle m_input--selected-"> <input class="m_input__input" name="address.0.streetline4" maxlength="40" value="<%= data.street4 %>"/> <span class="m_input__label m_input__label--"> Address line 4 </span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <input class="m_input__input" name="address.0.streetline4" maxlength="40"/> <span class="m_input__label m_input__label--"> Address line 4 </span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(data.street5) { %> <label class="m_input m_input-toggle m_input--selected-"> <input class="m_input__input" name="address.0.streetline5" maxlength="40" value="<%= data.street5 %>"/> <span class="m_input__label m_input__label--"> Address line 5 </span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <input class="m_input__input" name="address.0.streetline5" maxlength="40"/> <span class="m_input__label m_input__label--"> Address line 5 </span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!data.street5) { %> <a href="#" class="streetline__manual">Add another address line</a> <% } %> </div> <label class="m_input m_input-required <%= data.city ? 'm_input-success' : ' ' %> m_input--selected-"> <input class="m_input__input" name="address.0.city" maxlength="40" value="<%= data.city %>" aria-required="true"/> <span class="m_input__label m_input__label--"> City / Town </span> <ul class="m_input__errors"></ul> </label> <div class="international__container"> <label class="m_select m_select-required m_select-country <%= data.country ? 'm_select-success' : ' ' %>"> <span class="m_select__label"> Country </span> <select class="m_select__select" name="address.0.country"> <option value="AU">Australia</option> <option value="CA">Canada</option> <option value="FR">France</option> <option value="GB" selected="selected">United Kingdom</option> <option value="US">United States</option> <option disabled>──────────</option> <option value="AF">Afghanistan</option> <option value="AX">Aland Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia</option> <option value="BQ">Bonaire, Saint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CA">Canada</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD">Congo, the Democratic Republic of the</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d'Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curacao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran, Islamic Republic of</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="XK">Kosovo</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libyan Arab Jamahiriya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia, the former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of</option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestinian Territory, Occupied</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">Reunion</option> <option value="RO">Romania</option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barthelemy</option> <option value="SH">Saint Helena</option> <option value="KN">Saint Kitts and Nevis</option> <option value="LC">Saint Lucia</option> <option value="MF">Saint Martin (French part)</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="US">United States</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela</option> <option value="VN">Viet Nam</option> <option value="VG">Virgin Islands, British</option> <option value="VI">Virgin Islands, U.S.</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_select m_select-required <%= data.state ? 'm_select-success' : ' ' %>"> <span class="m_select__label"> State </span> <select class="m_select__select" name="address.0.state" aria-required="true"> <option value=""> Please select </option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_input m_input-required <%= data.postcode ? 'm_input-success' : ' ' %> m_input--selected-"> <input class="m_input__input" name="address.0.postCode" maxlength="20" value="<%= data.postcode %>" aria-required="true"/> <span class="m_input__label m_input__label--"> Postcode </span> <ul class="m_input__errors"></ul> </label> </div> <a href="#" class="lookup__manual hidden">Find address automatically with your postcode</a> </div> <div class="telephone__container"> <% if(data.homephone) { %> <label class="m_input m_input--selected-"> <input class="m_input__input" name="homePhone" maxlength="40" value="<%= data.homephone %>"/> <span class="m_input__label m_input__label--"> Home phone </span> <ul class="m_input__errors"></ul> </label> <% } %> <label class="m_input m_input--selected-"> <input class="m_input__input" name="mobile" maxlength="40" value="<%= data.mobile %>"/> <span class="m_input__label m_input__label--"> Mobile </span> <ul class="m_input__errors"></ul> </label> </div> <div class="lookup__container hidden"> <label class="m_input m_input-search m_input--selected-"> <input class="m_input__input" maxlength="20"/> <span class="m_input__label m_input__label--"> Postcode search </span> <ul class="m_input__errors"></ul> </label> <span class="m_button version1 search"> <button class="m_button__content"> <span class="m_button__text show"> Find Address </span> <span class="m_button__loading"> Finding Address </span> </button> </span> <p class="lookup__container--manual-search">If you live outside the UK, or can't find your postcode, <a href="#" class="lookup__manual">enter your address manually</a></p> <span class="lookup__notice">Sorry, we can't find your address. Use the link below to enter your address manually.</span> <ul class="lookup__results-container"></ul> </div> </div> <div class="errors__container" aria-live="alert"></div> <div class="cta__container cta__container--inline"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Save changes </span> <span class="m_button__loading"> Saving changes... </span> </button> </span> <span class="m_button version1 cancel hidden-on-submit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Cancel </span> <span class="m_button__loading"> </span> </a> </span> </div> </fieldset> </form> </script> <script class="js-template" data-template="rewardCardCTA" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Telegraph Rewards card</span> </div> <div class="account-section__content"> <div class="cta__container cta__container--inline"> <p>Access your Telegraph Rewards card. To take advantage of exclusive subscriber benefits, you may need to show your Rewards card.</p> <p><a href="#" class="goto-reward-card">Access here</a></p> </div> </div> </script> <script class="js-template" data-template="useremail" type="text/template"> <form autocomplete="off"> <input type="hidden" name="@type" value="Account"> <fieldset> <label class="m_input m_input-email m_input-required m_input- m_input--selected-"> <input class="m_input__input" name="email" type="email" maxlength="80" value="<%= data.email %>" aria-required="true"/> <span class="m_input__label m_input__label--"> Your email address </span> <ul class="m_input__errors"></ul> </label> <div class="errors__container" aria-live="alert"></div> <div class="cta__container cta__container--inline"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Save changes </span> <span class="m_button__loading"> Saving changes... </span> </button> </span> <span class="m_button version1 cancel hidden-on-submit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Cancel </span> <span class="m_button__loading"> </span> </a> </span> </div> </fieldset> </form> <div class="account-section__content"> <div class="account-section__confirm"> <div class="account-section__confirm-wrapper"> <div class="account-section__confirm-content"> <div class="account-section__confirm-content-body logout"> <h2>Success</h2> <p>Your email address has been updated, please log in using your new email address</p> <div class="cta__container"> <span class="m_button logout"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Continue </span> <span class="m_button__loading"> Continue </span> </a> </span> </div> </div> </div> </div> </div> </div> </script> <script class="js-template" data-template="orderHistoryDetails" type="text/template"> <div class="account-section__content"> <% if( data.orders && data.orders.length ) { %> <% _.each(data.orders, function(order){ %> <div class="account-section__order"> <h3 class="account-section__title">Order number <%= order.name %></h3> <p class="account-section__sub-title">Purchase date <span class="account-section__sub-title-value"><%= data.formatDate( order.paymentDate ) %></span></p> <% _.each(order.items, function(item){ %> <table class="account-section__table"> <tr class="account-section__table-row"> <td class="account-section__table-item">Product name</td> <td class="account-section__table-item"><%= item.productFriendlyName %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Price</td> <td class="account-section__table-item">£<%= item.price %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Status</td> <td class="account-section__table-item"><%= order.paymentStatus %></td> </tr> </table> <% }); %> </div> <% }); %> <% } else { %> <p>No items found in your order history</p> <% } %> </div> </script> <div class="spark-slot4"> </div> <script> tmg.loadClientLibs.init(); </script> <script src="//web.archive.org/web/20180925024059js_/https://d3c3cq33003psk.cloudfront.net/opentag-35657-aemsubsproduction.js" async></script> <script> RUM.mark( 'js_load_opentag' ); </script> <script type="text/javascript">_satellite.pageBottom();</script> </body> </html>