Join now for crosswords - puzzles - suduko

<!DOCTYPE html> <html lang="en"> <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://puzzles.telegraph.co.uk/subscribe","20190517032221","https://web.archive.org/","web","/_static/", "1558063341"); </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" />  <title>Join now for crosswords - puzzles - suduko - Telegraph</title> <link rel="P3Pv1" href="/w3c/p3p.xml"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta name="verify-v1" content="Og0xVSgWWrPKscW1zD3Jp9MB9rmerGnk3negxbYC9rc="/> <meta name="description" content=""/>  <meta name="DCSext.MLC" content="Lifestyle/puzzles"/> <meta name="DCSext.Channel" content="Lifestyle"/> <meta name="DCSext.Category" content="TelegraphPuzzles"/> <meta name="DCSext.Genre" content="mlc"/> <meta name="DCSext.Content_Type" content="Index"/> <meta name="DCSext.Level" content="3"/> <script src="//web.archive.org/web/20190517032221js_/https://d3c3cq33003psk.cloudfront.net/opentag-35657-puzzlesproduction.js" async></script> <script src="https://web.archive.org/web/20190517032221js_/https://www.google.com/recaptcha/api.js?render=explicit" async defer></script> <script src="https://web.archive.org/web/20190517032221js_/https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="" crossorigin="anonymous"></script> <script> var dataLayer = { accountType: "", updateIcid: function (icid_param) { var url = new URL(window.location.href); url.searchParams.set('icid', icid_param); if (window.history.replaceState) { window.history.replaceState({}, '', url.href); } else { window.history.pushState({}, '', url.href); } } }; </script> <link rel="stylesheet" type="text/css" href="/web/20190517032221cs_/https://puzzles.telegraph.co.uk/includes/css/bootstrap.min.css?h=04aca1f4cd3ec3c05a75a879f3be75a3" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20190517032221cs_/https://puzzles.telegraph.co.uk/includes/css/master.css?h=2b1674821de2f04472e1927645a3e73f" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20190517032221cs_/https://puzzles.telegraph.co.uk/includes/css/styles-extend.css?h=3b95aafb7357fe0bc4636d95117fec15" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20190517032221cs_/https://puzzles.telegraph.co.uk/includes/fonts/tmg-font.css?h=57c460ccb5a4f68470ee1bb0edf420f9" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20190517032221cs_/https://puzzles.telegraph.co.uk/includes/css/media-queries.css?h=38ab20a40090f4fc20b59f8444f8b949" media="screen"/> <link rel="stylesheet" type="text/css" href="//web.archive.org/web/20190517032221cs_/https://cf.eip.telegraph.co.uk/assets/_css/fontsv02.css" media="screen"/> <script src="/web/20190517032221js_/https://puzzles.telegraph.co.uk/includes/js/jquery.min.js?h=a09e13ee94d51c524b7e2a728c7d4039"></script> <script src="/web/20190517032221js_/https://puzzles.telegraph.co.uk/includes/js/bootstrap.min.js?h=67176c242e1bdc20603c878dee836df3"></script> <script src="/web/20190517032221js_/https://puzzles.telegraph.co.uk/includes/js/modals.js?h=52084cecf0216ce08052cac6f6c1e9d2"></script> <script src="//web.archive.org/web/20190517032221js_/https://assets.adobedtm.com/71dcbb11123ce6b2e1ce4d47fd79a130aad3fc95/satelliteLib-16da6c48e1c0674fe4ab529302c31c2140a01ba4.js"></script> <script> $(document).ready(function () { var height = $('footer#footer').height(); $('.content-wrapper').css({'margin': '0 auto -' + height + 'px'}); //var docHeight = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight; if($(document).height() > $('body').height()) { $('.content-wrapper').css({'min-height': $(document).height() - $('.header-wrapper').height() + 'px'}); } $('.push').css('height', height + 'px'); }); </script> </head> <body> <div class="header-wrapper">     <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "6035736" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://web.archive.org/web/20190517032221/https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="https://web.archive.org/web/20190517032221im_/https://sb.scorecardresearch.com/p?c1=2&c2=6035736&cv=2.0&cj=1"/> </noscript>  <div class="container-fluid d-block d-sm-none bc-9ed6cf" style="height: 32px;"> <div class="row h-100 justify-content-end"> <div class="col-6 px-2 pointer bc-03908b text-center h-100"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/subscribe" class="c-fff f-s-12 no-dec reset-a"> <div class="row justify-content-center" style="margin-top: 7px;"> <span class="col-auto"> <i class="icon-rhombus-ttc"></i> Subscribe for full access </div> </a> </div> <div class="col-3 px-2 pointer bc-9ed6cf text-center" onclick="modals.login()"> <div class="row justify-content-center h-100"> <span class="col-auto pass-partout"> <i class="icon-sign-in-ttc"></i> Login</span> </div> </div> <div class="col-3 px-2 pointer bc-9ed6cf text-center" onclick="dataLayer.updateIcid('puzzles_reg_regnavbar');modals.emptyHistory();modals.register();"> <div class="row justify-content-center h-100" style="margin-right: -8px;"> <span class="col-auto pass-partout"> <i class="icon-player-ttc"></i> Register</span> </div> </div> </div> </div> <header class="py-3 bg-image-full header-img" id="top"> <div class="row mr-0 justify-content-center"> <div class="col-md-12 col-lg-10 col-xl-9"> <div class="row full-width"> <div class="p-lg-0 col-auto mr-auto"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/" title="Telegraph Puzzles"> <img class="img-fluid ml-2 ml-md-0" id="tmg-logo" src="https://web.archive.org/web/20190517032221im_/https://puzzles.telegraph.co.uk/images/banners/tmg_logo.svg"/> </a> </div> <div class="px-lg-0 col-auto d-none d-md-block telegraph-link-wrapper no-dec"> <a href="https://web.archive.org/web/20190517032221/http://telegraph.co.uk/" target="_blank"> <span class="telegraph-link">Telegraph.co.uk</span> <span style="font-size: 14px;"><i class="icon-link-ttc f-s-10"></i></span> </a> </div> </div> </div> </div> </header>  <div class="container-fluid bc-c5ede8"> <div class="row justify-content-center"> <div class="col-12 col-lg-10 col-xl-9 p-0"> <nav class="navbar navbar-expand navbar-light bg-faded px-0" id="navbarNav"> <div class="col-auto mr-auto navbar-nav px-0 nav-left search-off"> <a class="nav-item nav-link " href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/#dailyPuzzles" title="All Puzzles">All Puzzles</a> <a class="nav-item nav-link " href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles" title="Crosswords">Crosswords</a> <a class="nav-item nav-link " href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/win-prize" title="Win Prizes">Win Prizes</a> <a class="nav-item nav-link " href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/top-scores" title="Leaderboards">Leaderboards</a> <a class="nav-item nav-link " href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/puzzle-tactics-and-tips" title="The Knowledge">The Knowledge</a> </div> <div class="d-block d-md-none col-auto position-absolute bc-9ed6cf h-100" onclick="menus('main')" id="menu"> <div class="d-flex d-md-none py-2 h-100"> <div class="col-auto p-0 mr-auto menu-text"> Menu </div> <div id="ham-menu"> <span></span> <span></span> <span></span> </div> </div> </div> <div class="col-auto navbar-nav d-none d-md-flex px-0" id="subscribe-menu-nav"> <a class="nav-item nav-link c-fff" href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/subscribe?icid=puzzles_reg_subnavbar" style="border: 4px solid #03908b;background-color: #03908b;"><i class="icon-rhombus-ttc"></i> Subscribe for full access</a> <a class="nav-item nav-link px-4" href="#" onclick="modals.emptyHistory();modals.login()"><i class="icon-sign-in-ttc"></i> Login</a> <div class="nav_splitter"></div> <a class="nav-item nav-link px-4" href="#" onclick="dataLayer.updateIcid('puzzles_reg_regnavbar');modals.emptyHistory();modals.register();"><i class="icon-player-ttc"></i> Register</a> </div> </nav> </div> </div> <div class="row" id="dropdown-menu" style="display: none;"> <div class="col-12"> <div class="row p-2 menu-item-1"><a class="w-100 h-100" href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/subscribe"> <span>Subscribe for full access</span> <span class="nav-icons-right"><i class="icon-rhombus-ttc"></i></span> </a></div> <div class="row p-2 menu-item-1"> <a class="w-100 h-100" href="#" onclick="modals.emptyHistory();modals.login()"> <span>Login</span> <span class="nav-icons-right"><i class="icon-sign-in-ttc"></i></span> </a> </div> <div class="row p-2 menu-item-1"><a class="w-100 h-100" href="#" onclick="dataLayer.updateIcid('puzzles_reg_regnavbar');modals.emptyHistory();modals.register();"> <span>Register</span> <span class="nav-icons-right"><i class="icon-player-ttc"></i></span> </a> </div> <div class="row p-2 menu-item-2"> <a class="w-100 h-100" href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/#dailyPuzzles" title="All Puzzles"> <span>All Puzzles</span> <span class="nav-icons-right"><i class="icon-arrow-right-ttc"></i></span> </a> </div> <div class="row p-2 menu-item-2"> <a class="w-100 h-100" href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles" title="Crosswords"> <span>Crosswords</span> <span class="nav-icons-right"><i class="icon-arrow-right-ttc"></i></span> </a> </div> <div class="row p-2 menu-item-2"> <a class="w-100 h-100" href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/win-prize" title="Win Prizes"> <span>Win Prizes</span> <span class="nav-icons-right"><i class="icon-arrow-right-ttc"></i></span> </a> </div> <div class="row p-2 menu-item-2"> <a class="w-100 h-100" href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/top-scores" title="Leaderboards"> <span>Leaderboards</span> <span class="nav-icons-right"><i class="icon-arrow-right-ttc"></i></span> </a> </div> <div class="row p-2 menu-item-2"> <a class="w-100 h-100" href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/puzzle-tactics-and-tips" title="The Knowledge"> <span>The Knowledge</span> <span class="nav-icons-right"><i class="icon-arrow-right-ttc"></i></span> </a> </div> <div class="row p-2 bc-062f4f"> <a class="w-100 h-100 c-fff f-s-12 f-f-tt-r" href="https://web.archive.org/web/20190517032221/http://telegraph.co.uk/"> <span>Telegraph.co.uk</span> <span class="nav-icons-right"><i class="icon-link-ttc"></i></span> </a> </div> </div> </div> <script> function menus(menu) { switch (menu) { case 'main': if($('.search-nav-wrapper').is(":visible")) { $('.search-nav-wrapper').hide(); } toggleMenu(); break; case 'search': if($('#dropdown-menu').is(":visible")) { toggleMenu(); } $('.search-nav-wrapper').slideToggle('fast'); } } function toggleMenu() { $('#menu').toggleClass('expanded'); $('#ham-menu').toggleClass('open'); $('#dropdown-menu').slideToggle('fast'); } var links = ['puzzle-tactics', 'tip-offs', 'puzzle-reads', 'puzzle-history', 'inside-puzzles', 'puzzle-tactics-and-tips', 'puzzle-articles', 'inside-puzzles', 'about-telegraph-puzzles']; if (links.indexOf(window.location.pathname.replace(/\//g, '')) > -1) { $('#navbarNav a[href$="all-articles"]').addClass('nav-selected') } $(document).ready(function () { $('.medal-attached').css({ 'min-height': ($('#welcome_username').outerWidth() / 1.44247788), 'min-width': $('#welcome_username').outerWidth() }); }); </script> </div>  <script src="/web/20190517032221js_/https://puzzles.telegraph.co.uk/includes/js/user.js"></script> <script> var user = new User('/includes'); var modals = new Modals({ 'welcome': "<div class=\"container\"> <div class=\"row justify-content-center pb-4\"> <div class=\"col-12 col-md-7\"> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> Have you logged into our Puzzles site in the past? </div> <div class=\"row\"> <div class=\"col-6 pl-0\"> <div class=\"bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" onclick=\"modals.welcome_yes()\"> Yes </div> </div> <div class=\"col-6 pr-0\"> <div class=\"bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" onclick=\"modals.welcome_no()\"> No </div> </div> </div> <div class=\"row bc-ecf7f5 mt-4 mb-2 py-3\"> <div class=\"col-12 f-f-tt-r f-s-16 c-052b4d font-weight-bold pb-2\"> How to tell if you have a Puzzles login </div> <div class=\"col-12 f-f-tt-r f-s-14 c-052b4d\"> If you have ever registered or paid a fee for our Puzzles site, you’ll have a Puzzles account and login details. </div> </div> </div> </div></div>", 'welcome_yes': "<div class=\"container\"> <div class=\"row justify-content-center pb-4\"> <div class=\"col-12 col-md-7\"> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> Do you have a Telegraph account? </div> <div class=\"row\"> <div class=\"col-6 pl-0\"> <div class=\"bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" onclick=\"modals.load('login_yes_yes', 'We’ll now merge your Telegraph accounts');\"> Yes </div> </div> <div class=\"col-6 pr-0\"> <div class=\"bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" onclick=\"modals.register_w_txt();dataLayer.updateIcid('puzzles_reg_overlay');\"> No </div> </div> </div> <div class=\"row bc-ecf7f5 mt-4 mb-2 py-3\"> <div class=\"col-12 f-f-tt-r f-s-16 c-052b4d font-weight-bold pb-2\"> What is a Telegraph account? </div> <div class=\"col-12 f-f-tt-r f-s-14 c-052b4d\"> This is a free online account you will have signed for on The Telegraph website or within our News app, using your email address. You will most likely have signed up to unlock a Premium article, or access other features such as newsletters or My Telegraph. </div> </div> </div> </div></div>", 'welcome_no': "<div class=\"container\"> <div class=\"row justify-content-center pb-4\"> <div class=\"col-12 col-md-7\"> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> Have you previously logged into telegraph.co.uk? </div> <div class=\"row\"> <div class=\"col-6 pl-0\"> <div class=\"bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" onclick=\"modals.load('login', 'Great, you’re nearly ready to play your free puzzle.');\"> Yes </div> </div> <div class=\"col-6 pr-0\"> <div class=\"bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" onclick=\"modals.register();dataLayer.updateIcid('puzzles_reg_overlay');\"> No </div> </div> </div> <div class=\"row bc-ecf7f5 mt-4 mb-2 py-3\"> <div class=\"col-12 f-f-tt-r f-s-16 c-052b4d font-weight-bold pb-2\"> What is a Telegraph account? </div> <div class=\"col-12 f-f-tt-r f-s-14 c-052b4d\"> This is a free online account you will have signed for on The Telegraph website or within our News app, using your email address. You will most likely have signed up to unlock a Premium article, or access other features such as newsletters or My Telegraph. </div> </div> </div> </div></div>", 'login': "<div class=\"container\"> <div class=\"row justify-content-center pt-2\"> <div class=\"col-12 col-md-7 pl-0\"> <div class=\"alert alert-danger login-error\" style=\"display: none;\"> </div> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> <div class=\"col-12\"> Please log in below with your Telegraph account details. </div> </div> <form action=\"/\" method=\"post\" name=\"login\"> <div class=\"form-group\"> <label class=\"f-f-tt-r c-333 f-s-14\" for=\"login-email\">Email address</label> <input id='login-email' name=\"login-Details[email]\" type=\"text\" class=\"form-control rounded-0\" placeholder=\"Enter email address\" onkeypress=\"loginNewKeypress(event)\"/> </div> <div class=\"form-group\"> <label class=\"f-f-tt-r c-333 f-s-14\" for=\"login-password\">Password</label> <input id='login-password' name=\"login-Details[password]\" type=\"password\" class=\"form-control rounded-0\" placeholder=\"Enter password\" onkeypress=\"loginNewKeypress(event)\"/> </div> <div class=\"form-group text-right f-f-tt-r f-s-14\"> <a href=\"https://secure.telegraph.co.uk/secure/password/\" class=\"c-666\">Forgotten password?</a> </div> <div class=\"form-group\"> <div class=\"btn btn-hvr col-12 rounded-0 py-2 bc-05908d c-fff f-f-tt-r f-s-16\" id=\"login-form_submit-btn\" onclick=\"user.loginNew(this)\">Log in </div> </div> <div class=\"form-group\"> <div class=\"col bc-ecf7f5 mt-4 mb-2 py-3 f-f-tt-r f-s-14 c-333\"> A Telegraph account entitles you to one free puzzle a day. If you would like to have unrestricted access to Telegraph Puzzles, subscribe from just £35.88 per year (£2.99 per month). </div> </div> </form> </div> </div></div>", 'login_yes_yes': "<div class=\"container\"> <div class=\"row justify-content-center pt-2\"> <div class=\"col-12 col-md-7 pl-0\"> <div class=\"alert alert-danger login-error\" style=\"display: none;\"> </div> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> <div class=\"col-12\"> Please log in below with your Telegraph account details. </div> </div> <form action=\"/\" method=\"post\" name=\"login\"> <div class=\"form-group\"> <label class=\"f-f-tt-r c-333 f-s-14\" for=\"login-email\">Email address</label> <input id='login-email' name=\"login-Details[email]\" type=\"text\" class=\"form-control rounded-0\" placeholder=\"Enter email address\" onkeypress=\"loginNewKeypress(event)\"/> </div> <div class=\"form-group\"> <label class=\"f-f-tt-r c-333 f-s-14\" for=\"login-password\">Password</label> <input id='login-password' name=\"login-Details[password]\" type=\"password\" class=\"form-control rounded-0\" placeholder=\"Enter password\" onkeypress=\"loginNewKeypress(event)\"/> <div class=\"f-f-tt-r f-s-14 c-979797 pt-2\">You’ll need to remember these login details to access Puzzles in the future</div> </div> <div class=\"form-group\"> <div class=\"btn btn-hvr col-12 rounded-0 py-2 bc-05908d c-fff f-f-tt-r f-s-16\" id=\"login-form_submit-btn\" onclick=\"user.loginNew(this)\">Log in </div> </div> <div class=\"form-group text-right f-f-tt-r f-s-14\"> <a href=\"https://secure.telegraph.co.uk/secure/password/\" class=\"c-666\">Forgotten password?</a> </div> <div class=\"form-group bc-ecf7f5 py-3\"> <div class=\"col-12 f-f-tt-r f-s-16 c-052b4d font-weight-bold pb-2\"> Why do I need to this? </div> <div class=\"col-12 f-f-tt-r f-s-14 c-052b4d\"> We've changed the systems behind our Puzzles site and need you to use your Telegraph account details to log in from now on. Don't worry, all the details in your Puzzles account will safely make their way into your Telegraph account. </div> </div> </form> </div> </div></div>", 'login_link': "<div class=\"container\"> <div class=\"row justify-content-center pt-2\"> <div class=\"col-12 col-md-7 pl-0\"> <div class=\"alert alert-danger\" style=\"display: none;\"> </div> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> <div class=\"col-12\"> We need your Telegraph Puzzles subscription details to link your accounts. <span class=\"f-f-and-sb\">You will only have to do this once.</span> </div> </div> <form action=\"/\" method=\"post\" name=\"login_link\"> <div class=\"form-group\"> <label for=\"login-email\">Email address</label> <input id='login-email' name=\"login-Details[email]\" type=\"text\" class=\"form-control rounded-0\" onkeypress=\"\"/> </div> <div class=\"form-group\"> <label for=\"login-password\">Password</label> <input id='login-password' name=\"login-Details[password]\" type=\"password\" class=\"form-control rounded-0\" onkeypress=\"\"/> </div> <div class=\"form-group text-right f-f-tt-r f-s-14\"> <a href=\"https://puzzles.telegraph.co.uk/forgotten_password\" class=\"c-666\">Forgotten password?</a> </div> <div class=\"form-group\"> <div class=\"btn btn-hvr col-12 rounded-0 py-2 bc-05908d c-fff f-f-tt-r\" id=\"login_link-form_submit-btn\" onclick=\"user.link_accounts(this)\">Log in </div> </div> </form> </div> </div></div>", 'login_old': "<div class=\"container\"> <div class=\"row justify-content-center pt-2\"> <div class=\"col-12 col-md-7 pl-0\"> <div class=\"alert alert-danger\" style=\"display: none;\"> Your email or password are incorrect. Please try again. </div> <form action=\"/\" method=\"post\" name=\"login_old\"> <div class=\"form-group\"> <label for=\"login-email\">Email address</label> <input id='login-email' name=\"login-Details[email]\" type=\"text\" class=\"form-control rounded-0\" onkeypress=\"loginOldKeypress(event)\"/> </div> <div class=\"form-group\"> <label for=\"login-password\">Password</label> <input id='login-password' name=\"login-Details[password]\" type=\"password\" class=\"form-control rounded-0\" onkeypress=\"loginOldKeypress(event)\"/> </div> <div class=\"form-group\"> <div>Forgot your password? <a href=\"https://puzzles.telegraph.co.uk/forgotten_password\">Reset</a></div> </div> <div class=\"form-group\"> <div class=\"btn btn-hvr col-12 rounded-0 py-2 bc-05908d c-fff f-f-tt-r\" id=\"login_old-form_submit-btn\" onclick=\"user.loginOld()\">Log in </div> </div> <input type=\"hidden\" name=\"login-Details[rememberme]\" value=\"on\" style=\"display:none;\"> <input type=\"hidden\" name=\"login-Details[old-form]\" value=\"on\" style=\"display:none;\"> </form> </div> </div></div>", 'register': "<div class=\"container\"> <div class=\"row justify-content-center pt-2\"> <div class=\"col-12 col-md-7\"> <div class=\"row alert alert-danger register-error\" style=\"display: none;\"></div> <div class=\"row f-f-and-r f-s-18 c-052b4d pb-3 modal-subheading\"> In addition to your free puzzle, you’ll enjoy all the benefits of a Telegraph account, including our puzzles newsletter. </div> <form action=\"/\" method=\"post\" name=\"register\"> <div class=\"row\"> <div class=\"col-12 mr-auto\"> <div class=\"form-group row\"> <input id='firstName' name=\"registerDetails[firstName]\" type=\"text\" placeholder=\"First name\" style=\"height: 56px;\" class=\"form-control rounded-0 p-color-1 c-4a4a4a\"/> </div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <input id='lastName' name=\"registerDetails[lastName]\" type=\"text\" placeholder=\"Last name\" style=\"height: 56px;\" class=\"form-control rounded-0 p-color-2 c-666\"/> </div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <input id='register-email' name=\"login-Details[email]\" type=\"text\" style=\"height: 56px;\" placeholder=\"Your email address\" class=\"form-control rounded-0 p-color-1 c-4a4a4a\"/> </div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <input id='register-password' name=\"login-Details[password]\" type=\"password\" placeholder=\"Your password\" style=\"height: 56px;\" class=\"form-control rounded-0 p-color-2 c-666\"/> <div class=\"eye\" onclick=\"togglePassword()\"> <i class=\"icon-eye-slash-ttc\"></i></div> <span class=\"f-f-tt-r f-s-14 c-979797 pt-2\">Use a combination of 8 or more characters</span> </div> </div> <div class=\"form-group\"> <div class=\"bc-f3f5f6 my-2 py-3\"> <div class=\"col-12 f-f-tt-r f-s-14 c-333 pb-3\"> Telegraph Media Group Limited and its group companies would like to keep you informed about other offers, promotions and services that might interest you. Let us know if you would like to hear from us by: </div> <div class=\"col-12 d-inline-block\"> <div class=\"form-check-inline\"> <input name=\"registerDetails[email]\" type=\"checkbox\" id=\"infoEmail\" class=\"form-check-input\"/> <label for=\"infoEmail\" class=\"form-check-label\">Email</label> </div> <div class=\"form-check-inline\"> <input name=\"registerDetails[phone]\" type=\"checkbox\" id=\"infoPhone\" class=\"form-check-input\"/> <label for=\"infoPhone\" class=\"form-check-label\">Phone</label> </div> <div class=\"form-check-inline\"> <input name=\"registerDetails[post]\" type=\"checkbox\" id=\"infoPost\" class=\"form-check-input\"/> <label for=\"infoPost\" class=\"form-check-label\">Post</label> </div> <div class=\"form-check-inline\"> <input name=\"registerDetails[sms]\" type=\"checkbox\" id=\"infoSms\" class=\"form-check-input\"/> <label for=\"infoSms\" class=\"form-check-label\">SMS</label> </div> </div> </div> </div> <div class=\"form-group\"> <div class=\"bc-f3fcfc py-3\"> <div class=\"col-12 f-f-tt-r f-s-14 c-333 pb-3\"> If you would like to receive our monthly newsletter from the Puzzles Editor, please tick the box below: </div> <div class=\"col-12 d-inline-block\"> <div class=\"form-check-inline\"> <input name=\"registerDetails[newsletter]\" type=\"checkbox\" id=\"newsletter\" class=\"form-check-input\"/> <label for=\"newsletter\" class=\"form-check-label\">Yes, please!</label> </div> </div> </div> </div> <div class=\"col-12 my-2\"> <div class=\"row g-recaptcha\" id=\"reCaptcha_modal\"></div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <div class=\"btn btn-hvr rounded-0 py-2 w-100 bc-05908d c-fff f-f-tt-r\" id=\"register-form_submit-btn\" onclick=\"user.registerTMG(false, this)\"> Create your account </div> </div> </div> <div class=\"col-12\"> <div class=\"form-group register-checkbox-text row f-f-tt-r f-s-14 c-666\"> By registering with The Telegraph you agree to our  <a href=\"#\" onclick=\"window.open('https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/tandc','popup','width=520,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false\">Terms & Conditions</a> and our  <a href=\"http://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/\" target=\"_blank\" title=\"Privacy Policy\">Privacy Policy</a>. </div> </div> </div> </form> </div> </div></div>", 'register_w_txt': "<div class=\"container\"> <div class=\"row justify-content-center pt-2\"> <div class=\"col-12 col-md-7\"> <div class=\"row alert alert-danger register-error\" style=\"display: none;\"></div> <div class=\"row f-f-and-r f-s-18 c-052b4d pb-3\"> <div class=\"pb-3\">As part of the update we need you to create a free Telegraph account.</div> <div class=\"pb-3\">You’ll get access to our Puzzles Editor’s regular newsletter, which includes puzzles news, special prize puzzles, and your chance to take part in our monthly clue-writing competition to appear in <i>The Daily Telegraph</i> cryptic crossword.</div> <div>Please enter your current Puzzles email address and create a password below.</div> </div> <form action=\"/\" method=\"post\" name=\"register\"> <div class=\"row\"> <div class=\"col-12 mr-auto\"> <div class=\"form-group row\"> <input id='firstName' name=\"registerDetails[firstName]\" type=\"text\" placeholder=\"First name\" style=\"height: 56px;\" class=\"form-control rounded-0 p-color-1 c-4a4a4a\"/> </div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <input id='lastName' name=\"registerDetails[lastName]\" type=\"text\" placeholder=\"Last name\" style=\"height: 56px;\" class=\"form-control rounded-0 p-color-2 c-666\"/> </div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <input id='register-email' name=\"login-Details[email]\" type=\"text\" style=\"height: 56px;\" placeholder=\"Your email address\" class=\"form-control rounded-0 p-color-1 c-4a4a4a\"/> </div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <input id='register-password' name=\"login-Details[password]\" type=\"password\" placeholder=\"Your password\" style=\"height: 56px;\" class=\"form-control rounded-0 p-color-2 c-666\"/> <div class=\"eye\" onclick=\"togglePassword()\"> <i class=\"icon-eye-slash-ttc\"></i></div> <span class=\"f-f-tt-r f-s-14 c-979797 pt-2\">Use a combination of 8 or more characters. You’ll need to remember these details to access Puzzles in the future.</span> </div> </div> <div class=\"form-group\"> <div class=\"bc-f3f5f6 my-2 py-3\"> <div class=\"col-12 f-f-tt-r f-s-14 c-333 pb-3\"> Telegraph Media Group Limited and its group companies would like to keep you informed about other offers, promotions and services that might interest you. Let us know if you would like to hear from us by: </div> <div class=\"col-12 d-inline-block\"> <div class=\"form-check-inline\"> <input name=\"registerDetails[email]\" type=\"checkbox\" id=\"infoEmail\" class=\"form-check-input\"/> <label for=\"infoEmail\" class=\"form-check-label\">Email</label> </div> <div class=\"form-check-inline\"> <input name=\"registerDetails[phone]\" type=\"checkbox\" id=\"infoPhone\" class=\"form-check-input\"/> <label for=\"infoPhone\" class=\"form-check-label\">Phone</label> </div> <div class=\"form-check-inline\"> <input name=\"registerDetails[post]\" type=\"checkbox\" id=\"infoPost\" class=\"form-check-input\"/> <label for=\"infoPost\" class=\"form-check-label\">Post</label> </div> <div class=\"form-check-inline\"> <input name=\"registerDetails[sms]\" type=\"checkbox\" id=\"infoSms\" class=\"form-check-input\"/> <label for=\"infoSms\" class=\"form-check-label\">SMS</label> </div> </div> </div> </div> <div class=\"form-group\"> <div class=\"bc-f3fcfc py-3\"> <div class=\"col-12 f-f-tt-r f-s-14 c-333 pb-3\"> If you would like to receive our monthly newsletter from the Puzzles Editor, please tick the box below: </div> <div class=\"col-12 d-inline-block\"> <div class=\"form-check-inline\"> <input name=\"registerDetails[newsletter]\" type=\"checkbox\" id=\"newsletter\" class=\"form-check-input\"/> <label for=\"newsletter\" class=\"form-check-label\">Yes, please!</label> </div> </div> </div> </div> <div class=\"col-12 my-2\"> <div class=\"row g-recaptcha\" id=\"reCaptcha_modal\"></div> </div> <div class=\"col-12\"> <div class=\"form-group row\"> <div class=\"btn btn-hvr rounded-0 py-2 w-100 bc-05908d c-fff f-f-tt-r\" id=\"register-form_submit-btn\" onclick=\"user.registerTMG(true, this)\">Create your account </div> </div> </div> <div class=\"col-12\"> <div class=\"form-group register-checkbox-text row f-f-tt-r f-s-14 c-666\"> By registering with The Telegraph you agree to our  <a href=\"#\" onclick=\"window.open('https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/tandc','popup','width=520,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false\">Terms and Conditions</a> and our  <a href=\"http://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/\" target=\"_blank\" title=\"Privacy Policy\">Privacy Policy</a>. </div> </div> <div class=\"col-12 pt-2 px-0\"> <div class=\"form-group register-checkbox-text f-f-tt-r f-s-14 c-333\"> <a href=\"#\" onclick=\"modals.login_old()\">No thanks</a>, I don't want to create a Telegraph account, or enter the prize draw. I will continue playing with my old Telegraph Puzzles account details. </div> </div> </div> </form> </div> </div></div>", 'final': "<div class=\"container\"> <div class=\"row justify-content-center pb-4\"> <div class=\"col-12 col-md-7\"> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> If you need to log in in the future, please use your Telegraph account details. </div> <div class=\"row\"> <div class=\"col-12 bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" data-dismiss=\"modal\"> Let's play! </div> </div> </div> </div></div>", 'congrats_no': "<div class=\"container\"> <div class=\"row justify-content-center pb-4\"> <div class=\"col-12 col-md-7\"> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> With this account, you can access one randomly selected puzzle a day, which you’ll find on the homepage. Don’t forget you can use these details to log into The Telegraph website. <br><br> For access to our archive of more than 17,000 puzzles, start a seven-day free trial, or opt for a monthly or annual subscription. </div> <div class=\"row\"> <div class=\"col-12 bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" data-dismiss=\"modal\"> Let's play! </div> </div> </div> </div></div>", 'congrats_yes': "<div class=\"container\"> <div class=\"row justify-content-center pb-4\"> <div class=\"col-12 col-md-7\"> <div class=\"row f-f-and-r f-s-18 c-052b4d pt-1 pb-3\"> With this account, you can access one randomly selected puzzle a day, which you'll find on the Puzzles homepage. Don’t forget, you can also use these details to log into The Telegraph website. <br><br> For access to our archive of more than 17,000 puzzles, try a seven-day free trial, or opt for a monthly or annual subscription. </div> <div class=\"row\"> <div class=\"col-12 bc-03908b c-fff py-3 text-center f-f-tt-r f-s-16 pointer\" data-dismiss=\"modal\"> Let's play! </div> </div> </div> </div></div>", }); modals.setSiteKey('6LeyJiUTAAAAAI9Mb0xwy_2_zvWs2yGg2Lvna9zW'); function loginNewKeypress(e) { if (e.keyCode == 13 || e.which == 13) { user.loginNew(); } } function loginOldKeypress(e) { if (e.keyCode == 13 || e.which == 13) { user.loginOld(); } } $('#login-modal').on("hidden.bs.modal", function () { modals.emptyHistory(); }); $(document).ready(function () { var excluded_paths = ['/subscribe', '/forgotten_password']; if(!getCookie('noModal') && !excluded_paths.includes(window.location.pathname)) { modals.welcome(); } function getCookie(a) { var b = document.cookie.match('(^|;)\\s*' + a + '\\s*=\\s*([^;]+)'); return b ? b.pop() : null; } }); function togglePassword() { var passwordField = document.getElementById('register-password'); var value = passwordField.value; var eye = $('.eye'); if(passwordField.type == 'password') { passwordField.type = 'text'; eye.addClass('bc-04777b c-fff'); eye.find('i').removeAttr('class').addClass('icon-eye-ttc'); } else { eye.removeClass('bc-04777b c-fff'); passwordField.type = 'password'; eye.find('i').removeAttr('class').addClass('icon-eye-slash-ttc'); } passwordField.value = value; } </script></div>  <div class="content-wrapper"><div class="container-fluid bc-f3fcfc welcomeMessage"> <div class="row justify-content-center "> <div class="col-xl-9 col-lg-10 col-12"> <div class="row"> <div class="col-12 col-sm-8 col-md-7 col-lg-6 my-2 my-sm-4">  <div class="row"> <div class="col px-lg-0 title"> <h1>Subscribe to Telegraph Puzzles today</h1> </div> </div> <div class="justify-content-center justify-content-sm-start row"> <p class="col-lg-9 col-sm-10 col-md-9 col-11 py-2 py-sm-4 px-lg-0 px-0 px-sm-3 title-text"> Choose from a £4.99 monthly subscription or an annual subscription for £35.88 </p> </div> </div>  </div> </div> </div> </div><div id="overlay"></div> <div class="container-fluid"> <div class="row justify-content-center" style="background-color: #E7F5F3;"> <div class="col-12 col-lg-10 col-xl-9 px-lg-0"> <div class="row my-3 pl-3" style="color:#052b4d;"> <div class="col-12 py-1 px-0 step-count f-f-tt-r f-s-16">Step <span id="current_step">1</span> of 2</div> <div class="col-12 py-1 px-0 subscribe-title f-s-24 f-f-and-sb">Create your puzzles account</div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row justify-content-center subscription-container"> <div class="col-12 col-lg-10 col-xl-9 px-lg-0"> <div class="row mt-5"> <div class="col-12 col-lg-6 col-sm-7 step-1"> <div class="subscribe-error-step-1 alert alert-danger" style="display: none;"></div> <form action="/web/20190517032221/https://puzzles.telegraph.co.uk/" method="post" name="register"> <div class="form-row"> <div class="form-group col-6 required"> <label class="control-label" for="registerData-firstName">First name</label> <input id="registerData-firstName" type="text" placeholder="Enter name" class="form-control rounded-0 py-3" reqired/> </div> <div class="form-group col-6 required"> <label class="control-label" for="registerData-lastName">Surname</label> <input id="registerData-lastName" type="text" placeholder="Enter surname" class="form-control rounded-0 py-3" reqired/> </div> </div> <div class="form-group required"> <label class="control-label" for="registerData-email">Email address</label> <input id="registerData-email" type="text" placeholder="Enter email address" class="form-control rounded-0 py-3" reqired/> <div class="form-text text-right pt-2 f-f-tt-r c-9e9e9e"> Please ensure your email address is correct as confirmation of your account will be sent to this email address. </div> </div> <div class="form-group required"> <label class="control-label" for="registerData-password">Password</label> <input id="registerData-password" type="password" placeholder="Use a combination of 8 or more characters" class="form-control rounded-0 py-3" reqired/> <div class="text-right pt-2" style="font: 14px 'Telesans Text Regular';color: #9e9e9e;"> Password should be at least 4 characters with no spaces and punctuation. </div> </div> <div class="form-group"> <div class="bc-f3f5f6 my-2 py-3"> <div class="col-12 f-f-tt-r f-s-14 c-333 pb-3"> Telegraph Media Group Limited and its group companies would like to keep you informed about other offers, promotions and services that might interest you. Let us know if you would like to hear from us by: </div> <div class="col-12 d-inline-block"> <div class="form-check-inline"> <input name="registerDetails[email]" type="checkbox" id="infoEmail" class="form-check-input"/> <label for="infoEmail" class="form-check-label">Email</label> </div> <div class="form-check-inline"> <input name="registerDetails[phone]" type="checkbox" id="infoPhone" class="form-check-input"/> <label for="infoPhone" class="form-check-label">Phone</label> </div> <div class="form-check-inline"> <input name="registerDetails[post]" type="checkbox" id="infoPost" class="form-check-input"/> <label for="infoPost" class="form-check-label">Post</label> </div> <div class="form-check-inline"> <input name="registerDetails[sms]" type="checkbox" id="infoSms" class="form-check-input"/> <label for="infoSms" class="form-check-label">SMS</label> </div> </div> </div> </div> <div class="form-group"> <div class="bc-f3fcfc py-3"> <div class="col-12 f-f-tt-r f-s-14 c-333 pb-3"> If you would like to receive our monthly newsletter from the Puzzles Editor, please tick the box below: </div> <div class="col-12 d-inline-block"> <div class="form-check-inline"> <input name="registerDetails[newsletter]" type="checkbox" id="newsletter" class="form-check-input"/> <label for="newsletter" class="form-check-label">Yes, please!</label> </div> </div> </div> </div> <div class="form-group my-2"> <div class="g-recaptcha" id="reCaptcha"></div> </div> <div class="form-group"> <div class="btn rounded-0 py-2 w-100 bc-05908d c-fff" id="subsription_form_register_btn"> Next </div> </div> <div class="form-group register-checkbox-text"> By registering with The Telegraph you agree to our <a target="_blank" href="https://web.archive.org/web/20190517032221/https://www.telegraph.co.uk/about-us/terms-and-conditions/">Terms and Conditions</a> and our <a target="_blank" href="https://web.archive.org/web/20190517032221/https://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/">Privacy Policy</a>. </div> <div class="form-group register-checkbox-text"> Already have a Telegraph Puzzles subscription? <a href="#" onclick="event.preventDefault();modals.emptyHistory();modals.login_old();"> Click here</a> </div> </form> <script>dataLayer.event = ['subscriptionStep1', 'registration'];</script> </div> <div class="col-12 col-lg-6 col-sm-7 step-2" style="display: none;"> <form action="/web/20190517032221/https://puzzles.telegraph.co.uk/" method="post" name="puzzles_account"> <div class="row"> <div class="col-12"> <div class="form-group"> <label for="account-details-nickname">Your nickname *</label> <input id="account-details-nickname" name="account-Details[nickname]" type="text" class="form-control rounded-0 py-3"/> <div class="text-right pt-2" style="font: 14px 'Telesans Text Regular';color: #9e9e9e;"> Choose a nickname for your profile to appear on the leaderboard.<br> Change your privacy settings at anytime. </div> </div> </div> <div class="col-12"> <div class="form-group"> <label for="account-details-telephone">Telephone * </label> <input id="account-details-telephone" name="account-Details[telephone]" type="text" class="form-control rounded-0 py-3"/> </div> </div> <div class="col-12"> <div class="form-group"> <label for="user-date-day">Date of birth * </label> <div class="col-12 col-md-9 col-sm-10 p-0"> <div class="row"> <div class="col-3 mr-auto"> <select class="form-control rounded-0 pl-2" id="user-date-day" name="account-Details[birthday[day]]" style="height: 50px;"> <option value="0">Day</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> </div> <div class="col-4 mx-auto"> <select class="form-control rounded-0" id="user-date-month" name="account-Details[birthday[month]]" style="height: 50px;"> <option value="0">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> </div> <div class="col-4 mx-auto"> <select class="form-control rounded-0" id="user-date-year" name="account-Details[birthday[year]]" style="height: 50px;"> <option value="0">Year</option> <option value="2019">2019</option> <option value="2018">2018</option> <option value="2017">2017</option> <option value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> <option value="1923">1923</option> <option value="1922">1922</option> <option value="1921">1921</option> <option value="1920">1920</option> <option value="1919">1919</option> <option value="1918">1918</option> <option value="1917">1917</option> <option value="1916">1916</option> <option value="1915">1915</option> <option value="1914">1914</option> <option value="1913">1913</option> <option value="1912">1912</option> <option value="1911">1911</option> <option value="1910">1910</option> <option value="1909">1909</option> <option value="1908">1908</option> <option value="1907">1907</option> <option value="1906">1906</option> <option value="1905">1905</option> <option value="1904">1904</option> <option value="1903">1903</option> <option value="1902">1902</option> <option value="1901">1901</option> <option value="1900">1900</option> </select> </div> </div> </div> <div class="text-right pt-2" style="font: 14px 'Telesans Text Regular';color: #9e9e9e;"> We use this for verification if you need to contact us. </div> </div> </div> <div class="col-12 postcode_address"> <div class="form-group mb-0 postcode-search"> <label for="postcode-input_1">Postcode search </label> <input id="postcode-input_1" type="text" class="form-control rounded-0 py-3 fa-inside postcode-input" placeholder="Enter postcode" style="height: 50px;"/> <i class="icon-search-ttc form-fa-input"></i> </div> <div class="form-group mb-0 postcode-field" style="display: none;"> <label for="postcode-field">Postcode *</label> <input id="postcode-field" name="account-Details[postcode]" type="text" class="form-control rounded-0 py-3 postcode-input"/> </div> <div class="form-group"> <div class="postcode-panel" style="display: none;"> </div> </div> <div class="row find_address"> <div class="col-4"> <div class="row pl-3 text-center" style="height: 56px;"> <div class="w-100 h-100 rounded-0 p-3 postcode-search" onclick="searchPostcode()" style="background-color: #ddd;cursor: pointer;"> Find address </div> </div> </div> <div class="col-8"> If you live outside the UK, or can't find your postcode, <span class="btn-link" style="cursor: pointer;" onclick="toggleAddressFields()">enter your address manually</span> </div> </div> <div class="row postcode_address_full" style="display: none;">  <div class="col-12"> <div class="form-group"> <label for="address_line_1">Address Line 1 * </label> <input id="address_line_1" name="account-Details[address[line_1]]" type="text" class="form-control rounded-0 py-3 address_line_1"/> </div> </div> <div class="col-12"> <div class="form-group"> <label for="address_line_2">Address Line 2 </label> <input id="address_line_2" name="account-Details[address[line_2]]" type="text" class="form-control rounded-0 py-3 address_line_2"/> </div> </div> <div class="col-12"> <div class="form-group"> <label for="address_city">City / Town * </label> <input id="address_city" name="account-Details[address[city]]" type="text" class="form-control rounded-0 py-3 address_city"/> </div> </div> <div class="col-12"> <div class="form-group"> <label for="address_country">Country * </label> <select class="form-control rounded-0 address_country" id="address_country" name="account-Details[address[country]]" style="height: 50px;"> <option value="" selected>Country</option> <option value="UK">United Kingdom</option> <option value="US">United States</option> <option value="AU">Australia</option> <option value="CA">Canada</option> <option value="NZ">New Zealand</option> <option value=""> --- </option> <option value="AF">Afghanistan</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="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="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="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="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="TP">East Timor</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="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="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JO">Jordan</option> <option value="KZ">Kazakstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea Democratic Peoples Republic Of</option> <option value="KR">Korea Republic Of</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao Peoples 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">Macau</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="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="AN">Netherlands Antilles</option> <option value="NC">New Caledonia</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="SH">Saint Helena</option> <option value="KN">Saint Kitts And Nevis</option> <option value="LC">Saint Lucia</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="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</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="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, Province Of China</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic Of</option> <option value="TH">Thailand</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="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="YU">Yugoslavia</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> </div> </div> </div> </div> <div class="col-12 my-4"> <div class="mb-2">Is this your billing address?</div> <div class="form-check my-3"> <input class="form-check-input" type="radio" name="is_billing" id="is_billing1" value="yes" checked> <label class="form-check-label pl-2" for="is_billing1"> Yes </label> </div> <div class="form-check my-1"> <input class="form-check-input" type="radio" name="is_billing" id="is_billing2" value="no"> <label class="form-check-label pl-2" for="is_billing2"> No </label> </div> </div> <div class="col-12 billing_postcode_address" style="display: none;"> <div class="form-group mb-0 postcode-search"> <label for="postcode-input_2">Postcode search </label> <input id="postcode-input_2" type="text" class="form-control rounded-0 py-3 fa-inside postcode-input" placeholder="Enter postcode"/> <i class="icon-search-ttc form-fa-input"></i> </div> <div class="form-group mb-0 postcode-field" style="display: none;"> <label for="billing_postcode-field">Postcode *</label> <input id="billing_postcode-field" name="account-Details[postcode]" type="text" class="form-control rounded-0 py-3 postcode-input" placeholder="Enter postcode"/> </div> <div class="form-group"> <div class="postcode-panel" style="display: none;"> </div> </div> <div class="row find_address"> <div class="col-4"> <div class="row pl-3 text-center" style="height: 56px;"> <div class="w-100 h-100 rounded-0 p-3 postcode-search bc-ddd pointer" onclick="searchPostcode(true)"> Find address </div> </div> </div> <div class="col-8"> If you live outside the UK, or can't find your postcode, <span class="btn-link pointer" onclick="toggleAddressFields(true)">enter your address manually</span> </div> </div> <div class="row postcode_address_full" style="display: none;">  <div class="col-12"> <div class="form-group"> <label for="billing_address_line_1">Address Line 1 * </label> <input id="billing_address_line_1" name="account-Details[billing_address[line_1]]" type="text" class="form-control rounded-0 py-3 address_line_1"/> </div> </div> <div class="col-12"> <div class="form-group"> <label for="billing_address_line_2">Address Line 2 </label> <input id="billing_address_line_2" name="account-Details[billing_address[line_2]]" type="text" class="form-control rounded-0 py-3 address_line_2"/> </div> </div> <div class="col-12"> <div class="form-group"> <label for="billing_address_city">City / Town * </label> <input id="billing_address_city" name="account-Details[billing_address[city]]" type="text" class="form-control rounded-0 py-3 address_city"/> </div> </div> <div class="col-12"> <div class="form-group"> <label for="billing_address_country">Country * </label> <select class="form-control rounded-0 address_country" id="billing_address_country" name="account-Details[billing_address[country]]" style="height: 50px;"> <option value="" selected>Country</option> <option value="UK">United Kingdom</option> <option value="US">United States</option> <option value="AU">Australia</option> <option value="CA">Canada</option> <option value="NZ">New Zealand</option> <option value=""> --- </option> <option value="AF">Afghanistan</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="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="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="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="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="TP">East Timor</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="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="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JO">Jordan</option> <option value="KZ">Kazakstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea Democratic Peoples Republic Of</option> <option value="KR">Korea Republic Of</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao Peoples 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">Macau</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="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="AN">Netherlands Antilles</option> <option value="NC">New Caledonia</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="SH">Saint Helena</option> <option value="KN">Saint Kitts And Nevis</option> <option value="LC">Saint Lucia</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="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</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="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, Province Of China</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic Of</option> <option value="TH">Thailand</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="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="YU">Yugoslavia</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> </div> </div> </div> </div> <div class="col-12 my-3"> <div class="form-group register-checkbox-text"> *denotes a mandatory field </div> </div> <div class="col-12"><hr></div> <div class="col-12 my-2"> <div class="my-3 c-052b4d f-f-and-sb f-s-24">Monthly Subscription at £4.99</div> <div class="c-333 f-s-17 f-f-and-r">Invoiced monthly at £4.99 per month, we automatically renew your subscription each month so that you can enjoy uninterrupted access to the service. If you wish to cancel your ongoing subscription at any time please visit <b>My Account</b>.</div> <div class="form-group my-3"> <div class="btn rounded-0 py-2 w-100 bc-05908d c-fff" onclick="submitAccountData(true)">Select this option and pay </div> </div> </div> <div class="col-12 my-3"> <div class="my-2 c-052b4d f-s-24 f-f-and-sb">Annual Subscription at £35.88</div> <div class="c-333 f-s-17 f-f-and-r">Invoiced annually at £35.88 (equivalent to £2.99 per month) for a 12-month period, we automatically renew your subscription so that you can enjoy uninterrupted access to the service. If you wish to cancel your ongoing subscription at any time please visit <b>My Account</b>.</div> <div class="form-group my-3"> <div class="btn rounded-0 py-2 w-100 bc-05908d c-fff" onclick="submitAccountData(false)">Select this option and pay </div> </div> </div> <div class="col-12 my-3"> <div class="my-2 c-052b4d f-s-24 f-f-and-sb">Sign up for a 7 day free trial</div> <div class="c-333 f-s-17 f-f-and-r">To qualify for your 7 day free trial, you need to register with your card details. Your monthly subscription of £4.99 per month or annual subscription of £35.88 will start automatically at the end of your free trial unless you cancel.</div> <div class="form-group my-3"> <div class="btn rounded-0 py-2 w-100 bc-05908d c-fff" onclick="step3();">Select this option and pay </div> </div> </div> </div> </form> <script> if(typeof dataLayer.event === 'undefined') { dataLayer.event = ['subscriptionStep2']; } </script> </div> <div class="col-12 col-lg-6 col-sm-7 step-3" style="display: none;"> <div class="row"> <div class="col-12 my-2"> <div class="c-333 f-s-17 f-f-and-r border-bottom pb-4"> We hope you enjoy your 7 day free trial. Select the subscription you would like to continue with once the trial is over. You will not be charged until your free trial ends, and <b>you can cancel at any time</b>. </div> </div> <div class="col-12 my-2"> <div class="my-3 c-052b4d f-f-and-sb f-s-24">Monthly Subscription at £4.99</div> <div class="c-333 f-s-17 f-f-and-r">Invoiced monthly at £4.99 per month, we automatically renew your subscription each month so that you can enjoy uninterrupted access to the service. If you wish to cancel your ongoing subscription at any time please visit <b>My Account</b>.</div> <div class="form-group my-3"> <div class="btn rounded-0 py-2 w-100 bc-05908d c-fff" onclick="submitAccountData(true, true)">Select this option </div> </div> </div> <div class="col-12 my-3"> <div class="my-2 c-052b4d f-s-24 f-f-and-sb">Annual Subscription at £35.88</div> <div class="c-333 f-s-17 f-f-and-r">Invoiced annually at £35.88 (equivalent to £2.99 per month) for a 12-month period, we automatically renew your subscription so that you can enjoy uninterrupted access to the service. If you wish to cancel your ongoing subscription at any time please visit <b>My Account</b>.</div> <div class="form-group my-3"> <div class="btn rounded-0 py-2 w-100 bc-05908d c-fff" onclick="submitAccountData(false, true)">Select this option </div> </div> </div> </div> </div> <div class="align-self-baseline sticky-top offset-lg-2 col justify-content-center pr-lg-0 subbox"> <div class="row justify-content-center my-2 mx-0"> <div class="col-12 col-sm-11 border"> <style> ul.green-diamonds { list-style: none; /* Remove HTML bullets */ padding: 0; margin: 0; } ul.green-diamonds li { padding-left: 16px; } ul.green-diamonds li::before { content: "◆"; /* Insert content that looks like bullets */ font-size: 12px; padding-right: 8px; color: #05908d; /* Or a color you prefer */ } ul.green-diamonds li:last-child::before { content: ""; /* Remove last bullet*/ padding-right: 18px; } </style> <div class="text-center my-3 c-333 f-s-24 f-f-and-m"> Telegraph Puzzles <div class="c-05908d">Subscription</div> </div> <hr> <div class="text-center my-2 f-f-ant-r f-s-14 c-333">With Telegraph Puzzles you will receive:</div> <ul class="green-diamonds py-1 f-f-ant-r f-s-14 c-333"> <li>Quick Crosswords</li> <li>Cryptic Crosswords</li> <li>General Knowledge</li> <li>Enigmatic Variations</li> <li>Codewords</li> <li>Sudoku</li> <li>Kakuro</li> <li>Mind Gym</li> <li>and many more!</li> </ul> <hr> <div class="my-3 text-center"> <div class="c-05908d f-s-20 f-f-and-m">£4.99 per month</div> <div class="py-2 c-082f4f f-s-14 f-f-tt-r">or</div> <div class="c-05908d f-s-20 f-f-and-m">£35.88 per year</div> <div class="py-2 c-082f4f f-s-14 f-f-tt-r">or</div> <div class="c-05908d f-s-20 f-f-and-m">Free trial</div> </div> <hr> <div class="px-2 my-3 f-f-ant-r f-s-14 c-333"> Telegraph Puzzles throws down the ultimate gauntlet for even the most quick-witted of puzzlers with a plethora of mind-bending challenges. </div> </div> </div> </div> </div> </div> </div> </div> <script> var user_id = ''; var auth_key = ''; $('#subsription_form_register_btn').on('click', function () { $.ajax({ url : "/includes/php/register.php", /* registration page */ data : { registerDetails : { firstName: document.getElementById('registerData-firstName').value, lastName: document.getElementById('registerData-lastName').value, email: document.getElementById('registerData-email').value, password: document.getElementById('registerData-password').value, infoEmail: document.getElementById('infoEmail').checked ? 'on' : '', infoPhone: document.getElementById('infoPhone').checked ? 'on' : '', infoPost: document.getElementById('infoPost').checked ? 'on' : '', infoSms: document.getElementById('infoSms').checked ? 'on' : '', newsletter: document.getElementById('newsletter').checked ? 'on' : '', reCaptcha : grecaptcha.getResponse() } }, type : 'POST', beforeSend : function () { //show img // $('.subscription-container').addClass('loading'); $('#overlay').show(); }, complete : function () { //hide img // $('.subscription-container').removeClass('loading'); $('#overlay').hide(); }, success : function (data) { if(data.error) { // display error $('.subscribe-error-step-1').html(data.error).show(); grecaptcha.reset() } else if(data.success) { $.ajax({ type : 'POST', data : { 'login-Details' : { email: document.getElementById('registerData-email').value, password: document.getElementById('registerData-password').value, } } }); $('.subscribe-error-step-1').hide(); user_id = data.user_id; auth_key = data.auth_key; $('#current_step').html('2'); $('.step-1').remove(); $('.step-2').fadeIn(); dataLayer.accountType = 'registered'; dataLayer.event = ['subscriptionStep2', 'registrationComplete']; dataLayer.registrationType = 'standard'; } } }); }); $('.postcode_address .postcode-input').on('keypress', function(e) { if(e.keyCode === 13){ e.preventDefault(); searchPostcode(); } }); $('.billing_postcode_address .postcode-input').on('keypress', function(e) { if(e.keyCode === 13){ e.preventDefault(); searchPostcode(true); } }); function searchPostcode (billing) { if(billing) { var outer_div = '.billing_postcode_address '; } else { var outer_div = '.postcode_address '; } var input = $(outer_div + '.postcode-input').val(); if (input.length > 0) { $.ajax({ 'method' : 'POST', 'data' : { 'async' : 'postcode', 'postcode' : input }, 'success' : function (data) { if(data !== '' && !$.isEmptyObject(data)) { $(outer_div + '.postcode-panel').empty().show(); $.each(data, function (key, value) { $(outer_div + '.postcode-panel').append( '<a class="dropdown-item p-1" href="#" value="' + key + '">'+ value +'</a>' ); }); $(outer_div + '.postcode-panel a').on('click', function (e) { e.preventDefault(); billing = billing ? true : false; getAddress($(this).attr('value'), billing); }); } else { $(outer_div + '.postcode-panel').empty().hide(); } } }); } } function getAddress (addr_val, billing) { if (addr_val.length > 0) { $.ajax({ 'method' : 'POST', 'data' : { 'async' : 'postcode', 'address_id' : addr_val }, 'success' : function (data) { toggleAddressFields(billing, data[0]); } }); } } function toggleAddressFields (billing, data) { /*if($('.postcode-panel').is(':visible')) { return; // stop execution, if addresses panel is open }*/ if(billing) { var outer_div = '.billing_postcode_address '; } else { var outer_div = '.postcode_address '; } if(data) { $(outer_div + '.postcode-panel').empty().hide(); $(outer_div + '.postcode-input').val(data.postcode); $(outer_div + '.address_line_1').val(data.line1); if(data.line2) $(outer_div + '.address_line_2').val(data.line2); else if(data.organisation_name) $(outer_div + '.address_line_2').val(data.organisation_name); $(outer_div + '.address_city').val(data.post_town); $(outer_div + '.address_country').val('UK'); } $(outer_div + '.postcode-search').toggle(); $(outer_div + '.postcode-field').toggle(); $(outer_div + '.postcode_address_full').toggle(); $(outer_div + ' .find_address').toggle(); } function validateFields(data) { var warning = 'alert-danger'; $('.step-2 input').removeClass('alert-danger'); $('.step-2 select').removeClass('alert-danger'); if(!$.isEmptyObject(data)) { if (data.nickname.length < 1) $('#account-details-nickname').addClass(warning); if (data.telephone.length < 8) $('#account-details-telephone').addClass(warning); if (data.dob == null) { $('#user-date-day').addClass(warning); $('#user-date-month').addClass(warning); $('#user-date-year').addClass(warning); } if(data.address.postcode.length < 3){ $('#postcode-input_1').addClass(warning); $('#postcode-field').addClass(warning); } if(data.address.address_1.length < 1){ $('#address_line_1').addClass(warning); } if(data.address.city.length < 1){ $('#address_city').addClass(warning); } if(data.address.country.length < 1){ $('#address_country').addClass(warning); } if(data.is_billing == 'no') { if(data.billing_address.postcode.length < 3){ $('#postcode-input_2').addClass(warning); $('#billing_postcode-field').addClass(warning); } if(data.billing_address.address_1.length < 1){ $('#billing_address_line_1').addClass(warning); } if(data.billing_address.city.length < 1){ $('#billing_address_city').addClass(warning); } if(data.billing_address.country.length < 1){ $('#billing_address_country').addClass(warning); } } if($('.step-2 .alert-danger').length == 0) return true; else return false; } } function getDate () { var day = $('#user-date-day').find(':selected').val(); var month = $('#user-date-month').find(':selected').val() var year = $('#user-date-year').find(':selected').val(); if(day > 0 && month > 0 && year > 0) return year + '-' + month + '-' + day; else return null; } function getData() { var accountDetails = { nickname: document.getElementById('account-details-nickname').value, telephone: document.getElementById('account-details-telephone').value, dob: getDate(), address : { postcode : $('#postcode-input_1').val() ? $('#postcode-input_1').val() : $('#postcode-field').val(), address_1 : $('.postcode_address .address_line_1').val(), address_2 : $('.postcode_address .address_line_2').val(), city : $('.postcode_address .address_city').val(), country : $('.postcode_address .address_country').val() }, is_billing : $('input[name="is_billing"]').val() } if(accountDetails.is_billing == 'no') { accountDetails.billing_address = { postcode : $('#postcode-input_2').val() ? $('#postcode-input_2').val() : $('#billing_postcode-field').val(), address_1 : $('.billing_postcode_address .address_line_1').val(), address_2 : $('.billing_postcode_address .address_line_2').val(), city : $('.billing_postcode_address .address_city').val(), country : $('.billing_postcode_address .address_country').val() } } if(validateFields(accountDetails)) return accountDetails; else return false; } function submitAccountData (monthly, delay) { var accountDetails = getData(); if(accountDetails) { accountDetails.user_id = user_id; accountDetails.auth_key = auth_key; accountDetails.type = monthly ? 'monthly' : 'annually'; accountDetails.delay = delay ? 1 : 0; dataLayer.event = ['subscriptionComplete']; dataLayer.subscriptionPlan = delay ? (monthly ? 'monthly - free' : 'annual - free') : (monthly ? 'monthly' : 'annual'); $.post( "/includes/php/subscribe.php", { 'account-Details' : accountDetails }, function (data) { if (data.error) { // display error //$('.register-error').html(data.error).show(); } else if (data.success) { window.location.replace(data.success); } } ); } } function step3() { if(getData()) { $('.subscription-container > .col-12 > .row > div:not(.subbox)').hide(); $('.step-count').html(''); $('.subscribe-title').html('7 day free trial - Select subscription'); $('.step-3').show(); } } window.onload = function() { grecaptcha.render(document.getElementById('reCaptcha'), { 'sitekey': '6LeyJiUTAAAAAI9Mb0xwy_2_zvWs2yGg2Lvna9zW' }); } $(document).ready(function(){ $('input[name="is_billing"]').on('change', function(e) { if(this.value == 'yes') { $('.billing_postcode_address').hide(); } else { $('.billing_postcode_address').show(); } }); }); </script> <div class="push"></div> </div>    <footer id="footer"> <div class="container-fluid" style="background-color: #052844;"> <div class="row justify-content-center"> <div class="col-12 col-lg-10 col-xl-9 px-lg-0"> <div class="row mt-3"> <div class="col-auto mr-auto" style="height: 30px;"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/"> <img class="img-fluid" src="https://web.archive.org/web/20190517032221im_/https://puzzles.telegraph.co.uk/images/banners/tmg_logo.svg"/> </a> </div> <div class="col-auto"> <a class="scrollToTop" style="cursor: pointer;"> Scroll to top <i class="icon-arrow-top-ttc"></i> </a> <script> $('.scrollToTop').click(function() { $("html,body").animate({ scrollTop: 0 }, "slow"); }); </script> </div> </div> <hr style="border: solid 1px #03908b;"> <div class="row pb-3"> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/quick-crossword" title="Quick Crosswords">Quick Crosswords</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/cryptic-crossword" title="Cryptic Crosswords">Cryptic Crosswords</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/quick-general-knowledge-crossword" title="Quick General Knowledge">Quick General Knowledge</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/hard-crossword" title="Toughie Crosswords">Toughie Crosswords</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/enigmatic-variations" title="Enigmatic Variations">Enigmatic Variations</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/general-knowledge-crossword" title="General Knowledge">General Knowledge</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/giant-general-knowledge-crossword" title="Giant General Knowledge">Giant General Knowledge</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/word-puzzles/codewords" title="Codewords">Codewords</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/sudoku/sudoku-easy" title="Sudoku - Gentle">Sudoku - Gentle</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/sudoku/sudoku-medium" title="Sudoku - Moderate">Sudoku - Moderate</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/sudoku/sudoku-hard" title="Sudoku - Tough">Sudoku - Tough</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/sudoku/sudoku-advanced" title="Sudoku - Diabolical">Sudoku - Diabolical</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/number-puzzles-mind-gym" title="Mind Gym">Mind Gym</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/kakuro" title="Kakuro">Kakuro</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/crossword-puzzles/herculis" title="Herculis">Herculis</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/win-prize" title="Prize Puzzles" class="c-02c3aa">Prize Puzzles</a> </div> </div> </div> </div> </div> <div class="container-fluid" style="background-color: #032138;"> <div class="row justify-content-center"> <div class="col-12 col-lg-10 col-xl-9 px-lg-0"> <div class="row py-3"> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="#" onclick="window.open('https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/tandc','popup','width=520,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">Terms & Conditions</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="#" onclick="window.open('https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/contact_us','popup','width=520,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false;" title="Contact Us">Contact Us</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="#" onclick="window.open('https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/syndication','popup','width=520,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">Syndication</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/http://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/" target="_blank" title="Privacy Policy">Privacy and Cookie Policy</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/sitemap" title="site map">Site Map</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/http://advertising.telegraph.co.uk/" title="Advertising" target="_blank">Advertising</a> </div> <div class="col-sm-12 col-md-4 col-lg-3"> <a href="https://web.archive.org/web/20190517032221/https://puzzles.telegraph.co.uk/faq" title="FAQs">FAQs</a> </div> </div> </div> </div> </div> </footer> <div id="login-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content rounded-0 login-content border-0"> <div class="modal-header login-popup_header-img"> <div class="container"> <div class="row justify-content-center pt-5"> <div class="col-12 col-md-7"> <div class="row login-popup_header-title"></div> </div> </div> <div class="position-absolute modal-close-icon" data-dismiss="modal"> <i class="icon-close-ttc"></i> </div> <div class="position-absolute modal-back-icon" onclick="modals.goBack()"> <i class="icon-arrow-left-ttc"></i> </div> </div> </div> <div class="modal-body"> </div>  <div class="modal-footer justify-content-center bc-c5ede8 f-s-14 c-052b4d f-f-tt-r"> Need assistance? Call our Puzzles customer support team on:  <a class="c-052b4d" href="tel:08003166050">0800 316 6050</a> </div> </div> </div> </div>  </body> </html>

CINXE.COM

Join now for crosswords - puzzles - suduko - Telegraph