CINXE.COM
Southern Interchange - NorthConnex
<!DOCTYPE HTML> <html class="supports-no-js theme--northconnex" id="html-tag" data-theme="northconnex" lang="en-AU"> <head> <title>Southern Interchange - NorthConnex</title> <!-- Hot fix for jquery.smartbanner styles preload start --> <style> #smartbanner { position: absolute; left: 0; top: -82px; border-bottom: 1px solid #e8e8e8; width: 100%; height: 78px; font-family: "Helvetica Neue", sans-serif; background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } #smartbanner, html.sb-animation { -webkit-transition: all 0.3s ease; } #smartbanner .sb-container { margin: 0 auto; } #smartbanner .sb-close { position: absolute; left: 5px; top: 10px; display: block; border: 2px solid #fff; width: 14px; height: 14px; font-family: "ArialRoundedMTBold", Arial; font-size: 15px; line-height: 15px; text-align: center; color: #fff; background: #070707; text-decoration: none; text-shadow: none; border-radius: 14px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-font-smoothing: subpixel-antialiased; } #smartbanner .sb-close:active { font-size: 13px; color: #aaa; } #smartbanner .sb-icon { position: absolute; left: 30px; top: 10px; display: block; width: 57px; height: 57px; background: rgba(0, 0, 0, 0.6); background-size: cover; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #smartbanner.no-icon .sb-icon { display: none; } #smartbanner .sb-info { position: absolute; left: 98px; top: 18px; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } #smartbanner #smartbanner.no-icon .sb-info { left: 34px; } #smartbanner .sb-info strong { display: block; font-size: 13px; color: #4d4d4d; line-height: 18px; } #smartbanner .sb-info > span { display: block; } #smartbanner .sb-info em { font-style: normal; text-transform: uppercase; } #smartbanner .sb-button { position: absolute; right: 20px; top: 24px; border: 1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%); text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); } #smartbanner .sb-icon.gloss:after { content: ""; position: absolute; left: 0; top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.8); width: 100%; height: 50%; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%); border-radius: 10px 10px 12px 12px; } #smartbanner.android { border-color: #212228; background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7"); border-top: 5px solid #88B131; -webkit-box-shadow: none; box-shadow: none; } #smartbanner.android .sb-close { border: 0; width: 17px; height: 17px; line-height: 17px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } #smartbanner.android .sb-close:active { color: #eee; } #smartbanner.android .sb-info { color: #ccc; text-shadow: 0 1px 2px #000; } #smartbanner.android .sb-info strong { color: #fff; } #smartbanner.android .sb-button { min-width: 12%; border: 1px solid #DDDCDC; padding: 1px; color: #d1d1d1; background: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; min-height: 28px; } #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB); text-transform: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background: #2AC7E1; } #smartbanner.ios .sb-close { line-height: 10px; } #smartbanner.windows .sb-icon { border-radius: 0px; } </style> <!-- Hot fix for jquery.smartbanner styles preload end --> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link as="style" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/jquery.smartbanner.css" rel="preload" type="text/css"/> <link as="font" crossorigin href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/fonts/open-sans-v18-latin-regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/fonts/open-sans-v18-latin-700.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/MaterialIcons-Regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-700.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-600.woff2" rel="preload" type="font/woff2"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="format-detection" content="telephone=no"/> <meta name="google-site-verification" content="pSmY7CDZSzrOwBs6MdSQJjX5RlSnGWHvHuHGRXN-9Oo"/> <meta name="apple-itunes-app"/> <!-- Start of google app configuration --> <meta name="author"/> <meta name="google-play-app" content="app-id="/> <meta name="msApplication-TileImage-Android"/> <!-- End of google app --> <meta name="msapplication-TileColor" content="#000"/> <meta name="msapplication-TileImage"/> <link rel="apple-touch-icon-precomposed"/> <link rel="shortcut icon" href="/content/dam/northconnex/logos/favicon.ico" type="image/x-icon"/> <link rel="icon" href="/content/dam/northconnex/logos/favicon.ico" type="image/x-icon"/> <meta name="description" content="Find out more about getting into and out of the South end of the NorthConnex tunnel."/> <meta name="template" content="two-column"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=5"/> <!-- Start of social Meta tags --> <!-- End of social Meta tags --> <!--[if lt IE 9]> <link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style.static.highcontrast.css?ver=702597328" href="/etc.clientlibs/digitalcms/clientlib/digitalcms.ui.components/resources/css/style.static.css?ver=702597328"/> <![endif]--> <!--[if gte IE 9]><!--> <script type="text/javascript"> function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts.pop().split(";").shift(); } if (getCookie('TU_HIGHCONTRAST') == 'true') { // if highcontrast cookie is saved, serve up highcontrast stylesheet by default document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.css?ver=702597328" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.highcontrast.css?ver=702597328" />') } else { document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.highcontrast.css?ver=702597328" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.css?ver=702597328" />') } </script> <!--<![endif]--> <!-- React ui.components clientlibs include start --> <link rel="stylesheet" href="/etc.clientlibs/digitalcms/clientlibs/core.components.ui.lc-4403f7d4cc216f3201c0bb7841f8f164-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components.lc-784d079d755c2468bd15676fb6d7c038-lc.min.css" type="text/css"> <!-- START analytics data layer (DTL) object--> <script type="text/javascript" charset="utf-8"> var digitalData = { "page": { "pageInfo": { "pageID": "ba5eb212-2b7e-4db8-a985-0179ca4b1b02", "pageName": "Southern Interchange", "issueDate": "2023-11-28 14:53:14", "updatedDate" : "2020-09-10 13:34:44", "brand": "Northconnex", "generator": "", "domain": "www.northconnex.com.au", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "Using NorthConnex", "subCategory1": "", "subCategory2": "", "subCategory3": "", "pageType": "" }, "productInfo": {} }, "user": { "profileInfo": { "membershipType": "", "membershipTypeID": "" } }, "version": "1.0", "events": [], "vendor": { "GoogleAnalytics": { "account": "UA-9250181-44", "eventCategory": "" } } }; </script> <!-- END analytics data layer (DTL) object--> <script src="//assets.adobedtm.com/140e1331b6bc/1cf8a1614e20/launch-d60285cffed6.min.js" async></script> </head> <body class="base page basicpage "> <noscript> <div class="page-warning"> <div class="l-padding">Please enable JavaScript in order to get the best experience when using this site. </div> </div> </noscript> <!--[if lte IE 7]> <div class="page-warning"> <div class="l-padding">We've noticed that you're using an unsupported version of Internet Explorer. For the best experience please <a href="http://windows.microsoft.com/en-au/internet-explorer/download-ie" target="_blank" rel="nofollow">upgrade</a> or <a href="http://browsehappy.com/" target="_blank" rel="nofollow">use another browser</a>. </div> </div> <![endif]--> <!-- START Accessibility Links - NOTE: these will change per template as not all areas will be on the page at once --> <ul id="top" class="accessibility-links" tabindex="-1"> <li><a href="#nav">Jump to main navigation</a></li> <li><a href="#main">Jump to main content</a></li> </ul> <!-- END Accessibility Links --> <div id="outer-wrap"> <div id="inner-wrap"> <div> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="globalheader aem-GridColumn aem-GridColumn--default--12"> <div id="header" class="header"> <div class="top cf"> <div class="nav-supplementary nav-supplementary--top fn_nav-supplementary--top"> <div class="wrapper cf"> <div class="nav-supplementary__actions"> <ul class="nav-supplementary__nav"> <li class=""> <a class="fn_nav-supplementary--link" href="/news.html"> News</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/about-northconnex/scheduled-maintenance.html"> Maintenance</a> </li> </ul> <div class="btn-contrast-container"> <a href="#" class="btn-contrast fn_contrast"><span class="icon icon--contrast" data-grunticon-embed="icon"></span>Contrast</a> </div> </div> </div> </div> <div class="header__wrapper"> <a href="#nav" class="nav-toggle js-offscreen-toggle"><span class="vh">Open navigation</span></a> <div class="logo"> <a href="/"><img src="/content/dam/northconnex/logos/NorthConnex-logo.svg" width="102" height="49" alt="NorthConnex logo"/></a> </div> <div class="clear"></div> <div class="header__actions"> <div class="header__nav fn_header__nav"> <div class="navbar"> <ul class="nav nav--main cf"> <!--sly data-sly-use.mainNav="com.transurban.navigation.MainNavigationUse"/--> <li class="has-children"> <a href="/using-northconnex.html"> Using NorthConnex </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/using-northconnex/northern-interchange.html"><span class="cms-icon-small "></span>Northern Interchange</a> </li> <li> <a href="/using-northconnex/southern-interchange.html"><span class="cms-icon-small "></span>Southern Interchange</a> </li> <li> <a href="/using-northconnex/along-the-tunnel.html"><span class="cms-icon-small "></span>Along the tunnel</a> </li> <li> <a href="/using-northconnex/tunnel-lighting.html"><span class="cms-icon-small "></span>Tunnel lighting</a> </li> <li> <a href="/using-northconnex/shared-path.html"><span class="cms-icon-small "></span>Shared path</a> </li> <li> <a href="/using-northconnex/faqs.html"><span class="cms-icon-small "></span>FAQs</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/about-northconnex.html"> About NorthConnex </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/about-northconnex/operations.html"><span class="cms-icon-small "></span>Operations</a> </li> <li> <a href="/about-northconnex/environmental-approvals.html"><span class="cms-icon-small "></span>Environmental approvals</a> </li> <li> <a href="/about-northconnex/sustainability.html"><span class="cms-icon-small "></span>Sustainability</a> </li> <li> <a href="/about-northconnex/information-for-contractors.html"><span class="cms-icon-small "></span>Information for contractors</a> </li> <li> <a href="/about-northconnex/scheduled-maintenance.html"><span class="cms-icon-small "></span>Scheduled Maintenance</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/plan-your-trip.html"> Plan your trip </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/plan-your-trip/toll-pricing.html"><span class="cms-icon-small "></span>Toll pricing</a> </li> </ul> </div> </div> </li> </ul> </div> </div> <div class="header__btns"> <ul class="horizontal"> <li> <div class="my-account-log-in header__nav header__nav--login"> <div class="navbar"> <ul class="nav nav--main cf"> <li class="has-children"> <a href="https://www.linkt.com.au/login" class="has-icon btn--login primary"> Open a Linkt account <span class="icon icon--login" data-grunticon-embed=""></span> </a> </li> </ul> </div> </div> </li> <li> <a href="#" class="has-icon text-hidden fn_btn--search btn--search" data-search-show="Show search button" data-search-hide="Close search button"> <span class="icon icon--search" data-grunticon-embed=""></span> <span class="icon icon--close" data-grunticon-embed=""></span> <span class="text">Search</span> </a> </li> </ul> </div> </div> </div> <!-- START: header search--> <style> .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px } </style> <div class="fn_header-search-container header-search"> <form action="/site-search-results.html"> <div class="header-search__input-container"> <!-- note for attribute here must match name of input --> <!-- name of input given here is an example only--> <div class="ctrl-holder"> <label class="vh" for="q">header search</label> <input name="q" id="header_search" title="header search" class="text full fn_input-search header-search__input" type="text" placeholder="Search NorthConnex"/> </div> </div> <!-- use hidden input to pass other parameters, such as page--> <input name="search-collection" type="hidden" id="search-collection" value="northconnex"/> <input name="search-url" type="hidden" id="search-url" value="https://transurban-search.clients.funnelback.com/s/suggest.json"/> <input name="search-profile" type="hidden" id="search-profile" value="_default"/> <input name="drop-down-nos" type="hidden" id="drop-down-nos" value="10"/> <button href="#" class="fn_btn-go header-search__submit btn btn--primary" type="submit"> Search </button> </form> </div> <!-- END: header search--> </div> </div> <div id="nav" class="offscreen-nav fn_offscreen-nav js-offscreen-nav" role="navigation" tabindex="-1" data-offscreen-at="0,m"> <a href="#" class="nav-close"><span class="icon icon--close" data-grunticon-embed=""></span>Close</a> <div class="nav-account"> <div class="my-account-log-in nav-account "> <a href="https://www.linkt.com.au/login" class="btn btn--login"> <span class="icon icon--login icon--white" data-grunticon-embed=""></span> <span class="text">Open a Linkt account</span> </a> </div> </div> <nav> <div class="nav-inner"> <h2 class="visuallyhidden">Navigation</h2> <div class="nav-main"> <ul> <!--sly data-sly-use.mainNav="com.transurban.navigation.MainNavigationUse"/--> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-2" class="nav-lvl1 nav--ec js-ec-link "> Using NorthConnex </a> <div class="menu js-ec" id="nav-ec-2"> <div class="nav-back cf"> <a href="#nav-ec-2" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/using-northconnex.html" class="nav-lvl1 has-subtitle"> Using NorthConnex </a> </div> <ul> <li class=""> <a href="/using-northconnex/northern-interchange.html" class="nav-lvl2">Northern Interchange</a> </li> <li class=""> <a href="/using-northconnex/southern-interchange.html" class="nav-lvl2">Southern Interchange</a> </li> <li class=""> <a href="/using-northconnex/along-the-tunnel.html" class="nav-lvl2">Along the tunnel</a> </li> <li class=""> <a href="/using-northconnex/tunnel-lighting.html" class="nav-lvl2">Tunnel lighting</a> </li> <li class=""> <a href="/using-northconnex/shared-path.html" class="nav-lvl2">Shared path</a> </li> <li class=""> <a href="/using-northconnex/faqs.html" class="nav-lvl2">FAQs</a> </li> </ul> </div> </li> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-3" class="nav-lvl1 nav--ec js-ec-link "> About NorthConnex </a> <div class="menu js-ec" id="nav-ec-3"> <div class="nav-back cf"> <a href="#nav-ec-3" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/about-northconnex.html" class="nav-lvl1 has-subtitle"> About NorthConnex </a> </div> <ul> <li class=""> <a href="/about-northconnex/operations.html" class="nav-lvl2">Operations</a> </li> <li class=""> <a href="/about-northconnex/environmental-approvals.html" class="nav-lvl2">Environmental approvals</a> </li> <li class=""> <a href="/about-northconnex/sustainability.html" class="nav-lvl2">Sustainability</a> </li> <li class=""> <a href="/about-northconnex/information-for-contractors.html" class="nav-lvl2">Information for contractors</a> </li> <li class=""> <a href="/about-northconnex/scheduled-maintenance.html" class="nav-lvl2">Scheduled Maintenance</a> </li> </ul> </div> </li> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-5" class="nav-lvl1 nav--ec js-ec-link "> Plan your trip </a> <div class="menu js-ec" id="nav-ec-5"> <div class="nav-back cf"> <a href="#nav-ec-5" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/plan-your-trip.html" class="nav-lvl1 has-subtitle"> Plan your trip </a> </div> <ul> <li class=""> <a href="/plan-your-trip/toll-pricing.html" class="nav-lvl2">Toll pricing</a> </li> </ul> </div> </li> </ul> </div> <div class="nav-supplementary nav-supplementary--offscreen fn_nav-supplementary--offscreen"> <div class="wrapper cf"> <div class="nav-supplementary__actions"> <ul class="nav-supplementary__nav"> <li class=""> <a class="fn_nav-supplementary--link" href="/news.html"> News</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/about-northconnex/scheduled-maintenance.html"> Maintenance</a> </li> </ul> </div> </div> </div> <div class="btn-container btn-contrast-container"> <a href="#" class="btn-contrast fn_contrast"><span class="icon icon--contrast" data-grunticon-embed="icon"></span>Contrast</a> </div> </div> </nav> </div> </div> </div> </div> </div> </div> </div> <div> </div> <div> </div> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-grid responsivegrid aem-GridColumn aem-GridColumn--default--12"><div class="layout l-two-column-right l-two-column-right--bordered cf aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="content-header-wrapper aem-GridColumn aem-GridColumn--default--12"><div class="module module--content-header"> <div class="module__content l-full-width"> <div class="content-header"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="banner aem-GridColumn aem-GridColumn--default--12"> <div class="content-banner content-banner--bg-theme content-banner--dark content-banner--h-align-right "> <div class="content-banner__wrapper"> <div class="content-banner__image-container " style="background-image: url('/content/dam/northconnex/banner/NCX-banner-yellow-panels-curve.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h1>Southern Interchange</h1> </div> <div class="content-banner__subtitle"> </div> </div> </div> </div> </div> </div> </div> <div class="breadcrumbs"> <div class="l-padding"> <ul itemprop="breadcrumb"> <li class="home"> <a href="https://www.northconnex.com.au/using-northconnex.html" rel="home">Using NorthConnex</a> </li> <li property="itemListElement" typeof="ListItem" class="is-active"> <span property="name">Southern Interchange</span> <meta property="position" content="1"/> </li> </ul> </div> </div> </div> </div> </div></div> <div class="content-container-wrapper aem-GridColumn aem-GridColumn--default--12"> <div class="content-container cf"> <div role="complementary" class="aside"> <!-- START page-nav module wrapper --> <div class="module module--page-nav"> <div class="module__content l-full-width"> <!-- Hotfix for CMS-171 Production Bug --> <div class="fn_page-nav page-nav page-nav--collapsed"> <div class="page-nav__header"> <div class="page-nav__title"> <!-- category title--> <a href="/using-northconnex.html">Using NorthConnex</a> </div> </div> <ul class="page-nav__links-list page-nav__links-list--level-1"> <li class="no-children"> <a href="/using-northconnex/northern-interchange.html" class="js-ec-link expandcollapse "> Northern Interchange </a> <div id="childnavitem-0" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> </div> </li> <li class="no-children"> <a href="/using-northconnex/southern-interchange.html" class="js-ec-link expandcollapse is-current fn_current"> Southern Interchange </a> <div id="childnavitem-1" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> </div> </li> <li class="no-children"> <a href="/using-northconnex/along-the-tunnel.html" class="js-ec-link expandcollapse "> Along the tunnel </a> <div id="childnavitem-2" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> </div> </li> <li class="no-children"> <a href="/using-northconnex/tunnel-lighting.html" class="js-ec-link expandcollapse "> Tunnel lighting </a> <div id="childnavitem-3" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> </div> </li> <li class="no-children"> <a href="/using-northconnex/shared-path.html" class="js-ec-link expandcollapse "> Shared path </a> <div id="childnavitem-4" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> </div> </li> <li class="no-children"> <a href="/using-northconnex/faqs.html" class="js-ec-link expandcollapse "> FAQs </a> <div id="childnavitem-5" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> </div> </li> </ul> <!-- If the depth is greater than 5, add the little back button, we could change this to a page property --> <div class="page-nav__btn-back-container"> </div> </div> <!--END child page nav--> <!-- END page-nav module content --> </div> </div> <!-- END page-nav module wrapper --> </div> <div class="content-column"> <div id="main" tabindex="-1" role="main" class="main"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="richtext aem-GridColumn aem-GridColumn--default--12"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <h2>Getting in and out of the tunnel<br /> </h2> <p>At the聽Southern Interchange, West Pennant Hills,聽NorthConnex聽customers can enter and exit the tunnel from the M2 Motorway and Pennant Hills Road.聽</p> <p>The on and off ramps for聽NorthConnex聽in the south are:</p> <p><b>Northbound entry towards Newcastle or Hornsby</b></p> <ul><li>Pennant Hills Road on-ramp</li><li>M2 Motorway entry</li></ul> <p><b>Southbound exit towards Parramatta, Sydney聽or Blacktown</b></p> <ul><li>Directly onto the M2 Motorway heading westbound聽</li><li>Via the Pennant Hills Road off-ramp</li></ul> <p>View the <a href="/maps-and-interchanges.html#south" style="">Southern Interchange</a> map.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> <div id="react-components-root"></div> <div> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="globalfooter aem-GridColumn aem-GridColumn--default--12"> <div class="footer"> <div class="l-padding cf"> <div class="footer__logo-container"> <div class="footer__logo-wrapper"> <div class="text"></div> <img src="/content/dam/northconnex/logos/NorthConnex-logo.svg" class="logo"/> </div> <div class="footer__logo-wrapper"> <div class="text">Preferred retailer</div> <a href="http://www.linkt.com.au/home/sydney?_ga=2.75201298.163318855.1700048751-225680140.1699090406"><img src="/content/dam/westlinkm7/logos/logo-footer-linkt.png" class="logo"/></a> </div> </div> <div class="footer__content-container cf"> <div class="footer__links fn_footer__links link-icons-disabled cf"> <ul> <li> <a class="fn_footer__link" href="/contact-us.html">Contact us </a> </li> <li> <a class="fn_footer__link" href="/legal/privacy.html">Privacy </a> </li> <li> <a class="fn_footer__link" href="/legal.html">Legal </a> </li> <li> <a class="fn_footer__link" href="/legal/terms-of-use.html">Terms of use </a> </li> </ul> </div> <div class="footer__copy"> <p>"NorthConnex" is a registered trade mark of Transport for NSW. Copyright in the Material on this website is owned or licensed by NorthConnex Company Pty Ltd ACN 602 719 513</p> <p>"Linkt" and "Linkt Sydney" are registered trade marks of Transurban Limited ACN 098 143 410 used under licence by Tollaust Pty Limited ABN 37 050 538 693</p> </div> </div> <div class="footer__social-links-container"> <!-- .section div to replicate AEM--> <!-- NOTE: do not add this div into the AEM component--> <div class="section"> <!-- START social-links module wrapper --> <div class="module module--social-links"> <div class="module__content l-full-width"> <!-- START social-links module content --> <!-- START: social linke--> <div class="social-links"> <ul class="social-links__list"> </ul> </div> <!-- END: social linke--> <!-- END social-links module content --> </div> </div> <!-- END social-links module wrapper --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="modal"> <div class="modal-bg"></div> </div> <!--<script src="/etc.clientlibs/digitalcms/clientlibs/assets/resources/js/libs/jquery.min.js"></script>--> <link href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/svgs/svgs.css" rel="stylesheet"/> <script src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui.lc-d5b66a707983e96148169b666186531e-lc.min.js"></script> <!-- if the CMS is in Page View/Edit mode:--> <script src="https://code.jquery.com/jquery-migrate-3.1.0.js"></script> <script> $(function() { $.smartbanner({ daysHidden: 120, daysReminder: 120, title: "" }); }); </script> <!-- End of App Smartbanner --> <script> grunticon.method = 'svg'; grunticon.href = '/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/svgs/svgs.css'; grunticon.ready(function() { grunticon.embedIcons(grunticon.getIcons(grunticon.getCSS(grunticon.href))); }); </script> <!-- React ui.components clientlibs include start --> <script src="/etc.clientlibs/digitalcms/clientlibs/core.components.ui.lc-78dc3fb08084a4a0d95bb2447302dd50-lc.min.js"></script> <script src="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components.lc-d82ac345e50a619a47a18509e124325a-lc.min.js"></script> <!-- React ui.components clientlibs include end --> <script type="text/javascript"> if (typeof _satellite != 'undefined') { _satellite.pageBottom(); } else { console.warn('tracking object _satellite is undefined') } </script> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NFGWBX9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NFGWBX9');</script> <!-- End Google Tag Manager --> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=2&cb=80875913" async></script></body> </html>