CINXE.COM

The SOUrce | Travel Agent | Airport Trade | Southampton Airport

<!DOCTYPE html> <!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]--> <!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en" ng-app="app"> <!--<![endif]--> <head> <!-- Google Tag Manager --> <script data-cookieconsent="ignore"> (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 = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MHX224'); </script> <!-- End Google Tag Manager --> <script id="Cookiebot" src=" https://consent.cookiebot.com/uc.js" data-cbid="afcd58c6-1116-4414-bcef-08878478648b" type="text/javascript"> </script> <meta charset="utf-8" /> <title>The SOUrce | Travel Agent | Airport Trade | Southampton Airport</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="description" content="Keep up to date with everything that is happening at the airport, register for some of the amazing events we have planned, make the most of some of the great trade discounts and get some destination inspiration!" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <link rel="canonical" href="https://www.southamptonairport.com/the-source/" /> <!-- For Windows 8 --> <meta name="msapplication-TileImage" content="/assets/SOU/images/icons/win8.png" /> <!--Apps--> <!-- For iPad 3 --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/SOU/images/icons/apple-touch-icon-144.png" /> <!-- For iPhone 4 --> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/SOU/images/icons/apple-touch-icon-114.png" /> <!-- For iPad 1--> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/SOU/images/icons/apple-touch-icon-72.png" /> <!-- For iPhone 3G, iPod Touch and Android --> <link rel="apple-touch-icon-precomposed" href="/assets/SOU/images/icons/apple-touch-icon-57.png" /> <!-- For everything else --> <link rel="shortcut icon" href="/assets/SOU/favicon.ico" /> <link href="/assets/SOU/css/core.css?v=961900585" rel="stylesheet"> <!-- Google Font --> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet"> <script> (function (d) { var config = { kitId: 'vzf2cba', scriptTimeout: 3000, async: true }, h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a; h.className += " wf-loading"; tk.src = 'https://use.typekit.net/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a && a != "complete" && a != "loaded") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s) })(document); </script> <!-- This is used for inline CSS above the fold --> <style type="text/css"> </style> <script src="/assets/SOU/images/svg/output/grunticon.loader.js"></script> <script>grunticon(["/assets/SOU/images/svg/output/icons.data.svg.css", "/assets/SOU/images/svg/output/icons.data.png.css", "/assets/SOU/images/svg/output/icons.fallback.css"], grunticon.svgLoadedCallback);</script> <!-- Google Tag Manager --> <script type="text/plain" data-cookieconsent="statistics"> (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 = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MHX224'); </script> <!-- End Google Tag Manager --> <script type="text/javascript" src="https://100040870.collect.igodigital.com/collect.js"> </script> <script> var _etmc = []; _etmc.push(["setOrgId", "100040870"]); _etmc.push(["trackPageView"]); </script> <script type="text/plain" data-cookieconsent="marketing"> var optimizelyScript = document.createElement('script'); optimizelyScript.src = "//cdn.optimizely.com/js/29731730018.js" document.querySelector('head').appendChild(optimizelyScript) function getCookie(cname) { let name = cname + "="; let ca = document.cookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> ; <!--for yieldify and other scripts--> </head> <body itemscope itemtype="http://schema.org/Airport" class="hasBookingStrip" data-alert="false" data-alert-count="0" data-sso-enabled="False"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MHX224" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="wrapper"> <header class="header short" style="margin-top:-10px;"> <div class="services-bar"> <div class="inner"> <ul class="services-bar__links" itemscope="" itemtype="http://www.schema.org/SiteNavigationElement"> <li itemprop="name"><a href="#book-parking" title="Book parking"><i class="icon-book-parking"></i>Parking</a></li> <li itemprop="name"><a href="#book-flights-and-hotels-m" title="Book flights"><i class="icon-book-flights"></i>Flights with Skyscanner</a></li> <li itemprop="name"><a href="#book-security" title="Book priority security"><i class="icon-book-security"></i>Priority security</a></li> <li itemprop="name"><a href="#book-lounge" title="Book lounge"><i class="icon-book-lounge"></i>Lounges</a></li> <li itemprop="name"><a href="#book-car-hire" title="Car Hire"><i class="icon-hire-car"></i>Car hire</a></li> <li itemprop="name"><a href="#travel-insurance" class="currency" itemprop="url"><i class="icon icon-booking-insurance" aria-hidden="true" data-grunticon-embed></i>Travel Insurance</a></li> <li itemprop="name"><a href="#book-taxis" title="Book Taxis"><i class="icon-hire-car"></i>Taxis</a></li> </ul> </div> </div> <div class="header-nav"> <div class="inner"> <a href="/" title="Southampton Airport" class="header__logo" itemprop="url"> <img src="/assets/SOU/images/icons/apple-touch-icon-144.png" alt="Southampton Airport" itemprop="logo" class="visuallyhidden"> <span itemprop="name">SOU Airport</span> </a> <a href="#" class="header__hamburger"> <div> <span class="icon-menu"></span>Menu </div> </a> <a href="#" class="header__services"> <div> <span class="icon-basket"></span>Services </div> </a> <div class="header__nav-search"> <form action="/search" method="get" class="search"> <span class="search__icon icon-search"></span> <input type="search" id="searchTerm" name="searchTerm" class="search__field" placeholder="Search"> <!--<input type="submit" class="search__btn icon-search">--> <div class="search__line"></div> </form> <!--/.search --> <nav class="navigation"> <ul itemscope="" itemtype="http://www.schema.org/SiteNavigationElement"> <li itemprop="name" id="liNavflight-info"><a href="/departures-arrivals/" class="hasMenu" title="Flight Info" data-tabid="#tab1" target="">Flight Info </a> </li> <li itemprop="name" id="liNavto-&amp;-from"><a href="/to-from/" class="hasMenu" title="To &amp; From" data-tabid="#tab2">To &amp; From </a> </li> <li itemprop="name" id="liNavat-the-airport"><a href="/at-the-airport/" class="hasMenu" title="At the Airport" data-tabid="#tab3">At the Airport </a> </li> <li itemprop="name" id="liNavshop-&amp;-dine"><a href="/shop-eat/" class="hasMenu" title="Shop &amp; Dine" data-tabid="#tab4">Shop &amp; Dine </a> </li> <li itemprop="name" id="liNavbookings"><a href="/book-your-trip/" class="hasMenu" title="Bookings" data-tabid="#tab5">Bookings </a> </li> <li itemprop="name" id="liNavhelp"><a href="/help/" class="hasMenu" title="Help" data-tabid="#tab6">Help </a> </li> <li itemprop="name" id="liNavlogin"><a href="https://book.southamptonairport.com/book/SOU/MyAccount" class="hasMenu" title="Login" data-tabid="#tab7">Login </a> </li> </ul> </nav> <span class="search__desktop-icon icon-search"></span> <span class="search__desktop-close icon-close"></span> <!--/.navigation --> </div><!--/.header__nav-search --> </div> </div> <section class="modal modal--booking-module" id="book-parking" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-parking" data-role="parking-form-wrapper" data-autoskip-wrapper> <div class="grid"> <div class="form__row book-parking__calendar"> <label class="parking-search-label-date" for="entryDateMobile">FROM</label> <div class="col calendar"> <input value="01/12/2024" type="text" id="entryDateMobile" data-field="entry-date" name="date" placeholder="Date" readonly data-autoskip> </div> <div class="col time"> <select class="selectbox-time" data-field="entry-time" disabled data-placeholder="Time" data-autoskip> <option value="00:00">00:00</option> <option value="01:00">01:00</option> <option value="02:00">02:00</option> <option value="03:00">03:00</option> <option value="04:00">04:00</option> <option value="05:00">05:00</option> <option value="06:00">06:00</option> <option value="07:00">07:00</option> <option value="08:00">08:00</option> <option value="09:00">09:00</option> <option selected value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00">17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> <option value="21:00">21:00</option> <option value="22:00">22:00</option> <option value="23:00">23:00</option> </select> </div> </div> <div class="form__row book-parking__calendar"> <label class="parking-search-label-date" for="exitDateMobile">UNTIL</label> <div class="col calendar"> <input value="02/12/2024" type="text" id="exitDateMobile" data-field="exit-date" name="date" placeholder="Date" readonly data-autoskip> </div> <div class="col time"> <select class="selectbox-time" data-field="exit-time" disabled data-placeholder="Time" data-autoskip> <option selected="selected" disabled>Time</option> <option selected value="00:00">00:00</option> <option selected value="01:00">01:00</option> <option selected value="02:00">02:00</option> <option selected value="03:00">03:00</option> <option selected value="04:00">04:00</option> <option selected value="05:00">05:00</option> <option selected value="06:00">06:00</option> <option selected value="07:00">07:00</option> <option selected value="08:00">08:00</option> <option selected value="09:00">09:00</option> <option selected value="10:00">10:00</option> <option selected value="11:00">11:00</option> <option selected value="12:00">12:00</option> <option selected value="13:00">13:00</option> <option selected value="14:00">14:00</option> <option selected value="15:00">15:00</option> <option selected value="16:00">16:00</option> <option selected value="17:00">17:00</option> <option selected value="18:00">18:00</option> <option selected value="19:00">19:00</option> <option selected value="20:00">20:00</option> <option selected value="21:00">21:00</option> <option selected value="22:00">22:00</option> <option selected value="23:00">23:00</option> </select> </div> </div> </div> <div class="book-parking__row"> <div class="book-parking__column"> <div class="booking-module__error" data-role="error" data-field='error-message' style="display: none;"> This time slot is currently unavailable, please try a different slot </div> </div> </div> <div class="book-modal__btns"> <form id="parkingFormMobile" action="/checkout/" method="post" novalidate="novalidate" data-role="parking-form" target="_blank"> <input type="hidden" value="" name="entryDateTime" data-field="entry-datetime-final"> <input type="hidden" value="" name="exitDateTime" data-field="exit-datetime-final"> <button type="submit" class="btn btn--primary" id="parkingBtn">Book parking</button> <a href="/parking/" class="btn btn--secondary">More info</a> </form> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-security" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-security cf" data-role="security-form-wrapper"> <div class="form__row book-security__calendar"> <label for="entryFastTrackDateMobile">Entry date</label> <div class="col calendar"> <input readonly value="01/12/2024" type="text" id="entryFastTrackDateMobile" class="datepicker" name="date" placeholder="Date" data-field="entry-date"> </div> <div class="col time"> <label class="visuallyhidden" for="entryFastTrackTimeMobile">&nbsp;</label> <select class="selectbox-time" id="entryFastTrackTimeMobile" data-placeholder="Time" data-field="entry-time"> <option value="00:00">00:00</option> <option value="01:00">01:00</option> <option value="02:00">02:00</option> <option value="03:00">03:00</option> <option value="04:00">04:00</option> <option value="05:00">05:00</option> <option value="06:00">06:00</option> <option value="07:00">07:00</option> <option value="08:00">08:00</option> <option value="09:00">09:00</option> <option selected value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00">17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> <option value="21:00">21:00</option> <option value="22:00">22:00</option> <option value="23:00">23:00</option> </select> </div> </div> <div class="form__row"> <label for="securityPassengers">Passengers</label> <select class="selectbox" id="securityPassengers" tabindex="-1" aria-hidden="true" data-field="tickets"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select> </div> <div class="book-modal__btns"> <form id="parkingFastTrackForm" action="https://book.southamptonairport.com/book/SOU/Purchase" method="post" data-role="security-form" target="_blank"> <input type="hidden" value="86" name="productId"> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="" name="AirportVisitDetails_arrival_hour" data-field="hidden-entry-hour"> <input type="hidden" value="" name="AirportVisitDetails_arrival_minute" data-field="hidden-entry-minute"> <input type="hidden" value="" name="SimpleTicket_numTickets" data-field="hidden-tickets"> <button type="submit" class="btn btn--primary">Book priority security</button> <a href="/at-the-airport/security-screening/priority-security/" class="btn btn--keyline">More info</a> </form> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-priority" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-priority" data-role="priority-form-wrapper"> <ul class="book-priority__type"> <li class="radio"> <input type="radio" name="priorityTypeMobile" id="priorityTypeOutMobile" value="OUT" checked="checked" data-field="booking-type" data-product-id=""> <label for="priorityTypeOutMobile">Out (Priority Security)</label> </li> <li class="radio"> <input type="radio" name="priorityTypeMobile" id="priorityTypeInMobile" value="IN" data-field="booking-type" data-product-id=""> <label for="priorityTypeInMobile">In (Priority Passport Lane)</label> </li> <li class="radio"> <input type="radio" name="priorityTypeMobile" id="priorityTypeBothMobile" value="BOTH" data-field="booking-type"> <label for="priorityTypeBothMobile">Both</label> </li> </ul> <div class="single-trip cf" data-role="outbound-date-wrapper"> <div class="col-date"> <label for="entryDate">Outbound Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="outbound-date" name="date" placeholder="Date" readonly=""> <input type="text" data-field="outbound-time" style="display:none" value="10:00" data-comment="Replace me with real time input"> </div> </div> <div class="col-time-hours"> <label for="outboundTime">Time</label> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="outbound-hours"> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option selected value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="outbound-minutes"> <option selected="selected" value="00">00</option> <option value="15">15</option> <option value="30">30</option> <option value="45">45</option> </select> </div> </div> <div class="return-trip cf" style="display:none" data-role="return-date-wrapper"> <div class="col-date"> <label for="exitDate">Returning Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="return-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="returnTime">Time</label> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="return-hours"> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="return-minutes"> <option selected="selected" value="00">00</option> <option value="15">15</option> <option value="30">30</option> <option value="45">45</option> </select> </div> </div> <div class="form__row"> <div class="book-priority__col" data-role="outbound-quantity-wrapper"> <label for="priorityQuantity">People</label> <select class="selectbox" data-placeholder="Time" data-field="tickets"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> </div> <div class="form__row"> <div class="book-priority__btn"> <form id="parkingFastTrackForm" action="https://book.southamptonairport.com/book/SOU/Purchase" purchase-action="https://book.southamptonairport.com/book/SOU/Purchase" multipurchase-action="https://book.southamptonairport.com/book/SOU/MultiPurchase" method="post" novalidate="novalidate" data-role="priority-form" target="_blank"> <input type="hidden" value="" name="productId" data-field="hidden-product-id"> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="" name="AirportVisitDetails_arrival_hour" data-field="hidden-entry-hour"> <input type="hidden" value="" name="AirportVisitDetails_arrival_minute" data-field="hidden-entry-minute"> <input type="hidden" value="" name="returnDate" data-field="hidden-return-date"> <input type="hidden" value="" name="AirportVisitDetails_return_hour" data-field="hidden-return-hour"> <input type="hidden" value="" name="AirportVisitDetails_return_minute" data-field="hidden-return-minute"> <input type="hidden" value="" name="SimpleTicket_numTickets" data-field="hidden-tickets"> <input type="hidden" value="" name="Lounge_numAdults" data-field="hidden-tickets"> <input type="hidden" value="" name="ancillaryType" data-field="hidden-type"> <button type="submit" class="btn btn--primary" id="fastTrackBtn">Book Priority Lane</button> </form> </div> </div> <div class="validation"> <div class="booking-module__error" data-role="error" data-field='error-message'> This time slot is currently unavailable, please try a different slot </div> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-lounge" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-lounge" data-role="lounge-form-wrapper"> <select tabindex="-1" aria-hidden="true" data-field="product-id" style="display:none" data-default-affiliate-code="SOU"> <option value="85" data-parking-product="false" data-multipurchase-product="false" data-date-label="Entry Date" data-product-affiliate-code="SOU" data-minimum-notice="30" data-slot-start="05:30" data-slot-end="19:30" data-slot-length="30"> The Spitfire Lounge </option> </select> <div class="form__row book-lounge__calendar"> <label for="loungeEntryDateMobile" data-field="outbound-date-label">Entry</label> <div class="col calendar"> <input readonly value="01/12/2024" type="text" class="datepicker" placeholder="Date" id="loungeEntryDateMobile" data-field="outbound-date"> </div> <div class="col time" data-role="outbound-time-wrapper" style="display:none"> <select class="selectbox-time" data-placeholder="Time" data-field="outbound-time"> <option selected="selected" disabled="">Time</option> <option value="04:30">04:30</option> <option value="05:00">05:00</option> <option value="05:30">05:30</option> <option value="06:00">06:00</option> <option value="06:30">06:30</option> <option value="07:00">07:00</option> <option value="07:30">07:30</option> <option value="08:00">08:00</option> <option value="08:30">08:30</option> <option value="09:00">09:00</option> <option value="09:30">09:30</option> <option value="10:00">10:00</option> <option value="10:30">10:30</option> <option value="11:00">11:00</option> <option value="11:30">11:30</option> <option value="12:00">12:00</option> <option value="12:30">12:30</option> <option value="13:00">13:00</option> <option value="13:30">13:30</option> <option value="14:00">14:00</option> <option value="14:30">14:30</option> <option value="15:00" selected="selected">15:00</option> <option value="15:30">15:30</option> <option value="16:00">16:00</option> <option value="16:30">16:30</option> <option value="17:00">17:00</option> <option value="17:30">17:30</option> <option value="18:00">18:00</option> <option value="18:30">18:30</option> <option value="19:00">19:00</option> <option value="19:30">19:30</option> </select> </div> </div> <div class="form__row book-lounge__numbers" data-role="outbound-quantity-wrapper"> <div class="adults"> <label for="loungeAdults">Adults (18+)</label> <select class="selectbox" id="loungeAdults" tabindex="-1" aria-hidden="true" data-field="outbound-quantity-adults"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </div> <div class="children"> <label for="loungeChild">Children (4-17)</label> <select class="selectbox" id="loungeChild" tabindex="-1" aria-hidden="true" data-field="outbound-quantity-children"> <option selected="selected" value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </div> </div> <div class="book-modal__btns"> <form action="https://book.southamptonairport.com/book/SOU/Purchase" data-purchase-action="https://book.southamptonairport.com/book/SOU/Purchase" data-multipurchase-action="https://book.southamptonairport.com/book/SOU/MultiPurchase" data-parking-action="https://www.southamptonairport.com/checkout/" method="post" novalidate="novalidate" data-role="lounge-form" target="_blank"> <!-- Shared fields --> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <!-- Primary fields --> <input type="hidden" value="" name="productId" data-field="hidden-product-id"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_hour" data-field="hidden-arrival-hour"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_minute" data-field="hidden-arrival-minute"> <input type="hidden" value="" name="Lounge_numAdults" data-field="hidden-adults"> <input type="hidden" value="" name="Lounge_numChildren" data-field="hidden-children"> <!-- Secondary fields --> <input type="hidden" value="" name="pId" data-field="hidden-parking-product-id"> <input type="hidden" value="1" name="parkingDetailsSubmitted"> <input type="hidden" value="1" name="progressToNextStep"> <input type="hidden" value="0" name="terminal"> <input type="hidden" value="" name="entryDate" data-field="hidden-parking-entry-date"> <input type="hidden" value="" name="entryTime" data-field="hidden-parking-entry-time"> <input type="hidden" value="" name="exitDate" data-field="hidden-parking-exit-date"> <input type="hidden" value="" name="exitTime" data-field="hidden-parking-exit-time"> <button type="submit" class="btn btn--primary">Book Now</button> <a href="/at-the-airport/the-spitfire-lounge/" class="btn btn--seconary">More info</a> </form> <input type="hidden" value="0" name="loungeExtraHoursMobile" data-field="extra-hours"> </div> <div class="booking-module__error" data-message="time-slot-not-available" style="display:none"> This time slot is currently unavailable, please try a different slot </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="travel-insurance" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-insurance" id="orderTravelInsuranceModal" data-role="insurance-form-wrapper"> <div class="form__row"> <label for="orderTravelInsuranceModals">What type of cover do you require?</label> <ul class="order-currency__type" id="orderTravelInsuranceModals"> <li class="radio"> <input type="radio" name="travelInsuranceRadioButtonModal" id="insuranceRadioBtnModal" value="0" checked="checked" data-field="trip-type"> <label for="insuranceRadioBtnModal">Single Trip</label> </li> <li class="radio"> <input type="radio" name="travelInsuranceRadioButtonModal" id="insuranceRadioBtnModal2" value="1" data-field="trip-type"> <label for="insuranceRadioBtnModal2">Annual</label> </li> </ul> </div> <div class="form__row"> <label for="destination">Where are you travelling to?</label> <select id="destinationMobile" class="selectbox" data-field="destination"> <option selected="selected" value="3">Worldwide inc USA, Canada & Caribbean</option> <option value="5">Worldwide exc USA, Canada & Caribbean</option> <option value="6">Europe excl Spain, Cyprus, Malta, Turkey and Greece</option> <option value="7">Europe incl Spain, Cyprus, Malta, Turkey and Greece</option> </select> </div> <div class="form__row single-trip" data-role="single-trip-wrapper"> <div class="col"> <label for="departingDateMobile">Departing On</label> <div class="calendar"> <input value="01/12/2024" type="text" id="departingDateMobile" class="datepicker" name="date" placeholder="Date" readonly="" data-field="outbound-date"> </div> </div> <div class="col"> <label for="returningDateMobile">Returning On</label> <div class="calendar"> <input value="02/12/2024" type="text" id="returningDateMobile" class="datepicker" name="date" placeholder="Date" readonly="" data-field="return-date"> </div> </div> </div> <div class="form__row annual-cover" style="display: none;" data-role="annual-trip-wrapper"> <label for="coverDate">When would you like your cover to start?</label> <div class="calendar"> <input value="01/12/2024" type="text" id="coverDateMobile" class="datepicker" name="date" placeholder="Date" readonly="" data-field="cover-date"> </div> </div> <div class="form__row"> <label for="insuranceTravellers">Number of travellers</label> <select class="selectbox" id="insuranceTravellersMobile" tabindex="-1" aria-hidden="true" data-field="people"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select> </div> <div class="book-modal__btns"> <form name="insuranceForm" id="insuranceFormMobile" action="https://www.holidayextras.com/southamptonairport/insurance.html" method="get" novalidate="novalidate" class="ng-pristine ng-valid" data-role="insurance-form"> <input type="hidden" value="BE197" name="agent" autocomplete="off"> <input type="hidden" value="5" name="destination_id" autocomplete="off" data-field="hidden-destination"> <input type="hidden" value="2" name="travellers" autocomplete="off" data-field="hidden-people"> <input type="hidden" value="0" name="is_annual" autocomplete="off" data-field="hidden-annual"> <input type="hidden" value="2019-01-01" name="ArrivalDate" autocomplete="off" data-field="hidden-from-date"> <input type="hidden" value="2019-01-01" name="DepartDate" autocomplete="off" data-field="hidden-to-date"> <button type="submit" class="btn btn--primary" id="insuranceBtnMobile">Get A Quote</button> </form> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="order-currency" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <div id="searchCurrencyMobile" class="order-currency"> <ul class="order-currency__type"> <li class="radio"> <input type="radio" name="currencyRadioButtonMobile" id="cashRadioBtnMobile" value="CUR" checked="checked" /> <label for="cashRadioBtnMobile">Cash</label> </li> <li class="radio"> <input type="radio" name="currencyRadioButtonMobile" id="cardRadioBtnMobile" value="PrePaidCardSale" /> <label for="cardRadioBtnMobile">Prepaid currency card</label> </li> </ul> <div class="grid"> <div class="order-currency__currency"> <div class="form__row"> <label for="currencySelectionMobile">Choose currency:</label> <select id="currencySelectionMobile" class="selectbox"> <option value="EUR" data-product-type="CUR" data-currency-code="EUR" data-currency-rate="1.1778">Euro</option> <option value="USD" data-product-type="CUR" data-currency-code="USD" data-currency-rate="1.2463">U.S. Dollar</option> <option value="MCP_AED" data-product-type="PrePaidCardSale" data-currency-code="MCP_AED" data-currency-rate="4.5634">UAE Dirham</option> <option value="MCP_AUD" data-product-type="PrePaidCardSale" data-currency-code="MCP_AUD" data-currency-rate="1.8961">Australian Dollar</option> <option value="MCP_CAD" data-product-type="PrePaidCardSale" data-currency-code="MCP_CAD" data-currency-rate="1.7242">Canadian Dollar</option> <option value="MCP_CHF" data-product-type="PrePaidCardSale" data-currency-code="MCP_CHF" data-currency-rate="1.0842">Swiss Franc</option> <option value="MCP_EUR" data-product-type="PrePaidCardSale" data-currency-code="MCP_EUR" data-currency-rate="1.1778">Euro</option> <option value="MCP_GBP" data-product-type="PrePaidCardSale" data-currency-code="MCP_GBP" data-currency-rate="1.0000">British Pound</option> <option value="MCP_NZD" data-product-type="PrePaidCardSale" data-currency-code="MCP_NZD" data-currency-rate="2.0759">New Zealand Dollar</option> <option value="MCP_TRY" data-product-type="PrePaidCardSale" data-currency-code="MCP_TRY" data-currency-rate="39.5060">Turkish New Lira</option> <option value="MCP_USD" data-product-type="PrePaidCardSale" data-currency-code="MCP_USD" data-currency-rate="1.2463">U.S. Dollar</option> <option value="MCP_ZAR" data-product-type="PrePaidCardSale" data-currency-code="MCP_ZAR" data-currency-rate="22.0439">South African Rand</option> <option value="MCP2_AED" data-product-type="PrePaidCardSale" data-currency-code="MCP2_AED" data-currency-rate="4.5634">UAE Dirham</option> <option value="MCP2_AUD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_AUD" data-currency-rate="1.8961">Australian Dollar</option> <option value="MCP2_CAD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_CAD" data-currency-rate="1.7242">Canadian Dollar</option> <option value="MCP2_CHF" data-product-type="PrePaidCardSale" data-currency-code="MCP2_CHF" data-currency-rate="1.0842">Swiss Franc</option> <option value="MCP2_CZK" data-product-type="PrePaidCardSale" data-currency-code="MCP2_CZK" data-currency-rate="28.4691">Czech Koruna</option> <option value="MCP2_EUR" data-product-type="PrePaidCardSale" data-currency-code="MCP2_EUR" data-currency-rate="1.1778">Euro</option> <option value="MCP2_GBP" data-product-type="PrePaidCardSale" data-currency-code="MCP2_GBP" data-currency-rate="1.0000">British Pound</option> <option value="MCP2_HRK" data-product-type="PrePaidCardSale" data-currency-code="MCP2_HRK" data-currency-rate="8.3736">Croatian Kuna</option> <option value="MCP2_JPY" data-product-type="PrePaidCardSale" data-currency-code="MCP2_JPY" data-currency-rate="184.5955">Japanese Yen</option> <option value="MCP2_MXN" data-product-type="PrePaidCardSale" data-currency-code="MCP2_MXN" data-currency-rate="24.2713">Mexican Peso</option> <option value="MCP2_NZD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_NZD" data-currency-rate="2.0759">New Zealand Dollar</option> <option value="MCP2_PLN" data-product-type="PrePaidCardSale" data-currency-code="MCP2_PLN" data-currency-rate="4.8943">Polish Zloty</option> <option value="MCP2_SEK" data-product-type="PrePaidCardSale" data-currency-code="MCP2_SEK" data-currency-rate="13.1725">Swedish Krona</option> <option value="MCP2_TRY" data-product-type="PrePaidCardSale" data-currency-code="MCP2_TRY" data-currency-rate="39.5060">Turkish New Lira</option> <option value="MCP2_USD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_USD" data-currency-rate="1.2463">U.S. Dollar</option> <option value="MCP2_ZAR" data-product-type="PrePaidCardSale" data-currency-code="MCP2_ZAR" data-currency-rate="22.0439">South African Rand</option> <option value="MCP2_CZK_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_CZK_R" data-currency-rate="28.4691">Czech Koruna</option> <option value="MCP2_HRK_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_HRK_R" data-currency-rate="8.3736">Croatian Kuna</option> <option value="MCP2_JPY_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_JPY_R" data-currency-rate="184.5955">Japanese Yen</option> <option value="MCP2_PLN_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_PLN_R" data-currency-rate="4.8943">Polish Zloty</option> <option value="MCP2_SEK_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_SEK_R" data-currency-rate="13.1725">Swedish Krona</option> </select> </div> </div> <div class="order-currency__selection"> <div class="form__row" id="currencyRateDisplayMobile"> <label for="currencyAmountMobile">Amount:</label> <input type="text" id="currencyAmountMobile" value="1000"> <p class="order-currency__conversion">GBP = <span id="currencyValueLabelMobile">1065.00</span> <span id="currencyCodeLabelMobile">EUR</span></p> </div> <div> <span id="currencyRateDisplayErrorMobile" class="order-currency__error" style="display: none;">Please fill in a valid amount for the currency field</span> </div> </div> <div class="order-currency__btns"> <form id="currencyFormMobile" action="https://travelmoney.travelex.co.uk//purchase?" method="get" novalidate="novalidate"> <input type="hidden" value="EUR" name="productCode1" id="currencyCodeMobile"> <input type="hidden" value="1000" name="amount1" id="foreignCurrencyAmountMobile"> </form> <input type="hidden" value="CUR" name="ProductTypeCode" id="productTypeCodeMobile"> <input type="hidden" value="CUR" id="defaultCurrencyProductMobile"> <input type="hidden" value="EUR" id="defaultForeignCurrencyMobile"> <button type="submit" class="btn btn--primary" id="currencyBtnMobile">BUY NOW</button> <a href="/at-the-airport/services-and-facilities/" class="btn btn--secondary">More info</a> </div> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-car-hire" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-carhire" data-role="carhire-form-wrapper"> <div class="form__row"> <label for="carHirePickUp">Pick-up location</label> <select id="carHirePickUp" class="selectbox" data-field="airport"> <option value="ACI" data-country-code="GG">Alderney Airport</option> <option value="ALC" data-country-code="ES">Alicante Airport</option> <option value="AMS" data-country-code="NL">Amsterdam Intl</option> <option value="BHD" data-country-code="GB">Belfast City</option> <option value="EGC" data-country-code="FR">Bergerac Airport</option> <option value="SXF" data-country-code="DE">Berlin</option> <option value="CFR, LFRK" data-country-code="FR">Caen – Carpiquet Airport</option> <option value="CMF" data-country-code="FR">Chambery</option> <option value="CDG" data-country-code="FR">Charles De Gaulle</option> <option value="DUB" data-country-code="IE">Dublin</option> <option value="MME" data-country-code="GB">Durham (Teesside Intl Airport)</option> <option value="EDI" data-country-code="GB">Edinburgh Airport</option> <option value="FAO" data-country-code="GB">Faro</option> <option value="FLR" data-country-code="IT">Florence Airport</option> <option value="GVA" data-country-code="CH">Geneva</option> <option value="GIB" data-country-code="ES">Gibraltar Airport</option> <option value="GLA" data-country-code="GB">Glasgow Airport</option> <option value="GCI" data-country-code="GG">Guernsey Airport</option> <option value="IBZ" data-country-code="ES">Ibiza</option> <option value="IOM" data-country-code="IM">Isle of Man Airport</option> <option value="JER" data-country-code="JE">Jersey</option> <option value="LIG" data-country-code="FR">Limoges Airport</option> <option value="AGP" data-country-code="ES">Malaga</option> <option value="MAN" data-country-code="GB">Manchester</option> <option value="JMK" data-country-code="GR">Mykonos</option> <option value="NCL" data-country-code="GB">Newcastle</option> <option value="NCE" data-country-code="FR">Nice Airport</option> <option value="PMI" data-country-code="ES">Palma de Mallorca Airport</option> <option value="SZG" data-country-code="AT">Salzburg</option> <option value="SOU" data-country-code="GB">Southampton</option> <option value="TLN" data-country-code="FR">Toulon Hy&#232;res Airport</option> </select> </div> <div class="date-time cf"> <div class="col-date"> <label for="entryDate">Pick-up Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="outbound-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="outboundTime">Time</label> <select class="selectbox" id="outboundTime" tabindex="-1" aria-hidden="true" data-field="outbound-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="outboundMins" tabindex="-1" aria-hidden="true" data-field="outbound-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> <div class="date-time cf"> <div class="col-date"> <label for="exitDate">Drop-off Date</label> <div class="calendar"> <input value="02/12/2024" type="text" class="datepicker" data-field="return-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="returnTime">Time</label> <select class="selectbox" id="returnTime" tabindex="-1" aria-hidden="true" data-field="return-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="returnMins" tabindex="-1" aria-hidden="true" data-field="return-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> <!--form__row--> <div class="form__row"> <form novalidate="novalidate" data-role="carhire-form"> <input type="hidden" name="affiliateCode" data-field="hidden-affiliate-code" value="southamptonairport"> <button type="submit" class="btn btn--primary">Book Now</button> </form> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed="">&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-flights-and-hotels-m" data-form-enabled="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-flights" data-role="flight-form-wrapper"> <div class="book-flights__logo"> <i class="icon-powered-by-skyscanner-logo" data-grunticon-embed></i> </div> <div class="grid"> <div class="grid__third"> <label for="flightDestinationM">Where are you travelling to?</label> <select id="flightDestinationM" class="selectbox" data-field="flight-destination"> <option value="ACI">Alderney Airport</option> <option value="ALC">Alicante Airport</option> <option value="AMS">Amsterdam Intl</option> <option value="BHD">Belfast City</option> <option value="EGC">Bergerac Airport</option> <option value="SXF">Berlin</option> <option value="CFR, LFRK">Caen – Carpiquet Airport</option> <option value="CMF">Chambery</option> <option value="CDG">Charles De Gaulle</option> <option value="DUB">Dublin</option> <option value="MME">Durham (Teesside Intl Airport)</option> <option value="EDI">Edinburgh Airport</option> <option value="FAO">Faro</option> <option value="FLR">Florence Airport</option> <option value="GVA">Geneva</option> <option value="GIB">Gibraltar Airport</option> <option value="GLA">Glasgow Airport</option> <option value="GCI">Guernsey Airport</option> <option value="IBZ">Ibiza</option> <option value="IOM">Isle of Man Airport</option> <option value="JER">Jersey</option> <option value="LIG">Limoges Airport</option> <option value="AGP">Malaga</option> <option value="MAN">Manchester</option> <option value="JMK">Mykonos</option> <option value="NCL">Newcastle</option> <option value="NCE">Nice Airport</option> <option value="PMI">Palma de Mallorca Airport</option> <option value="SZG">Salzburg</option> <option value="SOU">Southampton</option> <option value="TLN">Toulon Hy&#232;res Airport</option> </select> </div> <div class="grid__third book-flights_dept-return"> <div class="form__row"> <label for="flightsReturningOnM">Returning On</label> <div class="calendar"> <input value="02/12/2024" type="text" id="flightsReturningOnM" class="datepicker" name="date" placeholder="Date" readonly="" data-field="end-date"> </div> </div> <div class="form__row"> <label for="flightsDepartingOnM">Departing On</label> <div class="calendar"> <input value="01/12/2024" type="text" id="flightsDepartingOnM" class="datepicker" name="date" placeholder="Date" readonly="" data-field="start-date"> </div> </div> </div> <div class="grid__third"> <label for="flightsNumberTravellersM">Number of travellers</label> <select class="selectbox" id="flightsNumberTravellersM" tabindex="-1" aria-hidden="true" data-field="people"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> <div class="grid"> <div class="grid__full"> <form action="" method="get" novalidate="novalidate" class="ng-pristine ng-valid" data-role="flight-form"> <input type="hidden" name="starting" value="SOU" data-field="starting"> <input type="hidden" name="associateid" data-field="associate-id" value="API_B2B_19145_00002"> <button type="submit" class="btn btn--primary">Book Flights</button> </form> </div> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed="">&times;</a> </div> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-taxis" data-form-enabled="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-taxis" data-role="taxis-form-wrapper"> <ul class="book-taxis__type" id="orderTaxisType"> <li class="radio"> <input type="radio" name="taxisTripTypeMobile" id="taxisTripTypeReturnMobile" value="RTN" checked="checked" data-field="booking-type"> <label for="taxisTripTypeReturnMobile">Return</label> </li> <li class="radio"> <input type="radio" name="taxisTripTypeMobile" id="taxisTripTypeSingleFromMobile" value="SGO" data-field="booking-type"> <label for="taxisTripTypeSingleFromMobile">Single from Airport</label> </li> <li class="radio"> <input type="radio" name="taxisTripTypeMobile" id="taxisTripTypeSingleToMobile" value="SGI" data-field="booking-type"> <label for="taxisTripTypeSingleToMobile">Single to Airport</label> </li> </ul> <div class="form__row"> <label for="taxisPickUp">What airport do you arrive at?</label> <select id="taxisPickUp" class="selectbox" data-field="airport"> <option value="ACI">Alderney Airport</option> <option value="ALC">Alicante Airport</option> <option value="AMS">Amsterdam Intl</option> <option value="BHD">Belfast City</option> <option value="EGC">Bergerac Airport</option> <option value="SXF">Berlin</option> <option value="CFR, LFRK">Caen – Carpiquet Airport</option> <option value="CMF">Chambery</option> <option value="CDG">Charles De Gaulle</option> <option value="DUB">Dublin</option> <option value="MME">Durham (Teesside Intl Airport)</option> <option value="EDI">Edinburgh Airport</option> <option value="FAO">Faro</option> <option value="FLR">Florence Airport</option> <option value="GVA">Geneva</option> <option value="GIB">Gibraltar Airport</option> <option value="GCI">Guernsey Airport</option> <option value="IBZ">Ibiza</option> <option value="IOM">Isle of Man Airport</option> <option value="JER">Jersey</option> <option value="LIG">Limoges Airport</option> <option value="AGP">Malaga</option> <option value="MAN">Manchester</option> <option value="JMK">Mykonos</option> <option value="NCL">Newcastle</option> <option value="NCE">Nice Airport</option> <option value="PMI">Palma de Mallorca Airport</option> <option value="SZG">Salzburg</option> <option value="SOU">Southampton</option> <option value="TLN">Toulon Hy&#232;res Airport</option> </select> </div> <div class="single-trip cf" data-role="outbound-date-wrapper"> <div class="col-date"> <label for="entryDate">Outbound Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="outbound-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="outboundTime">Time</label> <select class="selectbox" id="outboundTime" tabindex="-1" aria-hidden="true" data-field="outbound-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="outboundMins" tabindex="-1" aria-hidden="true" data-field="outbound-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> <div class="return-trip cf" data-role="return-date-wrapper"> <div class="col-date"> <label for="exitDate">Returning Date</label> <div class="calendar"> <input value="02/12/2024" type="text" class="datepicker" data-field="return-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="returnTime">Time</label> <select class="selectbox" id="returnTime" tabindex="-1" aria-hidden="true" data-field="return-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="returnMins" tabindex="-1" aria-hidden="true" data-field="return-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> <!--form__row--> <div class="form__row"> <div class="book-taxis__col"> <label for="taxisAdultNum">Adults (12+)</label> <select class="selectbox" id="taxisAdultNum" tabindex="-1" aria-hidden="true" data-field="adults"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> </div> <div class="form__row"> <div class="book-taxis__col"> <label for="taxisChildNum">Children (3-11)</label> <select class="selectbox" id="taxisChildNum" tabindex="-1" aria-hidden="true" data-field="children"> <option selected="selected" value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> </div> <div class="form__row"> <div class="book-taxis__col"> <label for="taxisInfantsNum">Infants (0-2)</label> <select class="selectbox" id="taxisInfantsNum" tabindex="-1" aria-hidden="true" data-field="infants"> <option selected="selected" value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> </div> <div class="form__row"> <form data-role="taxis-form"> <input type="hidden" data-field="affiliateId" value="AGSSH" /> <button type="submit" class="btn btn--primary">Book Now</button> </form> </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed="">&times;</a> </div> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-hotels" data-form-enabled="false"> <div class="modal-inner"> <div class="modal-content"> <div class="hotels" data-role="hotel-form-wrapper"> <div class="form__row"> <label for="destinationMobile">Where are you travelling to?</label> <select id="destinationMobile" class="selectbox" data-field="destination"> <option value="Alderney">Alderney</option> <option value="Alicante">Alicante</option> <option value="Amsterdam">Amsterdam</option> <option value="Belfast">Belfast</option> <option value="Caen">Caen</option> <option value="Dublin">Dublin</option> <option value="Edinburgh">Edinburgh</option> <option value="Faro (Algarve)">Faro (Algarve)</option> <option value="Geneva">Geneva</option> <option value="Glasgow">Glasgow</option> <option value="Guernsey">Guernsey</option> <option value="Jersey">Jersey</option> <option value="Majorca">Majorca</option> <option value="Newcastle">Newcastle</option> <option value="Paris">Paris</option> </select> </div> <div class="form__row single-trip"> <div class="col"> <label for="departingDateMobile">Check-in Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" name="date" placeholder="Date" readonly="" data-field="start-date"> </div> </div> <div class="col"> <label for="returningDateMobile">Check-out Date</label> <div class="calendar"> <input value="02/12/2024" type="text" class="datepicker" name="date" placeholder="Date" readonly="" data-field="end-date"> </div> </div> </div> <div class="book-modal__btns"> <form data-role="hotel-form"> <input type="hidden" value="" data-field="affiliate-id" /> <button type="submit" class="btn btn--primary">Search Now</button> </form> </div> <!-- </div> --> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed="">&times;</a> </div> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--booking-module" id="book-testing" data-form-enabled="false"> <div class="modal-inner"> <div class="modal-content"> <div class="book-testing" data-role="testing-form-wrapper"> <div class="form__row"> <label for="testTypeMobile">Type of Test</label> <select class="selectbox" id="testTypeMobile" tabindex="-1" aria-hidden="true" data-field="product-id" data-default-affiliate-code="SOU"> </select> </div> <div class="form__row"> <label for="flyingDateMobile" data-field="outbound-date-label">Flying Date</label> <div class="calendar"> <input value="02/12/2024" type="text" id="flyingDateMobile" class="datepicker" name="date" placeholder="Date" readonly="" data-field="outbound-date"> </div> </div> <div class="form__row" data-role="outbound-time-wrapper"> <label for="flyingTimeMobile">Time</label> <select class="selectbox-time" id="flyingTimeMobile" data-placeholder="Time" data-field="outbound-time"> <option value="00:00">00:00 - 01:00</option> <option value="01:00">01:00 - 02:00</option> <option value="02:00">02:00 - 03:00</option> <option value="03:00">03:00 - 04:00</option> <option value="04:00">04:00 - 05:00</option> <option value="05:00">05:00 - 06:00</option> <option value="06:00">06:00 - 07:00</option> <option value="07:00">07:00 - 08:00</option> <option value="08:00">08:00 - 09:00</option> <option value="09:00">09:00 - 10:00</option> <option selected value="10:00">10:00 - 11:00</option> <option value="11:00">11:00 - 12:00</option> <option value="12:00">12:00 - 13:00</option> <option value="13:00">13:00 - 14:00</option> <option value="14:00">14:00 - 15:00</option> <option value="15:00">15:00 - 16:00</option> <option value="16:00">16:00 - 17:00</option> <option value="17:00">17:00 - 18:00</option> <option value="18:00">18:00 - 19:00</option> <option value="19:00">19:00 - 20:00</option> <option value="20:00">20:00 - 21:00</option> <option value="21:00">21:00 - 22:00</option> <option value="22:00">22:00 - 23:00</option> </select> </div> <div class="form__row" data-role="outbound-quantity-wrapper" style="display:none"> <label for="testQuantityMobile">Quantity</label> <select class="selectbox" id="testQuantityMobile" data-placeholder="Quantity" data-field="outbound-quantity"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="book-modal__btns"> <form novalidate="novalidate" action="https://book.southamptonairport.com/book/SOU/Purchase" data-purchase-action="https://book.southamptonairport.com/book/SOU/Purchase" data-parking-action="https://www.southamptonairport.com/checkout/" method="post" data-role="testing-form" target="_blank"> <!-- Shared fields --> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <!-- Primary fields --> <input type="hidden" value="" name="productId" data-field="hidden-product-id"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_hour" data-field="hidden-arrival-hour"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_minute" data-field="hidden-arrival-minute"> <input type="hidden" value="1" name="SimpleTicket_numTickets" data-field="hidden-quantity"> <!-- Secondary fields --> <input type="hidden" value="" name="pId" data-field="hidden-parking-product-id"> <input type="hidden" value="1" name="parkingDetailsSubmitted"> <input type="hidden" value="1" name="progressToNextStep"> <input type="hidden" value="0" name="terminal"> <input type="hidden" value="" name="entryDate" data-field="hidden-parking-entry-date"> <input type="hidden" value="" name="entryTime" data-field="hidden-parking-entry-time"> <input type="hidden" value="" name="exitDate" data-field="hidden-parking-exit-date"> <input type="hidden" value="" name="exitTime" data-field="hidden-parking-exit-time"> <button type="submit" class="btn btn--primary">Book your test</button> </form> </div> <div class="booking-module__error" data-message="time-slot-not-available" style="display:none"> This time slot is currently unavailable, please try a different slot </div> </div> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed="">&times;</a> </div> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--emergency" id="alert-popup-emergency" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <header> <h2><i class="icon icon-warning"></i></h2> </header> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <section class="modal modal--warning" id="alert-popup-warning" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <header> <h2><i class="icon icon-warning"></i></h2> </header> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <div class="mega-menu"> <div id="tab1" class="mega-menu__wrap cf"> <div class="mega-menu__item"> <h2>Live Flights</h2> <ul> <li><a href="/departures-arrivals/">Departures &amp; Arrivals</a></li> <li><a href="/it-all-begins-here/">Flight Guide</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Destinations &amp; Airlines</h2> <ul> <li><a href="/destinations/book-flights/">Book Flights</a></li> <li><a href="/destinations/all-destinations/">All Destinations</a></li> <li><a href="/destinations/airlines/">Airline Operators</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Useful Links</h2> <ul> <li><a href="/at-the-airport/arriving-passengers/">Arriving Passengers</a></li> <li><a href="/at-the-airport/check-in-desks/">Check in Desks</a></li> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/media/3fijgluh/100629-sou-terminal-map-a3-v2-gf.pdf" target="_blank">Terminal Map</a></li> <li><a href="https://www.southamptonairport.com/#subscribe-newsletter">Newsletter Signup</a></li> </ul> </div> </div> <div id="tab2" class="mega-menu__wrap cf"> <div class="mega-menu__item"> <h2>Transport</h2> <ul> <li><a href="/to-from/by-car/">By Car</a></li> <li><a href="/to-from/by-bus/">By Bus</a></li> <li><a href="/to-from/by-taxi/">By Taxi</a></li> <li><a href="/to-from/by-train/">By Train</a></li> <li><a href="/to-from/by-bike/">By Bike</a></li> <li><a href="/parking/">Southampton Airport Parking</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Plan Ahead</h2> <ul> <li><a href="/at-the-airport/car-hire/hire-a-car/">Car Hire</a></li> <li><a href="/at-the-airport/travel-insurance/">Travel Insurance</a></li> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/to-from/pick-up-drop-off/">Pick Up &amp; Drop Off</a></li> <li><a href="/to-from/worldwide-transfers/">Worldwide Transfers</a></li> <li><a href="/parking/season-tickets/">Season Tickets</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Useful Links</h2> <ul> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/parking/">Book Parking</a></li> </ul> </div> </div> <div id="tab3" class="mega-menu__wrap cf"> <div class="mega-menu__item"> <h2>In the Terminal</h2> <ul> <li><a href="/shop-eat/shopping/">Shops</a></li> <li><a href="/shop-eat/eating/">Eating</a></li> <li><a href="/at-the-airport/the-spitfire-lounge/">The Spitfire Lounge</a></li> <li><a href="/at-the-airport/services-and-facilities/">Services &amp; Facilities</a></li> <li><a href="/at-the-airport/services-and-facilities/free-wifi/">Free Wifi</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Your Journey</h2> <ul> <li><a href="/parking/">Airport Parking</a></li> <li><a href="/parking/season-tickets/">Season Tickets</a></li> <li><a href="/parking/cruise-parking/">Cruise Parking</a></li> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/media/3fijgluh/100629-sou-terminal-map-a3-v2-gf.pdf">Terminal Map</a></li> <li><a href="/at-the-airport/security-screening/">Airport Security</a></li> <li><a href="/at-the-airport/arriving-passengers/">Arriving Passengers</a></li> <li><a href="/parking/nhs-discount/">&#128153; NHS Discount</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Useful Links</h2> <ul> <li><a href="/parking/">Book Parking</a></li> <li><a href="/at-the-airport/security-screening/priority-security/">Priority Security</a></li> <li><a href="/shop-eat/international-currency/">Currency</a></li> </ul> </div> </div> <div id="tab4" class="mega-menu__wrap cf"> <div class="mega-menu__item"> <h2>Shop &amp; Dine</h2> <ul> <li><a href="/shop-eat/shopping/">Shops</a></li> <li><a href="/shop-eat/shopping/world-duty-free/">Discover World Duty Free</a></li> <li><a href="/shop-eat/eating/">Eating</a></li> <li><a href="/shop-eat/international-currency/">Currency</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Plan Ahead</h2> <ul> <li><a href="https://southampton.worlddutyfree.com/en/?utm_source=southampton&amp;utm_medium=website&amp;utm_campaign=nav" target="_blank">Reserve &amp; Collect</a></li> <li><a href="/shop-eat/duty-free-changes/">Duty Free Changes</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Useful Links</h2> <ul> <li><a href="/media/3fijgluh/100629-sou-terminal-map-a3-v2-gf.pdf" target="_blank">Terminal Map</a></li> <li><a href="/at-the-airport/arriving-passengers/">Arriving Passengers</a></li> </ul> </div> </div> <div id="tab5" class="mega-menu__wrap cf"> <div class="mega-menu__item"> <h2>Book Parking</h2> <ul> <li><a href="https://www.southamptonairport.com/checkout">Book Parking</a></li> <li><a href="/parking/priority-parking/">Priority Parking</a></li> <li><a href="/parking/short-stay-parking/">Short Stay Parking</a></li> <li><a href="/parking/meet-greet-parking/">Meet &amp; Greet Parking</a></li> <li><a href="/parking/">Compare Parking</a></li> <li><a href="/parking/season-tickets/">Season Tickets</a></li> <li><a href="/parking/cruise-parking/">Cruise Parking</a></li> <li><a href="/parking/nhs-discount/">&#128153; NHS Discount</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Airport Services</h2> <ul> <li><a href="/at-the-airport/security-screening/priority-security/">Priority Security</a></li> <li><a href="/shop-eat/international-currency/">Currency</a></li> <li><a href="/at-the-airport/car-hire/hire-a-car/">Hire a Car</a></li> <li><a href="/#subscribe-newsletter">Signup for Offers</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Useful Links</h2> <ul> <li><a href="https://www.skyscanner.net/transport/flights-from/sou/?rtn=1&amp;adultsv2=1&amp;referrer=https://www.southamptonairport.com/customer-service/&amp;associateid=API_B2B_19145_00001&amp;referralServiceVersion=meeseeks-referral-service-v1&amp;utm_medium=GSP&amp;utm_source=Southampton%20%20Airport&amp;utm_content=SearchWidget&amp;utm_campaign=Southampton%20Airport%20Widget%20" target="_blank">Book Flights</a></li> <li><a href="/at-the-airport/airport-hotels/">Airport Hotels</a></li> <li><a href="/destinations/airlines/">Airline Contacts</a></li> <li><a href="/manage-my-bookings/">✔️ Manage my bookings</a></li> </ul> </div> </div> <div id="tab6" class="mega-menu__wrap cf"> <div class="mega-menu__item"> <h2>Airport Facilities</h2> <ul> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/contact-us/lost-property/">Lost Property</a></li> <li><a href="/at-the-airport/security-screening/">Airport Security</a></li> <li><a href="/parking/car-parking-faqs/">Car Parking FAQs</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Travel</h2> <ul> <li><a href="/destinations/">Destinations</a></li> <li><a href="/destinations/destination-map/">Destination Map</a></li> <li><a href="/destinations/airlines/">Airline Contacts</a></li> <li><a href="/departures-arrivals/">Flight Information</a></li> </ul> </div> <div class="mega-menu__item"> <h2>Useful Links</h2> <ul> <li><a href="/contact-us/">Contact Us</a></li> <li><a href="/useful/media-centre/">Media Centre</a></li> <li><a href="/customer-service/">Customer Service</a></li> <li><a href="/legal/terms-and-conditions/">Terms and Conditions</a></li> <li><a href="/manage-my-bookings/">✔️ Manage my bookings</a></li> </ul> </div> </div> <div id="tab7" class="mega-menu__wrap cf"> </div> <div id="sso" class="mega-menu__wrap mega-menu__wrap--sso cf"> <div class="sso-widget"> <div class="sso-widget__col"> <div class="sso-widget__heading"> <i class="fa fa-user" aria-hidden="true"></i> <h4>My Account</h4> </div> <a href="/account/edit-account/" class="sso-widget__btn">Manage</a> <a href="https://book.southamptonairport.com/book/SOU/MyAccount" class="sso-widget__btn">Bookings</a> <a href="#" class="sso-widget__btn logout" id="logout">Logout</a> </div> <div class="sso-widget__col"> <div class="sso-widget__heading"> <i class="fa fa-plane" aria-hidden="true"></i> <h4>My Flight</h4> <a href="#delete-flight" class="sso-widget__delete" data-hasflights> <i class="icon icon-delete" aria-hidden="true"></i> remove </a> </div> <div id="sso-widget-flight-placeholder"> <a href="/departures-arrivals/" class="sso-widget__add-flight"><span><i class="fa fa-plus" aria-hidden="true"></i></span>Add Flight</a> </div> <div id="sso-widget-login-view-with-flight" style="display:none;"> <div class="sso-widget__flight-info"> <div class="airline" id="airline-logo"> </div> <div class="flight-no"> ${number}$ </div> </div> <div class="sso-widget__flight sso-widget__flight--stops"> <ul class="flight-stopovers"> ${destinationWithStopovers}$ </ul> </div> <div class="sso-widget__flight">${flightTime}$</div> <div class="sso-widget__flight ${statusColor}$">${status}$</div> </div> </div> </div> </div> </div> <section class="modal modal--delete-flight" id="delete-flight" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <h4><i class="fa fa-plane" aria-hidden="true"></i>Are you sure you want to delete that flight?</h4> <form data-action="/umbraco/api/AeroparkerUserApi/RemoveFlight" method="post" id="remove-flight-form" class="form"> <a href="#!" class="btn btn--secondary">No, I'll keep it</a> <input type="submit" class="btn btn--primary" value="Yes please"> </form> </div> <!-- <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> --> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <div class="nav-mobile"> <ul class="nav-mobile__top-level"> <li> <a href="/departures-arrivals/" class="link">Flight Info</a> <div class="nav-mobile__sub-wrap"> <ul class="nav-mobile__2nd-level"> <li><a href="/departures-arrivals/">Departures &amp; Arrivals</a></li> <li><a href="/it-all-begins-here/">Flight Guide</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/destinations/book-flights/">Book Flights</a></li> <li><a href="/destinations/all-destinations/">All Destinations</a></li> <li><a href="/destinations/airlines/">Airline Operators</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/at-the-airport/arriving-passengers/">Arriving Passengers</a></li> <li><a href="/at-the-airport/check-in-desks/">Check in Desks</a></li> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/media/3fijgluh/100629-sou-terminal-map-a3-v2-gf.pdf" target="_blank">Terminal Map</a></li> <li><a href="https://www.southamptonairport.com/#subscribe-newsletter">Newsletter Signup</a></li> </ul> </div> </li> <li> <a href="/to-from/" class="link">To &amp; From</a> <div class="nav-mobile__sub-wrap"> <ul class="nav-mobile__2nd-level"> <li><a href="/to-from/by-car/">By Car</a></li> <li><a href="/to-from/by-bus/">By Bus</a></li> <li><a href="/to-from/by-taxi/">By Taxi</a></li> <li><a href="/to-from/by-train/">By Train</a></li> <li><a href="/to-from/by-bike/">By Bike</a></li> <li><a href="/parking/">Southampton Airport Parking</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/at-the-airport/car-hire/hire-a-car/">Car Hire</a></li> <li><a href="/at-the-airport/travel-insurance/">Travel Insurance</a></li> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/to-from/pick-up-drop-off/">Pick Up &amp; Drop Off</a></li> <li><a href="/to-from/worldwide-transfers/">Worldwide Transfers</a></li> <li><a href="/parking/season-tickets/">Season Tickets</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/parking/">Book Parking</a></li> </ul> </div> </li> <li> <a href="/at-the-airport/" class="link">At the Airport</a> <div class="nav-mobile__sub-wrap"> <ul class="nav-mobile__2nd-level"> <li><a href="/shop-eat/shopping/">Shops</a></li> <li><a href="/shop-eat/eating/">Eating</a></li> <li><a href="/at-the-airport/the-spitfire-lounge/">The Spitfire Lounge</a></li> <li><a href="/at-the-airport/services-and-facilities/">Services &amp; Facilities</a></li> <li><a href="/at-the-airport/services-and-facilities/free-wifi/">Free Wifi</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/parking/">Airport Parking</a></li> <li><a href="/parking/season-tickets/">Season Tickets</a></li> <li><a href="/parking/cruise-parking/">Cruise Parking</a></li> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/media/3fijgluh/100629-sou-terminal-map-a3-v2-gf.pdf">Terminal Map</a></li> <li><a href="/at-the-airport/security-screening/">Airport Security</a></li> <li><a href="/at-the-airport/arriving-passengers/">Arriving Passengers</a></li> <li><a href="/parking/nhs-discount/">&#128153; NHS Discount</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/parking/">Book Parking</a></li> <li><a href="/at-the-airport/security-screening/priority-security/">Priority Security</a></li> <li><a href="/shop-eat/international-currency/">Currency</a></li> </ul> </div> </li> <li> <a href="/shop-eat/" class="link">Shop &amp; Dine</a> <div class="nav-mobile__sub-wrap"> <ul class="nav-mobile__2nd-level"> <li><a href="/shop-eat/shopping/">Shops</a></li> <li><a href="/shop-eat/shopping/world-duty-free/">Discover World Duty Free</a></li> <li><a href="/shop-eat/eating/">Eating</a></li> <li><a href="/shop-eat/international-currency/">Currency</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="https://southampton.worlddutyfree.com/en/?utm_source=southampton&amp;utm_medium=website&amp;utm_campaign=nav" target="_blank">Reserve &amp; Collect</a></li> <li><a href="/shop-eat/duty-free-changes/">Duty Free Changes</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/media/3fijgluh/100629-sou-terminal-map-a3-v2-gf.pdf" target="_blank">Terminal Map</a></li> <li><a href="/at-the-airport/arriving-passengers/">Arriving Passengers</a></li> </ul> </div> </li> <li> <a href="/book-your-trip/" class="link">Bookings</a> <div class="nav-mobile__sub-wrap"> <ul class="nav-mobile__2nd-level"> <li><a href="https://www.southamptonairport.com/checkout">Book Parking</a></li> <li><a href="/parking/priority-parking/">Priority Parking</a></li> <li><a href="/parking/short-stay-parking/">Short Stay Parking</a></li> <li><a href="/parking/meet-greet-parking/">Meet &amp; Greet Parking</a></li> <li><a href="/parking/">Compare Parking</a></li> <li><a href="/parking/season-tickets/">Season Tickets</a></li> <li><a href="/parking/cruise-parking/">Cruise Parking</a></li> <li><a href="/parking/nhs-discount/">&#128153; NHS Discount</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/at-the-airport/security-screening/priority-security/">Priority Security</a></li> <li><a href="/shop-eat/international-currency/">Currency</a></li> <li><a href="/at-the-airport/car-hire/hire-a-car/">Hire a Car</a></li> <li><a href="/#subscribe-newsletter">Signup for Offers</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="https://www.skyscanner.net/transport/flights-from/sou/?rtn=1&amp;adultsv2=1&amp;referrer=https://www.southamptonairport.com/customer-service/&amp;associateid=API_B2B_19145_00001&amp;referralServiceVersion=meeseeks-referral-service-v1&amp;utm_medium=GSP&amp;utm_source=Southampton%20%20Airport&amp;utm_content=SearchWidget&amp;utm_campaign=Southampton%20Airport%20Widget%20" target="_blank">Book Flights</a></li> <li><a href="/at-the-airport/airport-hotels/">Airport Hotels</a></li> <li><a href="/destinations/airlines/">Airline Contacts</a></li> <li><a href="/manage-my-bookings/">✔️ Manage my bookings</a></li> </ul> </div> </li> <li> <a href="/help/" class="link">Help</a> <div class="nav-mobile__sub-wrap"> <ul class="nav-mobile__2nd-level"> <li><a href="/at-the-airport/special-assistance/">Special Assistance</a></li> <li><a href="/contact-us/lost-property/">Lost Property</a></li> <li><a href="/at-the-airport/security-screening/">Airport Security</a></li> <li><a href="/parking/car-parking-faqs/">Car Parking FAQs</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/destinations/">Destinations</a></li> <li><a href="/destinations/destination-map/">Destination Map</a></li> <li><a href="/destinations/airlines/">Airline Contacts</a></li> <li><a href="/departures-arrivals/">Flight Information</a></li> </ul> <ul class="nav-mobile__2nd-level"> <li><a href="/contact-us/">Contact Us</a></li> <li><a href="/useful/media-centre/">Media Centre</a></li> <li><a href="/customer-service/">Customer Service</a></li> <li><a href="/legal/terms-and-conditions/">Terms and Conditions</a></li> <li><a href="/manage-my-bookings/">✔️ Manage my bookings</a></li> </ul> </div> </li> <li class="no-sub"> <a href="https://book.southamptonairport.com/book/SOU/MyAccount" class="link" id="nav-mobile-li-Login">Login</a> </li> <li data-authorized style="display:none;"> <a href="/" class="link"><i class="fa fa-user" aria-hidden="true"></i><span id="loginNamePlaceholder">Chris</span></a> <div class="nav-mobile__sub-wrap"> <div class="sso-widget"> <div class="sso-widget__col"> <div class="sso-widget__heading"> <i class="fa fa-user" aria-hidden="true"></i> <h4>My Account</h4> </div> <a href="/account/edit-account/" class="sso-widget__btn">Manage</a> <a href="https://book.southamptonairport.com/book/SOU/MyAccount" class="sso-widget__btn">Bookings</a> <a href="#" class="sso-widget__btn logout" id="logout">Logout</a> </div> <div class="sso-widget__col"> <div class="sso-widget__heading"> <i class="fa fa-plane" aria-hidden="true"></i> <h4>My Flight</h4> <a href="#delete-flight" class="sso-widget__delete" data-hasflights> <i class="icon icon-delete" aria-hidden="true"></i> remove </a> </div> <div id="sso-widget-flight-placeholder-mob"> <a href="/departures-arrivals/" class="sso-widget__add-flight"><span><i class="fa fa-plus" aria-hidden="true"></i></span>Add Flight</a> </div> </div> </div> </div> </li> </ul> </div> </header> <!--/.header --> <div class="hero"> <div class="hero-slider" data-slick='{"autoplaySpeed": 100000000}'> <div> <div class="hero-slider__slide clickBox" id="banner-image-element-sou-hero-the-source-banner-master"> <a href="/the-source/trade-newsletter/"></a> <div class="inner"> <div class="hero__content "> <h1 class="hero__heading">The SOUrce</h1> <p>The Southampton Airport Travel Agent &amp; Trade Page</p> <a href="/the-source/trade-newsletter/" class="btn btn--primary">Sign up to agent newsletter</a> </div> </div> <div class="hero__gradient"></div> </div> <style> #banner-image-element-sou-hero-the-source-banner-master { background-image: url('/media/c3wekrq3/sou-hero-the-source-banner.jpg'); } @media (min-width: 768px) { #banner-image-element-sou-hero-the-source-banner-master { background-image: url('/media/c3wekrq3/sou-hero-the-source-banner.jpg?width=1366'); } } </style> </div> </div> <div class="hero-slider__dots"></div> <div class="hero-slider__nav"></div> </div> <div class="booking-module-pinned"> <div id="BookingModule"> <section class="booking-module" id="BookingModuleHome2"> <div class="booking-module__tabs"> <ul> <li><a data-tab-target="book-parking-native" class=" parking"><i class="icon icon-booking-parking" aria-hidden="true" data-grunticon-embed></i>Parking</a></li> <li><a data-tab-target="book-security" class="security"><i class="icon icon-booking-security" aria-hidden="true" data-grunticon-embed></i>Priority security</a></li> <li><a data-tab-target="book-lounge" class="lounge"><i class="icon icon-booking-lounge" aria-hidden="true" data-grunticon-embed></i>Lounges</a></li> <li><a data-tab-target="book-flights"><i class="icon icon-booking-flights" aria-hidden="true" data-grunticon-embed></i>Book Flights</a></li> <li><a data-tab-target="book-car-hire" class="car-rental"><i class="icon icon-booking-carhire" aria-hidden="true" data-grunticon-embed></i>Car hire</a></li> <li><a data-tab-target="travel-insurance" class="currency"><i class="icon icon-booking-insurance" aria-hidden="true" data-grunticon-embed></i>Travel insurance</a></li> <li><a data-tab-target="taxis" class="car-rental"><i class="icon icon-booking-carhire" aria-hidden="true" data-grunticon-embed></i>Taxis</a></li> </ul> </div> <div data-tab="book-parking-native" class="booking-module__panel cf" > <div class="book-parking book-parking--native-payments" data-role="parking-form-wrapper" data-autoskip-wrapper> <div class="book-parking__row book-parking__row--align-bottom"> <div class="book-parking__column"> <label for="entryDateParking">Entry</label> <div class="col calendar"> <input value="01/12/2024" type="text" id="entryDateParking" tabindex="1" data-field="entry-date" name="date" placeholder="Date" data-autoskip /> </div> <div class="col time"> <select class="selectbox-time" data-field="entry-time" id="entryTime" disabled tabindex="2" data-placeholder="Time" data-autoskip> <option value="00:00">00:00</option> <option value="01:00">01:00</option> <option value="02:00">02:00</option> <option value="03:00">03:00</option> <option value="04:00">04:00</option> <option value="05:00">05:00</option> <option value="06:00">06:00</option> <option value="07:00">07:00</option> <option value="08:00">08:00</option> <option value="09:00">09:00</option> <option selected value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00">17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> <option value="21:00">21:00</option> <option value="22:00">22:00</option> <option value="23:00">23:00</option> </select> </div> </div> <div class="book-parking__column"> <label for="exitDateParking">Exit</label> <div class="col calendar"> <input value="02/12/2024" type="text" data-field="exit-date" name="date" tabindex="3" placeholder="Date" data-autoskip /> </div> <div class="col time"> <select class="selectbox-time" data-placeholder="Time" data-field="exit-time" disabled tabindex="3" data-autoskip> <option value="00:00">00:00</option> <option value="01:00">01:00</option> <option value="02:00">02:00</option> <option value="03:00">03:00</option> <option value="04:00">04:00</option> <option value="05:00">05:00</option> <option value="06:00">06:00</option> <option value="07:00">07:00</option> <option value="08:00">08:00</option> <option value="09:00">09:00</option> <option value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00">17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> <option value="21:00">21:00</option> <option value="22:00">22:00</option> <option value="23:00">23:00</option> </select> </div> </div> <div class="book-parking__column book-parking__column--right"> <form action="/checkout/" method="post" novalidate="novalidate" data-role="parking-form"> <input type="hidden" value="" name="entryDateTime" data-field="entry-datetime-final"> <input type="hidden" value="" name="exitDateTime" data-field="exit-datetime-final"> <button type="submit" class="btn btn--primary">Book parking</button> <a href="/parking/" class="btn btn--keyline"> <i class="icon icon-arrow" aria-hidden="true"></i> More info </a> </form> </div> </div> <div class="book-parking__row"> <div class="book-parking__column"> <div class="booking-module__error" data-role="error" data-field='error-message' style="display: none;"> This time slot is currently unavailable, please try a different slot </div> </div> </div> </div> </div> <div data-tab="book-security" class="booking-module__panel cf"> <div class="book-security" data-role="security-form-wrapper"> <div class="form__row book-security__calendar"> <label for="entryFastTrackDate">Entry date</label> <div class="col calendar"> <input type="text" class="parking-search-date datepicker" value="01/12/2024" id="entryFastTrackDate" readonly data-field="entry-date" /> </div> <div class="col time"> <label class="visuallyhidden" for="entryFastTrackTime">&nbsp;</label> <select class="selectbox-time" id="entryFastTrackTime" data-placeholder="Time" data-field="entry-time"> <option value="00:00">00:00</option> <option value="01:00">01:00</option> <option value="02:00">02:00</option> <option value="03:00">03:00</option> <option value="04:00">04:00</option> <option value="05:00">05:00</option> <option value="06:00">06:00</option> <option value="07:00">07:00</option> <option value="08:00">08:00</option> <option value="09:00">09:00</option> <option selected value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00">17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> <option value="21:00">21:00</option> <option value="22:00">22:00</option> <option value="23:00">23:00</option> </select> </div> </div> <div class="book-security__number"> <label for="securityPassengers">Passengers</label> <select class="selectbox" id="securityPassengers" tabindex="-1" aria-hidden="true" data-field="tickets"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select> </div> <div class="book-security__btns" id="securityButtons"> <form id="parkingFastTrackForm" action="https://book.southamptonairport.com/book/SOU/Purchase" method="post" data-role="security-form" target="_blank"> <input type="hidden" value="86" name="productId"> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="" name="AirportVisitDetails_arrival_hour" data-field="hidden-entry-hour"> <input type="hidden" value="" name="AirportVisitDetails_arrival_minute" data-field="hidden-entry-minute"> <input type="hidden" value="" name="SimpleTicket_numTickets" data-field="hidden-tickets"> <button type="submit" class="btn btn--primary">Book priority security</button> <a href="/at-the-airport/security-screening/priority-security/" class="btn btn--keyline">More info</a> </form> </div> </div> </div> <div data-tab="book-priority" class="booking-module__panel cf"> <div class="book-priority" data-role="priority-form-wrapper"> <ul class="book-priority__type"> <li class="radio"> <input type="radio" name="priorityType" id="priorityTypeOut" value="OUT" checked="checked" data-field="booking-type" data-product-id=""> <label for="priorityTypeOut">Flying Out (Priority Security)</label> </li> <li class="radio"> <input type="radio" name="priorityType" id="priorityTypeIn" value="IN" data-field="booking-type" data-product-id=""> <label for="priorityTypeIn">Flying In (Priority Passport Lane)</label> </li> <li class="radio"> <input type="radio" name="priorityType" id="priorityTypeBoth" value="BOTH" data-field="booking-type"> <label for="priorityTypeBoth">Both</label> </li> </ul> <div class="grid"> <div class="grid"> <div class="form__row single-trip" data-role="outbound-date-wrapper"> <div class="col-date"> <label for="entryDate">Outbound Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="outbound-date" name="date" placeholder="Date" readonly=""> <input type="text" data-field="outbound-time" style="display:none" value="10:00" data-comment="Replace me with real time input"> </div> </div> <div class="col-time-hours"> <label for="outboundTime">Time</label> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="outbound-hours"> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option selected value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="outbound-minutes"> <option selected="selected" value="00">00</option> <option value="15">15</option> <option value="30">30</option> <option value="45">45</option> </select> </div> </div> <div class="form__row return-trip" style="display:none" data-role="return-date-wrapper"> <div class="col-date"> <label for="exitDate">Returning Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="return-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="returnTime">Time</label> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="return-hours"> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" tabindex="-1" aria-hidden="true" data-field="return-minutes"> <option selected="selected" value="00">00</option> <option value="15">15</option> <option value="30">30</option> <option value="45">45</option> </select> </div> </div> <div class="book-priority__quantity" data-role="outbound-quantity-wrapper"> <div class="form__row"> <label for="priorityQuantity">People</label> <select class="selectbox" data-placeholder="Time" data-field="tickets"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> </div> </div> <div class="book-priority__btn"> <form id="parkingFastTrackForm" action="https://book.southamptonairport.com/book/SOU/Purchase" purchase-action="https://book.southamptonairport.com/book/SOU/Purchase" multipurchase-action="https://book.southamptonairport.com/book/SOU/MultiPurchase" method="post" novalidate="novalidate" data-role="priority-form" target="_blank"> <input type="hidden" value="" name="productId" data-field="hidden-product-id"> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="" name="AirportVisitDetails_arrival_hour" data-field="hidden-entry-hour"> <input type="hidden" value="" name="AirportVisitDetails_arrival_minute" data-field="hidden-entry-minute"> <input type="hidden" value="" name="returnDate" data-field="hidden-return-date"> <input type="hidden" value="" name="AirportVisitDetails_return_hour" data-field="hidden-return-hour"> <input type="hidden" value="" name="AirportVisitDetails_return_minute" data-field="hidden-return-minute"> <input type="hidden" value="" name="SimpleTicket_numTickets" data-field="hidden-tickets"> <input type="hidden" value="" name="Lounge_numAdults" data-field="hidden-tickets"> <input type="hidden" value="" name="ancillaryType" data-field="hidden-type"> <button type="submit" class="btn btn--primary" id="fastTrackBtn">Book Priority Lane</button> </form> </div> <div class="validation"> <div class="booking-module__error" data-role="error" data-field='error-message'> This time slot is currently unavailable, please try a different slot </div> </div> </div> </div> </div> <div data-tab="book-lounge" class="booking-module__panel cf"> <div class="book-lounge" data-role="lounge-form-wrapper"> <select tabindex="-1" aria-hidden="true" data-field="product-id" style="display:none" data-default-affiliate-code="SOU"> <option value="85" data-parking-product="false" data-multipurchase-product="false" data-date-label="Entry Date" data-product-affiliate-code="SOU" data-minimum-notice="30" data-slot-start="05:30" data-slot-end="19:30" data-slot-length="30"> The Spitfire Lounge </option> </select> <div class="form__row book-lounge__calendar"> <label for="loungeEntryDate" data-field="outbound-date-label">Entry</label> <div class="col calendar"> <input value="01/12/2024" type="text" class="datepicker" placeholder="Date" id="loungeEntryDate" readonly data-field="outbound-date" /> </div> <div class="col time" data-role="outbound-time-wrapper" style="display:none"> <select class="selectbox-time" data-placeholder="Time" data-field="outbound-time"> <option selected="selected" disabled="">Time</option> <option value="04:30">04:30</option> <option value="05:00">05:00</option> <option value="05:30">05:30</option> <option value="06:00">06:00</option> <option value="06:30">06:30</option> <option value="07:00">07:00</option> <option value="07:30">07:30</option> <option value="08:00">08:00</option> <option value="08:30">08:30</option> <option value="09:00">09:00</option> <option value="09:30">09:30</option> <option value="10:00">10:00</option> <option value="10:30">10:30</option> <option value="11:00">11:00</option> <option value="11:30">11:30</option> <option value="12:00">12:00</option> <option value="12:30">12:30</option> <option value="13:00">13:00</option> <option value="13:30">13:30</option> <option value="14:00">14:00</option> <option value="14:30">14:30</option> <option value="15:00" selected="selected">15:00</option> <option value="15:30">15:30</option> <option value="16:00">16:00</option> <option value="16:30">16:30</option> <option value="17:00">17:00</option> <option value="17:30">17:30</option> <option value="18:00">18:00</option> <option value="18:30">18:30</option> <option value="19:00">19:00</option> <option value="19:30">19:30</option> </select> </div> </div> <div class="book-lounge__numbers" data-role="outbound-quantity-wrapper"> <div class="adults"> <label for="loungeAdults">Adults (18+)</label> <select class="selectbox" id="loungeAdults" tabindex="-1" aria-hidden="true" data-field="outbound-quantity-adults"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </div> <div class="children"> <label for="loungeChild">Children (4-17)</label> <select class="selectbox" id="loungeChild" tabindex="-1" aria-hidden="true" data-field="outbound-quantity-children"> <option selected="selected" value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </div> </div> <div class="book-lounge__btns" id="loungeButtons"> <form action="https://book.southamptonairport.com/book/SOU/Purchase" data-purchase-action="https://book.southamptonairport.com/book/SOU/Purchase" data-multipurchase-action="https://book.southamptonairport.com/book/SOU/MultiPurchase" data-parking-action="https://www.southamptonairport.com/checkout/" method="post" novalidate="novalidate" data-role="lounge-form"> <!-- Shared fields --> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <!-- Primary fields --> <input type="hidden" value="" name="productId" data-field="hidden-product-id"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_hour" data-field="hidden-arrival-hour"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_minute" data-field="hidden-arrival-minute"> <input type="hidden" value="" name="Lounge_numAdults" data-field="hidden-adults"> <input type="hidden" value="" name="Lounge_numChildren" data-field="hidden-children"> <!-- Secondary fields --> <input type="hidden" value="" name="pId" data-field="hidden-parking-product-id"> <input type="hidden" value="1" name="parkingDetailsSubmitted"> <input type="hidden" value="1" name="progressToNextStep"> <input type="hidden" value="0" name="terminal"> <input type="hidden" value="" name="entryDate" data-field="hidden-parking-entry-date"> <input type="hidden" value="" name="entryTime" data-field="hidden-parking-entry-time"> <input type="hidden" value="" name="exitDate" data-field="hidden-parking-exit-date"> <input type="hidden" value="" name="exitTime" data-field="hidden-parking-exit-time"> <button type="submit" class="btn btn--primary">Book Now</button> <a href="/at-the-airport/the-spitfire-lounge/" class="btn btn--keyline">More info</a> </form> <input type="hidden" value="0" name="loungeExtraHours" data-field="extra-hours" /> </div> <div class="booking-module__error" data-message="time-slot-not-available" style="display:none"> This time slot is currently unavailable, please try a different slot </div> </div> </div> <div data-tab="book-testing" class="booking-module__panel cf"> <div class="book-testing" data-role="testing-form-wrapper"> <div class="grid"> <div class="book-testing__type"> <label for="testType">Type of Test</label> <select class="selectbox" id="testType" tabindex="-1" aria-hidden="true" data-field="product-id" data-default-affiliate-code="SOU"> </select> </div> <div class="book-testing__date"> <div class="form__row"> <label for="flyingDate" data-field="outbound-date-label">Flying Date</label> <div class="calendar"> <input value="02/12/2024" type="text" id="flyingDate" class="datepicker" name="date" placeholder="Date" readonly="" data-field="outbound-date"> </div> </div> </div> <div class="book-testing__time" data-role="outbound-time-wrapper" style="display:none"> <div class="form__row"> <label for="flyingTime">Time</label> <select class="selectbox-time" id="flyingTime" data-placeholder="Time" data-field="outbound-time"> <option value="00:00">00:00 - 01:00</option> <option value="01:00">01:00 - 02:00</option> <option value="02:00">02:00 - 03:00</option> <option value="03:00">03:00 - 04:00</option> <option value="04:00">04:00 - 05:00</option> <option value="05:00">05:00 - 06:00</option> <option value="06:00">06:00 - 07:00</option> <option value="07:00">07:00 - 08:00</option> <option value="08:00">08:00 - 09:00</option> <option value="09:00">09:00 - 10:00</option> <option selected value="10:00">10:00 - 11:00</option> <option value="11:00">11:00 - 12:00</option> <option value="12:00">12:00 - 13:00</option> <option value="13:00">13:00 - 14:00</option> <option value="14:00">14:00 - 15:00</option> <option value="15:00">15:00 - 16:00</option> <option value="16:00">16:00 - 17:00</option> <option value="17:00">17:00 - 18:00</option> <option value="18:00">18:00 - 19:00</option> <option value="19:00">19:00 - 20:00</option> <option value="20:00">20:00 - 21:00</option> <option value="21:00">21:00 - 22:00</option> <option value="22:00">22:00 - 23:00</option> </select> </div> </div> <div class="book-testing__qty" data-role="outbound-quantity-wrapper" style="display:none"> <div class="form__row"> <label for="testQuantity">Quantity</label> <select class="selectbox" id="testQuantity" data-placeholder="Quantity" data-field="outbound-quantity"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> </div> <div class="book-testing__btn"> <form novalidate="novalidate" action="https://book.southamptonairport.com/book/SOU/Purchase" data-purchase-action="https://book.southamptonairport.com/book/SOU/Purchase" data-parking-action="https://www.southamptonairport.com/checkout/" method="post" data-role="testing-form" target="_blank"> <!-- Shared fields --> <input type="hidden" value="1" name="submitted"> <input type="hidden" value="" name="promocodes"> <!-- Primary fields --> <input type="hidden" value="" name="productId" data-field="hidden-product-id"> <input type="hidden" value="" name="arrivalDate" data-field="hidden-entry-date"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_hour" data-field="hidden-arrival-hour"> <input type="hidden" value="00" name="AirportVisitDetails_arrival_minute" data-field="hidden-arrival-minute"> <input type="hidden" value="1" name="SimpleTicket_numTickets" data-field="hidden-quantity"> <!-- Secondary fields --> <input type="hidden" value="" name="pId" data-field="hidden-parking-product-id"> <input type="hidden" value="1" name="parkingDetailsSubmitted"> <input type="hidden" value="1" name="progressToNextStep"> <input type="hidden" value="0" name="terminal"> <input type="hidden" value="" name="entryDate" data-field="hidden-parking-entry-date"> <input type="hidden" value="" name="entryTime" data-field="hidden-parking-entry-time"> <input type="hidden" value="" name="exitDate" data-field="hidden-parking-exit-date"> <input type="hidden" value="" name="exitTime" data-field="hidden-parking-exit-time"> <button type="submit" class="btn btn--primary">Book your test</button> </form> </div> <div class="booking-module__error" data-message="time-slot-not-available" style="display:none"> This time slot is currently unavailable, please try a different slot </div> </div> </div> </div> <div data-tab="travel-insurance" class="booking-module__panel cf"> <div id="desktopTravelInsurance" data-role="insurance-form-wrapper"> <h3 style="color: #ffffff">Hotel Extras</h3> <p class="order-currency" style="color: #ffffff"> Ensuring that your holidays are appropriately protected is one of our main priorities. That's why we have partnered with Holiday Extras so you can get a travel insurance quote to protect you before and whilst you are travelling. Holiday Extras Cover Ltd is authorised and regulated by the Financial Conduct Authority and has been independently rated 5-stars by Defaqto. </p> <p class="order-currency" style="color: #ffffff"> For more information or to obtain a quote, please go to their website - click the link below or call them on 0800 083 3551 to speak to a friendly advisor. Please quote BE197 upon calling. </p> <div class="grid"> <div class="grid__half"> <a href="https://www.holidayextras.com/southamptonairport/insurance.html" target="_blank" class="btn btn--primary" id="insuranceBtn">Get A Quote</a> </div> </div> </div> </div> <div data-tab="order-currency" class="booking-module__panel cf"> <div id="desktopTravel"> <div id="searchCurrency" class="order-currency"> <ul class="order-currency__type"> <li class="radio"> <input type="radio" name="currencyRadioButton" id="cashRadioBtn" value="CUR" checked="checked" /> <label for="cashRadioBtn">Cash</label> </li> <li class="radio"> <input type="radio" name="currencyRadioButton" id="cardRadioBtn" value="PrePaidCardSale" /> <label for="cardRadioBtn">Prepaid currency card</label> </li> </ul> <div class="grid"> <div class="order-currency__currency"> <div class="form__row"> <label for="currencySelection">Choose currency:</label> <select id="currencySelection" class="selectbox"> <option value="EUR" data-product-type="CUR" data-currency-code="EUR" data-currency-rate="1.1778">Euro</option> <option value="USD" data-product-type="CUR" data-currency-code="USD" data-currency-rate="1.2463">U.S. Dollar</option> <option value="MCP_AED" data-product-type="PrePaidCardSale" data-currency-code="MCP_AED" data-currency-rate="4.5634">UAE Dirham</option> <option value="MCP_AUD" data-product-type="PrePaidCardSale" data-currency-code="MCP_AUD" data-currency-rate="1.8961">Australian Dollar</option> <option value="MCP_CAD" data-product-type="PrePaidCardSale" data-currency-code="MCP_CAD" data-currency-rate="1.7242">Canadian Dollar</option> <option value="MCP_CHF" data-product-type="PrePaidCardSale" data-currency-code="MCP_CHF" data-currency-rate="1.0842">Swiss Franc</option> <option value="MCP_EUR" data-product-type="PrePaidCardSale" data-currency-code="MCP_EUR" data-currency-rate="1.1778">Euro</option> <option value="MCP_GBP" data-product-type="PrePaidCardSale" data-currency-code="MCP_GBP" data-currency-rate="1.0000">British Pound</option> <option value="MCP_NZD" data-product-type="PrePaidCardSale" data-currency-code="MCP_NZD" data-currency-rate="2.0759">New Zealand Dollar</option> <option value="MCP_TRY" data-product-type="PrePaidCardSale" data-currency-code="MCP_TRY" data-currency-rate="39.5060">Turkish New Lira</option> <option value="MCP_USD" data-product-type="PrePaidCardSale" data-currency-code="MCP_USD" data-currency-rate="1.2463">U.S. Dollar</option> <option value="MCP_ZAR" data-product-type="PrePaidCardSale" data-currency-code="MCP_ZAR" data-currency-rate="22.0439">South African Rand</option> <option value="MCP2_AED" data-product-type="PrePaidCardSale" data-currency-code="MCP2_AED" data-currency-rate="4.5634">UAE Dirham</option> <option value="MCP2_AUD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_AUD" data-currency-rate="1.8961">Australian Dollar</option> <option value="MCP2_CAD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_CAD" data-currency-rate="1.7242">Canadian Dollar</option> <option value="MCP2_CHF" data-product-type="PrePaidCardSale" data-currency-code="MCP2_CHF" data-currency-rate="1.0842">Swiss Franc</option> <option value="MCP2_CZK" data-product-type="PrePaidCardSale" data-currency-code="MCP2_CZK" data-currency-rate="28.4691">Czech Koruna</option> <option value="MCP2_EUR" data-product-type="PrePaidCardSale" data-currency-code="MCP2_EUR" data-currency-rate="1.1778">Euro</option> <option value="MCP2_GBP" data-product-type="PrePaidCardSale" data-currency-code="MCP2_GBP" data-currency-rate="1.0000">British Pound</option> <option value="MCP2_HRK" data-product-type="PrePaidCardSale" data-currency-code="MCP2_HRK" data-currency-rate="8.3736">Croatian Kuna</option> <option value="MCP2_JPY" data-product-type="PrePaidCardSale" data-currency-code="MCP2_JPY" data-currency-rate="184.5955">Japanese Yen</option> <option value="MCP2_MXN" data-product-type="PrePaidCardSale" data-currency-code="MCP2_MXN" data-currency-rate="24.2713">Mexican Peso</option> <option value="MCP2_NZD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_NZD" data-currency-rate="2.0759">New Zealand Dollar</option> <option value="MCP2_PLN" data-product-type="PrePaidCardSale" data-currency-code="MCP2_PLN" data-currency-rate="4.8943">Polish Zloty</option> <option value="MCP2_SEK" data-product-type="PrePaidCardSale" data-currency-code="MCP2_SEK" data-currency-rate="13.1725">Swedish Krona</option> <option value="MCP2_TRY" data-product-type="PrePaidCardSale" data-currency-code="MCP2_TRY" data-currency-rate="39.5060">Turkish New Lira</option> <option value="MCP2_USD" data-product-type="PrePaidCardSale" data-currency-code="MCP2_USD" data-currency-rate="1.2463">U.S. Dollar</option> <option value="MCP2_ZAR" data-product-type="PrePaidCardSale" data-currency-code="MCP2_ZAR" data-currency-rate="22.0439">South African Rand</option> <option value="MCP2_CZK_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_CZK_R" data-currency-rate="28.4691">Czech Koruna</option> <option value="MCP2_HRK_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_HRK_R" data-currency-rate="8.3736">Croatian Kuna</option> <option value="MCP2_JPY_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_JPY_R" data-currency-rate="184.5955">Japanese Yen</option> <option value="MCP2_PLN_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_PLN_R" data-currency-rate="4.8943">Polish Zloty</option> <option value="MCP2_SEK_R" data-product-type="PrePaidCardReload" data-currency-code="MCP2_SEK_R" data-currency-rate="13.1725">Swedish Krona</option> </select> </div> </div> <div class="order-currency__selection"> <div class="form__row" id="currencyRateDisplay"> <label for="currencyAmount">Amount:</label> <input type="text" id="currencyAmount" value="1000" /> </div> <div> <span id="currencyRateDisplayError" class="order-currency__error" style="display: none;">Please fill in a valid amount for the currency field</span> </div> </div> <div class="order-currency__btns" id="currencyButtons"> <form name="currencyForm" id="currencyForm" action="https://travelmoney.travelex.co.uk//purchase?" method="get" novalidate="novalidate"> <input type="hidden" value="EUR" name="productCode1" id="currencyCode" /> <input type="hidden" value="1000" name="amount1" id="foreignCurrencyAmount" /> </form> <input type="hidden" value="CUR" name="ProductTypeCode" id="productTypeCode" /> <input type="hidden" value="CUR" id="defaultCurrencyProduct" /> <input type="hidden" value="EUR" id="defaultForeignCurrency" /> <button type="submit" class="btn btn--primary" id="currencyBtn">Buy now</button> <a href="/at-the-airport/services-and-facilities/" class="btn btn--keyline">More info</a> </div> <div class="order-currency__conversion"> <p>GBP = <span id="currencyValueLabel">1065.00</span> <span id="currencyCodeLabel">EUR</span></p> <span id="currencyRateDisplayError" class="order-currency__error" style="display: none;">Please fill in a valid amount for the currency field</span> </div> </div> </div> </div> </div> <div data-tab="book-car-hire" class="booking-module__panel cf"> <div class="book-carhire" data-role="carhire-form-wrapper"> <div class="grid"> <div class="grid__third"> <label for="carHireAirportCollect">Pick-up location</label> <select id="carHireAirportCollect" class="selectbox" data-field="airport"> <option value="ACI" data-country-code="GG">Alderney Airport</option> <option value="ALC" data-country-code="ES">Alicante Airport</option> <option value="AMS" data-country-code="NL">Amsterdam Intl</option> <option value="BHD" data-country-code="GB">Belfast City</option> <option value="EGC" data-country-code="FR">Bergerac Airport</option> <option value="SXF" data-country-code="DE">Berlin</option> <option value="CFR, LFRK" data-country-code="FR">Caen – Carpiquet Airport</option> <option value="CMF" data-country-code="FR">Chambery</option> <option value="CDG" data-country-code="FR">Charles De Gaulle</option> <option value="DUB" data-country-code="IE">Dublin</option> <option value="MME" data-country-code="GB">Durham (Teesside Intl Airport)</option> <option value="EDI" data-country-code="GB">Edinburgh Airport</option> <option value="FAO" data-country-code="GB">Faro</option> <option value="FLR" data-country-code="IT">Florence Airport</option> <option value="GVA" data-country-code="CH">Geneva</option> <option value="GIB" data-country-code="ES">Gibraltar Airport</option> <option value="GLA" data-country-code="GB">Glasgow Airport</option> <option value="GCI" data-country-code="GG">Guernsey Airport</option> <option value="IBZ" data-country-code="ES">Ibiza</option> <option value="IOM" data-country-code="IM">Isle of Man Airport</option> <option value="JER" data-country-code="JE">Jersey</option> <option value="LIG" data-country-code="FR">Limoges Airport</option> <option value="AGP" data-country-code="ES">Malaga</option> <option value="MAN" data-country-code="GB">Manchester</option> <option value="JMK" data-country-code="GR">Mykonos</option> <option value="NCL" data-country-code="GB">Newcastle</option> <option value="NCE" data-country-code="FR">Nice Airport</option> <option value="PMI" data-country-code="ES">Palma de Mallorca Airport</option> <option value="SZG" data-country-code="AT">Salzburg</option> <option value="SOU" data-country-code="GB">Southampton</option> <option value="TLN" data-country-code="FR">Toulon Hy&#232;res Airport</option> </select> </div> <div class="grid__third date-time"> <div class="col-date"> <label for="entryDate">Pick-up Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="outbound-date" name="date" placeholder="Date" readonly=""> <input type="text" data-field="outbound-time" style="display:none" value="10:00" data-comment="Replace me with real time input"> </div> </div> <div class="col-time-hours"> <label for="outboundTime">Time</label> <select class="selectbox" id="outboundTime" tabindex="-1" aria-hidden="true" data-field="outbound-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="outboundMins" tabindex="-1" aria-hidden="true" data-field="outbound-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> <div class="grid__third date-time"> <div class="col-date"> <label for="exitDate">Drop-off Date</label> <div class="calendar"> <input value="02/12/2024" type="text" class="datepicker" data-field="return-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="returnTime">Time</label> <select class="selectbox" id="returnTime" tabindex="-1" aria-hidden="true" data-field="return-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="returnMins" tabindex="-1" aria-hidden="true" data-field="return-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> </div> <div class="grid"> <!--grid__half--> <div class="grid__full cf"> <a href="/at-the-airport/car-hire/hire-a-car/" class="btn btn--keyline">More info</a> <form novalidate="novalidate" data-role="carhire-form"> <input type="hidden" name="affiliateCode" data-field="hidden-affiliate-code" value="southamptonairport"> <button type="submit" class="btn btn--primary">Book Now</button> </form> </div> <!--grid__half--> </div> <!--.grid--> </div> </div> <div data-tab="book-flights" class="booking-module__panel cf"> <div class="book-flights" data-role="flight-form-wrapper"> <div class="book-flights__logo"> <i class="icon-powered-by-skyscanner-logo" data-grunticon-embed></i> </div> <div class="grid"> <div class="grid__third"> <label for="flightDestination">Where are you travelling to?</label> <select id="flightDestination" class="selectbox" data-field="flight-destination"> <option value="ACI">Alderney Airport</option> <option value="ALC">Alicante Airport</option> <option value="AMS">Amsterdam Intl</option> <option value="BHD">Belfast City</option> <option value="EGC">Bergerac Airport</option> <option value="SXF">Berlin</option> <option value="CFR, LFRK">Caen – Carpiquet Airport</option> <option value="CMF">Chambery</option> <option value="CDG">Charles De Gaulle</option> <option value="DUB">Dublin</option> <option value="MME">Durham (Teesside Intl Airport)</option> <option value="EDI">Edinburgh Airport</option> <option value="FAO">Faro</option> <option value="FLR">Florence Airport</option> <option value="GVA">Geneva</option> <option value="GIB">Gibraltar Airport</option> <option value="GLA">Glasgow Airport</option> <option value="GCI">Guernsey Airport</option> <option value="IBZ">Ibiza</option> <option value="IOM">Isle of Man Airport</option> <option value="JER">Jersey</option> <option value="LIG">Limoges Airport</option> <option value="AGP">Malaga</option> <option value="MAN">Manchester</option> <option value="JMK">Mykonos</option> <option value="NCL">Newcastle</option> <option value="NCE">Nice Airport</option> <option value="PMI">Palma de Mallorca Airport</option> <option value="SZG">Salzburg</option> <option value="SOU">Southampton</option> <option value="TLN">Toulon Hy&#232;res Airport</option> </select> </div> <div class="grid__third book-flights_dept-return"> <div class="form__row"> <label for="flightsReturningOn">Returning On</label> <div class="calendar"> <input value="02/12/2024" type="text" id="flightsReturningOn" class="datepicker" name="date" placeholder="Date" readonly="" data-field="end-date"> </div> </div> <div class="form__row"> <label for="flightsDepartingOn">Departing On</label> <div class="calendar"> <input value="01/12/2024" type="text" id="flightsDepartingOn" class="datepicker" name="date" placeholder="Date" readonly="" data-field="start-date"> </div> </div> </div> <div class="grid__third"> <label for="flightsNumberTravellers">Number of travellers</label> <select class="selectbox" id="flightsNumberTravellers" tabindex="-1" aria-hidden="true" data-field="people"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> <div class="grid"> <div class="grid__full"> <form action="" method="get" novalidate="novalidate" class="ng-pristine ng-valid" data-role="flight-form"> <input type="hidden" name="starting" value="SOU" data-field="starting"> <input type="hidden" name="associateid" data-field="associate-id" value="API_B2B_19145_00002"> <button type="submit" class="btn btn--primary">Book Flights</button> </form> </div> </div> </div> </div> <div data-tab="taxis" class="booking-module__panel cf"> <div class="book-taxis" data-role="taxis-form-wrapper"> <ul class="book-taxis__type" id="orderTaxisType"> <li class="radio"> <input type="radio" name="taxisTripType" id="taxisTripTypeReturn" value="RTN" checked="checked" data-field="booking-type"> <label for="taxisTripTypeReturn">Return</label> </li> <li class="radio"> <input type="radio" name="taxisTripType" id="taxisTripTypeSingleFrom" value="SGO" data-field="booking-type"> <label for="taxisTripTypeSingleFrom">Single from Airport</label> </li> <li class="radio"> <input type="radio" name="taxisTripType" id="taxisTripTypeSingleTo" value="SGI" data-field="booking-type"> <label for="taxisTripTypeSingleTo">Single to Airport</label> </li> </ul> <div class="grid"> <div class="grid__third"> <label for="taxisPickUp">What airport do you arrive at?</label> <select id="taxisPickUp" class="selectbox" data-field="airport"> <option value="ACI">Alderney Airport</option> <option value="ALC">Alicante Airport</option> <option value="AMS">Amsterdam Intl</option> <option value="BHD">Belfast City</option> <option value="EGC">Bergerac Airport</option> <option value="SXF">Berlin</option> <option value="CFR, LFRK">Caen – Carpiquet Airport</option> <option value="CMF">Chambery</option> <option value="CDG">Charles De Gaulle</option> <option value="DUB">Dublin</option> <option value="MME">Durham (Teesside Intl Airport)</option> <option value="EDI">Edinburgh Airport</option> <option value="FAO">Faro</option> <option value="FLR">Florence Airport</option> <option value="GVA">Geneva</option> <option value="GIB">Gibraltar Airport</option> <option value="GCI">Guernsey Airport</option> <option value="IBZ">Ibiza</option> <option value="IOM">Isle of Man Airport</option> <option value="JER">Jersey</option> <option value="LIG">Limoges Airport</option> <option value="AGP">Malaga</option> <option value="MAN">Manchester</option> <option value="JMK">Mykonos</option> <option value="NCL">Newcastle</option> <option value="NCE">Nice Airport</option> <option value="PMI">Palma de Mallorca Airport</option> <option value="SZG">Salzburg</option> <option value="SOU">Southampton</option> <option value="TLN">Toulon Hy&#232;res Airport</option> </select> </div> <div class="form__row single-trip" data-role="outbound-date-wrapper"> <div class="col-date"> <label for="entryDate">Outbound Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" data-field="outbound-date" name="date" placeholder="Date" readonly=""> <input type="text" data-field="outbound-time" style="display:none" value="10:00" data-comment="Replace me with real time input"> </div> </div> <div class="col-time-hours"> <label for="outboundTime">Time</label> <select class="selectbox" id="outboundTime" tabindex="-1" aria-hidden="true" data-field="outbound-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="outboundMins" tabindex="-1" aria-hidden="true" data-field="outbound-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> <div class="form__row return-trip" data-role="return-date-wrapper"> <div class="col-date"> <label for="exitDate">Returning Date</label> <div class="calendar"> <input value="02/12/2024" type="text" class="datepicker" data-field="return-date" name="date" placeholder="Date" readonly=""> </div> </div> <div class="col-time-hours"> <label for="returnTime">Time</label> <select class="selectbox" id="returnTime" tabindex="-1" aria-hidden="true" data-field="return-hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> </div> <div class="col-time-mins"> <select class="selectbox" id="returnMins" tabindex="-1" aria-hidden="true" data-field="return-minutes"> <option value="00">00</option> <option value="05">05</option> <option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="35">35</option> <option value="40">40</option> <option value="45">45</option> <option value="50">50</option> <option value="55">55</option> </select> </div> </div> </div> <div class="grid"> <div class="grid__half"> <div class="book-taxis__col"> <label for="taxisAdultNum">Adults (12+)</label> <select class="selectbox" id="taxisAdultNum" tabindex="-1" aria-hidden="true" data-field="adults"> <option selected="selected" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="book-taxis__col"> <label for="taxisChildNum">Children (3-11)</label> <select class="selectbox" id="taxisChildNum" tabindex="-1" aria-hidden="true" data-field="children"> <option selected="selected" value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="book-taxis__col"> <label for="taxisInfantsNum">Infants (0-2)</label> <select class="selectbox" id="taxisInfantsNum" tabindex="-1" aria-hidden="true" data-field="infants"> <option selected="selected" value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> </div><!--grid__half--> <div class="grid__half"> <form data-role="taxis-form"> <input type="hidden" data-field="affiliateId" value="AGSSH" /> <button type="submit" class="btn btn--primary">Book Now</button> </form> </div> <!--grid__half--> </div><!--.grid--> </div> </div> <div data-tab="hotels" class="booking-module__panel cf"> <div class="hotels" data-role="hotel-form-wrapper"> <div class="grid"> <div class="grid__half"> <label for="destination">Where are you travelling to?</label> <select id="destination" class="selectbox" data-field="destination"> <option value="Alderney">Alderney</option> <option value="Alicante">Alicante</option> <option value="Amsterdam">Amsterdam</option> <option value="Belfast">Belfast</option> <option value="Caen">Caen</option> <option value="Dublin">Dublin</option> <option value="Edinburgh">Edinburgh</option> <option value="Faro (Algarve)">Faro (Algarve)</option> <option value="Geneva">Geneva</option> <option value="Glasgow">Glasgow</option> <option value="Guernsey">Guernsey</option> <option value="Jersey">Jersey</option> <option value="Majorca">Majorca</option> <option value="Newcastle">Newcastle</option> <option value="Paris">Paris</option> </select> </div> <div class="grid__half"> <div class="form__row book-hotels__calendar"> <label for="entryDate">Check-in Date</label> <div class="calendar"> <input value="01/12/2024" type="text" class="datepicker" name="date" placeholder="Date" readonly="" data-field="start-date"> </div> </div> <div class="form__row book-hotels__calendar"> <label for="exitDate">Check-out Date</label> <div class="calendar"> <input value="02/12/2024" type="text" class="datepicker" name="date" placeholder="Date" readonly="" data-field="end-date"> </div> </div> <div class="form__row book-hotels__btn"> <form data-role="hotel-form"> <input type="hidden" value="" data-field="affiliate-id" /> <button type="submit" class="btn btn--primary">Search Now</button> </form> </div> </div> </div> </div> </div> </section> </div> <!-- END BookingModule --> <!-- ........................................................................................... This is the Mobile Tabs and Content .................................................................................................. --> </div> <main> <div class="panel-padding" id="anchor-sou-child-listing-child-pages-listing-component"> <div class="inner grid"> <div class="grid__third" id="anchor-parking-and-lounge-discounts-for-agents"> <a href="/the-source/parking-and-lounge-discounts-for-agents/" title="Parking and Lounge Discounts for Agents" class="item item--alt"> <div class="item__img" style="background-image: url('/media/sd4flxfp/soumore-parking-lounge-01.png?width=600');"></div> <div class="item__content" data-mh> <h2 class="item__heading">Parking and Lounge Discounts for Agents <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p>Southampton Airport offers travel agents discounts on parking and lounge.</p> </div> </a> </div> <div class="grid__third" id="anchor-trade-newsletter"> <a href="/the-source/trade-newsletter/" title="Trade Newsletter" class="item item--alt"> <div class="item__img" style="background-image: url('/media/meobti2g/soumore-enewsletter.jpg?width=600');"></div> <div class="item__content" data-mh> <h2 class="item__heading">Trade Newsletter <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p>For news, competitions and much more, sign up to our dedicated travel trade newsletter.</p> </div> </a> </div> <div class="grid__third" id="anchor-get-ready-to-fly"> <a href="/the-source/get-ready-to-fly/" title="Get Ready to Fly" class="item item--alt"> <div class="item__img" style="background-image: url('/media/vqjpzmhm/soumore-new-routes.jpg?width=600');"></div> <div class="item__content" data-mh> <h2 class="item__heading">Get Ready to Fly <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p>Discover where you can fly to from Southampton Airport.</p> </div> </a> </div> <div class="grid__third" id="anchor-agent-promo-materials"> <a href="/the-source/agent-promo-materials/" title="Agent Promo Materials" class="item item--alt"> <div class="item__img" style="background-image: url('/media/apxp5r11/soumore-promo-materials.jpg?width=600');"></div> <div class="item__content" data-mh> <h2 class="item__heading">Agent Promo Materials <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p>View and download promotional materials for travel and trade agents.</p> </div> </a> </div> <div class="grid__third" id="anchor-special-assistance"> <a href="/at-the-airport/special-assistance/" title="Special Assistance" class="item item--alt"> <div class="item__img" style="background-image: url('/media/j1rh3vcf/soumore-special-assistance.jpg?width=600');"></div> <div class="item__content" data-mh> <h2 class="item__heading">Special Assistance <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p>Learn more about the special assistance offered at Southampton Airport.</p> </div> </a> </div> <div class="grid__third" id="anchor-trade-facebook"> <a href="https://www.facebook.com/groups/Southampton.Airport.Trade.SOURCE" title="Trade Facebook" class="item item--alt"> <div class="item__img" style="background-image: url('/media/zlgi0pdy/the-source-facebook.png?width=600');"></div> <div class="item__content" data-mh> <h2 class="item__heading">Trade Facebook <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p>Keep up to date with everything that’s happening in the airport with our dedicated trade Facebook group!</p> </div> </a> </div> <div class="grid__third" id="anchor-trade-event"> <a href="/the-source/trade-event/" title="Trade Event" class="item item--alt"> <div class="item__img"></div> <div class="item__content" data-mh> <h2 class="item__heading">Trade Event <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p></p> </div> </a> </div> <div class="grid__third" id="anchor-the-source-competition"> <a href="/the-source/the-source-competition/" title="The Source Competition" class="item item--alt"> <div class="item__img"></div> <div class="item__content" data-mh> <h2 class="item__heading">The Source Competition <span class="btn btn--link"><i class="icon-arrow" aria-hidden="true"></i></span></h2> <p></p> </div> </a> </div> </div> </div> </main> <footer class="page-footer"> <div class="inner"> <div class="grid"> <div class="page-footer__col-quarter"> <h4 class="heading">Southampton Airport</h4> <ul> <li><a href="/about-us/">About Us</a></li> <li><a href="/parking/">Airport Parking</a></li> <li><a href="/sitemap/">Sitemap</a></li> <li><a href="/news/media-centre/">Media centre</a></li> <li><a href="/legal/accessibility-statement/">Accessibility</a></li> <li><a href="/at-the-airport/special-assistance/" target="_top">Special Assistance</a></li> </ul> </div><!--.page-footer__col-quarter --> <div class="page-footer__col-quarter"> <h4 class="heading">Working with us</h4> <ul> <li><a href="/destinations/airlines/">Airlines</a></li> <li><a href="/contact-us/airport-jobs/" target="_top">Airport Jobs</a></li> <li><a href="/about-us/doing-business-with-us/">Doing Business with Us</a></li> <li><a href="/id-centre/">ID Centre</a></li> <li><a href="/the-source/">Trade - The Source</a></li> <li><a href="https://www.agsairports.co.uk/report-a-vulnerability/" target="_blank">Report a Vulnerability</a></li> </ul> </div><!--.page-footer__col-quarter --> <div class="page-footer__col-quarter"> <h4 class="heading">Community &amp; Policies</h4> <ul> <li><a href="/about-us/airspace-change-programme/">Airspace Change Programme</a></li> <li><a href="/about-us/community/">Community</a></li> <li><a href="/about-us/aircraft-noise/">Aircraft Noise</a></li> <li><a href="/about-us/sustainability/">Sustainability</a></li> <li><a href="https://www.agsairports.co.uk/terms-policies/slavery-and-human-trafficking-statement/" target="_blank">Slavery and Human Trafficking</a></li> <li><a href="/about-us/ags-airports-ltd-gender-pay-gap-report/" target="_blank">Gender Pay Gap Report</a></li> <li><a href="/legal/privacy-notice/">Privacy Notice</a></li> <li><a href="/legal/terms-and-conditions/">Terms and Conditions</a></li> <li><a href="/media/fwobuyzn/ags-airports-pension-scheme-implementation-statement-2023-final.pdf" target="_blank">AGS Airports Pension Scheme</a></li> </ul> </div><!--.page-footer__col-quarter --> <div class="page-footer__col-quarter"> <h4 class="heading">Stay in touch</h4> <ul> <li><a href="/destinations/airlines/" target="_top">Airlines</a></li> <li><a href="/contact-us/">Contact Us</a></li> <li><a href="/#subscribe-newsletter" target="_top">Newsletter Signup</a></li> </ul> </div><!--.page-footer__col-quarter --> </div><!--.grid --> <div class="page-footer__magazines grid"> <div class="page-footer__col-half"> <div class="magazine"> <div class="magazine__img"> <img src="/media/as3lf43u/hero-home-1-5-1.jpg?width=100&upscale=false" alt="" data-no-retina> </div> <div class="magazine__content"> <h4 class="heading">Sign up to our newsletter</h4> <p>Join our mailing list for travel updates and promotions straight to your inbox.</p> <a href="/#subscribe-newsletter" class="btn btn--keyline btn--small">Sign up to our Newsletter</a> </div> </div><!--/.magazine --> </div> <div class="page-footer__col-half"> <div class="magazine"> <div class="magazine__img"> <img src="/media/phwf2d53/dscf09081_1.png?width=100&upscale=false" alt="" data-no-retina> </div> <div class="magazine__content"> <h4 class="heading">Southampton Airport Parking</h4> <p>Official Southampton Airport Parking is closest to the terminal. Reserve your space today</p> <a href="/parking/" class="btn btn--keyline btn--small">Parking</a> </div> </div><!--/.magazine --> </div> </div><!--/.page-footer__magazines grid --> </div> <div class="page-footer__bottom inner cf"> <ul class="social-links"> <li><a href="https://www.facebook.com/SOU.Airport" target="_blank" class="icon-facebook">Like us on Facebook</a></li> <li><a href="https://www.linkedin.com/company/southampton-international-airport-ltd/" target="_blank" class="icon-linkedin">Connect on LinkedIn</a></li> <li><a href="https://twitter.com/SOU_Airport" target="_blank" class="icon-twitter">Follow us on Twitter</a></li> <li><a href="https://www.instagram.com/sou_airport/" target="_blank" class="icon-instagram">Follow us on Instagram</a></li> <li><a href="/news/media-centre/rss/" class="icon-rss">Latest RSS</a></li> <li><a href="https://www.youtube.com/SOUAirport" target="_blank" class="icon-youtube">Watch us on YouTube</a></li> </ul> <a href="/" title="Southampton Airport" class="page-footer__logo icon-logo">Southampton Airport</a> </div> </footer> <section class="modal" id="subscribe-newsletter" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <header> <h2>Subscribe to the Southampton Airport Newsletter</h2> </header> <form id="newsletter-form" data-validate="true" data-thanks-page="/forms/thank-you/thank-you-for-subscribing/" class="form"> <div class="form__row"> <input type="text" name="newsletterFirstName" id="newsletterFirstName" placeholder="First Name" data-rule-required="true" required> </div> <div class="form__row"> <input type="text" name="newsletterLastName" id="newsletterLastName" placeholder="Last Name" data-rule-required="true" required> </div> <div class="form__row"> <input type="email" name="newsletterEmail" id="newsletterEmail" placeholder="Enter your email address" data-rule-required="true" required> </div> <div class="form__row checkbox"> <div> <input type="checkbox" id="newsletterTerms" name="newsletterTerms"> <label for="newsletterTerms" class="small-label"> <p data-pm-slice="1 1 []">Yes, I would like to receive communications from Southampton Airport and partners relating to news, updates, special offers, products and services. You have the right to withdraw your consent at any time. Our <a href="/legal/privacy-notice/" title="Privacy Notice">privacy notice</a> explains how we may use the information you provide to us, the reasons we may do so, and the rights you have under data protection legislation.</p> </label> </div> </div> <div id="newsletter-form-error" class="form__row form__alert" style="display:none"> </div> <input type="hidden" id="newsletterTsCheck" name="newsletterTsCheck" /> <input type="hidden" id="newsletterTsResponse" name="newsletterTsResponse" /> <input type="submit" class="btn btn--primary" value="Subscribe"> <a href="#!" class="btn btn--secondary">Cancel</a> </form> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> </div> <!-- end of wrapper --> <section class="modal modal--flights" id="search-flights" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true" data-stackable="false"> <div class="modal-inner"> <div class="modal-content"> <form action="" class="search-flight-mobile"> <div class="form__row"> <input type="text" data-root="/Umbraco/api/FlightsApi/RetrieveFlights" data-detail-page="/departures-arrivals/details/" data-search-page="/departures-arrivals/" placeholder="Search by flight number or..." data-desktop-placeholder="Search by flight number or..." data-mobile-placeholder="Search by flight number or..." data-extra-class="ui-autocomplete--mobile" data-button-class="btn--keyline-alt" data-search-flight-field> <input type="button" class="btn btn--squared" data-search-flight-btn> </div> <div data-search-flight-target-element></div> </form> </div> <a href="#!" title="Close this modal" data-dismiss="modal" data-close="Close" class="icon-close" data-grunticon-embed>&times;</a> </div> <!-- This is covering the page, ::before provides the overlay --> <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times;</a> </section> <!-- 3rd Party JS --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBTnkXzt9uH81e-LaQukFw2D07ixPY67oI"></script> <!-- Hotjar Tracking Code --> <script data-cookieconsent="statistics" type="text/plain"> (function (h, o, t, j, a, r) { h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; h._hjSettings = { hjid: 160478, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv='); </script> <!--for affiliate tracking--> <script src="//tags.affiliatefuture.com/7120.js"></script> <!-- brain tree --> <script src="https://js.braintreegateway.com/web/dropin/1.40.1/js/dropin.min.js"></script> <!-- 1st Party JS --> <script src="/assets/base/Js/all.js?v=756368031"></script> <script src="/assets/base/js/ng-scripts.js?v=738678554"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10