Keeping London moving - Transport for London

<!doctype html>      <html lang="en-GB" class="no-js no-touch">  <head> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="e601acc6-2e6f-4bed-a826-046477b39b61" data-framework="TCFv2.2" type="text/javascript" async></script> <script src="//assets.adobedtm.com/launch-ENc5e3f827edc94f2a816110524598acd7.min.js" async></script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <link rel="shortcut icon" href="/cdn/static/assets/icons/favicon.ico" type="image/x-icon" /> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-196x196.png" sizes="196x196"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-160x160.png" sizes="160x160"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-32x32.png" sizes="32x32"> <link rel="mask-icon" href="/cdn/static/assets/icons/mask-icon.svg" /> <link rel="apple-touch-icon" sizes="57x57" href="/cdn/static/assets/icons/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/cdn/static/assets/icons/apple-touch-icon-72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/cdn/static/assets/icons/apple-touch-icon@2x.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/cdn/static/assets/icons/apple-touch-icon-72@2x.png" /> <meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable=yes" /> <meta name="HandheldFriendly" content="True"> <script type="text/javascript"> var h = document.documentElement; h.className = h.className.replace(/\bno-js\b/, ''); var isTouch = !!("ontouchstart" in window) || window.navigator.msMaxTouchPoints > 0; if (isTouch) { // remove class which defines hover behavior h.className = h.className.replace(/\bno-touch\b/, ''); } </script> <noscript> <link href="/cdn/static/styles/core/min/no-js.min.85b1d9e2.css" media="screen" rel="stylesheet" /> </noscript> <title>Keeping London moving - Transport for London</title> <meta name="description" content="Information on all forms of transport in London including cycle hire. Routes, maps, plan a journey, tickets sales, realtime traffic and travel updates." /> <meta name="keywords" content="Maps,Plan a journey,Realtime traffic,Routes,Ticket sales,Travel updates,TfL" /> <meta name="author" content="Transport for London | Every Journey Matters" /> <meta property="og:url" content="https://www.tfl.gov.uk/" /> <meta property="og:title" content="Keeping London moving" /> <meta property="og:description" content="Information on all forms of transport in London including cycle hire. Routes, maps, plan a journey, tickets sales, realtime traffic and travel updates." /> <meta property="og:image" content="/static/1/images/TFL_Linkinage01.png" /> <meta property="og:site_name" content="Transport for London" /> <meta property="article:publisher" content="https://facebook.com/transportforlondon" /> <meta property="article:author" content="https://facebook.com/transportforlondon" /> <meta name="twitter:creator" content="@tfl" /> <link href="/cdn/static/styles/core/min/small.min.e4e39df7.css" media="screen,print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/modules.min.eb422ef4.css" media="screen,print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/specifics-small.min.578c4f8b.css" media="screen, print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/medium.min.70b90106.css" media="screen and (min-width: 580px),print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/large.min.c085d741.css" media="screen and (min-width: 900px)" rel="stylesheet" /><link href="/cdn/static/styles/core/min/print.min.2dbbc696.css" media="print" rel="stylesheet" />   <script type="text/javascript"> var tfl = tfl || {}; tfl.ads = tfl.ads || { amazonSlot: 'amznslots', amazonAds: '3199' }; </script> <script type='text/plain' data-cookieconsent='marketing'> window.setTimeout(function () { tfl.logs.create('Marketing cookies accepted'); tfl.logs.create('Dispatch onLoadAds event'); var loadAdsEvent = new CustomEvent('OnLoadAds', { detail: { consent: CookieConsent.consent } }); window.dispatchEvent(loadAdsEvent); }, 50); </script> <link rel="canonical" href="https://tfl.gov.uk" /> <script src='/cdn/static/scripts/jquery/1.12.4/jquery.min.js' async></script>  <meta name="apple-itunes-app" content="app-id=1419541638">   <meta name="smartbanner:title" content="TfL Go: Live Tube, Bus & Rail"> <meta name="smartbanner:author" content="TfL"> <meta name="smartbanner:price" content="FREE"> <meta name="smartbanner:price-suffix-google" content=" - In Google Play"> <meta name="smartbanner:icon-google" content="/cdn/static/images/pwa/512x512.png"> <meta name="smartbanner:button" content="View"> <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=uk.gov.tfl.gotfl&hl=en_GB&gl=US"> <meta name="smartbanner:enabled-platforms" content="android"> <meta name="smartbanner:close-label" content="Close">  <script src="/cdn/static/scripts/plugins/smart-banner/smartbanner.js" async></script> </head> <body class="personalisation-active"> <a href="#mainnav" class="visually-hidden skip-link">Skip to navigation</a> <a href="#full-width-content" class="visually-hidden skip-link">Skip to content</a> <a href="#footer" class="visually-hidden skip-link">Skip to footer</a> <div class="top-banner-advert" aria-hidden="true"> <div class="large" data-advert="/76889402/homepage" data-advert-sizes="970, 90|970, 250"></div> <div class="medium" data-advert="/76889402/homepage" data-advert-sizes="728, 90"></div> <div class="small" data-advert="/76889402/homepage" data-advert-sizes="300, 50|320, 50"></div> </div> <div id="c-mask" class="c-mask disable-touch-scrolling"></div> <div id="container"> <div class="message-bar-style-1 medium-large"> <div class="r mayor-logo"> <img alt="Mayor of London" height="11" src="/cdn/static/images/MoL-small.png" width="150" /> </div> </div> <header class="mainnav" id="mainnav" role="banner"> <div id="smart-banner__container"></div> <div class="top-row"> <div class="r"> <div class="logo"> <a href="/"> <span class="main-roundel"> </span> <h1 class="tfl-name">Transport<br />for London</h1> </a> </div> <div class="top-row-extras"> <div class="texts"> </div> <form action="/search/" method="GET" role="search"> <div class="search-tools"> <label for="q" class="visually-hidden">Search the site</label> <input type="text" placeholder="Search" id="q" name="q" /> <span id="search-button" class="hide-text" data-jumpto="#full-width-content :tabbable:first"></span> </div> </form> </div> </div> </div> <div id="more-panel" class="extra-nav r" role="tabpanel" aria-hidden="true"> <div class="menu" role="navigation" aria-label="More panel main menu"> <ul class="extras clearfix"> <li class="fares-and-payments"><a href="/fares/" data-jumpback=".extras .maps a:visible,.more a:first:visible">Fares</a></li> <li class="help-and-contact"><a href="/help-and-contact/" data-jumpback="#recent-journeys a:last">Help & contacts</a></li> <li class="maps"><a href="/maps_/maps" data-jumpback=".extras .status-update a:visible,.more a:first:visible">Maps</a></li> <li class="plan-journey"><a href="/plan-a-journey/" data-jumpback=".top-row-extras .more a:first:visible">Plan a journey</a></li> <li class="status-update"><a href="/status-updates/" data-jumpback=".extras .plan-journey a:visible,.more a:first:visible">Status updates</a></li> </ul> </div> <div class="menu-sub-section" role="navigation" aria-label="Travel information menu"> <h2 class="header-two">Travel information</h2> <ul class="clearfix"> <li><a href="/travel-information/improvements-and-projects/" >Improvements & projects</a></li> <li><a href="/travel-information/safety/" >Safety</a></li> <li><a href="/travel-information/stations-stops-and-piers/" >Stations, stops & piers</a></li> <li><a href="/travel-information/timetables/" >Timetables</a></li> <li><a href="/transport-accessibility/" >Transport accessibility</a></li> <li><a href="/travel-information/visiting-london/" >Visiting London </a></li> </ul> </div> <div class="menu-sub-section getting-around" role="navigation" aria-label="Ways to get around menu"> <h2 class="header-two">Ways to get around</h2> <ul class="clearfix"> <li><a href="/modes/buses/">Buses</a></li><li><a href="/modes/coaches/">Coaches</a></li><li><a href="/modes/cycling/">Cycling</a></li><li><a href="/modes/dial-a-ride/">Dial-a-Ride</a></li><li><a href="/modes/dlr/">DLR</a></li><li><a href="/modes/driving/">Driving</a></li><li><a href="/modes/elizabeth-line/">Elizabeth line</a></li><li><a href="/modes/london-cable-car/">IFS Cloud Cable Car</a></li><li><a href="/modes/london-overground/">London Overground</a></li><li><a href="/modes/river/">River</a></li><li><a href="/modes/taxis-and-minicabs/">Taxis & minicabs</a></li><li><a href="/modes/trams/">Trams</a></li><li><a href="/modes/tube/">Tube</a></li><li><a href="/modes/walking/">Walking</a></li> </ul> </div> <div class="menu-sub-section quick-links" role="navigation" aria-label="Quick links menu"> <h2 class="header-two">Quick links</h2> <ul class="clearfix"> <li><a href="/fares/contactless-and-oyster-account">Contactless and Oyster account</a></li> <li><a href="/fares/refunds-and-replacements">Refunds and replacements</a></li> <li><a href="/modes/driving/pay-to-drive-in-london">Pay to drive in London</a></li> <li><a href="/status-updates/travel-tools" data-jumpto=".login a">Travel tools</a></li> </ul> </div> </div> </header> <main id="full-width-content">    <div class="hero-container no-background-image" id="main-hero"> <div class="main-and-aside one-row r"> <div class="aside"> <div class="widget-wrapper homepage-style"> <div id="hp-journey-planner" class="expandable-box"> <div class="content"> <div class="always-visible widget-heading primary"> <div class="controls"> </div> <div class="section-style" role="heading" aria-level="2">Plan a journey</div> </div> <div class="start-hidden widget-content journey-planner-widget clearfix"> <div> <div id="hp-plan-a-journey"></div> <div id="jp-new-content-home-"> <form autocomplete="off" action="/plan-a-journey/results" method="get" id="jp-search-form" class="publictransport"> <input id="IsAsync" name="IsAsync" type="hidden" value="True" /> <input data-send="false" id="JpType" name="JpType" type="hidden" value="publictransport" /> <div class="journey-form"> <div class="basic-journey-options clearfix"> <div id="plan-a-journey"> <fieldset> <legend class="visually-hidden">Journey preferences</legend> <div class="from-and-to clearfix"> <div id="search-filter-form-0" data-placeholder="" data-datasets="[["stopPoints","journeyPlannerNoSubmit?Input={{input}}"],["bikePoints","journeyPlannerNoSubmit?Input={{input}}"],["placesExtra","journeyPlannerNoSubmit?Input={{input}}"]]" data-busstopsonly="False" data-display-selected-modes-only="False" data-include-geolocation="True" data-allow-geo-location-submit="False" data-modes = "bus,tube,national-rail,dlr,overground,elizabeth-line,river-bus,tram,cable-car,coach" data-ajax-enabled="False" data-includehubs="True" class="clearfix"> <div class="geolocation-box clearfix"> <label class="heading visually-hidden" for="InputFrom">From location</label> <input aria-autocomplete="list" aria-expanded="true" aria-invalid="false" class="jpFrom" data-autocorrect="off" data-placeholder-blur="From" data-placeholder-focus="Place or address" data-send="true" data-val="true" data-val-required="The From field is required." id="InputFrom" maxlength="100" name="InputFrom" placeholder="From" role="combobox" type="text" value="" /> <span class="field-validation-valid" data-valmsg-for="InputFrom" data-valmsg-replace="true"></span> </div> <span class="field-validation-error geolocation-error hidden" role="alert"> </span> <input id="Modes" name="Modes" type="hidden" value="bus,tube,national-rail,dlr,overground,elizabeth-line,river-bus,tram,cable-car,coach" /> </div> <input data-send="false" data-val="true" data-val-required="The From: field is required." id="From" name="From" type="hidden" value="" /><input data-send="true" id="FromId" name="FromId" type="hidden" value="" /><input id="PreviousFrom" name="PreviousFrom" type="hidden" value="" /><div id="search-filter-form-1" data-placeholder="" data-datasets="[["stopPoints","journeyPlannerNoSubmit?Input={{input}}"],["bikePoints","journeyPlannerNoSubmit?Input={{input}}"],["placesExtra","journeyPlannerNoSubmit?Input={{input}}"]]" data-busstopsonly="False" data-display-selected-modes-only="False" data-include-geolocation="True" data-allow-geo-location-submit="False" data-modes = "bus,tube,national-rail,dlr,overground,elizabeth-line,river-bus,tram,cable-car,coach" data-ajax-enabled="False" data-includehubs="True" class="clearfix"> <label class="heading visually-hidden" for="InputTo">To location</label><input aria-autocomplete="list" aria-expanded="true" aria-invalid="false" class="jpTo" data-autocorrect="off" data-placeholder-blur="To" data-placeholder-focus="Place or address" data-send="true" data-val="true" data-val-required="The To field is required." id="InputTo" maxlength="100" name="InputTo" placeholder="To" role="combobox" type="text" value="" /><span class="field-validation-valid" data-valmsg-for="InputTo" data-valmsg-replace="true"></span> <span class="field-validation-error geolocation-error hidden" role="alert"> </span> </div> <input data-send="false" data-val="true" data-val-required="The To: field is required." id="To" name="To" type="hidden" value="" /><input data-send="true" id="ToId" name="ToId" type="hidden" value="" /><input id="PreviousTo" name="PreviousTo" type="hidden" value="" /> </div> <div class="time-options clearfix"> <div class="change-time-options"> <div class="clearfix"> <ul class="horizontal-toggle-buttons leaving-or-arriving clearfix"> <li class="selected"> <label for="departing">Leaving</label> <input data-send="false" id="departing" name="TimeIs" type="radio" value="departing" /> </li> <li class=""> <label for="arriving">Arriving</label> <input data-send="false" id="arriving" name="TimeIs" type="radio" value="arriving" /> </li> </ul> </div> <div class="hours-mins clearfix"> <div class="selector date-of-departure"> <label class="visually-hidden" for="Date">Date of departure</label> <select data-send="false" id="Date" name="Date"><option selected="selected" value="20250315">Today</option> <option value="20250316">Tomorrow</option> <option value="20250317">Mon 17 Mar</option> <option value="20250318">Tue 18 Mar</option> <option value="20250319">Wed 19 Mar</option> <option value="20250320">Thu 20 Mar</option> <option value="20250321">Fri 21 Mar</option> <option value="20250322">Sat 22 Mar</option> <option value="20250323">Sun 23 Mar</option> <option value="20250324">Mon 24 Mar</option> <option value="20250325">Tue 25 Mar</option> <option value="20250326">Wed 26 Mar</option> <option value="20250327">Thu 27 Mar</option> <option value="20250328">Fri 28 Mar</option> <option value="20250329">Sat 29 Mar</option> <option value="20250330">Sun 30 Mar</option> <option value="20250331">Mon 31 Mar</option> <option value="20250401">Tue 01 Apr</option> <option value="20250402">Wed 02 Apr</option> <option value="20250403">Thu 03 Apr</option> <option value="20250404">Fri 04 Apr</option> <option value="20250405">Sat 05 Apr</option> <option value="20250406">Sun 06 Apr</option> <option value="20250407">Mon 07 Apr</option> <option value="20250408">Tue 08 Apr</option> <option value="20250409">Wed 09 Apr</option> <option value="20250410">Thu 10 Apr</option> <option value="20250411">Fri 11 Apr</option> <option value="20250412">Sat 12 Apr</option> <option value="20250413">Sun 13 Apr</option> </select> </div> <div class="selector hours"> <label class="visually-hidden" for="Time">Time</label> <select data-send="false" id="Time" name="Time"><option value="0000">00:00</option> <option value="0015">00:15</option> <option value="0030">00:30</option> <option value="0045">00:45</option> <option value="0100">01:00</option> <option value="0115">01:15</option> <option value="0130">01:30</option> <option selected="selected" value="0134">01:34</option> <option value="0145">01:45</option> <option value="0200">02:00</option> <option value="0215">02:15</option> <option value="0230">02:30</option> <option value="0245">02:45</option> <option value="0300">03:00</option> <option value="0315">03:15</option> <option value="0330">03:30</option> <option value="0345">03:45</option> <option value="0400">04:00</option> <option value="0415">04:15</option> <option value="0430">04:30</option> <option value="0445">04:45</option> <option value="0500">05:00</option> <option value="0515">05:15</option> <option value="0530">05:30</option> <option value="0545">05:45</option> <option value="0600">06:00</option> <option value="0615">06:15</option> <option value="0630">06:30</option> <option value="0645">06:45</option> <option value="0700">07:00</option> <option value="0715">07:15</option> <option value="0730">07:30</option> <option value="0745">07:45</option> <option value="0800">08:00</option> <option value="0815">08:15</option> <option value="0830">08:30</option> <option value="0845">08:45</option> <option value="0900">09:00</option> <option value="0915">09:15</option> <option value="0930">09:30</option> <option value="0945">09:45</option> <option value="1000">10:00</option> <option value="1015">10:15</option> <option value="1030">10:30</option> <option value="1045">10:45</option> <option value="1100">11:00</option> <option value="1115">11:15</option> <option value="1130">11:30</option> <option value="1145">11:45</option> <option value="1200">12:00</option> <option value="1215">12:15</option> <option value="1230">12:30</option> <option value="1245">12:45</option> <option value="1300">13:00</option> <option value="1315">13:15</option> <option value="1330">13:30</option> <option value="1345">13:45</option> <option value="1400">14:00</option> <option value="1415">14:15</option> <option value="1430">14:30</option> <option value="1445">14:45</option> <option value="1500">15:00</option> <option value="1515">15:15</option> <option value="1530">15:30</option> <option value="1545">15:45</option> <option value="1600">16:00</option> <option value="1615">16:15</option> <option value="1630">16:30</option> <option value="1645">16:45</option> <option value="1700">17:00</option> <option value="1715">17:15</option> <option value="1730">17:30</option> <option value="1745">17:45</option> <option value="1800">18:00</option> <option value="1815">18:15</option> <option value="1830">18:30</option> <option value="1845">18:45</option> <option value="1900">19:00</option> <option value="1915">19:15</option> <option value="1930">19:30</option> <option value="1945">19:45</option> <option value="2000">20:00</option> <option value="2015">20:15</option> <option value="2030">20:30</option> <option value="2045">20:45</option> <option value="2100">21:00</option> <option value="2115">21:15</option> <option value="2130">21:30</option> <option value="2145">21:45</option> <option value="2200">22:00</option> <option value="2215">22:15</option> <option value="2230">22:30</option> <option value="2245">22:45</option> <option value="2300">23:00</option> <option value="2315">23:15</option> <option value="2330">23:30</option> <option value="2345">23:45</option> </select> </div> </div> </div> </div> <div class="extra-options edit-preferences clearfix"> </div> <input type="submit" id="plan-journey-button" class="primary-button plan-journey-button" value="Plan my journey" data-send="true" /> </fieldset> </div> </div> <div id="more-journey-options"> <div> <fieldset> <legend class="visually-hidden">More options</legend> <ul class="tabs-style-2" role="tablist"> <li class="publictransport" role="presentation"><a href="#" id="publictransport" role="tab" aria-controls="modes-of-transport-content">Public transport</a></li> <li class="cycling " role="presentation"><a href="#" id="cycling" class="icon-left cycle" role="tab" aria-controls="search-cycling-options-content"><span>Cycling</span> </a></li> <li class="walking " role="presentation"><a href="#" id="walking" class="icon-left walking" role="tab" aria-controls="search-walking-options-content"><span>Walking</span> </a></li> </ul> <fieldset id="modes-of-transport-content" role="tabpanel" aria-labelledby="publictransport" class="modes-of-transport jp-mode-publictransport input-group"> <legend class="visually-hidden">Travel by</legend> <div class="heading-row"> <span class="heading mocklabel" aria-hidden="true">Travel by</span> <div class="select-deselect-container"> <button class="jp-select-all">select all</button> <button class="jp-deselect-all">deselect all</button> </div> </div> <label class="visually-hidden" for="Mode">Travelling by</label> <select class="to-checkbox-list two-col with-logos select-all" data-send="false" data-val="true" data-val-required="The Travelling by field is required." id="Mode" multiple="multiple" name="Mode"><option selected="selected" value="bus">Bus</option> <option selected="selected" value="tube">Tube</option> <option selected="selected" value="national-rail">National Rail</option> <option selected="selected" value="dlr">DLR</option> <option selected="selected" value="overground">London Overground</option> <option selected="selected" value="elizabeth-line">Elizabeth line</option> <option selected="selected" value="river-bus">River Bus</option> <option selected="selected" value="tram">Tram</option> <option selected="selected" value="cable-car">IFS Cloud Cable Car</option> <option selected="selected" value="coach">Coach</option> </select> <span class="field-validation-valid" data-valmsg-for="Mode" data-valmsg-replace="true"></span> </fieldset> <fieldset id="search-cycling-options-content" role="tabpanel" aria-labelledby="cycling" class="search-cycling-options input-group hidden"> <legend class="bold">For cycling journeys, I want to</legend> <div class="input-group"> <div class='form-control-wrapper full-width-form-module '><div class='form-control'><input data-send="false" id="CyclePreference_0" name="CyclePreference" type="radio" value="CycleHire" /><label class='boxed-label-for-input' for=CyclePreference_0>Use Cycle Hire</label><input checked="checked" data-send="false" id="CyclePreference_1" name="CyclePreference" type="radio" value="AllTheWay" /><label class='boxed-label-for-input' for=CyclePreference_1>Cycle directly to my destination</label></div><div class='field-validation-wrap'><span class="field-validation-valid" data-valmsg-for="CyclePreference" data-valmsg-replace="true"></span></div></div> </div> </fieldset> <fieldset id="search-walking-options-content" role="tabpanel" aria-labelledby="walking" class="search-walking-options input-group hidden"> <legend class="bold">My walking speed is</legend> <div class="input-group"> <div class='form-control-wrapper full-width-form-module '><div class='form-control'><input data-send="false" id="WalkingSpeedWalking_0" name="WalkingSpeedWalking" type="radio" value="slow" /><label class='boxed-label-for-input' for=WalkingSpeedWalking_0>Slow</label><input checked="checked" data-send="false" id="WalkingSpeedWalking_1" name="WalkingSpeedWalking" type="radio" value="average" /><label class='boxed-label-for-input' for=WalkingSpeedWalking_1>Average</label><input data-send="false" id="WalkingSpeedWalking_2" name="WalkingSpeedWalking" type="radio" value="fast" /><label class='boxed-label-for-input' for=WalkingSpeedWalking_2>Fast</label></div><div class='field-validation-wrap'><span class="field-validation-valid" data-valmsg-for="WalkingSpeedWalking" data-valmsg-replace="true"></span></div></div> </div> </fieldset> <ul class="stacked-fields search-public-options level-one clearfix"> <li class="show-me-list"> <fieldset> <legend class="heading">Show me</legend> <div class="input-group"> <div class='form-control-wrapper full-width-form-module '><div class='form-control'><input checked="checked" data-send="false" id="JourneyPreference_0" name="JourneyPreference" type="radio" value="leasttime" /><label class='boxed-label-for-input' for=JourneyPreference_0>The fastest routes</label><input data-send="false" id="JourneyPreference_1" name="JourneyPreference" type="radio" value="leastinterchange" /><label class='boxed-label-for-input' for=JourneyPreference_1>Routes with fewest changes</label><input data-send="false" id="JourneyPreference_2" name="JourneyPreference" type="radio" value="leastwalking" /><label class='boxed-label-for-input' for=JourneyPreference_2>Routes with least walking</label></div><div class='field-validation-wrap'><span class="field-validation-valid" data-valmsg-for="JourneyPreference" data-valmsg-replace="true"></span></div></div> </div> </fieldset> </li> <li> <fieldset> <legend class="heading">Access options</legend> <div class="input-group"> <div class='form-control-wrapper full-width-form-module '><div class='form-control'><input checked="checked" data-send="false" id="AccessibilityPreference_0" name="AccessibilityPreference" type="radio" value="norequirements" /><label class='boxed-label-for-input' for=AccessibilityPreference_0>No accessibility requirement</label><input data-send="false" id="AccessibilityPreference_1" name="AccessibilityPreference" type="radio" value="nosolidstairs" /><label class='boxed-label-for-input' for=AccessibilityPreference_1>Use escalators, not stairs</label><input data-send="false" id="AccessibilityPreference_2" name="AccessibilityPreference" type="radio" value="noescalators" /><label class='boxed-label-for-input' for=AccessibilityPreference_2>Use stairs, not escalators</label><input data-send="false" id="AccessibilityPreference_3" name="AccessibilityPreference" type="radio" value="stepfreetoplatform" /><label class='boxed-label-for-input' for=AccessibilityPreference_3>Step-free to platform only</label><input data-send="false" id="AccessibilityPreference_4" name="AccessibilityPreference" type="radio" value="stepfreetovehicle" /><label class='boxed-label-for-input' for=AccessibilityPreference_4>Full step-free access</label></div><div class='field-validation-wrap'><span class="field-validation-valid" data-valmsg-for="AccessibilityPreference" data-valmsg-replace="true"></span></div></div> </div> </fieldset> </li> </ul> <span class="mocklabel">Preferences</span> <ul class="stacked-fields search-public-options clearfix"> <li> <label class="heading" for="MaxWalkingMinutes">I only want to walk for a maximum of</label> <div class="selector jp-more-options-input"> <select data-send="false" data-val="true" data-val-number="The field MaxWalkingMinutes must be a number." id="MaxWalkingMinutes" name="MaxWalkingMinutes"><option value="5">5 mins</option> <option value="10">10 mins</option> <option value="15">15 mins</option> <option value="20">20 mins</option> <option value="25">25 mins</option> <option value="30">30 mins</option> <option value="35">35 mins</option> <option value="40">40 mins</option> <option value="45">45 mins</option> <option value="50">50 mins</option> <option value="55">55 mins</option> <option selected="selected" value="60">60 mins</option> </select> </div> </li> <li> <label class="heading" for="WalkingSpeedTransport">My walking speed is</label> <div class="selector jp-more-options-input"> <select data-send="false" id="WalkingSpeedTransport" name="WalkingSpeedTransport"><option value="slow">Slow</option> <option selected="selected" value="average">Average</option> <option value="fast">Fast</option> </select> </div> </li> <li> <label for="InputVia" class="heading">Travel via</label> <div class="go-via jp-via-more-options"> <div id="search-filter-form-2" data-placeholder="" data-datasets="[["stopPoints","journeyPlannerNoSubmit?Input={{input}}"]]" data-busstopsonly="False" data-display-selected-modes-only="False" data-include-geolocation="True" data-allow-geo-location-submit="False" data-modes = "bus,tube,national-rail,dlr,overground,elizabeth-line,river-bus,tram,cable-car,coach" data-ajax-enabled="False" data-includehubs="True" class="clearfix"> <input aria-autocomplete="list" aria-expanded="true" class="jpVia" data-autocorrect="off" data-send="false" id="InputVia" maxlength="100" name="InputVia" placeholder="Enter a location to travel via" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" role="alert"> </span> </div> <input data-send="false" id="Via" name="Via" type="hidden" value="" /><input data-send="false" id="ViaId" name="ViaId" type="hidden" value="" /><input id="PreviousVia" name="PreviousVia" type="hidden" value="" /> </div> </li> <li> <span class="mocklabel">Outside London</span> <div class="styled-checkbox outside-london"> <input data-send="false" id="NationalSearch" name="NationalSearch" type="checkbox" value="true" /><input name="NationalSearch" type="hidden" value="false" /> <label class="boxed-label-for-input" for="NationalSearch">Search outside London</label> </div> </li> <li> <span class="mocklabel">Optimise for walking</span> <div class="styled-checkbox outside-london"> <input data-send="false" id="WalkingOptimization" name="WalkingOptimization" type="checkbox" value="true" /><input name="WalkingOptimization" type="hidden" value="false" /> <label class="boxed-label-for-input" for="WalkingOptimization">I'd rather walk if it makes my journey quicker</label> </div> </li> </ul> <div id="save-journey-planner-preferences"> <span> <strong>Please note:</strong> as you have rejected the Functionality Cookie, the site will be unable to remember your search preferences. Please click <a href="/corporate/privacy-and-cookies/cookies">here</a> to revisit your cookie selections if you wish to enable this functionality. </span> <div class="styled-checkbox"> <input data-send="false" disabled="true" id="SavePreferences" name="SavePreferences" type="checkbox" value="true" /><input name="SavePreferences" type="hidden" value="false" /> <label class="styled-checkbox-label" for="SavePreferences">Save these preferences for future visits</label> </div> </div> <input type="submit" class="primary-button plan-journey-button" value="Plan my journey" /> </fieldset> </div> </div> </div> <input id="IsMultipleJourneySelection" name="IsMultipleJourneySelection" type="hidden" value="False" /> <input id="JourneyType" name="JourneyType" type="hidden" value="" /> <input id="IsPastWarning" name="IsPastWarning" type="hidden" value="False" /> </form> <script> if (!!window.MSInputMethodContext && !!document.documentMode) { var toCount = 1; var fromCount = 1; var from = document.querySelector('#InputFrom'); from.addEventListener('keyup', function checkTabPressFrom(event) { if (event.key === 'Tab') { if (event.target.id === 'InputFrom') { toCount = toCount + 1; if (toCount === 3) { document.getElementById('InputTo').focus(); } } } }); var to = document.querySelector('#InputTo'); to.addEventListener('keyup', function checkTabPressTo(event) { if (event.key === 'Tab') { if (event.target.id === 'InputTo') { fromCount = fromCount + 1; if (fromCount === 3) { document.getElementById('plan-journey-button').focus(); } } } }); } </script> </div> </div> </div> </div> </div> <div id="hp-journeys-recents" class="expandable-box small"> <div class="content"> <div class="always-visible widget-heading secondary"> <div class="controls"> </div> <div class="section-style">My Journeys & recents</div> </div> <div class="start-hidden widget-content journey-planner-widget clearfix"> <div id="hp-more-journey-options"></div> </div> </div> </div> </div> <div class="homepage-top-links clearfix"> <a href="/travel-information/stations-stops-and-piers/" class="flat-button top-icon"><span class="icon live"></span><span class="text">Live<br />arrivals</span></a> <a href="/maps/" class="flat-button top-icon"><span class="icon map"></span><span class="text">Maps</span></a> <a href="/maps?Input=Current+location+" class="flat-button top-icon"><span class="icon nearby"></span><span class="text">Nearby</span></a> </div> </div> <div class="main hero-content-container" id="hero-teaser-container"> <div class="content-area medium-large"></div> </div> </div> </div> <div class="main-and-aside one-row r"> <div class="aside" id="home-status-updates"> <div id="favourites-display" class="home-favourites" style="display: none"> <div id="fav-home-status-tube-dlr-overground-elizabeth-line-tram" class="fav-panel-item clearfix"> <div> <div class="fav-sub-heading"> <h2>My Lines</h2> </div> <div class="fav-forward-to"> <button type="button" class="fav-to-edit fav-edit-button" data-mode-tab="lines" data-mode="My Lines" data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Homepage|my lines|edit'> Edit </button> </div> </div> <div class="clearfix"></div> <div id="fav-home-error-tube-dlr-overground-elizabeth-line-tram" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-service-status-rainbow-board board-wrapper fav-rainbow-board"> <div id="fav-home-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram"></div> </div> <a href="/tube-dlr-overground/status/" class="link-button">View all statuses </a> <a href="/tube-dlr-overground/status/?startdate=2025-03-15&endDate=2025-03-16T23:59:59&dateTypeSelect=This+weekend" class="link-button external-status-updates-widget-link">This weekend</a> </div> <div id="fav-home-status-bus" class="fav-panel-item clearfix"> <div> <div class="fav-sub-heading"> <h2>My Buses</h2> </div> <div class="fav-forward-to"> <button type="button" id="editBtnTube" class="fav-to-edit fav-edit-button" data-mode-tab="bus" data-mode="My Buses" data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Homepage|my buses|edit'> Edit </button> </div> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-home-panel-rainbow-list-bus"></div> </div> <div id="fav-home-bus-search"> <h3 id="home-search-heading-bus">Find a bus</h3> <div class="clearfix"></div> <div id="fav-home-bus-search-filter" class="search-filter"> <form id="search-filter-form-fav-home" action="/disambiguation" method="GET" data-placeholder="Bus route or stop name" data-datasets="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="True" data-include-geolocation="True" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps/bus/" data-modes = "bus" data-ajax-enabled="False" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{}"> <div class="text-input"> <label class="heading visually-hidden" for="InputFav">Search for Bus route or stop name</label> <input class="" data-autocorrect="off" data-placeholder-no-focus="" data-placeholder-on-focus="" data-val="true" data-val-required="Please enter a search term." id="InputFav" name="Input" placeholder="Bus route or stop name" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" id="InputFav-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" /><input name="Modes" type="hidden" value="bus" /><input name="PlaceHolderText" type="hidden" value="Bus route or stop name" /> </div> <div class="submit-button"> <input type="submit" value="Search" class="secondary-button" /> </div> </form> </div> </div></div> <div id="fav-home-status-traffic" class="fav-panel-item clearfix"> <div> <div class="fav-sub-heading"> <h2>My Roads</h2> </div> <div class="fav-forward-to"> <button type="button" class="fav-to-edit fav-edit-button" data-mode-tab="traffic" data-mode="My Roads" data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Homepage|my roads|edit'> Edit </button> </div> </div> <div class="clearfix"></div> <div id="fav-home-error-traffic" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-service-status-rainbow-board board-wrapper fav-rainbow-board"> <div id="fav-home-panel-rainbow-list-traffic"> <div class="board-wrapper service-board-collapsed"> <div id="fav-home-rainbow-list-roads" class="rainbow-board roads visible "> </div> </div> </div> </div> <a href="/traffic/status/" class="link-button">View all reported incidents </a> <a href="/traffic/status/?startdate=2025-03-15&endDate=2025-03-16T23:59:59&dateTypeSelect=This+weekend" class="link-button external-status-updates-widget-link">This weekend</a> </div> <div id="fav-home-status-river-bus" class="fav-panel-item clearfix"> <div> <div class="fav-sub-heading"> <h2>My River Buses</h2> </div> <div class="fav-forward-to"> <button type="button" class="fav-to-edit fav-edit-button" data-mode-tab="riverbus" data-mode="My River Buses" data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Homepage|my river buses|edit'> Edit </button> </div> </div> <div class="clearfix"></div> <div id="fav-home-error-river-bus" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-service-status-rainbow-board board-wrapper fav-rainbow-board"> <div id="fav-home-panel-rainbow-list-river-bus"></div> </div> <a href="/river/status/" class="link-button">View all statuses </a> </div> <div id="fav-home-status-cable-car" class="fav-panel-item clearfix"> <div> <div class="fav-sub-heading"> <h2>My IFS Cloud Cable Car</h2> </div> <div class="fav-forward-to"> <button type="button" class="fav-to-edit fav-edit-button" data-mode-tab="cablecar" data-mode=My IFS Cloud Cable Car data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Homepage|my IFS Cloud Cable Car|edit'> Edit </button> </div> </div> <div class="clearfix"></div> <div id="fav-home-error-cable-car" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-service-status-rainbow-board board-wrapper fav-rainbow-board"> <div id="fav-home-panel-rainbow-list-cable-car"></div> </div> <a href="/cable-car/status/" class="link-button">View status </a> </div> <div> <h2>Other Statuses</h2> </div> </div> <div class="basic accordion" id="home-status-updates-default" style="visibility:hidden"> <div class="expandable-box "> <div class="content expanded" id="home-status-tube-dlr-overground-elizabeth-line-tram"> <div role="heading" aria-level="2"> <button class="always-visible accordion-heading" id="home-status-tube-dlr-overground-elizabeth-line-tram-heading" role="button" aria-expanded="true" aria-controls="home-status-tube-dlr-overground-elizabeth-line-tram-content">Tube, DLR, London Overground, <span class="nowrap">Elizabeth line</span> and Tram</button> </div> <div class="start-hidden" id="home-status-tube-dlr-overground-elizabeth-line-tram-content" role="region" aria-labelledby="home-status-tube-dlr-overground-elizabeth-line-tram-heading"> <div class="board-wrapper service-board-collapsed"> <div id="rainbow-list-tube-dlr-overground-elizabeth-line-tram" class="ajax-su rainbow-list-wrapper night-wrapper lines-status visible" role="tabpanel" aria-labelledby="tab-rainbow-list-tube-dlr-overground-elizabeth-line-tram"> <div class="night-tube-banner night"> <strong>Night Tube Service</strong> </div> <ul class="rainbow-list interactive "> <li class="rainbow-list-item windrush link-only disrupted expandable " data-line-id="raillo-windrush" data-severity-codes="3,4" data-mode="overground"> <a href="/tube-dlr-overground/status/#line-raillo-windrush" data-line-class="raillo-windrush" class="rainbow-list-link" id="line-raillo-windrush-heading" role="button" aria-expanded="false" aria-controls="line-raillo-windrush-content"> <span class="service-name windrush"> <span>Windrush</span> </span> <span class="disruption-summary night"> <span> Part suspended <br /> Planned closure <br /> </span> </span> <span class="controls"> </span> </a> <div class="rainbow-list-content" id="line-raillo-windrush-content" role="region" aria-labelledby="line-raillo-windrush-heading"> <div class="section"> <p>WINDRUSH LINE: Saturday 15 and Sunday 16 March (including Friday and Saturday night service), no service between Highbury & Islington and New Cross / Clapham Junction / Battersea Park / New Cross Gate. A special WINDRUSH LINE service operates on Saturday only between London Bridge and West Croydon. Replacement buses operate during the day only, at night, please use London Buses and Night Tube services instead. Use Mildmay line services during the day between Highbury & Islington, Canonbury and Dalston Kingsland and Southern services for stations between New Cross Gate and Crystal Palace, also Norwood Junction and West Croydon. Use local London Buses services for Penge West and Anerley.</p> <p>Replacement bus services operate:Service M: Canada Water - Surrey Quays - Queens Road Peckham - Peckham Rye - Denmark Hill - Clapham High Street - Wandsworth RoadService X: Dalston Kingsland (for Mildmay line) - Dalston Junction - Haggerston - Hoxton - Shoreditch High Street - Whitechapel (for London Buses route D3 to/from Shadwell and Wapping) - Tower Gateway (for Docklands Light Railway) - Bermondsey (for Jubilee line and London Buses 381 / C10 to/from Rotherhithe) - Canada Water - Surrey Quays - Deptford Bridge (for Docklands Light Railway) - New Cross - New Cross Gate;</p> </div> <div class="section"> <p>London Overground: No service between Highbury & Islington and New Cross Gate/New Cross/Clapham Junction due to planned engineering work. GOOD SERVICE on the rest of the line. </p> <p></p> </div> <div class="section"> <div class="vertical-button-container"> <a href="/plan-a-journey/" class="plain-button">Replan your journey</a> </div> </div> <a class="close-message" href="#">Close status</a> </div> </li> <li class="rainbow-list-item central link-only " data-line-id="lul-central" data-severity-codes="10" data-mode="tube"> <a href="/tube-dlr-overground/status/#line-lul-central" data-line-class="lul-central" class="rainbow-list-link good-service-link night"> <div class="link-only "> <span class="service-name central"> <span>Central</span> </span> <span class="disruption-summary night"> <span> Good service <br /> </span> </span> </div> </a> </li> <li class="rainbow-list-item jubilee link-only " data-line-id="lul-jubilee" data-severity-codes="10" data-mode="tube"> <a href="/tube-dlr-overground/status/#line-lul-jubilee" data-line-class="lul-jubilee" class="rainbow-list-link good-service-link night"> <div class="link-only "> <span class="service-name jubilee"> <span>Jubilee</span> </span> <span class="disruption-summary night"> <span> Good service <br /> </span> </span> </div> </a> </li> <li class="rainbow-list-item northern link-only " data-line-id="lul-northern" data-severity-codes="10" data-mode="tube"> <a href="/tube-dlr-overground/status/#line-lul-northern" data-line-class="lul-northern" class="rainbow-list-link good-service-link night"> <div class="link-only "> <span class="service-name northern"> <span>Northern</span> </span> <span class="disruption-summary night"> <span> Good service <br /> </span> </span> </div> </a> </li> <li class="rainbow-list-item piccadilly link-only " data-line-id="lul-piccadilly" data-severity-codes="10" data-mode="tube"> <a href="/tube-dlr-overground/status/#line-lul-piccadilly" data-line-class="lul-piccadilly" class="rainbow-list-link good-service-link night"> <div class="link-only "> <span class="service-name piccadilly"> <span>Piccadilly</span> </span> <span class="disruption-summary night"> <span> Good service <br /> </span> </span> </div> </a> </li> <li class="rainbow-list-item victoria link-only " data-line-id="lul-victoria" data-severity-codes="10" data-mode="tube"> <a href="/tube-dlr-overground/status/#line-lul-victoria" data-line-class="lul-victoria" class="rainbow-list-link good-service-link night"> <div class="link-only "> <span class="service-name victoria"> <span>Victoria</span> </span> <span class="disruption-summary night"> <span> Good service <br /> </span> </span> </div> </a> </li> </ul> </div> </div> <a href="/tube-dlr-overground/status/?startdate=2025-03-15&endDate=2025-03-16T23:59:59&dateTypeSelect=This+weekend" class="link-button external-status-updates-widget-link">This weekend</a> <a href="/status-updates/" class="link-button">View all statuses</a> </div> </div> </div> <div class="expandable-box"> <div class="content" id="home-status-bus"> <div role="heading" aria-level="2"> <button class="always-visible accordion-heading tracked" data-tracking="prop36" data-tracking-value="Buses" id="home-status-bus-heading" role="button" aria-expanded="false" aria-controls="home-status-bus-content">Buses</button> </div> <div class="start-hidden" id="home-status-bus-content" role="region" aria-labelledby="home-status-bus-heading"> <div class="search-filter without-box button-text-search"> <form id="search-filter-form" action="/disambiguation" method="GET" data-placeholder="Bus route or stop name" data-datasets="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="True" data-include-geolocation="True" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps/bus" data-modes = "bus" data-ajax-enabled="False" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{}"> <div class="text-input"> <label class="heading visually-hidden" for="Input">Search for stations, stops and piers (e.g. Bank)</label> <input class="" data-autocorrect="off" data-placeholder-no-focus="" data-placeholder-on-focus="" data-val="true" data-val-required="Please enter a search term." id="Input" name="Input" placeholder="Bus route or stop name" role="combobox" type="text" value="" /> <script> //Code to fix IE11 tabbing bug if (!!window.MSInputMethodContext && !!document.documentMode) { var formInstance = document.getElementById('search-filter-form'); var tabFlag = false; function checkTabPress(event) { if (event.key === 'Tab') { if (tabFlag) { formInstance.elements.Input.focus(); tabFlag = false; } if (event.target.id === 'Input') { tabFlag = true; } } } formInstance.addEventListener('keyup', checkTabPress); } </script> <span class="field-validation-error geolocation-error hidden" id="Input-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" /><input name="Modes" type="hidden" value="bus" /><input name="PlaceHolderText" type="hidden" value="Bus route or stop name" /> </div> <div class="submit-button"> <input type="submit" value="Search" class="secondary-button" /> </div> </form> </div> <div class="favourite-and-recent"></div> </div> </div> </div> <div class="expandable-box" id="home-status-traffic"> <div class="content"> <div role="heading" aria-level="2"> <button class="always-visible accordion-heading" id="home-status-traffic-heading" role="button" aria-expanded="false" aria-controls="home-status-traffic-content">Traffic</button> </div> <div class="start-hidden" id="home-status-traffic-content" role="region" aria-labelledby="home-status-traffic-heading"> <div class="board-wrapper service-board-collapsed"> <div id="rainbow-list-roads" class="rainbow-board roads visible "> <table> <caption>Transport For London Road Corridors - Service updates at 15/03/2025 01:34:31</caption> <thead> <tr> <th scope="col">Road corridor</th> <th scope="col">Status</th> </tr> </thead> <tbody class="board-good-service scrolling"> <tr data-line-class="roadcorridor-a1" data-corridor-group="" data-corridor-name="a1" class="no-disruption select-corridor"> <th class="roadcorridor-a1 line-text"> <div class="road-corridor"> <span>A1</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a1" class="disruption-info-link" data-corridor-name="a1"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a10" data-corridor-group="" data-corridor-name="a10" class="no-disruption select-corridor"> <th class="roadcorridor-a10 line-text"> <div class="road-corridor"> <span>A10</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a10" class="disruption-info-link" data-corridor-name="a10"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a12" data-corridor-group="" data-corridor-name="a12" class="no-disruption select-corridor"> <th class="roadcorridor-a12 line-text"> <div class="road-corridor"> <span>A12</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a12" class="disruption-info-link" data-corridor-name="a12"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a13" data-corridor-group="" data-corridor-name="a13" class="no-disruption select-corridor"> <th class="roadcorridor-a13 line-text"> <div class="road-corridor"> <span>A13</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a13" class="disruption-info-link" data-corridor-name="a13"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a2" data-corridor-group="" data-corridor-name="a2" class="no-disruption select-corridor"> <th class="roadcorridor-a2 line-text"> <div class="road-corridor"> <span>A2</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a2" class="disruption-info-link" data-corridor-name="a2"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a20" data-corridor-group="" data-corridor-name="a20" class="no-disruption select-corridor"> <th class="roadcorridor-a20 line-text"> <div class="road-corridor"> <span>A20</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a20" class="disruption-info-link" data-corridor-name="a20"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a21" data-corridor-group="" data-corridor-name="a21" class="no-disruption select-corridor"> <th class="roadcorridor-a21 line-text"> <div class="road-corridor"> <span>A21</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a21" class="disruption-info-link" data-corridor-name="a21"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a23" data-corridor-group="" data-corridor-name="a23" class="no-disruption select-corridor"> <th class="roadcorridor-a23 line-text"> <div class="road-corridor"> <span>A23</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a23" class="disruption-info-link" data-corridor-name="a23"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a24" data-corridor-group="" data-corridor-name="a24" class="no-disruption select-corridor"> <th class="roadcorridor-a24 line-text"> <div class="road-corridor"> <span>A24</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a24" class="disruption-info-link" data-corridor-name="a24"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a3" data-corridor-group="" data-corridor-name="a3" class="no-disruption select-corridor"> <th class="roadcorridor-a3 line-text"> <div class="road-corridor"> <span>A3</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a3" class="disruption-info-link" data-corridor-name="a3"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a316" data-corridor-group="" data-corridor-name="a316" class="no-disruption select-corridor"> <th class="roadcorridor-a316 line-text"> <div class="road-corridor"> <span>A316</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a316" class="disruption-info-link" data-corridor-name="a316"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a4" data-corridor-group="" data-corridor-name="a4" class="no-disruption select-corridor"> <th class="roadcorridor-a4 line-text"> <div class="road-corridor"> <span>A4</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a4" class="disruption-info-link" data-corridor-name="a4"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a40" data-corridor-group="" data-corridor-name="a40" class="no-disruption select-corridor"> <th class="roadcorridor-a40 line-text"> <div class="road-corridor"> <span>A40</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a40" class="disruption-info-link" data-corridor-name="a40"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a41" data-corridor-group="" data-corridor-name="a41" class="no-disruption select-corridor"> <th class="roadcorridor-a41 line-text"> <div class="road-corridor"> <span>A41</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a41" class="disruption-info-link" data-corridor-name="a41"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-blackwall tunnel" data-corridor-group="" data-corridor-name="blackwall tunnel" class="no-disruption select-corridor"> <th class="roadcorridor-blackwall tunnel line-text"> <div class="road-corridor"> <span>Blackwall Tunnel</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=blackwall%20tunnel" class="disruption-info-link" data-corridor-name="blackwall tunnel"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-Central London Red Routes" data-corridor-group="Central London Red Routes" data-corridor-name="Central London Red Routes" class="no-disruption select-corridor"> <th class="roadcorridor-Central London Red Routes line-text"> <div class="road-corridor"> <span>Central London Red Routes</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=Central%20London%20Red%20Routes" class="disruption-info-link" data-corridor-name="Central London Red Routes"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a406" data-corridor-group="" data-corridor-name="a406" class="no-disruption select-corridor"> <th class="roadcorridor-a406 line-text"> <div class="road-corridor"> <span>North Circular (A406)</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a406" class="disruption-info-link" data-corridor-name="a406"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a205" data-corridor-group="" data-corridor-name="a205" class="no-disruption select-corridor"> <th class="roadcorridor-a205 line-text"> <div class="road-corridor"> <span>South Circular (A205)</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a205" class="disruption-info-link" data-corridor-name="a205"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr class="collapsed-lines"> <th class="lines-wrapper">All road<br>corridors</th> <td class="service-status"> <a href="javascript:void(0)" class="disruption-info-link"> <span class="vertical-center-message"><strong>No exceptional delays</strong> on all road corridors</span> </a> </td> </tr> </tbody> </table> </div> </div> <a href="/traffic/status/?startdate=2025-03-15&endDate=2025-03-16T23:59:59&dateTypeSelect=This+weekend" class="link-button external-status-updates-widget-link">This weekend</a> <a href="/traffic/status/" class="link-button">View all reported incidents</a></div> </div> </div> <div class="expandable-box" id="home-status-river-bus"> <div class="content"> <div role="heading" aria-level="2"> <button class="always-visible accordion-heading" id="home-status-river-bus-heading" role="button" aria-expanded="false" aria-controls="home-status-river-bus-content">River</button> </div> <div class="start-hidden" id="home-status-river-bus-content" role="region" aria-labelledby="home-status-river-bus-heading"> <div class="board-wrapper service-board-collapsed"> <div id="rainbow-list-river-bus" class="ajax-su rainbow-list-wrapper lines-status visible" role="tabpanel" aria-labelledby="tab-rainbow-list-river-bus"> <a href="/river/status/" class="good-service-link"> <div class="rainbow"> <span class="rb1"> <span class="auralOnly rb1">rb1 good service</span></span> <span class="rb2"> <span class="auralOnly rb2">rb2 good service</span></span> <span class="rb4"> <span class="auralOnly rb4">rb4 good service</span></span> <span class="rb6"> <span class="auralOnly rb6">rb6 good service</span></span> <span class="thames-river-services"> <span class="auralOnly thames-river-services">thames-river-services good service</span></span> <span class="woolwich-ferry"> <span class="auralOnly woolwich-ferry">woolwich-ferry good service</span></span> </div> <span class="good-service-message"><strong>Good service</strong> on all lines</span> </a> </div> </div> <a href="/river/status/" class="link-button">View all statuses</a> </div> </div> </div> <div class="expandable-box" id="home-status-cable-car"> <div class="content"> <div role="heading" aria-level="2"> <button class="always-visible accordion-heading" id="home-status-cable-car-heading" role="button" aria-expanded="false" aria-controls="home-status-cable-car-content">IFS Cloud Cable Car</button> </div> <div class="start-hidden" id="home-status-cable-car-content" role="region" aria-labelledby="home-status-cable-car-heading"> <div class="board-wrapper service-board-collapsed"> <div id="rainbow-list-cable-car" class="ajax-su rainbow-list-wrapper lines-status visible" role="tabpanel" aria-labelledby="tab-rainbow-list-cable-car"> <a href="/cable-car/status/" class="good-service-link"> <div class="rainbow"> <span class="cable-car"> <span class="auralOnly cable-car">cable-car good service</span></span> </div> <span class="good-service-message"><strong>Good service</strong> on all lines</span> </a> </div> </div> <a href="/cable-car/status/" class="link-button">View status</a> </div> </div> </div> <div class="expandable-box"> <div class="content"> <div role="heading" aria-level="2"> <button class="always-visible accordion-heading" id="home-national-rail-heading" role="button" aria-expanded="false" aria-controls="home-national-rail-content">National Rail</button> </div> <div class="start-hidden" id="home-national-rail-content" role="region" aria-labelledby="home-national-rail-heading"> <div class="board-wrapper service-board-collapsed"> <div id="rainbow-list-national-rail" class="ajax-su rainbow-list-wrapper lines-status visible" role="tabpanel" aria-labelledby="tab-rainbow-list-national-rail"> <ul class="rainbow-list "> <li class="rainbow-list-item island-line link-only disrupted " data-line-id="lul-island-line" data-severity-codes="0" data-mode="national-rail"> <a href="/national-rail/status/#line-lul-island-line" data-line-class="lul-island-line" class="rainbow-list-link" id="line-lul-island-line-heading" role="button" aria-expanded="false" aria-controls="line-lul-island-line-content"> <span class="tag island-line"> </span> <span class="service-name "> <span>Island Line</span> </span> <span class="disruption-summary "> <span> Special service <br /> </span> </span> <span class="controls"> </span> </a> </li> <li class="rainbow-list-item thameslink link-only disrupted " data-line-id="lul-thameslink" data-severity-codes="0" data-mode="national-rail"> <a href="/national-rail/status/#line-lul-thameslink" data-line-class="lul-thameslink" class="rainbow-list-link" id="line-lul-thameslink-heading" role="button" aria-expanded="false" aria-controls="line-lul-thameslink-content"> <span class="tag thameslink"> </span> <span class="service-name "> <span>Thameslink</span> </span> <span class="disruption-summary "> <span> Special service <br /> </span> </span> <span class="controls"> </span> </a> </li> </ul> <a href="/national-rail/status/" class="good-service-link"> <div class="rainbow"> <span class="avanti-west-coast"> <span class="auralOnly avanti-west-coast">avanti-west-coast good service</span></span> <span class="c2c"> <span class="auralOnly c2c">c2c good service</span></span> <span class="chiltern-railways"> <span class="auralOnly chiltern-railways">chiltern-railways good service</span></span> <span class="crosscountry"> <span class="auralOnly crosscountry">crosscountry good service</span></span> <span class="east-midlands-railway"> <span class="auralOnly east-midlands-railway">east-midlands-railway good service</span></span> <span class="gatwick-express"> <span class="auralOnly gatwick-express">gatwick-express good service</span></span> <span class="grand-central"> <span class="auralOnly grand-central">grand-central good service</span></span> <span class="great-northern"> <span class="auralOnly great-northern">great-northern good service</span></span> <span class="great-western-railway"> <span class="auralOnly great-western-railway">great-western-railway good service</span></span> <span class="greater-anglia"> <span class="auralOnly greater-anglia">greater-anglia good service</span></span> <span class="heathrow-express"> <span class="auralOnly heathrow-express">heathrow-express good service</span></span> <span class="hull-trains"> <span class="auralOnly hull-trains">hull-trains good service</span></span> <span class="london-north-eastern-railway"> <span class="auralOnly london-north-eastern-railway">london-north-eastern-railway good service</span></span> <span class="lumo"> <span class="auralOnly lumo">lumo good service</span></span> <span class="merseyrail"> <span class="auralOnly merseyrail">merseyrail good service</span></span> <span class="northern-rail"> <span class="auralOnly northern-rail">northern-rail good service</span></span> <span class="scotrail"> <span class="auralOnly scotrail">scotrail good service</span></span> <span class="south-western-railway"> <span class="auralOnly south-western-railway">south-western-railway good service</span></span> <span class="southeastern"> <span class="auralOnly southeastern">southeastern good service</span></span> <span class="southern"> <span class="auralOnly southern">southern good service</span></span> <span class="transpennine-express"> <span class="auralOnly transpennine-express">transpennine-express good service</span></span> <span class="transport-for-wales"> <span class="auralOnly transport-for-wales">transport-for-wales good service</span></span> <span class="west-midlands-trains"> <span class="auralOnly west-midlands-trains">west-midlands-trains good service</span></span> </div> <span class="good-service-message"><strong>Good service</strong> on all other lines</span> </a> </div> </div> <a href="/national-rail/status/" class="link-button">View all statuses</a> </div> </div> </div> </div> </div> <div class="main"> <div class="sub-main"> <div class="primary-teaser small"> <div class="news-teaser " data-highlight-image="/cdn/static/cms/images/promos/tfl-go-pay-hp.jpg" data-highlight-for="#main-hero" data-highlight-size="medium-large"> <img src="/cdn/static/cms/images/promos/tfl-go-pay-hp_rdax_400x200p.jpg" alt="Roundel showing payments in TfL Go" /> <a href="/fares/how-to-pay-and-where-to-buy-tickets-and-oyster/pay-in-tfl-go?intcmp=hero-Home-Track your travel costs with TfL Go"> <div class="text-link"><h2>Track your travel costs with TfL Go</h2><p>Check your journey history in TfL Go when you register your payment cards</p></div> </a> </div> </div> <div class="secondary-teaser"> <div class="news-teaser"> <img src="/cdn/static/cms/images/promos/hate-crime-blog-promo_rdax_400x200s.jpg" alt="pictures of eyes with text: 'what are they doing' and 'what time is it' and 'make a note' and 'what line are we on' and 'what do they look like?'" /> <div class="text-link-new"> <div class="text-container"> <h2><a href="https://madeby.tfl.gov.uk/2021/06/04/i-stand-with/?intcmp=78920" >Become an active bystander</a></h2> <p>Find out how you can help as an active bystander on the TfL network </p> </div> <div class="icon-container"> <span class="chevron-icon"></span> </div> </div> </div> </div> <div data-set="reserved-teaser" class="small-medium tertiary-teaser"></div> <div> <div class="news-teaser"> <div class="text-link-new"> <div class="text-container"> <h2><a href="/campaign/new-fares?intcmp=78277" >New fares</a></h2> <p>Some of our fares changed on 2 March 2025</p> </div> <div class="icon-container"> <span class="chevron-icon"></span> </div> </div> </div> </div> <div> <div class="news-teaser"> <div class="text-link-new"> <div class="text-container"> <h2><a href="/status-updates/major-works-and-events/gallows-corner-flyover-works?intcmp=78570" >Gallows Corner flyover</a></h2> <p>Major works from Sunday 16 March</p> </div> <div class="icon-container"> <span class="chevron-icon"></span> </div> </div> </div> </div> <div> <div class="advert-tile unsponsored-style google-ads" aria-hidden="true"> <div class="advert-link"> <div class="advert-content"> <div class="medium-large" data-advert="/76889402/homepage" data-advert-sizes="300, 250"></div> <div class="small" data-advert="/76889402/homepage" data-advert-sizes="300, 250"></div> </div> </div> </div> </div> </div> <div class="sub-main"> <div class="main-services"> <div class="clearfix"> <a href="https://tfl.gov.uk/account" class="flat-button top-icon"> <span class="services-icon oyster"><span class="visually-hidden">Oyster card logo</span></span> Top up Oyster </a> <a href="/modes/driving/congestion-charge" class="flat-button top-icon"> <span class="services-icon congestion"><span class="visually-hidden">Congestion charge logo</span></span> Congestion Charge </a> </div> <div class="clearfix"> <a href="/modes/cycling/santander-cycles" class="flat-button top-icon"> <span class="services-icon cycle-hire"><span class="visually-hidden">Santander Cycles logo</span></span> Santander Cycles </a> <a href="/modes/london-cable-car/" class="flat-button top-icon"> <span class="services-icon airline"><span class="visually-hidden">IFS Cloud logo</span></span> IFS Cloud Cable Car </a> </div> </div> <div data-set="reserved-teaser" class="large tertiary-teaser"> <div class="moving-source-order"> <div class="news-teaser"> <img src="/cdn/static/cms/images/promos/bank-closure-700x350_rdax_400x200s.jpg" alt="Bank capacity upgrade - workers" /> <div class="text-link-new"> <div class="text-container"> <h2><a href="/status-updates/major-works-and-events?intcmp=25505" >Major works and events</a></h2> <p>Find out about works and events in London which may affect your journey</p> </div> <div class="icon-container"> <span class="chevron-icon"></span> </div> </div> </div> </div> </div> <div class="vertical-button-container"> <ul> <li> <a href="/status-updates/major-works-and-events" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Major works and events</a></li> <li> <a href="/travel-information/safety/report-a-crime-or-incident" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Report a crime or incident</a></li> <li> <a href="/corporate/about-tfl/sustainability" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Sustainability</a></li> <li> <a href="/status-updates/busiest-times-to-travel" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Check the best times to travel</a></li> <li> <a href="/maps_/tfl-go" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">TfL Go app</a></li> <li> <a href="https://londonblog.tfl.gov.uk/" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Experience London blog</a></li> <li> <a href="https://madeby.tfl.gov.uk" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Made by TfL blog</a></li> <li> <a href="https://consultations.tfl.gov.uk/" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Consultations</a></li> <li> <a href="/status-updates/travel-tools" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Travel tools</a></li> <li> <a href="https://content.tfl.gov.uk/tfl-modern-slavery-statement.pdf" data-tracking="prop43" data-tracking-value="PopularLinks" class="plain-button">Modern slavery statement</a></li> </ul> </div> </div> </div> </div> <div style="display:none;"> </div> </main> <footer id="footer" role="contentinfo"> <div class="primary-footer r"> <div class="about-tfl-menu" role="navigation" aria-labelledby="about-tfl-heading"> <h2 id="about-tfl-heading" class="visually-hidden">About TfL</h2> <ul class="footer-links"> <li><a href="/help-and-contact/">Help & contacts</a></li> <li><a class="" href="/corporate/about-tfl/" >About TfL</a></li> <li><a class="" href="/corporate/careers/" >Careers</a></li> <li><a class="" href="/corporate/publications-and-reports/" >Publications & reports</a></li> <li><a class="" href="/corporate/safety-and-security/" >Safety & security</a></li> <li><a class="" href="/travel-information/social-media-and-email-updates/" >Social media & email updates</a></li> <li><a class="" href="/corporate/transparency/" >Transparency</a></li> <li><a href="https://www.ltmuseumshop.co.uk/">Gift Shop</a></li> <li><div id="google-translate"></div></li> </ul> </div> <div role="navigation" aria-labelledby="information-for-heading"> <h2 id="information-for-heading" class="heading">Information for...</h2> <ul class="info-for clearfix"> <li><a href="/info-for/boroughs-and-communities/">Boroughs & communities</a></li><li><a href="/info-for/bus-operators/">Bus operators</a></li><li><a href="/info-for/business-and-advertisers/">Business & advertisers</a></li><li><a href="/info-for/coach-drivers/">Coach drivers</a></li><li><a href="/info-for/deliveries-in-london/">Freight & servicing in London</a></li><li><a href="/info-for/investors/">Investors</a></li><li><a href="/info-for/media/">Media</a></li><li><a href="/info-for/open-data-users/">Open data users</a></li><li><a href="/info-for/schools-and-young-people/">Schools & young people</a></li><li><a href="/info-for/suppliers-and-contractors/">Suppliers & contractors</a></li><li><a href="/info-for/taxis-and-private-hire/">Taxi & private hire </a></li><li><a href="/info-for/urban-planning-and-construction/">Urban planning & construction</a></li> </ul> </div> <div class="footer-MOL-logo" role="navigation" aria-label="Other public bodies"> <ul class="links-list" id="gla-list" data-selected-item-id="Mayor Of London Logo" data-dropdown-target="footer-MOL-logo" data-dropdown-option="gla-dropdown"> <li class="MOL-logo-dropdown" data-item-id="Mayor Of London Logo"><img src="/static/cms/images/MoL.png" alt="Mayor of London"></li> <li data-item-id="" class="greater-london-authority-li"><img src="/static/cms/images/GLA_Logo.png" alt="Greater London Authority" /></li> <li data-item-id="MOL1"><a href="http://www.london.gov.uk/">Mayor of London</a></li> <li data-item-id="LA2"><a href="http://www.london.gov.uk/mayor-assembly/london-assembly">London Assembly</a></li> <li data-item-id="LP3"><a href="http://www.londonandpartners.com/">London and Partners</a></li> <li data-item-id="MPS4"><a href="https://www.met.police.uk/">Metropolitan Police Service</a></li> <li data-item-id="LFEPA5"><a href="https://www.london-fire.gov.uk/">London Fire Brigade</a></li> <li data-item-id="MOPC6"><a href="https://www.london.gov.uk/what-we-do/mayors-office-policing-and-crime-mopac">The Mayors Office of Policing and Crime</a></li> </ul> </div> </div> <div class="secondary-footer"> <div class="r"> <div class="terms-and-conditions-menu" role="navigation" aria-labelledby="legal-information-heading"> <h2 id="legal-information-heading" class="visually-hidden">Legal information</h2> <ul> <li><a href="/corporate/data-sources">Data sources</a></li><li><a href="/corporate/privacy-and-cookies/">Privacy & cookies</a></li><li><a href="/corporate/terms-and-conditions/">Terms & conditions </a></li><li><a href="/corporate/website-accessibility/">Digital accessibility</a></li> </ul> </div> <span class="heading">Copyright TfL</span> </div> </div> <div> </div> </footer> </div> <div class="js-panelwrapper" id="favourites-panel" role="dialog" aria-label="Favourites"> <div id="fav-panel-status" class="fav-panel fav-panel-status fav-panel-slide-right scrollable" aria-hidden="true" aria-labelledby="addFavouritesHeading"> <div class="fav-panel-header"> <div class="fav-panel-header-contents"> <div class="fav-close-icon"> <button class="fav-panel__close fav-panel-close-favicon"> <span class="fav-icon large-icon fav-panel-star hide-text"> Close Favourites </span> </button> </div> </div> </div> <div class="fav-banner"> <div class="fav-dismiss-icon"></div> <div class="clearfix"></div> <a class="fav-banner-link" href="#"> <div class="fav-banner-contents"> <div class="fav-banner-title"></div> <div class="fav-banner-description"></div> </div> </a> </div> <div class="fav-panel-details fav-panel__items"> <div id="fav-status-tube-dlr-overground-elizabeth-line-tram" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram"></div> <div> <div class="fav-status-sub-heading"> <h2>My Lines</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Tube, Overground, Elizabeth line, DLR & Tram"> <span class="fav-status-edit-link" data-track-mode="my lines">Edit<span class="visually-hidden"> my lines</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-tube-dlr-overground-elizabeth-line-tram" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/tube-dlr-overground/status/"> <span class="fav-status-all-link">View all statuses</span> </a> </div> </div> <div id="fav-status-bus" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-bus"></div> <div> <div class="fav-status-sub-heading"> <h2>My Buses</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Bus"> <span class="fav-status-edit-link" data-track-mode="my buses">Edit<span class="visually-hidden"> my buses</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-bus"></div> </div> </div> </div> <div id="fav-status-traffic" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-roads"></div> <div> <div class="fav-status-sub-heading"> <h2>My Roads</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Traffic"> <span class="fav-status-edit-link" data-track-mode="my roads">Edit<span class="visually-hidden"> my roads</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-traffic" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div id="fav-panel-rainbow-list-roads" class="rainbow-board roads"> </div> </div> <div class="fav-forward-to-all"> <a href="/traffic/status/"> <span class="fav-status-all-link">View all reported incidents</span> </a> </div> </div> <div id="fav-status-river-bus" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-river-bus"></div> <div> <div class="fav-status-sub-heading"> <h2>My River Buses</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="River Bus"> <span class="fav-status-edit-link" data-track-mode="my river buses">Edit<span class="visually-hidden"> my river buses</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-river-bus" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-river-bus"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/river/status/"> <span class="fav-status-all-link">View all statuses</span> </a> </div> </div> <div id="fav-status-cable-car" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-cable-car"></div> <div> <div class="fav-status-sub-heading"> <h2>My IFS Cloud Cable Car</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="CableCar"> <span class="fav-status-edit-link" data-track-mode="my IFS Cloud Cable Car">Edit<span class="visually-hidden"> my IFS Cloud Cable Car</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-cable-car" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-cable-car"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/cable-car/status/"> <span class="fav-status-all-link">View status</span> </a> </div> </div> <div id="fav-status-journey" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-journey"></div> <div> <div class="fav-status-sub-heading"> <h2>My Journeys</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Journey"> <span class="fav-status-edit-link" data-track-mode="my journeys">Edit<span class="visually-hidden"> my journeys</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-journey"> </div> </div> </div> </div> <div id="fav-status-place" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-place"></div> <div> <div class="fav-status-sub-heading"> <h2>My Places</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="place"> <span class="fav-status-edit-link" data-track-mode="my places">Edit<span class="visually-hidden"> my places</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-place"> <ul class="fav-rainbow-list"></ul> </div> </div> </div> </div> <div id="fav-add-favourites" class="fav-panel-item js-cookiemessagecontainer"> <div> <div class="fav-status-sub-heading"> <h2 id="addFavouritesHeading" data-text-first-time="Add favourites for quick access to live status, journeys and places" data-text-add="Add favourites"> Add favourites for quick access to live status, journeys and places </h2> </div> <div class="js-cookie-warning cookie-warning-message" data-warning-message="Favourites is disabled due to your cookie preferences."> <p></p> </div> <div class="js-cookie-renew cookie-warning-link" data-cookie-message="Accept functionality cookies to use this feature"> <a class="link2"></a> </div> </div> <div class="clearfix"></div> <div class="fav-forward-to-all"> </div> <div class="fav-forward-to-all" id="add-tube-dlr-overground-elizabeth-line-tram"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Tube, Overground, Elizabeth line, DLR & Tram"> <span class="fav-add-link add-lines" data-track-mode="my lines">Lines</span> </a> </div> <div class="fav-forward-to-all" id="add-bus"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Bus"> <span class="fav-add-link add-bus" data-track-mode="my buses">Buses</span> </a> </div> <div class="fav-forward-to-all" id="add-traffic"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Traffic"> <span class="fav-add-link add-roads" data-track-mode="my roads">Roads</span> </a> </div> <div class="fav-forward-to-all" id="add-river-bus"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="River Bus"> <span class="fav-add-link add-river-buses" data-track-mode="my river buses">River Buses</span> </a> </div> <div class="fav-forward-to-all" id="add-cable-car"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="CableCar"> <span class="fav-add-link add-cable-car" data-track-mode="my IFS Cloud Cable Car">IFS Cloud Cable Car</span> </a> </div> <div class="fav-forward-to-all" id="add-journey"> <a class="first-time-panel-description" href="/plan-a-journey/" data-mode="Journey"> <span class="fav-add-link add-journey" data-track-mode="my journeys">Journeys<br /><span class="title-description" data-track-mode="my journeys">Plan a journey and favourite it for quick access in the future</span></span> </a> </div> <div class="fav-forward-to-all add-place" id="add-place"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="place"> <span class="fav-add-link add-place" data-track-mode="my places">Places<br /><span class="title-description" data-track-mode="my places">Choose postcodes, stations and places for quick journey planning</span></span> </a> </div> </div> </div> </div> <div id="fav-panel-edit" class="fav-panel fav-panel-edit fav-panel-slide-right scrollable" aria-hidden="true" aria-label="Edit favourites"> <div class="fav-panel-header"> <div class="fav-panel-header-contents"> <div class="fav-close-icon"> <button class="fav-panel__close fav-panel-close-favicon"> <span class="fav-icon large-icon fav-panel-star hide-text"> Close edit Favourites </span> </button> </div> </div> </div> <div class="fav-panel-details-wrapper"> <div class="fav-panel-details fav-panel__items js-cookiemessagecontainer"> <div class="js-cookie-warning cookie-warning-message" data-warning-message="Favourites is disabled due to your cookie preferences."> <p></p> </div> <div class="js-cookie-renew cookie-warning-link" data-cookie-message="Accept functionality cookies to use this feature"> <a class="link2"></a> </div> <div id="fav-edit-tube-dlr-overground-elizabeth-line-tram" class="fav-panel-item fav-tube-dlr-overground-elizabeth-line-tram"> <div> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-line" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my lines">Favourite lines</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-tube-dlr-overground-elizabeth-line-tram"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item bakerloo" data-line-id="lul-bakerloo" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier bakerloo"></span> <span class="fav-service-name-or-destination"> <span>Bakerloo</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item central" data-line-id="lul-central" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier central"></span> <span class="fav-service-name-or-destination"> <span>Central</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item circle" data-line-id="lul-circle" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier circle"></span> <span class="fav-service-name-or-destination"> <span>Circle</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item district" data-line-id="lul-district" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier district"></span> <span class="fav-service-name-or-destination"> <span>District</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item dlr" data-line-id="dlr-dlr" data-mode="dlr"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier dlr"></span> <span class="fav-service-name-or-destination"> <span>DLR</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item elizabeth" data-line-id="elizabeth" data-mode="elizabeth-line"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier elizabeth-line"></span> <span class="fav-service-name-or-destination"> <span>Elizabeth line</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item hammersmith" data-line-id="lul-hammersmith-city" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier hammersmith"></span> <span class="fav-service-name-or-destination"> <span>Hammersmith & City</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item jubilee" data-line-id="lul-jubilee" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier jubilee"></span> <span class="fav-service-name-or-destination"> <span>Jubilee</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item liberty" data-line-id="raillo-liberty" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier liberty"></span> <span class="fav-service-name-or-destination"> <span>Liberty</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item lioness" data-line-id="raillo-lioness" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier lioness"></span> <span class="fav-service-name-or-destination"> <span>Lioness</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item metropolitan" data-line-id="lul-metropolitan" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier metropolitan"></span> <span class="fav-service-name-or-destination"> <span>Metropolitan</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item mildmay" data-line-id="raillo-mildmay" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier mildmay"></span> <span class="fav-service-name-or-destination"> <span>Mildmay</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item northern" data-line-id="lul-northern" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier northern"></span> <span class="fav-service-name-or-destination"> <span>Northern</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item piccadilly" data-line-id="lul-piccadilly" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier piccadilly"></span> <span class="fav-service-name-or-destination"> <span>Piccadilly</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item suffragette" data-line-id="raillo-suffragette" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier suffragette"></span> <span class="fav-service-name-or-destination"> <span>Suffragette</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item tram" data-line-id="tram-tram" data-mode="tram"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier tram"></span> <span class="fav-service-name-or-destination"> <span>Tram</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item victoria" data-line-id="lul-victoria" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier victoria"></span> <span class="fav-service-name-or-destination"> <span>Victoria</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item waterloo" data-line-id="lul-waterloo-city" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier waterloo"></span> <span class="fav-service-name-or-destination"> <span>Waterloo & City</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item weaver" data-line-id="raillo-weaver" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier weaver"></span> <span class="fav-service-name-or-destination"> <span>Weaver</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item windrush" data-line-id="raillo-windrush" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier windrush"></span> <span class="fav-service-name-or-destination"> <span>Windrush</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-bus" class="fav-panel-item fav-bus" data-mode="bus"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-bus" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my buses">Favourite buses</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-bus"> </div> </div> <div id="fav-bus-search"> <h2 id="search-heading-bus">Add new bus</h2> <div class="clearfix"></div> <div id="fav-bus-search-filter" class="search-filter no-focus"> <form id="search-filter-form-fav" action="/disambiguation" method="GET" data-placeholder="Search" data-datasets="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="True" data-include-geolocation="True" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps/bus" data-modes = "bus" data-ajax-enabled="False" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{
 "menu": "fav-suggestions-menu"
}"> <div class="text-input"> <label class="heading visually-hidden" for="InputFavBus">Search</label> <input class="tt-onpanel no-focus" data-autocorrect="off" data-placeholder-no-focus="Search" data-placeholder-on-focus="Bus stop or route" data-val="true" data-val-required="Please enter a search term." id="InputFavBus" name="Input" placeholder="Search" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" id="InputFavBus-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" /><input name="Modes" type="hidden" value="bus" /><input name="PlaceHolderText" type="hidden" value="Search" /> </div> <div class="submit-button"> <input type="submit" value="Search" class="secondary-button visually-hidden" /> </div> </form> </div> </div> </div> <div id="fav-edit-traffic" class="fav-panel-item fav-traffic" data-mode="traffic"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-traffic" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my roads">Favourite roads</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-traffic" class="rainbow-board roads"> <ul class="fav-rainbow-list board-good-service scrolling"> <li data-line-class="roadcorridor-a1" data-corridor-group="" data-corridor-name="a1" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a1"> <span>A1</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a10" data-corridor-group="" data-corridor-name="a10" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a10"> <span>A10</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a12" data-corridor-group="" data-corridor-name="a12" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a12"> <span>A12</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a13" data-corridor-group="" data-corridor-name="a13" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a13"> <span>A13</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a2" data-corridor-group="" data-corridor-name="a2" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a2"> <span>A2</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a20" data-corridor-group="" data-corridor-name="a20" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a20"> <span>A20</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a21" data-corridor-group="" data-corridor-name="a21" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a21"> <span>A21</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a23" data-corridor-group="" data-corridor-name="a23" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a23"> <span>A23</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a24" data-corridor-group="" data-corridor-name="a24" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a24"> <span>A24</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a3" data-corridor-group="" data-corridor-name="a3" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a3"> <span>A3</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a316" data-corridor-group="" data-corridor-name="a316" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a316"> <span>A316</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a4" data-corridor-group="" data-corridor-name="a4" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a4"> <span>A4</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a40" data-corridor-group="" data-corridor-name="a40" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a40"> <span>A40</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a41" data-corridor-group="" data-corridor-name="a41" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a41"> <span>A41</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-blackwall tunnel" data-corridor-group="" data-corridor-name="blackwall tunnel" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-blackwall tunnel"> <span>Blackwall Tunnel</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-Central London Red Routes" data-corridor-group="" data-corridor-name="Central London Red Routes" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-Central London Red Routes"> <span>Central London Red Routes</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a406" data-corridor-group="" data-corridor-name="a406" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a406"> <span>North Circular (A406)</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a205" data-corridor-group="" data-corridor-name="a205" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination road-corridor-a205"> <span>South Circular (A205)</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-river-bus" class="fav-panel-item fav-river-bus" data-mode="river-bus"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-river-bus" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my river buses">Favourite river buses</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-river-bus"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item rb1" data-line-id="lul-rb1" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb1"></span> <span class="fav-service-name-or-destination rb1"> <span>RB1</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb2" data-line-id="lul-rb2" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb2"></span> <span class="fav-service-name-or-destination"> <span>RB2</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb4" data-line-id="lul-rb4" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb4"></span> <span class="fav-service-name-or-destination"> <span>RB4</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb5" data-line-id="lul-rb5" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb5"></span> <span class="fav-service-name-or-destination"> <span>RB5</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb6" data-line-id="lul-rb6" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb6"></span> <span class="fav-service-name-or-destination"> <span>RB6</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item woolwich-ferry" data-line-id="lul-woolwich-ferry" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier woolwich-ferry"></span> <span class="fav-service-name-or-destination"> <span>Woolwich Ferry</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-cable-car" class="fav-panel-item fav-cable-car" data-mode="cable-car"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-cable-car" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my IFS Cloud Cable Car"><span class="visually-hidden">Favourite IFS Cloud Cable Car</span></h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-cable-car"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item cable-car" data-line-id="lul-cable-car" data-mode="cable-car"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier cable-car"></span> <span class="fav-service-name-or-destination"> <span>IFS Cloud Cable Car</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-journey" class="fav-panel-item fav-journey fav-journey-place" data-mode="journey"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-journey" data-text-edit="Edit" data-text-add="Add" data-text-add-recents="Add recents" data-track-option="">Favourite journeys</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> </div> <div id="fav-edit-place" class="fav-panel-item fav-place fav-journey-place" data-mode="place"> <div data-bind="visible: hasPlaces()"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-place" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my places">My places</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div id="fav-rainbow-list-place"> <div id="edit-place"> <ul class="fav-rainbow-list fav-places-list" data-bind="foreach: places, visible: hasPlaces()"> <li class="fav-rainbow-list-item" data-bind="attr: { 'data-place': placeName }, event: { keypress: $parent.togglePlaceKeyboard }"> <div class="fav-rainbow-list-link" data-bind="css: activeState()" tabindex="0"> <span class="fav-place-label" data-bind="text: labelValue(), visible: !labelEdit(), css: labelIsNotSet(), click: $parent.toggleLabelForEdit"></span> <label class="heading visually-hidden" for="InputEditLabel">Edit label</label> <input id="InputEditLabel" type="text" placeholder="Add label" class="custom-label-edit custom-label" data-bind="value: label, visible: labelEdit, hasFocus: labelEdit" /> <div class="clearfix"></div> <div data-bind="click: $parent.togglePlace"> <span class="fav-toggle place"></span> <div class="mode-icons" data-bind="foreach: allModeIcons()"> <span class="mode-icon" data-bind="css: $data"> </span> </div> <span class="fav-place-text" data-bind="text: placeName"></span> </div> </div> </li> </ul> </div> </div> <div class="edit-place-view"> <div class="fav-edit-sub-heading"> <h2>Add new place</h2> </div> <div data-bind="visible: !hasPlaces()"> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div class="edit-place-labels" data-bind="visible: showLabels"> <span data-bind="foreach: allLabels()"> <a href="javascript:void(0)" class="secondary-button fav-place-button existing-fav-place" data-bind="attr: { 'data-fav-place-label': $data }, click: $parent.selectDefaultLabel" role="checkbox" aria-checked="false" tabindex="0"> <span class="button-text" data-bind="text: $data">Existing place</span> </a> </span> <a href="javascript:void(0)" class="secondary-button fav-place-button new-fav-place" data-bind="click: $root.selectOtherLabel" tabindex="0"> <span class="button-cross"></span> <span class="button-text"><span class="visually-hidden">Add a </span>Label</span> </a> </div> <div data-bind="visible: !showLabels()"> <div id="fav-label-search-filter" class="search-filter"> <label class="heading visually-hidden" for="InputFavLabel">Add a label</label> <input id="InputFavLabel" type="text" placeholder="Add label" data-placeholder-no-focus="Add label" class="custom-label" data-bind="value: customLabel" /> </div> </div> <div id="fav-place-search-filter" class="search-filter no-focus"> <form id="search-filter-form-fav-place" method="GET" data-placeholder="Search" data-datasets="[["stopPoints","/"],["bikePoints","/"],["placesExtra","/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="False" data-include-geolocation="False" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps" data-modes = "tube,dlr,overground,elizabeth-line,bus,river-bus,tram,cable-car,national-rail" data-ajax-enabled="True" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{
 "menu": "fav-place-suggestions-menu"
}"> <div class="text-input"> <label class="heading visually-hidden" for="InputFavPlace">Search</label> <input class="tt-onpanel no-focus" data-autocorrect="off" data-placeholder-no-focus="Search" data-placeholder-on-focus="Station, postcode or place" data-val="true" data-val-required="Please enter a search term." id="InputFavPlace" name="Input" placeholder="Search" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" id="InputFavPlace-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/"],["bikePoints","/"],["placesExtra","/"]]" /><input name="Modes" type="hidden" value="tube,dlr,overground,elizabeth-line,bus,river-bus,tram,cable-car,national-rail" /><input name="PlaceHolderText" type="hidden" value="Search" /> </div> </form> </div> </div>  <div class="edit-place-view-old"> <div class="clearfix"></div> <div class="fav-edit-sub-heading panel-section-separator"> <h2>Add places</h2> </div> <div class="fav-forward-to-all"> <a class="first-time-panel-description" href="/plan-a-journey/" data-mode="place"> <span class="fav-add-link add-place"> Places <br /> <span class="title-description">Choose postcodes, stations and places for quick journey planning</span> </span> </a> </div> </div> </div> <div id="fav-edit-journey-place" class="fav-panel-item fav-place fav-journey-place" data-mode="journey-place"> <div class="clearfix"></div> </div> </div> </div> </div> <div class="popup fav-updated"> <div class="fav-toast-notification" style="display: none"> <span class="fav-icon large-icon fav-panel-star hide-text">Favicon</span><span class="popup-text">Favourites updated</span><span class="right-float"><a href="javascript:void(0)" tabindex="0" class="link2" data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Notification tab|view (global)' id="view-favourites-updated">View</a></span> </div> </div> </div> <script src="/cdn/static/scripts/core/min/init.min.d92bc844.js"></script> <script type="text/javascript"> var queue = [function () { tfl.settings.debug = false; }, null]; var isDebug = false; var isMapsDebug = false; var isGoogleMapsDebug = false; var predictionsAjaxPolling = false; tfl.apiUrl = "https://api-tigris.tfl.gov.uk/"; tfl.pushApiUrl = "https://push-api-tigris.tfl.gov.uk/"; tfl.appId = "8268063a"; tfl.appKey = "14f7f5ff5d64df2e88701cef2049c804"; // Api mode names tfl.modeNameBus = "bus"; tfl.modeNameCableCar = "cable-car"; tfl.modeNameDlr = "dlr"; tfl.modeNameOverground = "overground"; tfl.modeNameElizabethLine = "elizabeth-line"; tfl.modeNameRiver = "river-bus"; tfl.modeNameTrain = "national-rail"; tfl.modeNameTram = "tram"; tfl.modeNameTube = "tube"; tfl.modeNameTraffic = "traffic"; tfl.modeNameMultiModal = "hub"; tfl.modeJourney = "journey"; tfl.modePlace = "place" // Excluded modes tfl.modesToExclude = ["plane", "international-rail"] // bus stopType tfl.naptanPublicBusCoachTram = "NaptanPublicBusCoachTram"; // disambiguation datasets tfl.disambiguationDataSets = { placesExtra: "placesExtra", routes: "routes", stopPoints: "stopPoints", bikePoints: "bikePoints", taxiRanks: "taxiRanks" }; //api error message tfl.apiErrorMessage = "Sorry, there was a problem with your request. Please try again later."; //page Urls tfl.jPLandingPageUrl = "/plan-a-journey/"; tfl.jPResultsPageUrl = "/JourneyPlanner/ResultsAsync"; tfl.disambiguationUrl = "/Disambiguation/AmbiguousSearchAjax"; // Amazon TAM Publisher Id tfl.amazonPublisherId = "9547a513-f2e5-4004-bd92-dc734efe7cf2"; //Typeahead search stops tfl.stopPointsSearchPrevent = false; tfl.stopPointsSearchPreviousQueryLength=0; tfl.placesExtraSearchPrevent = false; tfl.placesExtraSearchPreviousQueryLength=0; tfl.bikePointsSearchPrevent = false; tfl.bikePointsSearchPreviousQueryLength=0; //set personalisation defaults from web config tfl.isPersonalisationActive = "True"; tfl.showBusStatusOnHomePage = "True"; //Bottom advert tfl.showBottomAdvertCloseButton = "False"; //Cookiebot text tfl.dictionary.cookiebotRecentsMessage = "Recents is disabled due to your cookie preferences."; tfl.dictionary.cookiebotJourneysMessage = "My Journeys is disabled due to your cookie preferences."; tfl.dictionary.cookiebotRecentsLink = "Accept functionality cookies to use this feature"; queue.push("/cdn/static/scripts/core/min/global.min.b55e99d7.js", null , function() { if (tfl.DisableButtonOnSubmit) { tfl.DisableButtonOnSubmit.init(null, true, null); } }); queue.push(function () { var allowCorsInIe9 = "/cdn/static/scripts/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js", l = $LAB, isie9OrLess = $("html").hasClass("lt-ie10"); if (isie9OrLess) { l.script(allowCorsInIe9); l.wait(); } }); if (isMapsDebug) { tfl.mapScriptPath = "/mapssource/packageall/packageall.js"; tfl.stealScriptPath = "/mapssource/steal/steal.js"; } else { tfl.mapScriptPath = "/cdn/static/scripts/maps/packageall/production.bc07728e.js"; tfl.stealScriptPath = "/cdn/static/scripts/maps/steal/steal.production.ed44caab.js"; } if (isGoogleMapsDebug) { tfl.isGoogleMapsDebug = true; } </script>  <script> (function (tfl) { tfl.isPersonalisationActive = true; tfl.isBusFavouritesActive = false; tfl.showBusStatusOnHomePage = true; tfl.showOnboarding = { personalisationStar: true }; tfl.showGetMeHome = { savePlace: false }; tfl.showBroadcastMessage = false; tfl.showStrikBannerOnTubemap = false; tfl.showBottomAdvertCloseButton = false; })(tfl = tfl || {}); </script> <script> queue.push(function () { $("#From").attr("data-jumpback", ".show-mobile-search:visible, #search-button:visible"); tfl.journeyPlanner.init("home"); }); </script> <div class="bottom-advert"> <div class="close-ad-button visually-hidden"><span class="close-icon-circle"></span></div> <div data-advert="/76889402/homepage" data-advert-sizes="320, 50"></div> </div> <script>queue.push(function () { if (!$('body').hasClass('personalisation-active')) { $('#home-status-updates-default').css("visibility", "visible"); } });</script><script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps"); }, null ); </script><script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps"); }, null ); </script><script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps"); }, null ); </script><script> queue.push(function () { tfl.journeyPlanner.searchForm.init(true); }); queue.push("/cdn/static/scripts/jquery/jquery.xdomainrequest.js", null); //Allows CORS in ie9 or lower, enabling auto-suggest in JP, courtesy of https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest </script> <script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps/bus/"); }, null ); </script><script> tfl.logs.create("tfl.favstatusbus: creating"); if (predictionsAjaxPolling || navigator.userAgent.indexOf("BlackBerry") >= 0) { tfl.logs.create("tfl.favstatusbus: blackberry"); // reverting to AJAX polling for Blackberry 7 devices queue.push( "/cdn/static/scripts/specific/stations-stops-piers/predictions-ajax.min.1f187320.js", null ); } else { tfl.logs.create("tfl.statusbus: non-blackberry"); queue.push( "/cdn/static/scripts//plugins/includes/jquery.signalR-2.2.0.min.js", null, "https://push-api-tigris.tfl.gov.uk/signalr/hubs", null, "/cdn/static/scripts//plugins/includes/knockout-2.3.0.min.js", null, "/cdn/static/scripts/specific/stations-stops-piers/predictions.min.f2498951.js", null ); } </script> <script> queue.push( function () { tfl.serviceStatus.initServiceBoardAutoRefresh("/StatusUpdates/StatusBoard?modes=tube,dlr,overground,elizabeth-line,tram&collapsed=True&isHomeOrModePageStatusBoard=True&isStatusUpdatesPage=False&isFavouritesPanel=False", "rainbow-list-tube-dlr-overground-elizabeth-line-tram", "tube,dlr,overground,elizabeth-line,tram"); }, null ); </script><script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps/bus"); }, null ); </script><script> queue.push( function() { tfl.serviceStatus.initServiceBoardAutoRefresh("/StatusUpdates/StatusBoard?modes=traffic&collapsed=True&isFavouritesPanel=False", "rainbow-list-roads", "traffic", "False".toLowerCase()); }, null ); </script><script> queue.push( function () { tfl.serviceStatus.initServiceBoardAutoRefresh("/StatusUpdates/StatusBoard?modes=river-bus&collapsed=True&isHomeOrModePageStatusBoard=True&isStatusUpdatesPage=False&isFavouritesPanel=False", "rainbow-list-river-bus", "river-bus"); }, null ); </script><script> queue.push( function () { tfl.serviceStatus.initServiceBoardAutoRefresh("/StatusUpdates/StatusBoard?modes=cable-car&collapsed=True&isHomeOrModePageStatusBoard=True&isStatusUpdatesPage=False&isFavouritesPanel=False", "rainbow-list-cable-car", "cable-car"); }, null ); </script><script> queue.push( function () { tfl.serviceStatus.initServiceBoardAutoRefresh("/StatusUpdates/StatusBoard?modes=national-rail&collapsed=True&isHomeOrModePageStatusBoard=True&isStatusUpdatesPage=False&isFavouritesPanel=False", "rainbow-list-national-rail", "national-rail"); }, null ); </script><script> tfl.logs.create("tfl.favstatusbus: creating"); if (predictionsAjaxPolling || navigator.userAgent.indexOf("BlackBerry") >= 0) { tfl.logs.create("tfl.favstatusbus: blackberry"); // reverting to AJAX polling for Blackberry 7 devices queue.push( "/cdn/static/scripts/specific/stations-stops-piers/predictions-ajax.min.1f187320.js", null ); } else { tfl.logs.create("tfl.statusbus: non-blackberry"); queue.push( "/cdn/static/scripts//plugins/includes/jquery.signalR-2.2.0.min.js", null, "https://push-api-tigris.tfl.gov.uk/signalr/hubs", null, "/cdn/static/scripts//plugins/includes/knockout-2.3.0.min.js", null, "/cdn/static/scripts/specific/stations-stops-piers/predictions.min.f2498951.js", null ); } </script> <script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps/bus"); }, null ); </script><script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps"); }, null ); </script> <script> var $L = $LAB; for (var i = 0, len = queue.length; i < len; i++) { if (typeof queue[i] == "string") { $L = $L.script(queue[i]); } else if (!queue[i]) { $L = $L.wait(); } else if (typeof queue[i] == "function") { $L = $L.wait(queue[i]); } } </script>  <script> var tfl = tfl || {}; tfl.analytics = tfl.analytics || {}; tfl.analytics.tealiumUtagUrl = '//assets.adobedtm.com/launch-ENc5e3f827edc94f2a816110524598acd7.min.js'; </script>   <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google-translate'); applyAriaLabel(); removeGoogleTranslateAltTag() }; function applyAriaLabel() { var gtSelect = document.getElementsByClassName('goog-te-combo')[0]; var ariaLabel = document.createAttribute('aria-label'); ariaLabel.value = 'Select Language'; gtSelect.setAttributeNode(ariaLabel); }; function removeGoogleTranslateAltTag() { // This function is a sticking plaster fixing a bigger issue with the Google Translate library used above. var altTag = document.getElementsByClassName('goog-logo-link')[0]; if(!altTag) return; altTag.childNodes[1].remove() } </script>  </body> </html>

CINXE.COM

Keeping London moving - Transport for London