citipark.co.uk
Open in
urlscan Pro
18.200.93.148
Public Scan
Submitted URL: http://citipark.co.uk/
Effective URL: https://citipark.co.uk/
Submission Tags: tranco_l324
Submission: On May 06 via api from DE — Scanned from DE
Effective URL: https://citipark.co.uk/
Submission Tags: tranco_l324
Submission: On May 06 via api from DE — Scanned from DE
Form analysis 4 forms found in the DOM
POST /ecom/submit/prebook
<form id="prebooking-form" action="/ecom/submit/prebook" method="post" class="relative w-full h-8 flex justify-between items-center">
<input type="hidden" name="_token" value="AFng85KEc1NSkHTvHx1xvOl1Lb5t1I5OpU5dbf0u"> <input type="hidden" class="js-pb-car-park-input" name="car_park_id">
<input type="hidden" class="js-pb-location-id-input" name="location_id">
<div class="relative w-full h-full flex items-center flex-grow min-w-28 max-w-[48rem]">
<div class="relative w-full px-1.4 z-30 border-r border-neutral-200 text-accent-dark-blue-2">
<div class="relative w-full px-1.4 py-0.8 flex items-center rounded-lg outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class="relative w-1.6 h-1.8 text-accent-dark-blue-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.99984 0.333332C3.0665 0.333332 0.666504 2.73333 0.666504 5.66667C0.666504 9.26667 5.33317 13.3333 5.53317 13.5333C5.6665 13.6 5.8665 13.6667 5.99984 13.6667C6.13317 13.6667 6.33317 13.6 6.4665 13.5333C6.6665 13.3333 11.3332 9.26667 11.3332 5.66667C11.3332 2.73333 8.93317 0.333332 5.99984 0.333332ZM5.99984 12.1333C4.59984 10.8 1.99984 7.93333 1.99984 5.66667C1.99984 3.46667 3.79984 1.66667 5.99984 1.66667C8.19984 1.66667 9.99984 3.46667 9.99984 5.66667C9.99984 7.86667 7.39984 10.8 5.99984 12.1333ZM5.99984 3C4.53317 3 3.33317 4.2 3.33317 5.66667C3.33317 7.13333 4.53317 8.33333 5.99984 8.33333C7.4665 8.33333 8.6665 7.13333 8.6665 5.66667C8.6665 4.2 7.4665 3 5.99984 3ZM5.99984 7C5.2665 7 4.6665 6.4 4.6665 5.66667C4.6665 4.93333 5.2665 4.33333 5.99984 4.33333C6.73317 4.33333 7.33317 4.93333 7.33317 5.66667C7.33317 6.4 6.73317 7 5.99984 7Z"
fill="currentColor"></path>
</svg> <input 1="" type="text" value="" placeholder="Select a car park" readonly="true" data-is-open="false"
class="relative w-full h-full text-base flex-grow border-none focus:outline-none focus:ring-0 cursor-pointer pr-2 | prebooking__input | js-pb-locations-input" name="car_park">
</div>
</div>
<div 1="" class="absolute top-4 left-0 w-full bg-white pt-4 z-20 rounded-b-2xl opacity-0 -translate-y-2 pointer-events-none transition-all duration-150 | prebooking__locations-dropdown | js-pb-locations-dropdown">
<div class="relative w-full max-h-38.5 overflow-hidden overflow-y-scroll">
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 opacity-1 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="6" data-location="Cheltenham" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 font-bold transition-all group-hover:text-accent-light-blue">Cheltenham</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full opacity-0 | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-[5.3rem] flex items-center justify-center text-center">
<h4 class="relative mx-auto max-w-[18rem] 2lg:max-w-unset lg:text-base xl:text-md">Select a car park in Cheltenham</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-[5.3rem] | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full list-none mt-1">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="16" data-carpark="John Lewis Car Park" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">John Lewis Car Park</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 opacity-1 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="1" data-location="Leeds" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 font-bold transition-all group-hover:text-accent-light-blue">Leeds</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full opacity-0 | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-[5.3rem] flex items-center justify-center text-center">
<h4 class="relative mx-auto max-w-[18rem] 2lg:max-w-unset lg:text-base xl:text-md">Select a car park in Leeds</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-[5.3rem] | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full list-none mt-1">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="2" data-carpark="Leeds Dock (Clarence Dock)" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Leeds Dock (Clarence Dock)</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="3" data-carpark="Merrion Centre & First Direct Arena" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Merrion Centre & First Direct Arena</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 opacity-1 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="2" data-location="London" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 font-bold transition-all group-hover:text-accent-light-blue">London</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full opacity-0 | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-[5.3rem] flex items-center justify-center text-center">
<h4 class="relative mx-auto max-w-[18rem] 2lg:max-w-unset lg:text-base xl:text-md">Select a car park in London</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-[5.3rem] | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full list-none mt-1">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="4" data-carpark="Bell Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Bell Street</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="5" data-carpark="Clements Road" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Clements Road</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="6" data-carpark="Clipstone Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Clipstone Street</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="30" data-carpark="London Barbican" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">London Barbican</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="31" data-carpark="Portman Square" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Portman Square</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 opacity-1 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="3" data-location="Manchester" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 font-bold transition-all group-hover:text-accent-light-blue">Manchester</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full opacity-0 | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-[5.3rem] flex items-center justify-center text-center">
<h4 class="relative mx-auto max-w-[18rem] 2lg:max-w-unset lg:text-base xl:text-md">Select a car park in Manchester</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-[5.3rem] | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full list-none mt-1">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="21" data-carpark="AO Arena" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">AO Arena</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="7" data-carpark="Dale Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Dale Street</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="17" data-carpark="Ducie Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Ducie Street</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="28" data-carpark="New Jackson" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">New Jackson</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="26" data-carpark="Northampton Road" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Northampton Road</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="8" data-carpark="Tariff Street MSCP" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Tariff Street MSCP</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 opacity-1 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="4" data-location="Rickmansworth" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 font-bold transition-all group-hover:text-accent-light-blue">Rickmansworth</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full opacity-0 | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-[5.3rem] flex items-center justify-center text-center">
<h4 class="relative mx-auto max-w-[18rem] 2lg:max-w-unset lg:text-base xl:text-md">Select a car park in Rickmansworth</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-[5.3rem] | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full list-none mt-1">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="9" data-carpark="Rickmansworth" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Rickmansworth</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 opacity-1 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="5" data-location="Watford" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 font-bold transition-all group-hover:text-accent-light-blue">Watford</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full opacity-0 | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-[5.3rem] flex items-center justify-center text-center">
<h4 class="relative mx-auto max-w-[18rem] 2lg:max-w-unset lg:text-base xl:text-md">Select a car park in Watford</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-[5.3rem] | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full list-none mt-1">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="11" data-carpark="Church" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Church</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="12" data-carpark="Gade" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Gade</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="10" data-carpark="Sutton" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Sutton</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="relative w-full h-full flex items-center max-w-[30rem]">
<div class="relative w-full px-1.4 z-30 border-r border-neutral-200">
<div class="relative w-full px-1.4 py-0.8 flex items-center rounded-lg outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.6 text-accent-dark-blue-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.6887 3.1875H2.31372C1.83047 3.1875 1.43872 3.57925 1.43872 4.0625V13.6875C1.43872 14.1707 1.83047 14.5625 2.31372 14.5625H13.6887C14.172 14.5625 14.5637 14.1707 14.5637 13.6875V4.0625C14.5637 3.57925 14.172 3.1875 13.6887 3.1875Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.43872 6.6875H14.5637" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.93872 4.5V1.4375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.0637 4.5V1.4375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.1 10H4.9C4.95523 10 5 9.95523 5 9.9V9.1C5 9.04477 4.95523 9 4.9 9H4.1C4.04477 9 4 9.04477 4 9.1V9.9C4 9.95523 4.04477 10 4.1 10Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path>
</svg>
<input id="entry-date" type="text" value="" readonly="readonly" placeholder="Entry date & time"
class="relative w-full h-full text-base border-none focus:outline-none focus:ring-0 pr-2 cursor-pointer | prebooking__input js-pb-datepicker flatpickr-input" data-input="" name="entry_date">
</div>
</div>
</div>
<div class="relative w-full h-full flex items-center max-w-[30rem]">
<div class="relative w-full px-1.4 z-30">
<div class="relative w-full px-1.4 py-0.8 z-30 flex items-center rounded-lg outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.6 text-accent-dark-blue-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.6887 3.1875H2.31372C1.83047 3.1875 1.43872 3.57925 1.43872 4.0625V13.6875C1.43872 14.1707 1.83047 14.5625 2.31372 14.5625H13.6887C14.172 14.5625 14.5637 14.1707 14.5637 13.6875V4.0625C14.5637 3.57925 14.172 3.1875 13.6887 3.1875Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.43872 6.6875H14.5637" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.93872 4.5V1.4375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.0637 4.5V1.4375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.1 10H4.9C4.95523 10 5 9.95523 5 9.9V9.1C5 9.04477 4.95523 9 4.9 9H4.1C4.04477 9 4 9.04477 4 9.1V9.9C4 9.95523 4.04477 10 4.1 10Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path>
</svg>
<input id="exit-date" type="text" value="" readonly="readonly" placeholder="Exit date & time"
class="relative w-full h-full text-base border-none focus:outline-none focus:ring-0 pr-2 cursor-pointer | prebooking__input js-pb-datepicker flatpickr-input" data-input="" name="exit_date">
</div>
</div>
</div>
<div class="relative flex-grow-0 flex items-center pr-1.6">
<button type="submit" aria-label="Button for Prebooking form"
class="relative flex justify-center items-center w-fit-content leading-0 transition px-2.4 py-1.4 bg-accent-dark-blue text-white rounded-full border border-accent-dark-blue focus:outline-none focus:ring-1 focus:ring-accent-dark-blue hover:bg-accent-dark-blue-2 hover:border-accent-dark-blue-2 disabled:bg-pastel-dark-blue disabled:border-pastel-dark-blue disabled:cursor-not-allowed flex-shrink-0">
<span class="relative">Prebook</span>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="block ml-1 w-1.4 h-1.4text-white " xmlns="http://www.w3.org/2000/svg">
<path
d="M11 2C10.4477 2 10 1.55228 10 1C10 0.44772 10.4477 0 11 0H17C17.2652 0 17.5196 0.10536 17.7071 0.29289C17.8946 0.48043 18 0.73478 18 1V7C18 7.5523 17.5523 8 17 8C16.4477 8 16 7.5523 16 7V3.41422L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L14.5858 2H11ZM0 4C0 2.89543 0.89543 2 2 2H7C7.5523 2 8 2.44772 8 3C8 3.55228 7.5523 4 7 4H2V16H14V11C14 10.4477 14.4477 10 15 10C15.5523 10 16 10.4477 16 11V16C16 17.1046 15.1046 18 14 18H2C0.89543 18 0 17.1046 0 16V4Z"
fill="currentColor"></path>
</svg>
</button>
</div>
</form>POST /ecom/submit/season
<form id="season-ticket-form" class="relative w-full h-8 flex justify-start items-center" action="/ecom/submit/season" method="post">
<input type="hidden" name="_token" value="AFng85KEc1NSkHTvHx1xvOl1Lb5t1I5OpU5dbf0u"> <input type="hidden" class="js-pb-car-park-input" name="car_park_id">
<input type="hidden" class="js-pb-location-id-input" name="location_id">
<div class="relative w-full h-full flex items-center flex-grow min-w-28 max-w-[48rem]">
<div class="relative w-full px-1.4 z-30 border-r border-neutral-200 text-accent-dark-blue-2">
<div class="relative w-full px-1.4 py-0.8 flex items-center rounded-lg outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class="relative w-1.6 h-1.8 text-accent-dark-blue-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.99984 0.333332C3.0665 0.333332 0.666504 2.73333 0.666504 5.66667C0.666504 9.26667 5.33317 13.3333 5.53317 13.5333C5.6665 13.6 5.8665 13.6667 5.99984 13.6667C6.13317 13.6667 6.33317 13.6 6.4665 13.5333C6.6665 13.3333 11.3332 9.26667 11.3332 5.66667C11.3332 2.73333 8.93317 0.333332 5.99984 0.333332ZM5.99984 12.1333C4.59984 10.8 1.99984 7.93333 1.99984 5.66667C1.99984 3.46667 3.79984 1.66667 5.99984 1.66667C8.19984 1.66667 9.99984 3.46667 9.99984 5.66667C9.99984 7.86667 7.39984 10.8 5.99984 12.1333ZM5.99984 3C4.53317 3 3.33317 4.2 3.33317 5.66667C3.33317 7.13333 4.53317 8.33333 5.99984 8.33333C7.4665 8.33333 8.6665 7.13333 8.6665 5.66667C8.6665 4.2 7.4665 3 5.99984 3ZM5.99984 7C5.2665 7 4.6665 6.4 4.6665 5.66667C4.6665 4.93333 5.2665 4.33333 5.99984 4.33333C6.73317 4.33333 7.33317 4.93333 7.33317 5.66667C7.33317 6.4 6.73317 7 5.99984 7Z"
fill="currentColor"></path>
</svg> <input 2="" type="text" value="" placeholder="Select a car park" readonly="true" data-is-open="false"
class="relative w-full h-full text-base flex-grow border-none focus:outline-none focus:ring-0 cursor-pointer pr-2 | prebooking__input | js-pb-locations-input" name="car_park">
</div>
</div>
<div 2="" class="absolute top-4 left-0 w-full bg-white pt-4 z-20 rounded-b-2xl opacity-0 -translate-y-2 pointer-events-none transition-all duration-150 | prebooking__locations-dropdown | js-pb-locations-dropdown">
<div class="relative w-full max-h-38.5 overflow-hidden overflow-y-scroll">
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="6" data-location="Cheltenham" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 transition-all group-hover:text-accent-light-blue">Cheltenham</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-8 flex items-center justify-center text-center">
<h4 class="lg:text-base xl:text-md">Select a Cheltenham car park</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-8 | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full max-h-38.5 list-none">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="16" data-carpark="John Lewis Car Park" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">John Lewis Car Park</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="9" data-location="Hull" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 transition-all group-hover:text-accent-light-blue">Hull</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-8 flex items-center justify-center text-center">
<h4 class="lg:text-base xl:text-md">Select a Hull car park</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-8 | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full max-h-38.5 list-none">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="25" data-carpark="Wright Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Wright Street</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="1" data-location="Leeds" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 transition-all group-hover:text-accent-light-blue">Leeds</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-8 flex items-center justify-center text-center">
<h4 class="lg:text-base xl:text-md">Select a Leeds car park</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-8 | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full max-h-38.5 list-none">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="24" data-carpark="123 Albion Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">123 Albion Street</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="2" data-carpark="Leeds Dock (Clarence Dock)" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Leeds Dock (Clarence Dock)</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="3" data-carpark="Merrion Centre & First Direct Arena" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Merrion Centre & First Direct Arena</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="2" data-location="London" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 transition-all group-hover:text-accent-light-blue">London</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-8 flex items-center justify-center text-center">
<h4 class="lg:text-base xl:text-md">Select a London car park</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-8 | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full max-h-38.5 list-none">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="4" data-carpark="Bell Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Bell Street</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="5" data-carpark="Clements Road" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Clements Road</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="6" data-carpark="Clipstone Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Clipstone Street</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="30" data-carpark="London Barbican" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">London Barbican</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="31" data-carpark="Portman Square" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Portman Square</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="3" data-location="Manchester" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 transition-all group-hover:text-accent-light-blue">Manchester</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-8 flex items-center justify-center text-center">
<h4 class="lg:text-base xl:text-md">Select a Manchester car park</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-8 | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full max-h-38.5 list-none">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="21" data-carpark="AO Arena" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">AO Arena</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="7" data-carpark="Dale Street" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Dale Street</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="28" data-carpark="New Jackson" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">New Jackson</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="26" data-carpark="Northampton Road" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Northampton Road</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="8" data-carpark="Tariff Street MSCP" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Tariff Street MSCP</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="4" data-location="Rickmansworth" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 transition-all group-hover:text-accent-light-blue">Rickmansworth</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-8 flex items-center justify-center text-center">
<h4 class="lg:text-base xl:text-md">Select a Rickmansworth car park</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-8 | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full max-h-38.5 list-none">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="9" data-carpark="Rickmansworth" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Rickmansworth</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
<ul class="w-full h-full list-none">
<li class="w-full py-0.8 transition-all hover:bg-neutral-100 translate-x-0 | prebooking__location-item | js-pb-location-item">
<button type="button" data-location-id="5" data-location="Watford" class="relative w-full px-1.6 py-0.8 text-sm text-accent-dark-blue-2 flex items-center justify-between text-left group | js-pb-location-btn">
<span class="relative block w-full pr-3.6 transition-all group-hover:text-accent-light-blue">Watford</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.4 text-accent-dark-blue-2 flex-shrink-0 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4375 8H14.5625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.4375 14.125L14.5625 8L8.4375 1.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</li>
<li class="absolute top-0 left-0 w-full h-0 overflow-hidden transition-all translate-x-full | prebooking__car-park-item | js-pb-car-park-item">
<div class="relative w-full h-8 flex items-center justify-center text-center">
<h4 class="lg:text-base xl:text-md">Select a Watford car park</h4>
<button type="button" class="absolute top-0 left-0 w-6 h-8 | js-pb-locations-back-btn">
<svg width="14" height="8" viewBox="0 0 14 8" fill="none"
class="absolute top-6/12 left-6/12 -translate-x-6/12 -translate-y-6/12 w-1 lg:w-1.4 transition-all rotate-90 text-accent-dark-blue-2 flex-shrink-0 transition-all hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.29289 0.293378C0.68342 -0.0971417 1.31658 -0.0971416 1.70711 0.293378L7 5.58629L12.2929 0.293379C12.6834 -0.0971406 13.3166 -0.0971405 13.7071 0.293379C14.0976 0.68391 14.0976 1.31709 13.7071 1.70759L7.7071 7.70759C7.3166 8.09809 6.6834 8.09809 6.2929 7.70759L0.29289 1.70759C-0.0976301 1.31709 -0.0976301 0.683908 0.29289 0.293378Z"
fill="currentColor"></path>
</svg>
<span class="sr-only">Back</span>
</button>
</div>
<ul class="relative w-full max-h-38.5 list-none">
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="11" data-carpark="Church" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Church</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="12" data-carpark="Gade" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Gade</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
<li class="relative w-full py-0.2 transition-all ">
<button type="button" data-car-park-id="10" data-carpark="Sutton" class="relative w-full px-1.6 py-0.8 flex items-center justify-start text-left group | js-pb-car-park">
<span class="relative w-4.8 h-4.8 rounded-full bg-neutral-100 flex justify-center items-center flex-shrink-0 mr-1.6">
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" class=" w-1.6 lg:w-1.9 transition-all text-neutral-600 transition-all group-hover:text-accent-light-blue" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 0.333496C3.2 0.333496 0.666664 2.48016 0.666664 5.80016C0.666664 7.92016 2.3 10.4135 5.56 13.2868C5.81333 13.5068 6.19333 13.5068 6.44666 13.2868C9.7 10.4135 11.3333 7.92016 11.3333 5.80016C11.3333 2.48016 8.8 0.333496 6 0.333496ZM6 7.00016C5.26666 7.00016 4.66666 6.40016 4.66666 5.66683C4.66666 4.9335 5.26666 4.3335 6 4.3335C6.73333 4.3335 7.33333 4.9335 7.33333 5.66683C7.33333 6.40016 6.73333 7.00016 6 7.00016Z"
fill="currentColor"></path>
</svg>
</span>
<span class="relative block">
<span class="relative block w-full body-sm mb-0 text-accent-dark-blue-2 font-bold transition-all group-hover:text-accent-light-blue">Sutton</span>
<span class="relative block w-full body-sm mb-0 text-neutral-900 transition-all group-hover:text-accent-light-blue">Address content or map</span>
</span>
</button>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="relative w-full h-full flex items-center max-w-[30rem] self-end">
<div class="relative w-full px-1.4">
<div class="relative w-full px-1.4 py-0.8 z-30 flex items-center rounded-lg outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="relative w-1.6 h-1.6 text-accent-dark-blue-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.6887 3.1875H2.31372C1.83047 3.1875 1.43872 3.57925 1.43872 4.0625V13.6875C1.43872 14.1707 1.83047 14.5625 2.31372 14.5625H13.6887C14.172 14.5625 14.5637 14.1707 14.5637 13.6875V4.0625C14.5637 3.57925 14.172 3.1875 13.6887 3.1875Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.43872 6.6875H14.5637" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.93872 4.5V1.4375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.0637 4.5V1.4375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.1 10H4.9C4.95523 10 5 9.95523 5 9.9V9.1C5 9.04477 4.95523 9 4.9 9H4.1C4.04477 9 4 9.04477 4 9.1V9.9C4 9.95523 4.04477 10 4.1 10Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path>
</svg>
<input id="season-ticket-date" type="text" value="" placeholder="Add date & time" class="relative w-full h-full text-base border-none focus:outline-none focus:ring-0 | prebooking__input js-pb-datepicker flatpickr-input" data-input=""
name="season_ticket_date" readonly="readonly">
</div>
</div>
</div>
<div class="relative flex-grow-0 flex items-center pr-1.6 ml-auto">
<button type="submit" aria-label="Button for Prebooking Season Tickets form"
class="relative flex justify-center items-center w-fit-content leading-0 transition px-2.4 py-1.4 bg-accent-dark-blue text-white rounded-full border border-accent-dark-blue focus:outline-none focus:ring-1 focus:ring-accent-dark-blue hover:bg-accent-dark-blue-2 hover:border-accent-dark-blue-2 disabled:bg-pastel-dark-blue disabled:border-pastel-dark-blue disabled:cursor-not-allowed flex-shrink-0 ml-auto">
<span class="relative">View Prices</span>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="block ml-1 w-1.4 h-1.4text-white " xmlns="http://www.w3.org/2000/svg">
<path
d="M11 2C10.4477 2 10 1.55228 10 1C10 0.44772 10.4477 0 11 0H17C17.2652 0 17.5196 0.10536 17.7071 0.29289C17.8946 0.48043 18 0.73478 18 1V7C18 7.5523 17.5523 8 17 8C16.4477 8 16 7.5523 16 7V3.41422L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L14.5858 2H11ZM0 4C0 2.89543 0.89543 2 2 2H7C7.5523 2 8 2.44772 8 3C8 3.55228 7.5523 4 7 4H2V16H14V11C14 10.4477 14.4477 10 15 10C15.5523 10 16 10.4477 16 11V16C16 17.1046 15.1046 18 14 18H2C0.89543 18 0 17.1046 0 16V4Z"
fill="currentColor"></path>
</svg>
</button>
</div>
</form>POST /ecom/submit/prebook
<form id="prebooking-form" class="relative w-full py-2.4 px-1.6 sm:px-4 flex flex-col justify-between" action="/ecom/submit/prebook" method="post">
<input type="hidden" name="_token" value="AFng85KEc1NSkHTvHx1xvOl1Lb5t1I5OpU5dbf0u"> <input type="hidden" class="js-pb-car-park-input" name="car_park_id">
<input type="hidden" class="js-pb-location-id-input" name="location_id">
<div class="relative w-full mb-2.4">
<div class="relative w-full px-1.6 mb-1.4 flex items-center bg-neutral-100 border border-neutral-200 outline-1 focus-within:outline focus-within:outline-accent-light-blue rounded-xl">
<label for="parking-location" class="absolute top-1 left-2.4 text-sm text-neutral-800">Select parking location</label>
<input id="parking-location" type="text" value="" placeholder="Select a car park" readonly="true"
class="relative w-full h-full pt-3.4 pb-1.4 bg-transparent flex-grow border-none text-base text-neutral-900 focus:outline-none focus:ring-0 cursor-pointer | prebooking__input | js-pb-locations-input" name="car_park">
</div>
<div class="relative w-full sm:flex">
<div class="relative w-full px-1.6 sm:mr-0.8 flex items-center bg-neutral-100 border border-neutral-200 rounded-t-xl sm:rounded-xl outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<label for="mobile-entry-date" class="absolute top-1 left-2.4 text-sm text-neutral-800">Add entry date & time</label>
<input id="mobile-entry-date" type="text" value="" readonly="true" placeholder="Entry date & time"
class="relative w-full h-full pt-3.4 pb-1.4 bg-transparent text-left items-start justify-left flex-grow border-none text-base text-neutral-900 focus:outline-none focus:ring-0 cursor-pointer | prebooking__input | js-pb-datepicker"
name="entry_date" data-input="">
</div>
<div class="relative w-full px-1.6 sm:ml-0.8 flex items-center bg-neutral-100 border border-neutral-200 rounded-b-xl sm:rounded-xl outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<label for="mobile-exit-date" class="absolute top-1 left-2.4 text-sm text-neutral-800">Add exit date & time</label>
<input id="mobile-exit-date" type="text" value="" readonly="true" placeholder="Exit date & time"
class="relative w-full h-full pt-3.4 pb-1.4 bg-transparent text-left items-start justify-left flex-grow border-none text-base text-neutral-900 focus:outline-none focus:ring-0 cursor-pointer| prebooking__input | js-pb-datepicker"
data-input="" name="exit_date">
</div>
</div>
</div>
<div class="relative">
<button type="submit" aria-label="Button for Prebooking form"
class="relative flex justify-center items-center w-fit-content leading-0 transition px-2.4 py-1.4 bg-accent-dark-blue text-white rounded-full border border-accent-dark-blue focus:outline-none focus:ring-1 focus:ring-accent-dark-blue hover:bg-accent-dark-blue-2 hover:border-accent-dark-blue-2 disabled:bg-pastel-dark-blue disabled:border-pastel-dark-blue disabled:cursor-not-allowed flex-shrink-0 text-base"
style="width:100%">
<span class="relative">Prebook</span>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="block ml-1 w-1.4 h-1.4text-white " xmlns="http://www.w3.org/2000/svg">
<path
d="M11 2C10.4477 2 10 1.55228 10 1C10 0.44772 10.4477 0 11 0H17C17.2652 0 17.5196 0.10536 17.7071 0.29289C17.8946 0.48043 18 0.73478 18 1V7C18 7.5523 17.5523 8 17 8C16.4477 8 16 7.5523 16 7V3.41422L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L14.5858 2H11ZM0 4C0 2.89543 0.89543 2 2 2H7C7.5523 2 8 2.44772 8 3C8 3.55228 7.5523 4 7 4H2V16H14V11C14 10.4477 14.4477 10 15 10C15.5523 10 16 10.4477 16 11V16C16 17.1046 15.1046 18 14 18H2C0.89543 18 0 17.1046 0 16V4Z"
fill="currentColor"></path>
</svg>
</button>
</div>
</form>POST /ecom/submit/season
<form id="prebooking-form" class="relative w-full py-2.4 px-1.6 sm:px-4 flex flex-col justify-between" action="/ecom/submit/season" method="post">
<input type="hidden" name="_token" value="AFng85KEc1NSkHTvHx1xvOl1Lb5t1I5OpU5dbf0u"> <input type="hidden" class="js-pb-car-park-input" name="car_park_id">
<input type="hidden" class="js-pb-location-id-input" name="location_id">
<div class="relative w-full">
<div class="relative w-full px-1.6 mb-1.4 flex items-center bg-neutral-100 border border-neutral-200 outline-1 focus-within:outline focus-within:outline-accent-light-blue rounded-xl">
<label for="parking-location" class="absolute top-1 left-2.4 text-sm text-neutral-800">Select parking location</label>
<input id="parking-location" type="text" value="" placeholder="Select a car park" readonly="true"
class="relative w-full h-full pt-3.4 pb-1.4 bg-transparent flex-grow border-none text-base text-neutral-900 focus:outline-none focus:ring-0 cursor-pointer | prebooking__input | js-pb-locations-input" name="car_park">
</div>
<div class="relative w-full sm:flex">
<div class="relative w-full px-1.6 flex items-center bg-neutral-100 border border-neutral-200 rounded-xl outline-1 focus-within:outline focus-within:outline-accent-light-blue">
<label for="mobile-season-ticket-date" class="absolute top-1 left-2.4 text-sm text-neutral-800">Add date & time</label>
<input id="mobile-season-ticket-date" type="text" value="" readonly="true" placeholder="Add date & time"
class="relative w-full h-full pt-3.4 pb-1.4 bg-transparent flex-grow border-none text-base text-neutral-900 focus:outline-none focus:ring-0 cursor-pointer | prebooking__input | js-pb-datepicker" data-input="" name="season_ticket_date">
</div>
</div>
</div>
<div class="relative">
<button type="submit" aria-label="Button for Prebooking form"
class="relative flex justify-center items-center w-fit-content leading-0 transition px-2.4 py-1.4 bg-accent-dark-blue text-white rounded-full border border-accent-dark-blue focus:outline-none focus:ring-1 focus:ring-accent-dark-blue hover:bg-accent-dark-blue-2 hover:border-accent-dark-blue-2 disabled:bg-pastel-dark-blue disabled:border-pastel-dark-blue disabled:cursor-not-allowed flex-shrink-0 text-base"
style="width:100%">
<span class="relative">View prices</span>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="block ml-1 w-1.4 h-1.4text-white " xmlns="http://www.w3.org/2000/svg">
<path
d="M11 2C10.4477 2 10 1.55228 10 1C10 0.44772 10.4477 0 11 0H17C17.2652 0 17.5196 0.10536 17.7071 0.29289C17.8946 0.48043 18 0.73478 18 1V7C18 7.5523 17.5523 8 17 8C16.4477 8 16 7.5523 16 7V3.41422L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L14.5858 2H11ZM0 4C0 2.89543 0.89543 2 2 2H7C7.5523 2 8 2.44772 8 3C8 3.55228 7.5523 4 7 4H2V16H14V11C14 10.4477 14.4477 10 15 10C15.5523 10 16 10.4477 16 11V16C16 17.1046 15.1046 18 14 18H2C0.89543 18 0 17.1046 0 16V4Z"
fill="currentColor"></path>
</svg>
</button>
</div>
</form>Text Content
We value your privacy We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept All", you consent to our use of cookies. Customize Reject All Accept All Customize Consent Preferences We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below. The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... Show more NecessaryAlways Active Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data. * Cookie XSRF-TOKEN * Duration 2 hours * Description Wix set this cookie for security purposes. * Cookie laravel_session * Duration 2 hours * Description laravel uses laravel_session to identify a session instance for a user, this can be changed * Cookie __cfruid * Duration session * Description Cloudflare sets this cookie to identify trusted web traffic. * Cookie AWSALBCORS * Duration 7 days * Description Amazon Web Services set this cookie for load balancing. * Cookie __stripe_mid * Duration 1 year * Description Stripe sets this cookie to process payments. * Cookie __stripe_sid * Duration 1 hour * Description Stripe sets this cookie to process payments. Functional Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features. * Cookie __zlcmid * Duration 1 year * Description Zopim sets this cookie to store a unique user ID. * Cookie __zlcstore * Duration never * Description Zopim sets this cookie to store information about the current status of the chat. * Cookie G_ENABLED_IDPS * Duration 1 year 1 month 4 days * Description Google uses this cookie for Google Single Sign-On. Analytics Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc. * Cookie _gcl_au * Duration 3 months * Description Google Tag Manager sets the cookie to experiment advertisement efficiency of websites using their services. * Cookie _ga_* * Duration 1 year 1 month 4 days * Description Google Analytics sets this cookie to store and count page views. * Cookie _ga * Duration 1 year 1 month 4 days * Description Google Analytics sets this cookie to calculate visitor, session and campaign data and track site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognise unique visitors. * Cookie _gid * Duration 1 day * Description Google Analytics sets this cookie to store information on how visitors use a website while also creating an analytics report of the website's performance. Some of the collected data includes the number of visitors, their source, and the pages they visit anonymously. * Cookie _gat_UA-* * Duration 1 minute * Description Google Analytics sets this cookie for user behaviour tracking. * Cookie _fbp * Duration 3 months * Description Facebook sets this cookie to display advertisements when either on Facebook or on a digital platform powered by Facebook advertising after visiting the website. Performance Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors. * Cookie _gat * Duration 1 minute * Description Google Universal Analytics sets this cookie to restrain request rate and thus limit data collection on high-traffic sites. Advertisement Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns. * Cookie test_cookie * Duration 15 minutes * Description doubleclick.net sets this cookie to determine if the user's browser supports cookies. * Cookie NID * Duration 6 months * Description Google sets the cookie for advertising purposes; to limit the number of times the user sees an ad, to unwanted mute ads, and to measure the effectiveness of ads. Uncategorized Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet. * Cookie citipark_session * Duration 2 hours * Description Description is currently not available. * Cookie m * Duration 1 year 1 month 4 days * Description No description available. * Cookie zte2095 * Duration session * Description Description is currently not available. Accept All Save My Preferences Reject All Powered by * Car Parks Leeds 7 Whitehall Road 123 Albion Street Leeds Dock Merrion Centre & First Direct Arena Manchester AO Arena Dale Street Ducie Street New Jackson Northampton Road Tariff Street London Bell Street Clements Road Clipstone Street London Barbican Portman Square Watford Church Gade Sutton Rickmansworth Rickmansworth Cheltenham Cheltenham * About us * Season Tickets * Services Products & Services Season Tickets Car Parking EV Charging Event Parking * Corporate Partnerships * Latest Info Prebookings Menu Button Car Parks Leeds Leeds Dock Armouries Drive, Leeds, LS10 1LE Merrion Centre & First Direct Arena 5 Merrion Way, Leeds, LS2 8BT 7 Whitehall Road 7 Whitehall Road, Leeds, LS1 4AW 123 Albion Street 123 Albion Street, Leeds, LS2 8ER Manchester Dale Street 75 Dale Street, Manchester, M1 2HG Tariff Street 30 Tariff Street, Manchester, M1 2FJ Ducie Street Ducie St, Manchester, M1 2JW AO Arena Arena, New Bridge Street, Manchester, M3 1AR New Jackson New Jackson, 9 Silvercroft St, Manchester, M15 4AX London Clements Road Clements Road, Ilford, London, IG1 1AG Clipstone Street Clipstone Mews, London, W1W 5DG Bell Street Burne House, 5 Bell Street, NW1 5BZ Watford Sutton Estcourt Road, Watford, WD17 2PS Gade Gade Car Park, Rosslyn Road, Watford, WD18 0JX Church Exchange Road, Watford, WD18 0PL Rickmansworth Rickmansworth Homestead Road, Rickmansworth, WD3 1FX Cheltenham Cheltenham John Lewis car park, Albion Street, Cheltenham, GL52 2RR About us Season Tickets Services * Products & Services * Season Tickets * Car Parking * EV Charging * Event Parking Corporate Partnerships Latest info FAQ Contact SAVE TIME & MONEY - PREBOOK PARKING Prebooking Season Ticket * Cheltenham * SELECT A CAR PARK IN CHELTENHAM Back * John Lewis Car Park * Leeds * SELECT A CAR PARK IN LEEDS Back * Leeds Dock (Clarence Dock) * Merrion Centre & First Direct Arena * London * SELECT A CAR PARK IN LONDON Back * Bell Street * Clements Road * Clipstone Street * London Barbican * Portman Square * Manchester * SELECT A CAR PARK IN MANCHESTER Back * AO Arena * Dale Street * Ducie Street * New Jackson * Northampton Road * Tariff Street MSCP * Rickmansworth * SELECT A CAR PARK IN RICKMANSWORTH Back * Rickmansworth * Watford * SELECT A CAR PARK IN WATFORD Back * Church * Gade * Sutton Prebook * Cheltenham * SELECT A CHELTENHAM CAR PARK Back * John Lewis Car Park Address content or map * Hull * SELECT A HULL CAR PARK Back * Wright Street Address content or map * Leeds * SELECT A LEEDS CAR PARK Back * 123 Albion Street Address content or map * Leeds Dock (Clarence Dock) Address content or map * Merrion Centre & First Direct Arena Address content or map * London * SELECT A LONDON CAR PARK Back * Bell Street Address content or map * Clements Road Address content or map * Clipstone Street Address content or map * London Barbican Address content or map * Portman Square Address content or map * Manchester * SELECT A MANCHESTER CAR PARK Back * AO Arena Address content or map * Dale Street Address content or map * New Jackson Address content or map * Northampton Road Address content or map * Tariff Street MSCP Address content or map * Rickmansworth * SELECT A RICKMANSWORTH CAR PARK Back * Rickmansworth Address content or map * Watford * SELECT A WATFORD CAR PARK Back * Church Address content or map * Gade Address content or map * Sutton Address content or map View Prices Prebooking Season Ticket Select parking location Add entry date & time Add exit date & time Prebook Select parking location Add date & time View prices SELECT LOCATION Back * Cheltenham * SELECT A CAR PARK IN CHELTENHAM Back * John Lewis Car Park * Leeds * SELECT A CAR PARK IN LEEDS Back * Leeds Dock (Clarence Dock) * Merrion Centre & First Direct Arena * London * SELECT A CAR PARK IN LONDON Back * Bell Street * Clements Road * Clipstone Street * London Barbican * Portman Square * Manchester * SELECT A CAR PARK IN MANCHESTER Back * AO Arena * Dale Street * Ducie Street * New Jackson * Northampton Road * Tariff Street MSCP * Rickmansworth * SELECT A CAR PARK IN RICKMANSWORTH Back * Rickmansworth * Watford * SELECT A CAR PARK IN WATFORD Back * Church * Gade * Sutton * Cheltenham * SELECT A CAR PARK IN CHELTENHAM Back * John Lewis Car Park Address content or map * Hull * SELECT A CAR PARK IN HULL Back * Wright Street Address content or map * Leeds * SELECT A CAR PARK IN LEEDS Back * 123 Albion Street Address content or map * Leeds Dock (Clarence Dock) Address content or map * Merrion Centre & First Direct Arena Address content or map * London * SELECT A CAR PARK IN LONDON Back * Bell Street Address content or map * Clements Road Address content or map * Clipstone Street Address content or map * London Barbican Address content or map * Portman Square Address content or map * Manchester * SELECT A CAR PARK IN MANCHESTER Back * AO Arena Address content or map * Dale Street Address content or map * New Jackson Address content or map * Northampton Road Address content or map * Tariff Street MSCP Address content or map * Rickmansworth * SELECT A CAR PARK IN RICKMANSWORTH Back * Rickmansworth Address content or map * Watford * SELECT A CAR PARK IN WATFORD Back * Church Address content or map * Gade Address content or map * Sutton Address content or map PRIME LOCATIONS ACROSS THE UK LEEDS See car parks CHELTENHAM See car parks MANCHESTER See car parks LONDON See car parks WATFORD See car parks RICKMANSWORTH See car parks Previous Next LEEDS See car parks CHELTENHAM See car parks MANCHESTER See car parks LONDON See car parks WATFORD See car parks RICKMANSWORTH See car parks PARKING MADE EASY From our easy-to-use booking system to the latest tech, we make parking smooth, simple and safe. SAFE & SECURE The latest ANPR technology can be found in all branches and enables a smooth entry and exit process for customers. Our on-site teams and 24/7 helpdesk are on hand to ensure our car parks remain clean, well-lit and a safe environment for visitors. REWARDING REGULAR PARKERS CitiPark Season tickets are suitable for regular commuters and are available at all locations across the UK. Available as single tickets or for multiple vehicles, they make the perfect partner for any business with parking requirements. EV CHARGING EV Charging is available across the majority of our portfolio through our subsidiary, CitiCharge. With both universal and Tesla Destination charging bays available, we are proud to deliver our ongoing commitment to Going Green. PRIME LOCATIONS With over 20 branches in prime locations across the UK, there's a space for you at CitiPark! From concert goers to shopping enthusiasts, regular commuters to day trippers... we have you covered! SAVE 40% ON PARKING Did you know you can save up to 40% versus the turn up and park tariff by prebooking with CitiPark? Our easy-to-use app and booking system takes the pain out of parking with the click of a button! Find out more FREQUENTLY ASKED QUESTIONS Whilst our 24/7 helpdesk are happy to assist, we have highlighted some of the most regular asked questions to make your parking experience even smoother HOW DO I PRE-BOOK MY PARKING? You can pre-book your parking at any of our car parks online at book.citipark.co.uk or via the CitiPark app, simply select the 'Pre-book' tab and follow the instructions. HOW DO I CANCEL MY BOOKING? You can cancel your pre-booking up to 15 minutes before your parking session is due to start. Simply visit the ‘Active Tickets’ section in your online account or via the CitiPark app and follow the instructions. Refunds are issued back to the original payment method within 10 working days. IS THERE A DESIGNATED AREA TO PARK IN AS A PRE-BOOKING CUSTOMER? There are no specific spaces for pre-book customers - simply enter the car park and choose your own available space. WHAT DO I DO IF THE ANPR SYSTEM DOESN'T READ MY NUMBER PLATE? If the entry barriers do not automatically lift for you, please scan the QR code provided in your confirmation email or active pre-booking ticket (online or via the CitiPark app) at the entry barrier. If you're still having trouble, you can press the help button and speak to a member of our team. HOW WILL THE CAR PARK KNOW THAT I HAVE PRE-BOOKED? As you approach the barriers at the car park, the ANPR (Automatic Number Plate Recognition) cameras will read your number plate, match it with your pre-booking and allow you to enter the car park. WHAT HAPPENS IF I WANT TO BRING A DIFFERENT CAR? You can change the Registration Plate on your pre-booking up to 15 minutes before your parking session is due to start online or via the CitiPark app. Alternatively, you can scan the QR code provided on your email confirmation and active pre-booking ticket (online or via the CitiPark app) at the car park entry barrier. YOUR PARKING, ON THE MOVE Easily manage your parking with our mobile app. Download on the App Store Get it on Google Play COMPANY Company * About us * Latest Info * FAQ * Contact PRODUCTS & SERVICES Products & Services * Season Tickets * Car Parking * EV Charging * Event Parking * Corporate Partnerships CONTACT Contact * 03333 444 939 * Daily 24 Hours * CitiPark Town Centre House The Merrion Centre, Leeds LS2 8LY Save time and avoid queues with the CitiPark App Download on the App Store Get it on Google Play * Privacy Policy * Terms & Conditions © 2024 CitiPark Company No. 05494592 VAT No. GB170156192 * Facebook * Twitter * Instagram * YouTube * LinkedIn MayJuneJulyAugustSeptemberOctoberNovemberDecember SunMonTueWedThuFriSat 2829301234567891011121314151617181920212223242526272829303112345678 : Done MayJuneJulyAugustSeptemberOctoberNovemberDecember SunMonTueWedThuFriSat 2829301234567891011121314151617181920212223242526272829303112345678 : Done MayJuneJulyAugustSeptemberOctoberNovemberDecember SunMonTueWedThuFriSat 2829301234567891011121314151617181920212223242526272829303112345678 Done