PageSourceSearch

https://www.secureparking.com.au/en-au/

html secureparking.com.au collected 2026-10-02 02:13:42 UTC 187,114 bytes, 4,448 lines download raw bytes

1<!DOCTYPE html><html  lang="en-au"><head><title>Secure Parking, Car Parks, Long Term, All Day, and Metro City Parking, Car Park Info, Pay Online App, Parking Spaces for Rent or Lease | Secure Parking</title><meta property="og:type" content="website" /><meta property="og:title" content="Secure Parking, Car Parks, Long Term, All Day, and Metro City Parking, Car Park Info, Pay Online App, Parking Spaces for Rent or Lease" /><meta name="twitter:title" content="Secure Parking, Car Parks, Long Term, All Day, and Metro City Parking, Car Park Info, Pay Online App, Parking Spaces for Rent or Lease"><meta property="og:description" content="Find parking nearby and the best value parking online or on app. With more than 450 Secure Parking car parks throughout Australia &amp; New Zealand." /><meta property="twitter:description" content="Find parking nearby and the best value parking online or on app. With more than 450 Secure Parking car parks throughout Australia &amp; New Zealand." /><meta property="og:url" content="https://www.secureparking.com.au/en-au/" /><meta name="twitter:card" content="summary_large_image"><meta property="og:image" content="https://d1dxkf4q.media.zesty.site/logo-marketing.svg?width=1200&height=630&fit=crop" /><meta property="og:image:url" content="https://d1dxkf4q.media.zesty.site/logo-marketing.svg?width=1200&height=630&fit=crop" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="630" /><meta property="twitter:image:src" content="https://d1dxkf4q.media.zesty.site/logo-marketing.svg?width=1200&height=630&fit=crop" /><meta property="twitter:image:width" content="1200" /><meta property="twitter:image:height" content="630" /><meta property="og:site_name" content="Secure Parking" /><meta name="description" content="Find parking nearby and the best value parking online or on app. With more than 450 Secure Parking car parks throughout Australia &amp; New Zealand." /><meta  http-equiv="Content-Type" content="text/html;charset=utf-8"><meta  name="viewport" content="width=device-width, initial-scale=1.0"><link rel="alternate" href="/en-au/" hreflang="en-au" /><link rel="alternate" href="/en-nz/" hreflang="en-nz" /><meta name="viewport" custom="true" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"  />
2<link rel="icon" href="https://d1dxkf4q.media.zestyio.com/favicon.ico" type="image/png" sizes="196x196"  />
vendor: 115 bytes, lines 2-3
2
3<script as="script" rel="preload" src="https://www.google.com/recaptcha/api.js" type="text/javascript" ></script>
4<meta name="msvalidate.01" content="662F2C5924F8F2E6CB4A5A54D686B6DD"  />
5<script>
vendor: 323 bytes, line 5
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
5GTM-TM4ZXKK
vendor: 3 bytes, line 5
5');
5</script>
5<link rel="canonical" href="https://www.secureparking.com.au/en-au/" /><link type="text/css" href="/site.css?v=80c76b47537b1ebb004239bd6402d932" rel="stylesheet" media="screen" /><link rel="dns-prefetch" href="" /></head><body class="view-homepage" itemscope="" itemtype="https://schema.org/WebPage">
vendor: 67 bytes, line 5
5<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
5GTM-TM4ZXKK
vendor: 179 bytes, lines 5-35
5"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
6
7
8
9
10
11
12
13
14
15    
16    
17    
18    
19    
20    
21    
22    
23    
24
25
26
27
28
29 
30
31 
32
33 
34
35 
36<!--Google Tag Manager -->
37<script>
vendor: 331 bytes, lines 37-41
37(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
38new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
39j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
40'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
41})(window,document,'script','dataLayer','
41GTM-TM4ZXKK
vendor: 3 bytes, line 41
41');
41</script>
41
42 
43 
44 <!-- Google tag (gtag.js) -->
45<script async src=https://www.googletagmanager.com/gtag/js?id=G-S7DJDYF5SK></script>
vendor: 2 bytes, line 45
45
46<script>
47  
vendor: 136 bytes, lines 47-50
47window.dataLayer = window.dataLayer || [];
48  function gtag(){dataLayer.push(arguments);}
49  gtag('js', new Date());
50  gtag('config', '
50G-S7DJDYF5SK
vendor: 7 bytes, lines 50-51
50');
51  
51gtag('config', 'AW-1007764745');
52  gtag('config', 'AW-981458557');
53  gtag('config', 'AW-802337099');
54  gtag('config', 'AW-733899019');
55  gtag('config', 'UA-35572854-1');
56  gtag('config', 'UA-35572854-7');
57</script>
vendor: 2 bytes, line 57
57
58<script>
59    window.onpageshow = function(event) {
60      if(event.persisted) {
61        window.location.reload();
62      }
63    }
64</script>
vendor: 2 bytes, line 64
64
65<script src="https://gateway.api.advam.com/webbank/webbank-js/js/v2/webbank.js"></script>
vendor: 2 bytes, line 65
65
66<script src="https://pay.google.com/gp/p/js/pay.js"></script>
vendor: 2 bytes, line 66
66
67<script src="https://alcdn.msauth.net/browser/2.13.1/js/msal-browser.js" integrity="sha384-7hwr87O1w6buPsX92CwuRaz/wQzachgOEq+iLHv0ESavynv6rbYwKImSl7wUW3wV" crossorigin="anonymous"></script>
67
68
69<!-- To help ensure reliability, Microsoft provides a second CDN -->
70<script type="text/javascript">
71  if(typeof Msal === 'undefined')document.write(unescape("%3Cscript src='https://alcdn.msftauth.net/browser/2.13.1/js/msal-browser.min.js' type='text/javascript' crossorigin='anonymous' %3E%3C/script%3E"));
72</script>
72
73 <div class="page-content" itemprop="mainContentOfPage">
74    
75    <section class="main-nav">
76    <div class="main-nav__upper">
77        <div class="wrapper">
78            <ul class="main-nav__links">
79                
80                                       
81                           
82                             
83        
84                    
85                    
86                    
87
88                            <li><a href="/en-au/corporate-services/">Corporate Services</a></li>
89                                       
90                           
91                             
92        
93                    
94                    
95                    
96
97                            <li><a href="/en-au/faqs/">Help FAQ's</a></li>
98                                       
99                           
100                             
101        
102                    
103                    
104                    
105
106                            <li><a href="/en-au/about/stuff-to-know/">Legal</a></li>
107                    
108                
109            </ul>
110        </div>
111    </div>
112
113    <div class="main-nav__lower">
114        <div class="wrapper">
115            <div class="main-nav__main">
116                <div class="main-nav__logo">
117                    <a href="/en-au/"> <img src='https://24twnq5l.media.zestyio.com/logo-marketing.svg' alt="Secure Parking Logo"></a>
118                </div>
119                <ul class="main-nav__list">
120                    
121
122                    
123                    
124                    
125                    
126
127                    <li class="main-nav__item"><a href='/en-au/parking-solutions/'>Parking Solutions</a>
128                         
129                        <ul class="main-nav__secondary-menu">
130                                                       
131                            
132                            
133                            
134                            <li><a href="/en-au/parking-solutions/early-bird-parking/">Early Bird Parking</a></li>
135                                                       
136                            
137                            
138                            
139                            <li><a href="/en-au/parking-solutions/hourly-parking/">Hourly Parking</a></li>
140                                                       
141                            
142                            
143                            
144                            <li><a href="/en-au/parking-solutions/hotel-and-overnight-parking/">Multi-Day & Overnight Parking</a></li>
145                                                       
146                            
147                            
148                            
149                            <li><a href="/en-au/parking-solutions/monthly-parking/">Monthly Parking</a></li>
150                                                       
151                            
152                            
153                            
154                            <li><a href="/en-au/parking-solutions/flexi-parking/">Flexi Parking</a></li>
155                                                       
156                            
157                            
158                            
159                            <li><a href="/en-au/parking-solutions/night-parking/">Night Parking</a></li>
160                                                       
161                            
162                            
163                            
164                            <li><a href="/en-au/parking-solutions/weekend-parking/">Weekend Parking</a></li>
165                                                       
166                            
167                            
168                            
169                            <li><a href="/en-au/parking-solutions/advantage-parker/">Advantage Parker</a></li>
170                            
171                        </ul>
172                        
173                    </li>
174                    
175
176                    
177                    
178                    
179                    
180
181                    <li class="main-nav__item"><a href='/en-au/offers-and-events/'>Offers & Events</a>
182                        
183                    </li>
184                    
185
186                    
187                    
188                    
189                    
190
191                    <li class="main-nav__item"><a href='/en-au/about/'>About Us</a>
192                         
193                        <ul class="main-nav__secondary-menu">
194                                                       
195                            
196                            
197                            
198                            <li><a href="/en-au/about/">About Secure Parking</a></li>
199                                                       
200                            
201                            
202                            
203                            <li><a href="/en-au/corporate-services/">Car Park Management Services</a></li>
204                                                       
205                            
206                            
207                            
208                            <li><a href="/en-au/about/employment/">Employment</a></li>
209                                                       
210                            
211                            
212                            
213                            <li><a href="/en-au/about/our-people-and-culture/">People and Culture</a></li>
214                                                       
215                            
216                            
217                            
218                            <li><a href="/en-au/about/meet-the-leadership-team/">The Team</a></li>
219                                                       
220                            
221                            
222                            
223                            <li><a href="/en-au/about/business-vision-purpose-values/">Vision, Purpose, Values</a></li>
224                                                       
225                            
226                            
227                            
228                            <li><a href="/en-au/news/">Latest News</a></li>
229                            
230                        </ul>
231                        
232                    </li>
233                    
234
235                    
236                    
237                    
238                    
239
240                    <li class="main-nav__item"><a href='/en-au/contact-us/'>Contact Us</a>
241                        
242                    </li>
243                    
244                </ul>
245                <div style="display: flex; align-items: center; height: 100%;">
246                    <ul class="main-nav__info">
247                        <li >
248                            <a class="main-nav__link main-nav__link--phone" href="tel:+61280008790"></a>
249                        </li>
250                        <li>
251                            <a class="main-nav__link main-nav__link--search" data-target="search" href="/en-au/"></a>
252                        </li>
253                        <li >
254                            <a class="main-nav__link main-nav__link--calendar" data-target="booking" href="/en-au/"></a>
255                        </li>
256                        <li >
257                            <a class="main-nav__link main-nav__link--profile" data-target="account" href="/en-au/"></a>
258                        </li>
259                        <li >
260                            <a class="main-nav__link main-nav__link--cart  main-nav__link" data-target="cart" href="/en-au/">
261                            <div class="cart-circle"></div>
262                            </a>
263                        </li>
264                    </ul>
265                    
266                        
267                        <a class="primary-btn primary-btn--find-park-nav" href="/en-au/car-parks/?parkingNearme=true&showAllCarpar
267ks=true"><div>Find Parking</div></a>
268                    
269                </div>
270            </div>
271        </div>
272    </div>
273    <div class="main-nav__overlay"></div>
274</section>
275    
276
277   
278
279 
280    <section class="search-widget site-panel " data-site-panel="search">
281    <div class="search-widget__upper">
282        <div class="breadcrumb internal" style="display:none;">
283            <span></span>
284            <p>Back</p>
285        </div>
286        <div class="search-widget__container">
287            <div class="search-widget__title">Search Secure Parking</div>
288            <div class="search-widget__input-wrapper">
289                <div class="search-widget__search search-widget__search--white search-widget__search--internal">
290                    <span class="search-widget__search-icon"></span>
291                    <input placeholder="Search">
292                </div>
293            </div>
294            <div class="search-widget__button-wrapper">
295                <div class="primary-btn primary-btn--light">
296                    <a href="/en-au/faqs/">FAQ's</a>
297                </div>
298                <div class="primary-btn primary-btn--light">
299                    <a href="/en-au/offers-and-events/">Offers &amp; Events</a>
300                </div>
301                <div class="primary-btn primary-btn--light">
302                    <a href="/en-au/car-parks/">Find a Park</a>
303                </div>
304            </div>
305        </div>
306    </div>
307    <div id="content-search-results" class="search-widget__results" style="display:none">
308        <div class="search-widget__container">            
309            <div class="loader internal text-center" style="display:none">
310                <div class="lds-ripple">
311                    <div></div>
312                    <div></div>
313                </div>
314            </div>
315            <div class="search-widget__filters">
316                <div class="search-widget__empty-term"></div>
317                <div class="search-widget__clear-all">Clear<span style="background-image: url('https://24twnq5l.media.zestyio.com/grey-close-sign.svg')"></span></div>
318            </div>
319            <div class="items">
320            </div>
321        </div>
322    </div>
323
324    <div class="search-widget__lower">
325        <div class="breadcrumb parks" style="display:none;">
326            <span></span>
327            <p>Back</p>
328        </div>
329        <div class="search-widget__container">
330            <div class="search-widget__title search-widget__title--white">Find a park</div>
331            <div class="search-widget__input-wrapper">
332                <div class="search-widget__search search-widget__search--parks">
333                    <span class="search-widget__search-icon"></span>
334                    <input placeholder="Search for a city, address or business" class="find-park-input" data-context="sidebar">
335                </div>
336            </div>
337        </div>
338        <div class="results"> </div>
339    </div>
340    <div class="loader parks text-center" style="display:none" data-context="sidebar">
341        <div class="lds-ripple">
342            <div></div>
343            <div></div>
344        </div>
345    </div>
346    <div id="parks-search-results" class="search-widget__results" style="display:none">
347        <div class="search-widget__container" data-context="sidebar">
348
349            <div class="items">
350                <div class="geocode-results"></div>
351                <h3 class="search-widget__subtitle" style="padding-top: 2rem; padding-left: 2rem;">Car Parks</h3>
352                <div class="carpark-results-container"></div>
353            </div>
354        </div>
355    </div>
356</section>
357
358
359<script>
360
361
362    </script>
362 
363
364 
365    <section class="account-menu account-menu--desktop site-panel" data-site-panel="account">
366    <div class="account-menu-overlay"></div>
367    <div class="account-back breadcrumb desktop" style="display: none;">
368        <span></span>Back</div>
369    <div class="cards-menu breadcrumb" style="display: none;">
370        <span></span>Back</div>
371    <div class="payment-methods breadcrumb" style="display: none;">
372        <span></span>Back</div>
373    <div class="vehicles breadcrumb" style="display: none;">
374        <span></span>Back</div>
375    <div class="vehicles-item breadcrumb" style="display: none;">
376        <span></span>Back</div>
377    <div class="add-new-vehicle breadcrumb" style="display: none;">
378        <span></span>Back</div>
379
380        <section class="status-bar">
381    <div class="icon"></div>
382    <div class="text"></div>
383</section> 
384
385 
386
387    <section class="account-preferences account-preferences--sidebar" data-account-section="account-preferences">
388        <div class="wrapper">
389            <div class="breadcrumb">
390                <span></span>
391                <p>Back</p>
392            </div>
393            
394                
395
396<div class="wrapper">
397   
398                               
399         <h2 class="account-preferences__main-title">Preferences </h2>
400   
401   
402   <div class="account-preferences__items opt-out">
403        
404      <div class="account-preferences__item">
405         <div class="account-preferences__info">
406            <div class="account-preferences__title">Are you in or out?</div>
407            <div class="account-preferences__desc">Love a good deal?
408Keep the toggle grey to stay in the loop with exclusive offers, discounts, and marketing goodies.
409
410Not feeling it right now?
411Flip the toggle to green to opt out of marketing messages.
412
413You can also unsubscribe anytime via any marketing email we send. But if you change your mind later, just come back here and switch the toggle back to grey to rejoin the fun!</div>
414         </div>
415         <div class="account-preferences__switch">
416            <label class="switch">
417            <input type="checkbox" name="optOut">
418            <span class="slider round"></span>
419            </label>
420         </div>
421      </div>
422      
423   </div>
424   
425</div>
426<div class="bg-white">
427   <div class="wrapper">
428   
429   <h2>Search Filters </h2>
430   <div class="account-preferences__items search-filters-preferences">
431        
432        
433         
434            
435               
436            
437
438      <div class="account-preferences__item">
439         <div class="account-preferences__info">
440            <div class="account-preferences__title">24 hours</div>
441            <div class="account-preferences__desc">This car park is 24 hours</div>
442         </div>
443         <div class="account-preferences__switch">
444            <label class="switch">
445            <input type="checkbox" name="24 hours" id="6f9f9667-3f9f-49dc-9091-aebf00b749c8">
446            <span class="slider round"></span>
447            </label>
448         </div>
449      </div>
450        
451        
452         
453            
454               
455            
456
457      <div class="account-preferences__item">
458         <div class="account-preferences__info">
459            <div class="account-preferences__title">Disability Access</div>
460            <div class="account-preferences__desc">Disability Access is available at this car park</div>
461         </div>
462         <div class="account-preferences__switch">
463            <label class="switch">
464            <input type="checkbox" name="Disability Access" id="a6795eac-cce6-44cf-9f5c-aebf00b7a2de">
465            <span class="slider round"></span>
466            </label>
467         </div>
468      </div>
469        
470        
471         
472            
473               
474            
475
476      <div class="account-preferences__item">
477         <div class="account-preferences__info">
478            <div class="account-preferences__title">Monthly Parking</div>
479            <div class="account-preferences__desc">Monthly Parking is available at this car park</div>
480         </div>
481         <div class="account-preferences__switch">
482            <label class="switch">
483            <input type="checkbox" name="Monthly Parking" id="beb307f1-1524-4cec-a159-aebf00b9c571">
484            <span class="slider round"></span>
485            </label>
486         </div>
487      </div>
488        
489        
490         
491            
492               
493            
494
495      <div class="account-preferences__item">
496         <div class="account-preferences__info">
497            <div class="account-preferences__title">4WD Parking</div>
498            <div class="account-preferences__desc">4WD Parking is available at this car park</div>
499         </div>
500         <div class="account-preferences__switch">
501            <label class="switch">
502            <input type="checkbox" name="4WD Parking" id="0fe66aa9-867b-4fbc-9b2a-aebf00b75f5d">
503            <span class="slider round"></span>
504            </label>
505         </div>
506      </div>
507        
508        
509         
510            
511               
512            
513
514      <div class="account-preferences__item">
515         <div class="account-preferences__info">
516            <div class="account-preferences__title">Advantage Parker</div>
517            <div class="account-preferences__desc">Advantage Parker is available at this car park</div>
518         </div>
519         <div class="account-preferences__switch">
520            <label class="switch">
521            <input type="checkbox" name="Advantage Parker" id="2a9589f4-8a60-48b3-9f75-aeeb00144e32">
522            <span class="slider round"></span>
523            </label>
524         </div>
525      </div>
526        
527        
528         
529            
530               
531            
532
533      <div class="account-preferences__item">
534         <div class="account-preferences__info">
535            <div class="account-preferences__title">Electric Vehicle Charging</div>
536            <div class="account-preferences__desc">Electric Vehicle Charging is available at this car park</div>
537         </div>
538         <div class="account-preferences__switch">
539            <label class="switch">
540            <input type="checkbox" name="Electric Vehicle Charging" id="ec816f50-f404-4871-a0ca-aebf00b8ef86">
541            <span class="slider round"></span>
542            </label>
543         </div>
544      </div>
545      
546   </div>
547   
548   <div class="account-preferences__update-wrapper">
549      <div class="loader" style="display:none">
550    <div class="lds-ripple">
551        <div></div>
552        <div></div>
553    </div>
554</div> 
555
556 
557      <div class="cta-full account-preferences__update">Update preferences</div>
558   </div>
559   </div>
560</div>
561 
562
563 
564            
565            
566        </section>      
567        <div class="account-menu__upper">
568
569            <section class="account-form account-form--sidebar" data-account-section="personal-details">
570                <div class="wrapper">
571                    <div class="breadcrumb">
572                        <span></span>
573                        <p>Back</p>
574                    </div>
575                    <h2 class="account-menu__main-title">Personal Details</h2>
576                    
577
578                    <form class="account-form">
579    <div class="account-form__item">
580        <label for="firstName" class="required">First name</label>
581        <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name">
582        <span class="error" data-error-for="firstName"></span>
583    </div>
584    <div class="account-form__item">
585        <label for="lastName" class="required">Last name</label>
586        <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name">
587        <span class="error" data-error-for="lastName"></span>
588    </div>
589    <div class="account-form__item">
590        <label for="email" class="required">Email address</label>
591        <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email">
592        <span class="error" data-error-for="email"></span>
593    </div>
594    <div class="account-form__item">
595        <label for="mobileNumber" class="required">Mobile number</label>
596        <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel">
597        <span class="error" data-error-for="mobileNumber"></span>
598    </div>
599    <div class="account-form__item">
600        <label for="countries" class="required">Country</label>
601
602        <select name="countries" id="countries">
603            <option value="" disabled selected hidden>Select</option>
604            <option value="Australia">Australia</option>
605            <option value="NewZealand">New Zealand</option>
606        </select>
607        <span class="error" data-error-for="countries"></span>
608    </div>
609	
610	<div class="hidden" name="statesDiv" id="statesDiv">
611        <label class="required" for="states">State</label>
612
613        <select name="states" id="states">
614            <option value="" disabled selected hidden>Select</option>
615            <option value="NSW">NSW</option>
616            <option value="VIC">VIC</option>
617            <option value="QLD">QLD</option>
618            <option value="SA">SA</option>
619            <option value="WA">WA</option>
620            <option value="NT">NT</option>
621            <option value="ACT">ACT</option>
622            <option value="TAS">TAS</option>
623        </select>
624        <span class="error" data-error-for="states"></span>
625    </div>
626	
627	<div class="account-form__item">
628        <label for="addressLine1">Address Line 1</label>
629        <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1">
630        <span class="error" data-error-for="addressLine1"></span>
631    </div>
632	
633	<div class="account-form__item">
634        <label for="addressLine2">Address Line 2</label>
635        <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2">
636        <span class="error" data-error-for="addressLine2"></span>
637    </div>
638	
639	<div class="account-form__item">
640        <label for="city">Suburb/City</label>
641        <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city">
642        <span class="error" data-error-for="city"></span>
643    </div>
644	
645	<div class="account-form__item">
646        <label for="postCode">Postcode</label>
647        <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code">
648        <span class="error" data-error-for="postCode"></span>
649    </div>
650    <div class="account-form__item">
651        <label for="licenseNumber" class="required">Licence Plate Number</label>
652        <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7">
653        <span class="error" data-error-for="licenseNumber"></span>
654    </div>
655    <div class="checkboxes-group">
656        <div class="account-form__item account-form__item--checkbox">
657            <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a>
658                <input id="terms" type="checkbox" name="terms" type="checkbox">
659                <span class="checkmark"></span>
660              </label>
661            <span class="error" data-error-for="terms"></span>
662        </div>
663  
664          <div class="account-form__item account-form__item--checkbox">
665            <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences
666                <input id="offers" type="checkbox" name="offers" type="checkbox">
667                <span class="checkmark"></span>
668              </label>
669        </div>
670
671    </div>
672    <div class="account-form__loader-wrapper">
673        <div class="lds-ripple loader" style="display: none;">
674            <div></div>
675            <div></div>
676        </div>
677    </div>
678    <div class="account-form__booking-wrapper">
679        <div class="car-park-detail__book">
680            <div class="wrapper">
681                <button data-action="submit" class="account-form__cta disabled" type="submit">
682                            Save Changes
683                        </button>
684            </div>
685        </div>
686    </div>
687</form> 
688
689 
690
691                    
692                </section>
693
694                <section class="account-form account-form--sidebar">
695                    <div class="wrapper">
696                        <div class="breadcrumb">
697                            <span></span>
698                            <p>Back</p>
699                        </div>
700                        <section class="success-alert" style="display: none;">
701
702<div class="success-alert__icon"></div>
703<div class="success-alert__title"></div>
704
705
706
707</section> 
708
709 
710                        <form class="account-form">
711    <div class="account-form__item">
712        <label for="firstName" class="required">First name</label>
713        <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name">
714        <span class="error" data-error-for="firstName"></span>
715    </div>
716    <div class="account-form__item">
717        <label for="lastName" class="required">Last name</label>
718        <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name">
719        <span class="error" data-error-for="lastName"></span>
720    </div>
721    <div class="account-form__item">
722        <label for="email" class="required">Email address</label>
723        <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email">
724        <span class="error" data-error-for="email"></span>
725    </div>
726    <div class="account-form__item">
727        <label for="mobileNumber" class="required">Mobile number</label>
728        <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel">
729        <span class="error" data-error-for="mobileNumber"></span>
730    </div>
731    <div class="account-form__item">
732        <label for="countries" class="required">Country</label>
733
734        <select name="countries" id="countries">
735            <option value="" disabled selected hidden>Select</option>
736            <option value="Australia">Australia</option>
737            <option value="NewZealand">New Zealand</option>
738        </select>
739        <span class="error" data-error-for="countries"></span>
740    </div>
741	
742	<div class="hidden" name="statesDiv" id="statesDiv">
743        <label class="required" for="states">State</label>
744
745        <select name="states" id="states">
746            <option value="" disabled selected hidden>Select</option>
747            <option value="NSW">NSW</option>
748            <option value="VIC">VIC</option>
749            <option value="QLD">QLD</option>
750            <option value="SA">SA</option>
751            <option value="WA">WA</option>
752            <option value="NT">NT</option>
753            <option value="ACT">ACT</option>
754            <option value="TAS">TAS</option>
755        </select>
756        <span class="error" data-error-for="states"></span>
757    </div>
758	
759	<div class="account-form__item">
760        <label for="addressLine1">Address Line 1</label>
761        <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1">
762        <span class="error" data-error-for="addressLine1"></span>
763    </div>
764	
765	<div class="account-form__item">
766        <label for="addressLine2">Address Line 2</label>
767        <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2">
768        <span class="error" data-error-for="addressLine2"></span>
769    </div>
770	
771	<div class="account-form__item">
772        <label for="city">Suburb/City</label>
773        <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city">
774        <span class="error" data-error-for="city"></span>
775    </div>
776	
777	<div class="account-form__item">
778        <label for="postCode">Postcode</label>
779        <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code">
780        <span class="error" data-error-for="postCode"></span>
781    </div>
782    <div class="account-form__item">
783        <label for="licenseNumber" class="required">Licence Plate Number</label>
784        <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7">
785        <span class="error" data-error-for="licenseNumber"></span>
786    </div>
787    <div class="checkboxes-group">
788        <div class="account-form__item account-form__item--checkbox">
789            <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a>
790                <input id="terms" type="checkbox" name="terms" type="checkbox">
791                <span class="checkmark"></span>
792              </label>
793            <span class="error" data-error-for="terms"></span>
794        </div>
795  
796          <div class="account-form__item account-form__item--checkbox">
797            <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences
798                <input id="offers" type="checkbox" name="offers" type="checkbox">
799                <span class="checkmark"></span>
800              </label>
801        </div>
802
803    </div>
804    <div class="account-form__loader-wrapper">
805        <div class="lds-ripple loader" style="display: none;">
806            <div></div>
807            <div></div>
808        </div>
809    </div>
810    <div class="account-form__booking-wrapper">
811        <div class="car-park-detail__book">
812            <div class="wrapper">
813                <button data-action="submit" class="account-form__cta disabled" type="submit">
814                            Save Changes
815                        </button>
816            </div>
817        </div>
818    </div>
819</form> 
820
821 
822                    </section>
823
824                    <div class="account-manage-cards">
825                        <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage">
826    <div class="manage-payment__top-section">
827        <div class="wrapper">
828            <h2>Manage payment methods</h2>
829            <div class="manage-payment__loading">
830                <div class="lds-ripple loader">
831                    <div></div>
832                    <div></div>
833                </div>
834            </div>
835            <div class="manage-payment__empty">
836                Your payment methods list is empty - add a new one below.
837                <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
838            </div>
839            <!-- append cards list here -->
840            <div class="customer-cards-list"></div>
841        </div>
842    </div>
843    <div class="manage-payment__bottom-section">
844        <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review">
845            <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div>
846            <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div>
847        </div>
848             <div class="manage-payment__limit"> 
849            You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 
850        </div> 
851    </div>
852</section>
853 
854
855 
856                        <section class="edit-card-menu" data-account-section="edit-cards">
857    <div class="wrapper">
858        <div class="title">
859            <h2></h2>
860        </div>
861        <div class="account-menu__tab-item edit-card">
862            <div class="account-menu__icon account-menu__icon--edit"></div>
863            <div class="account-menu__info">
864                <div class="account-menu__title">Edit card</div>
865            </div>
866        </div>
867        <div class="account-menu__tab-item remove-card-btn">
868            <div class="account-menu__icon account-menu__icon--remove"></div>
869            <div class="account-menu__info">
870                <div class="account-menu__title">Delete card</div>
871            </div>
872        </div>
873        <div class="account-menu__tab-item make-default" data-default="">
874            <div class="account-menu__icon account-menu__icon--default"></div>
875            <div class="account-menu__info">
876                <div class="account-menu__title">Make default</div>
877            </div>
878        </div>
879        <section class="remove-card" style="display: none;">
880    <p>Are you sure you want to delete this payment method?</p>
881    <div class="btn-wrapper">
882        <div class="cancel">
883            <div class="cta-full">Cancel</div>
884        </div>
885        <div class="confirm">
886            <div class="cta-full">Confirm</div>
887        </div>
888    </div>
889</section> 
890
891 
892    </div>
893</section> 
894
895 
896                        <section class="add-card add-card-review" data-cart-panel="add-card-review">
897    <div class="breadcrumb internal account-back payment-methods-back" style="display:none;">
898        <span></span>
899        <a>Back</a>
900    </div>
901    <div class="wrapper">
902        <div class="title">
903            <h2></h2>
904        </div>
905        <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
906       <div class="test" data-payment-wrapper="account-sidebar"></div> 
907    </div>
908    <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div>
909</section>
910
911 
912
913 
914                    </div>
915                             
916                    
917
918<section class="vehicles-list" data-account-section="vehicles-list">
919   
920    <div class="wrapper vehicles-list__top-section logged-in">
921        <div class="account-form__breadcrumb">
922            <span></span>
923            <a href="/en-au/account">Account</a>
924        </div>
925        <h2 class="vehicles-list__main-title">Vehicles</h2>
926        <p class="vehicles-list__desc">Vehicles listed here will be billed to your selected primary method.</p>
927        <div class="vehicles-list__loader-wrapper">
928        <div class="loader" style="display:none">
929    <div class="lds-ripple">
930        <div></div>
931        <div></div>
932    </div>
933</div> 
934
935 
936        </div>
937        <div class="vehicles-list__empty" style="display: none;">
938            Your vehicle list is empty - add a new one below.
939        </div>
940
941  
942
943        <div class="vehicles-list__items"></div>
944    </div>
945    <div class="vehicles-list__bottom-section logged-in">
946        <div class="vehicles-list__add-btn">
947            <div class="cta-full">Add new vehicle</div>
948        </div>
949    </div>
950</section>
951<!-- Vehicle List Item Template -->
952<template data-id="template-vehicle-list-item">
953    <div class="vehicles-list__tab-item" data-name="" data-type="" data-license-plate="" data-vehicle-id="">
954        <div>
955            <div class="vehicles-list__icon-wrapper">
956                <div class="vehicles-list__icon" data-id="icon"></div>
957            </div>
958        </div>
959        <div class="vehicles-list__info">
960            <div class="vehicles-list__title">
961                <div class="vehicles-list__name" data-id="name"></div>
962                <div class="vehicles-list__default" data-id="isDefault"></div>
963            </div>
964            <div class="vehicles-list__vehicle-details">
965                <span class="vehicles-list__number-plate" data-id="licensePlate"></span>
966                <span class="vehicles-list__vehicle-type" data-id="type"></span>
967            </div>
968        </div>
969    </div>
970</template>
971<section class="vehicle-item" data-id="vehicleListItem" style="display: none">
972    <div class="wrapper">
973        <div class="vehicle-item__breadcrumb">
974            <span></span>
975            Back
976        </div>
977        <input name="vehicle-item" hidden>
978        <div class="vehicle-item__details">
979            <div class="vehicle-item__info-tab">
980                <div  class="vehicle-item__name"></div>
981                <div  class="vehicle-item__type"></div>
982            </div>
983            <div class="vehicle-item__icon-wrapper">
984                <div class="vehicle-item__icon"></div>
985            </div>
986        </div>
987
988        <div class="vehicle-item__plate-number">
989            <div class="vehicle-item__license-label">Licence plate number</div>
990            <div class="add-new-vehicle__input-wrapper">
991                <div class="vehicle-item__license-display"></div>
992                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--one"></div>
993                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--two"></div>
994                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--three"></div>
995                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--four"></div>
996
997            </div>
998        </div>
999  <div class="vehicle-item__loader-wrapper">
1000        <div class="lds-ripple loader" style="display: none;">
1001            <div></div>
1002            <div></div>
1003        </div>
1004    </div>
1005        <div class="vehicle-item__booking-wrapper vehicle-item__booking-wrapper--desktop">
1006            <div class="wrapper">
1007                <div class="vehicle-item__book">
1008                    <div class="primary-btn primary-btn--red">Remove vehicle</div>
1009                    <div class="primary-btn primary-btn--edit">Edit vehicle</div>
1010                </div>
1011            </div>
1012        </div>
1013    </div>
1014    <div class="vehicle-item__booking-wrapper vehicle-item__booking-wrapper--mobile">
1015        <div class="wrapper">
1016            <div class="vehicle-item__book">
1017                <div class="primary-btn primary-btn--red">Remove vehicle</div>
1018                <div class="primary-btn primary-btn--edit">Edit vehicle</div>
1019            </div>
1020        </div>
1021    </div>
1022
1023</section> 
1024
1025 
1026
1027<section class="add-new-vehicle">
1028    <div class="wrapper">
1029        <div class="add-new-vehicle__breadcrumb">
1030            <span></span>
1031            <div>Back</div>
1032        </div>
1033        
1034                <h2 class="add-new-vehicle__main-title">Add new vehicle</h2>
1035        
1036        
1037        <p class="add-new-vehicle__desc">Add another vehicle to your account for easier billing and lot access.</p>
1038
1039        <div class="add-new-vehicle__vehicle-field add-new-vehicle__vehicle-field-license">
1040            <label for="vehicleNumber" class="required">Licence Plate Number</label>
1041            <div class="add-new-vehicle__input-wrapper">
1042                <input type="text" id="vehicleNumber" name="vehicleNumber" placeholder="e.g. P4RK3R">
1043                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--one"></div>
1044                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--two"></div>
1045                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--three"></div>
1046                <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--four"></div>
1047            </div>
1048            <span class="error" data-error-for="vehicleNumber"></span>
1049        </div>
1050
1051        <div class="add-new-vehicle__items">
1052            <div class="add-new-vehicle__subtitle">Vehicle type</div>
1053            <input name="vehicleType" hidden>
1054            <div class="add-new-vehicle__tab-item sedan">
1055                <div>
1056                    <div class="add-new-vehicle__icon-wrapper">
1057                        <div class="add-new-vehicle__icon add-new-vehicle__icon--sedan"></div>
1058                    </div>
1059                </div>
1060                <div class="add-new-vehicle__info">
1061                    <div class="add-new-vehicle__title">
1062                        <div class="add-new-vehicle__name">Sedan (1.8 metres or less)</div>
1063                    </div>
1064                    <div class="add-new-vehicle__vehicle-details">
1065                        <span class="add-new-vehicle__vehicle-type">Most small and family cars</span>
1066                    </div>
1067                </div>
1068            </div>
1069
1070            <div class="add-new-vehicle__tab-item fwd">
1071                <div>
1072                    <div class="add-new-vehicle__icon-wrapper">
1073                        <div class="add-new-vehicle__icon add-new-vehicle__icon--fwd"></div>
1074                    </div>
1075                </div>
1076                <div class="add-new-vehicle__info">
1077                    <div class="add-new-vehicle__title">
1078                        <div class="add-new-vehicle__name">Large 4WD (2 metres)</div>
1079                    </div>
1080                    <div class="add-new-vehicle__vehicle-details">
1081                        <span class="add-new-vehicle__vehicle-type">4WD and some Utes</span>
1082                    </div>
1083                </div>
1084            </div>
1085
1086            <div class="add-new-vehicle__tab-item truck">
1087                <div>
1088                    <div class="add-new-vehicle__icon-wrapper">
1089                        <div class="add-new-vehicle__icon add-new-vehicle__icon--truck"></div>
1090                    </div>
1091                </div>
1092                <div class="add-new-vehicle__info">
1093                    <div class="add-new-vehicle__title">
1094                        <div class="add-new-vehicle__name">Van (over 2.2 metres)</div>
1095                    </div>
1096                    <div class="add-new-vehicle__vehicle-details">
1097                        <span class="add-new-vehicle__vehicle-type">Van (over 2.2 metres)</span>
1098                    </div>
1099                </div>
1100            </div>
1101
1102        </div>
1103
1104        <div class="add-new-vehicle__vehicle-field">
1105            <label for="vehicleNickname" class="required">Vehicle Nickname</label>
1106            <input type="text" id="vehicleNickname" name="vehicleNickname" placeholder="e.g. Jim's Beetle">
1107            <span class="error" data-error-for="vehicleNickname"></span>
1108        </div>
1109
1110        <div class="add-new-vehicle__default primary-vehicle">
1111            <div class="add-new-vehicle__default-type">
1112                <div class="add-new-vehicle__primary-title">Primary Vehicle</div>
1113                <div class="add-new-vehicle__instruction">Set as your primary vehicle for fast purchasing</div>
1114            </div>
1115            <div class="add-new-vehicle__switch">
1116                <label class="switch">
1117                    <input type="checkbox" data-switch-name="isDefault">
1118                    <span class="slider round"></span>
1119                </label>
1120            </div>
1121        </div>
1122
1123    </div>
1124    <div class="add-new-vehicle__bottom-section">
1125        <div class="add-new-vehicle__add-btn new">
1126            <div class="cta-full">Add vehicle</div>
1127        </div>
1128        <div class="add-new-vehicle__add-btn update" style="display: none;">
1129            <div class="cta-full">Update vehicle</div>
1130        </div>
1131    </div>
1132    <div class="add-new-vehicle__loader-wrapper">
1133        <div class="lds-ripple loader" style="display: none;">
1134            <div></div>
1135            <div></div>
1136        </div>
1137    </div>
1138</section> 
1139
1140 
1141
1142<style>
1143      .lds-ripple div {
1144        border: 4px solid #0055a5;
1145      }
1146</style> 
1147
1148 
1149               
1150
1151                    <div class="wrapper">
1152                        <h2 class="account-menu__main-title account-title-sidebar">Account</h2>
1153                        <div class="loader" style="display:none">
1154    <div class="lds-ripple">
1155        <div></div>
1156        <div></div>
1157    </div>
1158</div> 
1159
1160 
1161                        <div class="account-menu__tabs">
1162                            <div class="account-menu__tab-item details guest">
1163                                <div class="account-menu__icon account-menu__icon--account"></div>
1164                                <div class="account-menu__info">
1165
1166                                    <div class="account-menu__title guest sign-register-link">Register or sign in</div>
1167                                </div>
1168                            </div>
1169
1170                           
1171
1172                            <a href="/en-au/account/personal-details/" class="logged-in">
1173                                <div class="account-menu__tab-item details">
1174                                    <div class="account-menu__icon account-menu__icon--account"></div>
1175                                    <div class="account-menu__info">
1176                                        <div class="account-menu__title">Personal Details</div>
1177                                        <div class="account-menu__subtitle">Name, saved addresses, password</div>
1178                                    </div>
1179                                </div>
1180                            </a>
1181
1182                            <a href="/en-au/account/vehicles/" class="logged-in">
1183                                <div class="account-menu__tab-item vehicles">
1184                                    <div class="account-menu__icon account-menu__icon--vehicle"></div>
1185                                    <div class="account-menu__info">
1186                                        <div class="account-menu__title">Vehicles</div>
1187                                    </div>
1188                                </div>
1189                            </a>
1190                            <a href="/en-au/account/purchases/" class="logged-in">
1191                                <div class="account-menu__tab-item bookings">
1192                                    <div class="account-menu__icon account-menu__icon--booking"></div>
1193                                    <div class="account-menu__info">
1194                                        <div class="account-menu__title">Purchases</div>
1195                                    </div>
1196                                </div>
1197                            </a>
1198                            <a href="/en-au/account/payment-methods/" class="logged-in">
1199                                <div class="account-menu__tab-item payment-method">
1200                                    <div class="account-menu__icon account-menu__icon--payment"></div>
1201                                    <div class="account-menu__info">
1202                                        <div class="account-menu__title">Payment Methods</div>
1203                                    </div>
1204                                </div>
1205                            </a>
1206                        
1207                            <a href="/en-au/account/receipt-activity/" class="logged-in">
1208                                <div class="account-menu__tab-item receipts">
1209                                    <div class="account-menu__icon account-menu__icon--payment"></div>
1210                                    <div class="account-menu__info">
1211                                        <div class="account-menu__title">Activity Statement</div>
1212                                    </div>
1213                                </div>
1214                            </a>
1215                            <a href="/en-au/account/preferences/" class="logged-in">
1216                                <div class="account-menu__tab-item preferences">
1217                                    <div class="account-menu__icon account-menu__icon--preferences"></div>
1218                                    <div class="account-menu__info">
1219                                        <div class="account-menu__title">Preferences</div>
1220                                    </div>
1221                                </div>
1222                            </a>
1223                        </div>
1224                    </div>
1225                </div>
1226                <div class="account-menu__lower">
1227                    <div class="wrapper">
1228                        <h3>General</h3>
1229                        <div class="account-menu__tabs">
1230                            <a href="/en-au/contact-us/">
1231                                <div class="account-menu__tab-item account-menu__tab-item--secondary">
1232                                    <div class="account-menu__icon account-menu__icon--help"></div>
1233                                    <div class="account-menu__info">
1234                                        <div class="account-menu__title">Help</div>
1235                                    </div>
1236                                </div>
1237                            </a>
1238                            <a href="/en-au/about/stuff-to-know/">
1239                                <div class="account-menu__tab-item account-menu__tab-item--secondary">
1240                                    <div class="account-menu__icon account-menu__icon--file"></div>
1241                                    <div class="account-menu__info">
1242                                        <div class="account-menu__title">Legal</div>
1243                                    </div>
1244                                </div>
1245                            </a>
1246                            <a href="" class="logged-in">
1247                                <div class="account-menu__tab-item account-menu__tab-item--secondary logout">
1248                                    <div class="account-menu__icon account-menu__icon--signout"></div>
1249                                    <div class="account-menu__info">
1250                                        <div class="account-menu__title">
1251                                            <button type="button" class="btn btn-success">Sign Out<button></div>
1252                                            </div>
1253                                        </div>
1254                                    </a>
1255                                </div>
1256                            </div>
1257                        </div>
1258                    
1259
1260                </section>
1261
1262 
1263
1264 
1265    <section class="booking-tabs booking-tabs--desktop site-panel" data-site-panel="booking">
1266    <div class="booking-details__breadcrumb booking-details__breadcrumb--desktop" style="display: none;">
1267        <span></span>
1268        <p>Back</p>
1269    </div>
1270    <div class="booking-list__breadcrumb booking-list__breadcrumb--desktop" style="display: none;position:absolute;">
1271        <span></span>
1272        <p>Back</p>
1273    </div>
1274    <div class="booking-amend__breadcrumb" style="display: none;" data-action="amend-back"> 
1275        <span></span> 
1276        <p>Back</p> 
1277    </div> 
1278    <section class="status-bar">
1279    <div class="icon"></div>
1280    <div class="text"></div>
1281</section> 
1282
1283  
1284    <div class="booking-tabs__upper">
1285
1286      <section class="booking-amend wrapper">
1287    <section data-view="time-date-picker" style="display: none;">
1288    <div class="booking-amend__wrapper current-date">
1289        <div class="booking-details__dets">
1290    <div class="booking-details__prod-info">
1291        <span class="icon"></span>
1292        <span class="category"></span>
1293    </div>
1294<div class="booking-details__subheading">Your current purchase</div>
1295    <div class="cart-item__date"></div>
1296    <div class="cart-item__entry-info">
1297
1298        <div class="cart-item__spec enter">
1299            <div class="cart-item__instruction">Enter after</div>
1300            <div class="cart-item__time"></div>
1301            <div class="cart-item__date-info"></div>
1302        </div>
1303        <div class="cart-item__spec exit">
1304            <div class="cart-item__instruction">Exit before</div>
1305            <div class="cart-item__time"></div>
1306            <div class="cart-item__date-info"></div>
1307        </div>
1308    </div>
1309
1310</div> 
1311
1312 
1313    </div>
1314    <section class="booking-amend__date-time">
1315    <div class="datetime-fields">
1316    <div class="datetime-fields__item">
1317        <label class="small-label">Entry date<sup>&#42;</sup></label>
1318        <div class="datetime-fields__item-wrapper">
1319            <span class="icon date"></span>
1320            <input class="entry-date datetime-fields__input date" type="date">
1321            <div class="datetime-fields__placeholder">Select Entry Date</div>
1322        </div>
1323    </div>
1324   
1325    <div class="datetime-fields__item">
1326        <label class="small-label">Entry time<sup>&#42;</sup></label>
1327          <div class="datetime-fields__item-wrapper">
1328            <span class="icon time"></span>
1329            <input class="entry-time datetime-fields__input time" type="time">
1330            <div class="datetime-fields__placeholder">Select Entry Time</div>
1331        </div>
1332    </div>
1333
1334    <div class="datetime-fields__item">
1335        <label class="small-label">Exit date<sup>&#42;</sup></label>
1336        <div class="datetime-fields__item-wrapper">
1337            <span class="icon date"></span>
1338            <input class="exit-date datetime-fields__input date" type="date">
1339            <div class="datetime-fields__placeholder">Select Exit Date</div>
1340        </div>
1341    </div>
1342    <div class="datetime-fields__item">
1343        <label class="small-label">Exit time<sup>&#42;</sup></label>
1344        <div class="datetime-fields__item-wrapper">
1345            <span class="icon time"></span>
1346            <input class="exit-time datetime-fields__input time" type="time">
1347            <div class="datetime-fields__placeholder">Select Exit Time</div>
1348        </div>
1349    </div>
1350</div>
1351 
1352
1353 
1354</section> 
1355
1356 
1357
1358    <div class="booking-amend__wrapper new-date">
1359
1360        <div class="booking-details__dets">
1361    <div class="booking-details__prod-info">
1362        <span class="icon"></span>
1363        <span class="category"></span>
1364    </div>
1365<div class="booking-details__subheading">Your current purchase</div>
1366    <div class="cart-item__date"></div>
1367    <div class="cart-item__entry-info">
1368
1369        <div class="cart-item__spec enter">
1370            <div class="cart-item__instruction">Enter after</div>
1371            <div class="cart-item__time"></div>
1372            <div class="cart-item__date-info"></div>
1373        </div>
1374        <div class="cart-item__spec exit">
1375            <div class="cart-item__instruction">Exit before</div>
1376            <div class="cart-item__time"></div>
1377            <div class="cart-item__date-info"></div>
1378        </div>
1379    </div>
1380
1381</div> 
1382
1383 
1384    </div>
1385
1386    <section class="booking-amend__action-buttons amendment-step">
1387
1388        <div class="booking-amend__btn-container">
1389            <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div>
1390            <div class="primary-btn booking-amend__proceed-payment">Confirm change</div>
1391        </div>
1392
1393    </section>
1394
1395        <section class="booking-amend__action-buttons cancel-step" style="display:none;">
1396
1397        <div class="booking-amend__btn-container">
1398            <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div>
1399            <div class="primary-btn booking-amend__cancel-confirm">Cancel now</div>
1400        </div>
1401
1402    </section>
1403
1404
1405</section> 
1406
1407  
1408    <section class="booking-amend__pricing-summary" data-view="pricing-summary" style="display: none;">
1409    <div class="booking-amend__cancel-booking-refund-info" style="display: none;">
1410    <h2>Cancel</h2>
1411    <p class="refund-info">Your refund will be reimbursed to your original payment method.</p>
1412
1413    <div class="virtual-payment-warning-box" style="display: none;">
1414        <div class="flex">
1415            <div class="error-circle"></div>
1416            <p>When Google Pay/Apple Pay was used for the original purchase, we require you to verify your payment details and card used by re-selecting Google Pay/Apple Pay and confirming the cancellation fee can be charged. The original cost will then be refunded to your original payment card.</p>
1417        </div>
1418    </div>
1419</div> 
1420
1421 
1422    <div class="booking-amend__wrapper new-date">
1423        <div class="booking-details__dets">
1424    <div class="booking-details__prod-info">
1425        <span class="icon"></span>
1426        <span class="category"></span>
1427    </div>
1428<div class="booking-details__subheading">Your current purchase</div>
1429    <div class="cart-item__date"></div>
1430    <div class="cart-item__entry-info">
1431
1432        <div class="cart-item__spec enter">
1433            <div class="cart-item__instruction">Enter after</div>
1434            <div class="cart-item__time"></div>
1435            <div class="cart-item__date-info"></div>
1436        </div>
1437        <div class="cart-item__spec exit">
1438            <div class="cart-item__instruction">Exit before</div>
1439            <div class="cart-item__time"></div>
1440            <div class="cart-item__date-info"></div>
1441        </div>
1442    </div>
1443
1444</div> 
1445
1446 
1447    </div>
1448    <div class="gift-card__wrapper logged-in">
1449    <div class="gift-card">
1450        <span class="gift-card__icon"></span>
1451        <p>Add gift card</p>
1452    </div>
1453
1454    <div class="gift-card__container">
1455        <div class="gift-card__select-wrapper">
1456
1457            <select name="gift-cards" class="gift-card__list">
1458                <option value="" disabled selected hidden>Select</option>
1459                
1460            </select>
1461        </div>
1462        <div class="gift-card__input-wrapper">
1463            <input placeholder="Enter amount" class="gift-card__input">
1464            <div class="gift-card__apply-btn">Apply</div>
1465        </div>
1466
1467        <div class="gift-card__summary-list">
1468        </div>
1469    </div>
1470</div> 
1471
1472 
1473    <div class="booking-details__summary">
1474        <div class="booking-details__summary-title">About your <span class="summary-label">updated purchase</span></div>
1475        <div class="booking-details__summary-rows">
1476            <div class="booking-details__col">
1477                <span class="bays original-cost-label">Original Cost</span>
1478                <span class="original-cost"></span>
1479            </div>
1480            <div class="booking-details__col booking-fee-container" style="display: none;"> 
1481                <span class="bays booking-fee-label">Admin Fee</span> 
1482                <span class="booking-fee"></span> 
1483            </div>
1484            <div class="booking-details__col surcharge-container" style="display: none;"> 
1485                <span class="bays surcharge-label">Surcharge</span> 
1486                <span class="surcharge"></span> 
1487            </div> 
1488            <div class="booking-details__col">
1489                <span class="bays new-cost-label">New Cost</span>
1490                <span class="new-cost"></span>
1491            </div>
1492            <div class="gift-card-details__summary">
1493                <div class="gift-card-details__col"></div>
1494            </div>
1495        </div>
1496        <div class="booking-details__total">
1497            <span class="total-change-cost-label">Total change cost</span>
1498            <span class="total-change-cost"></span>
1499        </div>
1500        <div style="display: none;" class="booking-details__gift-card-issue giftcard">Your parking changes mean that you are entitled to a credit. A giftcard will be created for you to use towards your upcoming purchases.</div>
1501        <div style="display: none;" class="booking-details__gift-card-issue refund">Your refund will be applied to the card that was first used to pay for your parking.</div>
1502        <div style="display: none;" class="booking-details__gift-card-issue special-note">Note: If using Pre-paid debit cards, where refunds are not permitted, please contact us on 02 8000 8790 for support.</div>
1503    </div>
1504    <section class="booking-amend__action-buttons payment-summary">
1505        <div class="booking-amend__btn-container">
1506            <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div>
1507            <div class="primary-btn booking-amend__proceed-payment">Proceed to payment</div>
1508            <div class="booking-amend__proceed-cancel cta-full" style="display:none;">Cancel now</div> 
1509        </div>
1510    </section>
1511</section> 
1512
1513 
1514    <section class="booking-amend__complete-payment" style="display: none;" data-view="finalise-amendment" data-site-panel="amend-payment" data-cart-panel="amend-payment">
1515    <div class="booking-amend__cancel-booking-refund-info" style="display: none;">
1516    <h2>Cancel</h2>
1517    <p class="refund-info">Your refund will be reimbursed to your original payment method.</p>
1518
1519    <div class="virtual-payment-warning-box" style="display: none;">
1520        <div class="flex">
1521            <div class="error-circle"></div>
1522            <p>When Google Pay/Apple Pay was used for the original purchase, we require you to verify your payment details and card used by re-selecting Google Pay/Apple Pay and confirming the cancellation fee can be charged. The original cost will then be refunded to your original payment card.</p>
1523        </div>
1524    </div>
1525</div> 
1526
1527 
1528    <div class="finalise-amend-payment-components">
1529        <div class="booking-amend__wrapper new-date">
1530            <div class="booking-details__dets">
1531    <div class="booking-details__prod-info">
1532        <span class="icon"></span>
1533        <span class="category"></span>
1534    </div>
1535<div class="booking-details__subheading">Your current purchase</div>
1536    <div class="cart-item__date"></div>
1537    <div class="cart-item__entry-info">
1538
1539        <div class="cart-item__spec enter">
1540            <div class="cart-item__instruction">Enter after</div>
1541            <div class="cart-item__time"></div>
1542            <div class="cart-item__date-info"></div>
1543        </div>
1544        <div class="cart-item__spec exit">
1545            <div class="cart-item__instruction">Exit before</div>
1546            <div class="cart-item__time"></div>
1547            <div class="cart-item__date-info"></div>
1548        </div>
1549    </div>
1550
1551</div> 
1552
1553 
1554        </div>
1555        <div class="booking-details__summary">
1556            <div class="booking-details__summary-title">About your <span class="summary-label">updated purchase</span></div>
1557            <div class="booking-details__summary-rows">
1558                <div class="booking-details__col">
1559                    <span class="original-cost-label bays">Original Cost</span>
1560                    <span class="original-cost"></span>
1561                </div>
1562                <div class="booking-details__col booking-fee-container" style="display: none;">
1563                    <span class="bays booking-fee-label">Admin Fee</span>
1564                    <span class="booking-fee"></span>
1565                </div>
1566                <div class="booking-details__col">
1567                    <span class="new-cost-label bays">New Cost</span>
1568                    <span class="new-cost"></span>
1569                </div>
1570                <div class="booking-details__col surcharge-container" style="display: none;"> 
1571                    <span class="bays surcharge-label">Surcharge</span> 
1572                    <span class="surcharge-cost"></span> 
1573                </div> 
1574                <div class="booking-details__col giftcard-fee-container" style="display: none;">
1575                    <div class="gift-card-details__col" style="width: 100%"></div>
1576                </div>
1577            </div>
1578            <div class="booking-details__total">
1579                <span class="total-change-cost-label">Total change cost</span>
1580                <span class="total-change-cost"></span>
1581            </div>
1582            <div style="display: none;" class="booking-details__gift-card-issue giftcard">
1583                Your parking changes mean that you are entitled to a credit. A giftcard will be created for you to use towards your upcoming purchases.
1584            </div>
1585            <div style="display: none;" class="booking-details__gift-card-issue refund">
1586                Your refund will be applied to the card that was first used to pay for your parking.
1587            </div>
1588            <div style="display: none;" class="booking-details__gift-card-issue special-note">Note: If using Pre-paid debit cards, where refunds are not permitted, please contact us on 02 8000 8790 for support</div>
1589        </div>
1590        <div class="cart-payment__paragraph surcharge-message">
1591             
1592
1593 
1594        </div>
1595        <div class="cart-payment__elements-wrapper loading">
1596    <div class="loader">
1597        <div class="lds-ripple">
1598            <div></div>
1599            <div></div>
1600        </div>
1601    </div>
1602    <div
1603        class="element-wrapper" style="display: none;">
1604        <!-- Message bried -->
1605        <div class="cart-payment__message-brief cart-payment__summary" style="display: none">
1606            <div class="wrapper">
1607                <div class="message"></div>
1608            </div>
1609        </div>
1610        <!-- Card found - select card -->
1611        <div class="cart-payment__card-info" data-cart-payment-type="select-card" style="display: none">
1612            <div class="cart-payment__icon"></div>
1613            <div class="cart-payment__info">
1614                <div class="cart-payment__title"></div>
1615            </div>
1616        </div>
1617        <!-- card found - CVV field addition -->
1618        <div class="payment-form-location cvv-only" data-payment-wrapper="payment-form-wrapper" style="display: none"></div>
1619        <!-- No card found - add a card -->
1620        <div class="cart-payment__card-info" data-cart-payment-type="add-or-update-card" style="display: none">
1621            <div class="cart-payment__icon"></div>
1622            <div class="cart-payment__info">
1623                <div class="cart-payment__title"></div>
1624            </div>
1625        </div>
1626    </div>
1627</div> 
1628
1629 
1630    </div>
1631    <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage">
1632    <div class="manage-payment__top-section">
1633        <div class="wrapper">
1634            <h2>Manage payment methods</h2>
1635            <div class="manage-payment__loading">
1636                <div class="lds-ripple loader">
1637                    <div></div>
1638                    <div></div>
1639                </div>
1640            </div>
1641            <div class="manage-payment__empty">
1642                Your payment methods list is empty - add a new one below.
1643                <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
1644            </div>
1645            <!-- append cards list here -->
1646            <div class="customer-cards-list"></div>
1647        </div>
1648    </div>
1649    <div class="manage-payment__bottom-section">
1650        <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review">
1651            <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div>
1652            <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div>
1653        </div>
1654             <div class="manage-payment__limit"> 
1655            You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 
1656        </div> 
1657    </div>
1658</section>
1659 
1660
1661 
1662    <section class="add-card add-card-review" data-cart-panel="add-card-review">
1663    <div class="breadcrumb internal account-back payment-methods-back" style="display:none;">
1664        <span></span>
1665        <a>Back</a>
1666    </div>
1667    <div class="wrapper">
1668        <div class="title">
1669            <h2></h2>
1670        </div>
1671        <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
1672       <div class="test" data-payment-wrapper="account-sidebar"></div> 
1673    </div>
1674    <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div>
1675</section>
1676
1677 
1678
1679 
1680    <section class="booking-amend__action-buttons complete-payment">
1681        <div class="booking-amend__btn-container">
1682            <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div>
1683            <div class="booking-total-0 cta-full" style="display: none;">Change now</div>
1684            <div class="cart-payment__book-btn" style="display: none"></div>
1685        </div>
1686
1687    </section>
1688    <section class="booking-amend__action-buttons complete-cancellation">
1689        <div class="booking-amend__btn-container">
1690            <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div>
1691            <div class="booking-amend__proceed-cancel cta-full">Cancel now</div>
1692        </div>
1693    </section>
1694</section> 
1695
1696 
1697</section> 
1698
1699 
1700      <section class="booking-cancel" style="display: none;" data-view="cancel-screen">
1701 
1702<div class="booking-cancel__summary"></div>  
1703
1704     <section class="booking-amend__action-buttons cancel-booking">
1705
1706        <div class="booking-amend__btn-container">
1707            <div class="primary-btn primary-btn--red" data-action="cancel-all">Cancel change</div>
1708                <div class="booking--group-cancel cta-full">Cancel now</div>
1709
1710        </div>
1711
1712    </section>
1713 
1714</section> 
1715
1716 
1717      <section class="booking-amend__pricing-summary" data-view="cancel-pricing-summary" style="display: none;">
1718
1719
1720
1721
1722    <div class="booking-details__summary">
1723        <div class="booking-details__summary-title">About your <span class="summary-label">updated purchase</span></div>
1724        <div class="booking-details__summary-rows">
1725            <div class="booking-details__col">
1726                <span class="bays original-cost-label">Original Cost</span>
1727                <span class="original-cost"></span>
1728                </div>
1729            <div class="booking-details__col booking-fee-container" style="display: none;">
1730                <span class="bays booking-fee-label">Admin Fee</span>
1731                <span class="booking-fee"></span>
1732            </div>
1733            
1734            <div class="booking-details__col">
1735                <span class="bays new-cost-label">New cost</span>
1736                <span class="new-cost"></span>
1737            </div>
1738            <div class="booking-details__col booking-fee-container" style="display: none;">
1739                <span class="bays booking-fee-label">Surcharge</span>
1740                <span class="booking-fee"></span>
1741            </div>
1742
1743        </div>
1744        <div class="booking-details__total">
1745            <span class="total-change-cost-label">Total change cost</span>
1746            <span class="total-change-cost"></span>
1747        </div>
1748        <div style="display: none;" class="booking-details__gift-card-issue giftcard">Your parking changes mean that you are entitled to a credit. A giftcard will be created for you to use towards your upcoming purchases.</div>
1749        <div style="display: none;" class="booking-details__gift-card-issue refund">Your refund will be applied to the card that was first used to pay for your parking.</div>
1750        <div style="display: none;" class="booking-details__gift-card-issue special-note">Note: If using Pre-paid debit cards, where refunds are not permitted, please contact us on 02 8000 8790 for support</div>
1751
1752    </div>
1753
1754
1755    <section class="booking-amend__action-buttons payment-summary">
1756
1757        <div class="booking-amend__btn-container">
1758            <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div>
1759            <div class="primary-btn booking-amend__proceed-payment">Proceed to payment</div>
1760            <div class="booking-amend__proceed-cancel cta-full" style="display:none;">Cancel now</div> 
1761
1762        </div>
1763
1764    </section>
1765
1766</section> 
1767
1768 
1769      <div class="wrapper">
1770    
1771        <h2 class="booking-tabs__main-title">Purchases</h2>
1772    
1773    <div class="booking-tabs__tabs">
1774        <div class="booking-tabs__tab upcoming">Upcoming</div>
1775        <div class="booking-tabs__tab past">Past</div>
1776    </div>
1777
1778    <!-- upcoming items -->
1779    <div class="booking-tabs__items upcoming shared">
1780        <!-- empty view for upcoming items-->
1781           <div class="booking-tabs__empty upcoming-empty" style="display: none;">
1782            <div class="booking-tabs__empty-content">
1783                <div class="booking-tabs__empty-title">No upcoming purchases found</div>
1784                <a href="/en-au/car-parks/" alt="Find a Park Page">
1785                    <div class="cta-full">
1786                        Find a park
1787                    </div>
1788                </a>
1789            </div>
1790        </div> 
1791
1792 
1793
1794    </div>
1795
1796    <!-- past items -->
1797    <div class="booking-tabs__items past hidden shared">
1798        <!-- empty view for past items-->
1799           <div class="booking-tabs__empty past-empty" style="display: none;">
1800            <div class="booking-tabs__empty-content">
1801                <div class="booking-tabs__empty-title">No past purchases found</div>
1802                <a href="/en-au/car-parks/" alt="Find a Park Page">
1803                    <div class="cta-full">
1804                        Find a park
1805                    </div>
1806                </a>
1807            </div>
1808        </div> 
1809
1810 
1811
1812    </div>
1813
1814    <!-- guest view - if not logged in -->
1815       <div class="booking-tabs__guest guest">
1816        <div class="booking-tabs__guest-content">
1817
1818            <div class="booking-tabs__guest-title">Create an account or sign in to purchase parking</div>
1819            <div class="cta-full">
1820                Sign in or register
1821            </div>
1822        </div>
1823    </div> 
1824
1825 
1826    <!-- loading symbol -->
1827    <div class="booking-tabs__loader-wrapper">
1828        <div class="loader" style="display:none">
1829    <div class="lds-ripple">
1830        <div></div>
1831        <div></div>
1832    </div>
1833</div> 
1834
1835 
1836    </div>
1837
1838</div>
1839<template id="template-booking-tabs-item">
1840    <div class="booking-tabs__item ">
1841        <div class="booking-tabs__flex-wrapper">
1842            <div class="booking-tabs__first-section">
1843                <div class="booking-tabs__icon-wrapper booking-tabs__icon-wrapper--desktop">
1844                    <div class="booking-tabs__icon booking-tabs__icon--desktop"></div>
1845                </div>
1846                <div class="booking-tabs__main-info">
1847                    <div class="booking-tabs__title">
1848                        <div class="booking-tabs__icon-wrapper booking-tabs__icon-wrapper--mobile">
1849                            <div class="booking-tabs__icon booking-tabs__icon--mobile"></div>
1850                        </div>
1851                        <span style="display: none;" class="booking-details__cancelled-label">Cancelled </span>
1852                    </div>
1853                    <div class="booking-tabs__time">
1854                        <span></span>
1855                    </div>
1856                </div>
1857            </div>
1858
1859            <div class="booking-tabs__info-wrapper">
1860                <div class="booking-tabs__info">
1861
1862                    <div class="booking-tabs__entry-info"></div>
1863
1864                </div>
1865            </div>
1866
1867        </div>
1868        <div class="booking-tabs__right-wrapper">
1869            <div class="booking-tabs__plate-wrapper" hidden>
1870                <div class="booking-tabs__plate-view">
1871                    <span class="booking-tabs__plate"></span>
1872                    <button type="button" class="booking-tabs__plate-edit" hidden
1873                            aria-label="Change licence plate"></button>
1874                </div>
1875                <div class="booking-tabs__plate-form" hidden>
1876                    <input class="booking-tabs__plate-input" type="text" aria-label="Licence plate"
1877                           autocomplete="off" autocapitalize="characters" />
1878                    <button type="button" class="booking-tabs__plate-save primary-btn">Save</button>
1879                    <button type="button" class="booking-tabs__plate-cancel primary-btn">Cancel</button>
1880                    <span class="booking-tabs__plate-error" role="alert" hidden></span>
1881                </div>
1882            </div>
1883            <div class="booking-tabs__qr-wrapper">
1884                <div class="booking-tabs__qr-code"></div>
1885            </div>
1886        </div>
1887
1888        <section class="booking-details" style="display: none;">
1889    <div class="booking-details__code-wrapper">
1890        <div class="booking-details__title-wrapper">
1891            <div class="booking-details__title"></div>
1892            <div class="booking-details__share"></div>
1893        </div>
1894        <div class="booking-details__address"></div>
1895        <div class="booking-details__qr-container"></div>
1896        <div class="booking-details__pin-wrapper">
1897            <div class="booking-details__info">Access car park with code </div>
1898            <div class="booking-details__pin">PIN </div>
1899        </div>
1900        <div class="booking-details__lpr-wrapper" hidden>
1901            <div class="booking-details__info">Licence plate</div>
1902            <div class="booking-details__lpr-view">
1903                <div class="booking-details__lpr"></div>
1904                <button type="button" class="booking-details__lpr-edit" hidden
1905                        aria-label="Change licence plate"></button>
1906            </div>
1907            <div class="booking-details__lpr-form" hidden>
1908                <input class="booking-details__lpr-input" type="text" aria-label="Licence plate"
1909                       autocomplete="off" autocapitalize="characters" />
1910                <div class="booking-details__lpr-actions">
1911                    <button type="button" class="primary-btn booking-details__lpr-save">Save</button>
1912                    <button type="button" class="primary-btn booking-details__lpr-cancel">Cancel</button>
1913                </div>
1914                <span class="booking-details__lpr-error" role="alert" hidden></span>
1915            </div>
1916            <p class="booking-details__lpr-note"></p>
1917        </div>
1918    </div>
1919        <div class="booking-details__btn-wrapper">
1920        <div class="cta-full directions">
1921            <span class="location"></span> Get directions
1922        </div>
1923    </div>
1924
1925  <div class="wrapper-map-left--mobile car-park-entrance-tabs">
1926            <div class="car-park-detail__info">
1927                <div class="car-park-detail__img car-park-detail__img--photo">
1928                    <div class="car-park-detail__img-wrapper car-park-detail__img-wrapper--img-tab">
1929                    </div>
1930                </div>
1931
1932                <div class="car-park-detail__img car-park-detail__img--map hidden">
1933                    <div class="car-park-detail__img-wrapper car-park-detail__img-wrapper--map-tab">
1934                    </div>
1935                </div>
1936
1937                <div class="car-park-detail__entrance">
1938                    <div class="car-park-detail__entrance-item upper" id="dropdownMenuButton1">
1939                    </div>
1940                    <ul class="dropdown-content" aria-labelledby="dropdownMenuButton1">
1941                    </ul>
1942                </div>
1943
1944                <div class="car-park-detail__tabs">
1945                    <div class="car-park-detail__tab-item photo active">
1946                        Photo
1947                    </div>
1948                    <div class="car-park-detail__tab-item map">
1949                        Map
1950                    </div>
1951                </div>
1952            </div>
1953
1954        </div> 
1955
1956 
1957
1958<div class="booking-details__dets">
1959    <div class="booking-details__prod-info">
1960        <span class="icon"></span>
1961        <span class="category"></span>
1962    </div>
1963<div class="booking-details__subheading">Your current purchase</div>
1964    <div class="cart-item__date"></div>
1965    <div class="cart-item__entry-info">
1966
1967        <div class="cart-item__spec enter">
1968            <div class="cart-item__instruction">Enter after</div>
1969            <div class="cart-item__time"></div>
1970            <div class="cart-item__date-info"></div>
1971        </div>
1972        <div class="cart-item__spec exit">
1973            <div class="cart-item__instruction">Exit before</div>
1974            <div class="cart-item__time"></div>
1975            <div class="cart-item__date-info"></div>
1976        </div>
1977</div>
1978
1979</div>
1980
1981 
1982    <div class="cart-item__important">
1983        <h2>Important information</h2>
1984        <span class="cart-info__details"></span>
1985        <p class="booking-bluetooth-info"></p>
1986    </div>
1987
1988    <div class="booking-details__summary">
1989        <div class="booking-details__summary-title">About your purchase</div>
1990        <div class="booking-details__summary-rows">
1991            <div class="booking-details__col" style="display: none;">
1992                <span class="bays">Licence Plate</span>
1993                <span class="license-plate"></span>
1994            </div>
1995            <div class="booking-details__col"><span class="bays">Parking cost</span ><span class="parking-price"></span></div>
1996            <div class="booking-details__col"><span class="bays">Admin fee</span ><span class="fee-price"></span></div>
1997            <div class="booking-details__col"><span class="bays">Surcharge</span ><span class="surcharge"></span></div> 
1998            <div class="booking-details__col"> 
1999                <span class="bays giftcard-name"></span > 
2000                <span class="giftcard"></span> 
2001            </div> 
2002            <div class="booking-details__col"> 
2003                <span class="bays voucher-name"></span > 
2004                <span class="voucher"></span> 
2005            </div> 
2006        </div>
2007        <div class="booking-details__total"><span>Total</span><span class="cost"></span></div>
2008
2009    </div>
2010    <a href="/en-au/contact-us" target="_blank">
2011        <div class="account-menu__tab-item account-menu__tab-item--secondary">
2012            <div class="account-menu__icon account-menu__icon--query"></div>
2013            <div class="account-menu__info">
2014                <div class="account-menu__title">Need Help</div>
2015            </div>
2016        </div>
2017    </a>
2018    
2019    <div class="booking-details__terms">
2020        <div class="booking-details__term-wrapper">
2021            <div class="booking-details__term-icon"></div>
2022            <h3>Terms & Conditions</h3>
2023        </div>
2024        <p>Prior to confirming payment you are required to read and accept the <a  href="/en-au/about/stuff-to-know/booking-terms/" title="Booking terms and conditions" target="_blank" rel="noopener">terms and conditions</a> and acknowledge that car parks may be unavailable due to unforeseen circumstances. In which case you may be directed to another car park or we may refund your Parking Fee if the selected car park is unavailable at entry time.</p>
2025<p><a  href="/en-au/about/stuff-to-know/" title="available here for authoring" target="_blank" rel="noopener">Click here for full terms and conditions</a></p>
2026    </div>
2027
2028
2029
2030         
2031
2032 
2033    <div class="booking-details__download booking-details__download--item">
2034        <div class="booking-details__download-wrapper">
2035            <div class="booking-details__download-icon"></div>
2036            <h2>Download receipt</h2>
2037        </div>
2038    </div>
2039
2040</section>
2041<section class="qr-scan" style="display: none;">
2042
2043    <div class="qr-scan__code-wrapper">
2044        <div class="qr-scan__breadcrumb">
2045            <span></span>
2046            <p>Back</p>
2047        </div>
2048
2049        <div class="qr-scan__info-wrapper">
2050            <div class="qr-scan__inner">
2051                <div class="qr-scan__subtitle">Scan QR to enter</div>
2052
2053                <div class="qr-scan__title"></div>
2054
2055                <div class="qr-scan__qr-container">
2056
2057                </div>
2058                <div class="qr-scan__pin-wrapper">
2059                    <div class="qr-scan__info">Or access with PIN </div>
2060                    <div class="qr-scan__pin"></div>
2061                </div>
2062            </div>
2063        </div>
2064
2065    </div>
2066</section> 
2067
2068 
2069
2070
2071
2072
2073
2074
2075 
2076
2077 
2078        
2079    </div>
2080</template> 
2081
2082  
2083
2084 
2085    </div>
2086       <div class="booking-details__booking-wrapper" style="display: none;">
2087        <div class="wrapper">
2088            <div class="booking-details__book">
2089              <div class="booking-details__btn-container"> 
2090                <div class="primary-btn primary-btn--red booking-details__cancel">Cancel</div>
2091                <div class="primary-btn booking-details__amend" data-is-cancel="false">Change</div>
2092              </div>
2093            </div>
2094              <div class="booking-details__not-amendable" style="display: none;">
2095         Changes to your purchase at <span class="min-booking-amend-carpark">CarParkName</span> must be made <span class="min-booking-amend">X hours</span> before your parking is due to start.
2096
2097            </div>
2098        </div>
2099    </div> 
2100
2101 
2102
2103</section>
2104 
2105
2106 
2107    <section class="cart cart--desktop site-panel" data-site-panel="cart">
2108    <section class="status-bar">
2109    <div class="icon"></div>
2110    <div class="text"></div>
2111</section> 
2112
2113 
2114    <div class="cart-payment__breadcrumb hidden">
2115        <span></span>
2116        <p class="desktop">Back</p>
2117    </div>
2118      <div class="booking-confirmation-breadcrumb hidden">
2119        <span></span>
2120        <p>Back</p>
2121    </div>
2122    <div class="cart__upper">
2123        <div class="cart-container">
2124    <div class="cart-payment__breadcrumb hidden">
2125        <span></span>
2126        <p>Back</p>
2127    </div>
2128    <section class="cart-shared cart open" data-cart-panel="booking-overview">
2129        <div class="bg-white">
2130            <div class="wrapper">
2131                <div class="cart__main-wrapper active" data-cartcontext="populated" data-showid="cart">
2132                    <div class="cart__top-section">
2133                        <div class="cart__header">
2134                            <h2 class="cart__main-title">Cart</h2>
2135                            <div class="cart__clear-all">
2136                                <span class="text">Remove all</span><span class="icon"></span>
2137                            </div>
2138                        </div>
2139                        <div class="cart__items">
2140                            <!-- Append cart items here -->
2141                        </div>
2142                        <div class="promo-code__wrapper">
2143    <div class="promo-code">
2144        <span class="promo-code__icon"></span>
2145        <p>Add promotional code</p>
2146    </div>
2147
2148    <div class="promo-code__container">
2149        <div class="promo-code__finalise-promotional-btn">
2150            <div class="cta-full">Finalise Details to add a Promotional Code</div>
2151        </div>
2152        <div class="promo-code__promotional-inner-wrapper">
2153            <div class="promo-code__input-wrapper">
2154                <input placeholder="Enter promo code" class="promo-code__input">
2155                <div class="promo-code__apply-btn">Apply</div>
2156            </div>
2157          
2158            <div class="promo-code__list">
2159                <div class="promo-code__name"></div>
2160                <div class="promo-code__remove">Remove<span></span></div>
2161            </div>
2162        </div>
2163    </div>
2164</div> 
2165
2166 
2167                        <div class="gift-card__wrapper logged-in">
2168    <div class="gift-card">
2169        <span class="gift-card__icon"></span>
2170        <p>Add gift card</p>
2171    </div>
2172
2173    <div class="gift-card__container">
2174        <div class="gift-card__select-wrapper">
2175
2176            <select name="gift-cards" class="gift-card__list">
2177                <option value="" disabled selected hidden>Select</option>
2178                
2179            </select>
2180        </div>
2181        <div class="gift-card__input-wrapper">
2182            <input placeholder="Enter amount" class="gift-card__input">
2183            <div class="gift-card__apply-btn">Apply</div>
2184        </div>
2185
2186        <div class="gift-card__summary-list">
2187        </div>
2188    </div>
2189</div> 
2190
2191 
2192                        <div class="cart-item__important bluetooth-gate">
2193</div> 
2194
2195 
2196                    </div>
2197                    <div class="cart__bottom-section">
2198                        <div class="cart__summary-wrapper">
2199                            <div class="cart-details__summary">
2200                                <div class="cart-details__col"><span class="cart-det-title">Parking cost</span><span class="cart-det-info parking-cost">amount</span></div>
2201                                 <div class="cart-details__col"><span class="cart-det-title">Admin Fee</span><span class="cart-det-info booking-fee-savings">savings amount</span><span class="cart-det-info booking-fee">amount</span></div> 
2202                                <div class="cart-details__col"><span class="cart-det-title">Surcharge</span><span class="cart-det-info surcharge">amount</span></div> 
2203                            </div>
2204                            <div class="optional-cart-items">
2205                                <div class="voucher-details__summary cart-brief">
2206                                    <div class="voucher-details__col">
2207                                        <span class="voucher-title voucher-desc"></span>
2208                                        <span class="voucher-info voucher-amount"></span>
2209                                    </div>
2210                                </div>
2211                                <div class="gift-card-details__summary">
2212                                    <div class="gift-card-details__col">
2213                                       <!-- Gift card and amount here?? It is commented out on nunjucks -->
2214                                    </div>
2215                                </div> 
2216                            </div>
2217                            <div class="cart__summary">
2218                                <div class="cart__total"></div>
2219                                <div class="cart__sum"></div>
2220                            </div>
2221                        </div>
2222                        <div class="cart__proceed-btn">
2223                            <button class="cta-full">Proceed to payment</button>
2224                        </div>
2225                        
2226
2227 
2228                    </div>
2229                </div>
2230                <!-- Other States -->
2231                <div class="cart__main-wrapper" data-cartcontext="empty">
2232                    <div class="cart__header">
2233                        <h2 class="cart__main-title">Cart</h2>
2234                    </div>
2235                    <div class="cart__empty">
2236                        <div class="cart__empty-content">
2237                            <div class="cart__empty-title">Your cart is empty</div>
2238                            <a href="/en-au/car-parks/" class="cta-full">
2239                                Find a park
2240                            </a>
2241                        </div>
2242                    </div>
2243                </div>
2244                <div class="cart__main-wrapper" data-cartcontext="unauthorized">
2245                    <div class="cart__header">
2246                        <h2 class="cart__main-title">Cart</h2>
2247                    </div>
2248                    <div class="cart__empty">
2249                        <div class="cart__empty-content">
2250                            <div class="cart__empty-title">Please log in or register to book parking</div>
2251                            <div class="cta-full sign-register-link">
2252                                Sign in or Register
2253                            </div>
2254                        </div>
2255                    </div>
2256                </div>
2257                <div class="cart__main-wrapper" data-cartcontext="error">
2258                    <div class="cart__header">
2259                        <h2 class="cart__main-title">Cart</h2>
2260                    </div>
2261                    <div class="cart__empty">
2262                        <div class="cart__empty-content">
2263                            <div class="cart__empty-title">There was an error fetching your cart, please try again or contact us for assistance</div>
2264                            <a class="cta-full" href="/en-au/contact-us/">
2265                                Contact Us
2266                            </a>
2267                        </div>
2268                    </div>
2269                </div>
2270                <div class="cart__main-wrapper" data-cartcontext="loading">
2271                    <div class="cart__header">
2272                        <h2 class="cart__main-title">Cart</h2>
2273                    </div>
2274                    <div class="cart__empty">
2275                        <div class="cart__empty-content">
2276                            <div class="cart__empty-title">Loading...</div>
2277                        </div>
2278                    </div>
2279                </div>
2280            </div>
2281            <div class="desktop-cart-edit">
2282               <section class="cart__main-wrapper" data-cartcontext="cart-item-edit">
2283    <div class="edit-cart__flex-wrapper">
2284        <div class="car-park-info">
2285            <div>
2286                <div class="icon"></div>
2287                <div class="info">
2288                    <div class="name">$ERR</div>
2289                    <div class="address">$ERR</div>
2290                </div>
2291            </div>
2292        </div>
2293        <div class="datetime-fields__edit-wrapper">
2294        	<div class="datetime-fields">
2295    <div class="datetime-fields__item">
2296        <label class="small-label">Entry date<sup>&#42;</sup></label>
2297        <div class="datetime-fields__item-wrapper">
2298            <span class="icon date"></span>
2299            <input class="entry-date datetime-fields__input date" type="date">
2300            <div class="datetime-fields__placeholder">Select Entry Date</div>
2301        </div>
2302    </div>
2303   
2304    <div class="datetime-fields__item">
2305        <label class="small-label">Entry time<sup>&#42;</sup></label>
2306          <div class="datetime-fields__item-wrapper">
2307            <span class="icon time"></span>
2308            <input class="entry-time datetime-fields__input time" type="time">
2309            <div class="datetime-fields__placeholder">Select Entry Time</div>
2310        </div>
2311    </div>
2312
2313    <div class="datetime-fields__item">
2314        <label class="small-label">Exit date<sup>&#42;</sup></label>
2315        <div class="datetime-fields__item-wrapper">
2316            <span class="icon date"></span>
2317            <input class="exit-date datetime-fields__input date" type="date">
2318            <div class="datetime-fields__placeholder">Select Exit Date</div>
2319        </div>
2320    </div>
2321    <div class="datetime-fields__item">
2322        <label class="small-label">Exit time<sup>&#42;</sup></label>
2323        <div class="datetime-fields__item-wrapper">
2324            <span class="icon time"></span>
2325            <input class="exit-time datetime-fields__input time" type="time">
2326            <div class="datetime-fields__placeholder">Select Exit Time</div>
2327        </div>
2328    </div>
2329</div>
2330 
2331
2332 
2333        </div>
2334        <div class="cart-item__buttons">
2335            <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div>
2336            <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div>
2337        </div>
2338    </div>
2339</section> 
2340
2341 
2342            </div>
2343              <section class="cart-item mobile">
2344    <div class="cart-item__container">
2345        <div class="cart-item__divider-wrapper">
2346            <div class="cart-item__divider"></div>
2347        </div>
2348        <div class="wrapper">
2349            <div class="cart-items">
2350            </div>
2351               <div class="mobile-cart-edit">
2352             <section class="cart__main-wrapper" data-cartcontext="cart-item-edit">
2353    <div class="edit-cart__flex-wrapper">
2354        <div class="car-park-info">
2355            <div>
2356                <div class="icon"></div>
2357                <div class="info">
2358                    <div class="name">$ERR</div>
2359                    <div class="address">$ERR</div>
2360                </div>
2361            </div>
2362        </div>
2363        <div class="datetime-fields__edit-wrapper">
2364        	<div class="datetime-fields">
2365    <div class="datetime-fields__item">
2366        <label class="small-label">Entry date<sup>&#42;</sup></label>
2367        <div class="datetime-fields__item-wrapper">
2368            <span class="icon date"></span>
2369            <input class="entry-date datetime-fields__input date" type="date">
2370            <div class="datetime-fields__placeholder">Select Entry Date</div>
2371        </div>
2372    </div>
2373   
2374    <div class="datetime-fields__item">
2375        <label class="small-label">Entry time<sup>&#42;</sup></label>
2376          <div class="datetime-fields__item-wrapper">
2377            <span class="icon time"></span>
2378            <input class="entry-time datetime-fields__input time" type="time">
2379            <div class="datetime-fields__placeholder">Select Entry Time</div>
2380        </div>
2381    </div>
2382
2383    <div class="datetime-fields__item">
2384        <label class="small-label">Exit date<sup>&#42;</sup></label>
2385        <div class="datetime-fields__item-wrapper">
2386            <span class="icon date"></span>
2387            <input class="exit-date datetime-fields__input date" type="date">
2388            <div class="datetime-fields__placeholder">Select Exit Date</div>
2389        </div>
2390    </div>
2391    <div class="datetime-fields__item">
2392        <label class="small-label">Exit time<sup>&#42;</sup></label>
2393        <div class="datetime-fields__item-wrapper">
2394            <span class="icon time"></span>
2395            <input class="exit-time datetime-fields__input time" type="time">
2396            <div class="datetime-fields__placeholder">Select Exit Time</div>
2397        </div>
2398    </div>
2399</div>
2400 
2401
2402 
2403        </div>
2404        <div class="cart-item__buttons">
2405            <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div>
2406            <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div>
2407        </div>
2408    </div>
2409</section> 
2410
2411 
2412             </div>
2413        </div>
2414    </div>
2415</section>
2416 
2417
2418 
2419    </section>
2420
2421    <div class="cart__overlay"></div>
2422    <section class="cart-payment" data-cart-panel="payment">
2423   <div class="wrapper">
2424      <h2 class="payment-title">Payment</h2>
2425      <p class="promo-notification">Click "&lt; Back" to add a promotional code or update your licence plate</p>
2426      <div class="cart-payment__elements-wrapper loading">
2427    <div class="loader">
2428        <div class="lds-ripple">
2429            <div></div>
2430            <div></div>
2431        </div>
2432    </div>
2433    <div
2434        class="element-wrapper" style="display: none;">
2435        <!-- Message bried -->
2436        <div class="cart-payment__message-brief cart-payment__summary" style="display: none">
2437            <div class="wrapper">
2438                <div class="message"></div>
2439            </div>
2440        </div>
2441        <!-- Card found - select card -->
2442        <div class="cart-payment__card-info" data-cart-payment-type="select-card" style="display: none">
2443            <div class="cart-payment__icon"></div>
2444            <div class="cart-payment__info">
2445                <div class="cart-payment__title"></div>
2446            </div>
2447        </div>
2448        <!-- card found - CVV field addition -->
2449        <div class="payment-form-location cvv-only" data-payment-wrapper="payment-form-wrapper" style="display: none"></div>
2450        <!-- No card found - add a card -->
2451        <div class="cart-payment__card-info" data-cart-payment-type="add-or-update-card" style="display: none">
2452            <div class="cart-payment__icon"></div>
2453            <div class="cart-payment__info">
2454                <div class="cart-payment__title"></div>
2455            </div>
2456        </div>
2457    </div>
2458</div> 
2459
2460 
2461      <div class="cart-payment__items"></div>
2462      <div class="cart-payment__total">
2463         <span>Total</span>
2464         <span class="total">$ERR</span>
2465      </div>
2466   </div>
2467   <div class="cart-payment__paragraph">
2468         
2469
2470 
2471        <p>Price includes GST</p>
2472    </div>
2473   
2474    <div class="booking-details__terms">
2475        <div class="booking-details__term-wrapper">
2476            <div class="booking-details__term-icon"></div>
2477            <h3>Terms & Conditions</h3>
2478        </div>
2479        <p>Prior to confirming payment you are required to read and accept the <a  href="/en-au/about/stuff-to-know/booking-terms/" title="Booking terms and conditions" target="_blank" rel="noopener">terms and conditions</a> and acknowledge that car parks may be unavailable due to unforeseen circumstances. In which case you may be directed to another car park or we may refund your Parking Fee if the selected car park is unavailable at entry time.</p>
2480<p><a  href="/en-au/about/stuff-to-know/" title="available here for authoring" target="_blank" rel="noopener">Click here for full terms and conditions</a></p>
2481    </div>
2482
2483
2484
2485         
2486
2487  
2488   <div class="cart-item__important bluetooth-gate">
2489</div> 
2490
2491  
2492   <div class="cart-payment__book-btn">
2493      
2494   </div>
2495</section>
2496<div class="checkout-manage-cards">
2497   <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage">
2498    <div class="manage-payment__top-section">
2499        <div class="wrapper">
2500            <h2>Manage payment methods</h2>
2501            <div class="manage-payment__loading">
2502                <div class="lds-ripple loader">
2503                    <div></div>
2504                    <div></div>
2505                </div>
2506            </div>
2507            <div class="manage-payment__empty">
2508                Your payment methods list is empty - add a new one below.
2509                <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
2510            </div>
2511            <!-- append cards list here -->
2512            <div class="customer-cards-list"></div>
2513        </div>
2514    </div>
2515    <div class="manage-payment__bottom-section">
2516        <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review">
2517            <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div>
2518            <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div>
2519        </div>
2520             <div class="manage-payment__limit"> 
2521            You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 
2522        </div> 
2523    </div>
2524</section>
2525 
2526
2527 
2528   <section class="add-card add-card-review" data-cart-panel="add-card-review">
2529    <div class="breadcrumb internal account-back payment-methods-back" style="display:none;">
2530        <span></span>
2531        <a>Back</a>
2532    </div>
2533    <div class="wrapper">
2534        <div class="title">
2535            <h2></h2>
2536        </div>
2537        <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
2538       <div class="test" data-payment-wrapper="account-sidebar"></div> 
2539    </div>
2540    <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div>
2541</section>
2542
2543 
2544
2545 
2546</div>
2547
2548<style>
2549    #apple-pay-button {
2550         width: 100%!important;
2551         height: 40px;
2552        -webkit-appearance: -apple-pay-button;
2553        -apple-pay-button-type: plain;
2554        -apple-pay-button-style: black;
2555        @media (min-width: 1100px) {
2556           width: 240px!important;
2557      }
2558    }
2559    #googlePayButtonId {
2560       width: 100%!important;
2561          @media (min-width: 1100px) {
2562           width: auto!important;
2563      }
2564    }
2565    .gpay-card-info-container {
2566       min-width: 100%!important;
2567          @media (min-width: 1100px) {
2568           min-width: 240px!important;
2569      }
2570    }
2571    .payment-buttons {
2572       width: 100%!important;
2573       flex-wrap: wrap;
2574    }
2575   #virtual-payment-form .payment-buttons .apple-pay-button{
2576      @supports not (-webkit-appearance:-apple-pay-button) {
2577         display:none !important;
2578      }
2579   }
2580</style> 
2581
2582 
2583    <div data-cart-panel="customer-details" class="payment-customer-form">
2584
2585        <form class="account-form">
2586    <div class="account-form__item">
2587        <label for="firstName" class="required">First name</label>
2588        <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name">
2589        <span class="error" data-error-for="firstName"></span>
2590    </div>
2591    <div class="account-form__item">
2592        <label for="lastName" class="required">Last name</label>
2593        <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name">
2594        <span class="error" data-error-for="lastName"></span>
2595    </div>
2596    <div class="account-form__item">
2597        <label for="email" class="required">Email address</label>
2598        <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email">
2599        <span class="error" data-error-for="email"></span>
2600    </div>
2601    <div class="account-form__item">
2602        <label for="mobileNumber" class="required">Mobile number</label>
2603        <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel">
2604        <span class="error" data-error-for="mobileNumber"></span>
2605    </div>
2606    <div class="account-form__item">
2607        <label for="countries" class="required">Country</label>
2608
2609        <select name="countries" id="countries">
2610            <option value="" disabled selected hidden>Select</option>
2611            <option value="Australia">Australia</option>
2612            <option value="NewZealand">New Zealand</option>
2613        </select>
2614        <span class="error" data-error-for="countries"></span>
2615    </div>
2616	
2617	<div class="hidden" name="statesDiv" id="statesDiv">
2618        <label class="required" for="states">State</label>
2619
2620        <select name="states" id="states">
2621            <option value="" disabled selected hidden>Select</option>
2622            <option value="NSW">NSW</option>
2623            <option value="VIC">VIC</option>
2624            <option value="QLD">QLD</option>
2625            <option value="SA">SA</option>
2626            <option value="WA">WA</option>
2627            <option value="NT">NT</option>
2628            <option value="ACT">ACT</option>
2629            <option value="TAS">TAS</option>
2630        </select>
2631        <span class="error" data-error-for="states"></span>
2632    </div>
2633	
2634	<div class="account-form__item">
2635        <label for="addressLine1">Address Line 1</label>
2636        <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1">
2637        <span class="error" data-error-for="addressLine1"></span>
2638    </div>
2639	
2640	<div class="account-form__item">
2641        <label for="addressLine2">Address Line 2</label>
2642        <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2">
2643        <span class="error" data-error-for="addressLine2"></span>
2644    </div>
2645	
2646	<div class="account-form__item">
2647        <label for="city">Suburb/City</label>
2648        <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city">
2649        <span class="error" data-error-for="city"></span>
2650    </div>
2651	
2652	<div class="account-form__item">
2653        <label for="postCode">Postcode</label>
2654        <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code">
2655        <span class="error" data-error-for="postCode"></span>
2656    </div>
2657    <div class="account-form__item">
2658        <label for="licenseNumber" class="required">Licence Plate Number</label>
2659        <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7">
2660        <span class="error" data-error-for="licenseNumber"></span>
2661    </div>
2662    <div class="checkboxes-group">
2663        <div class="account-form__item account-form__item--checkbox">
2664            <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a>
2665                <input id="terms" type="checkbox" name="terms" type="checkbox">
2666                <span class="checkmark"></span>
2667              </label>
2668            <span class="error" data-error-for="terms"></span>
2669        </div>
2670  
2671          <div class="account-form__item account-form__item--checkbox">
2672            <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences
2673                <input id="offers" type="checkbox" name="offers" type="checkbox">
2674                <span class="checkmark"></span>
2675              </label>
2676        </div>
2677
2678    </div>
2679    <div class="account-form__loader-wrapper">
2680        <div class="lds-ripple loader" style="display: none;">
2681            <div></div>
2682            <div></div>
2683        </div>
2684    </div>
2685    <div class="account-form__booking-wrapper">
2686        <div class="car-park-detail__book">
2687            <div class="wrapper">
2688                <button data-action="submit" class="account-form__cta disabled" type="submit">
2689                            Save Changes
2690                        </button>
2691            </div>
2692        </div>
2693    </div>
2694</form> 
2695
2696 
2697
2698    </div>
2699 <div class="booking-tabs__bookings-confirmed">
2700    <div class="booking-details__breadcrumb booking-details__breadcrumb--mobile" style="display: none;">
2701       <span></span> <p>Back</p>
2702    </div>
2703     <div class="bookings-back" >
2704        <a href="/en-au/account/purchases">View Purchases</a>
2705    </div>
2706<div class="booking-tabs__items confirmed-payment">
2707<div>
2708</div>
2709 
2710
2711 
2712    </div> 
2713
2714 
2715    </div>
2716</section> 
2717
2718 
2719    <style>
2720.mb-16 {
2721    margin-bottom: 40px;
2722}
2723.my-4 {
2724    margin-top: 10px;
2725    margin-bottom: 10px;
2726}
2727    .lds-ripple {
2728        position: relative;
2729        display: inline-block;
2730        width: 8rem;
2731        height: 8rem;
2732    }
2733    .lds-ripple div {
2734        position: absolute;
2735        opacity: 1;
2736        border-radius: 50%;
2737        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
2738    }
2739    .lds-ripple div:nth-child(2) {
2740        animation-delay: -0.5s;
2741    }
2742    @keyframes lds-ripple {
2743        0% {
2744            top: 36px;
2745            left: 36px;
2746            width: 0;
2747            height: 0;
2748            opacity: 1;
2749        }
2750        100% {
2751            top: 0px;
2752            left: 0px;
2753            width: 72px;
2754            height: 72px;
2755            opacity: 0;
2756        }
2757    }
2758    .hide {
2759        display: none;
2760    }
2761
2762    </style>
2763
2764
2765
2766<section class="mobile-nav">
2767    <div class="wrapper">
2768        <div class="mobile-nav__logo">
2769            <a href="/en-au/"> <img src='https://24twnq5l.media.zestyio.com/logo-marketing.svg'></a>
2770        </div>
2771        <div class="mobile-nav__icons">
2772
2773            <a class="mobile-nav__icon mobile-nav__icon--phone" href="tel:+61280008790"></a>
2774
2775            <div class="mobile-nav__icon mobile-nav__icon--cart">
2776                <div class="cart-circle"> </div>
2777            </div>
2778            <div class="mobile-nav__icon mobile-nav__icon--menu"></div>
2779        </div>
2780    </div>
2781    <!-- Mobile Status Bar -->
2782    <section class="status-bar">
2783    <div class="icon"></div>
2784    <div class="text"></div>
2785</section> 
2786
2787 
2788</section>
2789
2790<section class="mobile-nav-extended">
2791    <div class="mobile-nav-extended__upper">
2792        <div class="wrapper">
2793            <div class="mobile-nav-extended__search">
2794                <span class="mobile-nav-extended__search-icon"></span>
2795                <input placeholder="Search">
2796             
2797            </div>
2798      <div class="loader mobile-content" style="display:none; text-align:center; margin-top: 20px;">
2799                <div class="lds-ripple"><div class="white"></div><div></div></div>
2800            </div>
2801 
2802            
2803        </div>
2804
2805
2806
2807  <div id="content-search-results-mobile" class="search-widget__results" style="display:none">
2808            <div class="search-widget__container">
2809                <div class="search-widget__filters">
2810                    <div class="search-widget__empty-term">Search Term</div>
2811                    <div class="search-widget__clear-all">Clear<span style="background-image: url('https://24twnq5l.media.zestyio.com/grey-close-sign.svg')"></span></div>
2812                </div>
2813            <div class="items"> </div>
2814               
2815
2816            </div>
2817        </div>
2818
2819
2820        <ul class="mobile-nav-extended__primary">
2821
2822
2823                
2824
2825            <li class="mobile-nav-extended__primary-item"><a href="/en-au/parking-solutions/">Parking Solutions</a> 
2826            
2827                <ul class="mobile-nav-extended__secondary">
2828                    <li><a href="/en-au/parking-solutions/">Parking Solutions</a></li>
2829                     
2830                     
2831                        
2832                        
2833                    
2834                    <li><a href="/en-au/parking-solutions/early-bird-parking/">Early Bird Parking</a></li>
2835                     
2836                     
2837                        
2838                        
2839                    
2840                    <li>
2840<a href="/en-au/parking-solutions/hourly-parking/">Hourly Parking</a></li>
2841                     
2842                     
2843                        
2844                        
2845                    
2846                    <li><a href="/en-au/parking-solutions/hotel-and-overnight-parking/">Multi-Day & Overnight Parking</a></li>
2847                     
2848                     
2849                        
2850                        
2851                    
2852                    <li><a href="/en-au/parking-solutions/monthly-parking/">Monthly Parking</a></li>
2853                     
2854                     
2855                        
2856                        
2857                    
2858                    <li><a href="/en-au/parking-solutions/flexi-parking/">Flexi Parking</a></li>
2859                     
2860                     
2861                        
2862                        
2863                    
2864                    <li><a href="/en-au/parking-solutions/night-parking/">Night Parking</a></li>
2865                     
2866                     
2867                        
2868                        
2869                    
2870                    <li><a href="/en-au/parking-solutions/weekend-parking/">Weekend Parking</a></li>
2871                     
2872                     
2873                        
2874                        
2875                    
2876                    <li><a href="/en-au/parking-solutions/advantage-parker/">Advantage Parker</a></li>
2877                    
2878                </ul>
2879                
2880            </li>
2881                
2882
2883            <li class="mobile-nav-extended__primary-item"><a href="/en-au/offers-and-events/">Offers & Events</a> 
2884            
2885            </li>
2886                
2887
2888            <li class="mobile-nav-extended__primary-item"><a href="/en-au/about/">About Us</a> 
2889            
2890                <ul class="mobile-nav-extended__secondary">
2891                    <li><a href="/en-au/about/">About Us</a></li>
2892                     
2893                     
2894                        
2895                        
2896                    
2897                    <li><a href="/en-au/about/">About Secure Parking</a></li>
2898                     
2899                     
2900                        
2901                        
2902                    
2903                    <li><a href="/en-au/corporate-services/">Car Park Management Services</a></li>
2904                     
2905                     
2906                        
2907                        
2908                    
2909                    <li><a href="/en-au/about/employment/">Employment</a></li>
2910                     
2911                     
2912                        
2913                        
2914                    
2915                    <li><a href="/en-au/about/our-people-and-culture/">People and Culture</a></li>
2916                     
2917                     
2918                        
2919                        
2920                    
2921                    <li><a href="/en-au/about/meet-the-leadership-team/">The Team</a></li>
2922                     
2923                     
2924                        
2925                        
2926                    
2927                    <li><a href="/en-au/about/business-vision-purpose-values/">Vision, Purpose, Values</a></li>
2928                     
2929                     
2930                        
2931                        
2932                    
2933                    <li><a href="/en-au/news/">Latest News</a></li>
2934                    
2935                </ul>
2936                
2937            </li>
2938                
2939
2940            <li class="mobile-nav-extended__primary-item"><a href="/en-au/contact-us/">Contact Us</a> 
2941            
2942            </li>
2943            
2944             
2945                
2946                <li class="mobile-nav-extended__primary-item">
2947                    <a class="primary-btn primary-btn--find-park-nav" href="/en-au/car-parks/?parkingNearme=true&showAllCarparks=true"><div>Find Parking</div></a>
2948                </li>
2949            
2950        </ul>
2951    </div>
2952
2953    <div class="mobile-nav-extended__lower">
2954        <ul class="mobile-nav-extended__primary">
2955             
2956            <li class="mobile-nav-extended__primary-item"><a href="/en-au/corporate-services/">Corporate Services</a></li>
2957            
2958            <li class="mobile-nav-extended__primary-item"><a href="/en-au/faqs/">Help FAQ's</a></li>
2959            
2960            <li class="mobile-nav-extended__primary-item"><a href="/en-au/about/stuff-to-know/">Legal</a></li>
2961             
2962        </ul>
2963    </div>
2964</section>
2965 
2966
2967 
2968    <div class="mobile-nav__fixed ">
2969    <div>
2970        <div class="mobile-nav__fixed-bar ">
2971            
2972                
2973                <a class="primary-btn primary-btn--find-park-nav" href="/en-au/car-parks/?parkingNearme=true&showAllCarpar
2973ks=true"><div>Find Parking</div></a>
2974            
2975            <div></div>
2976            <div>
2977                <a href="/en-au/account/purchases" class="">
2978                    <div class="mobile-nav__info mobile-nav__info-link mobile-nav__info--calendar"></div>
2979                    <span>Purchases</span>
2980                </a>
2981                <a href="/en-au/account" class="">
2982                    <div class="mobile-nav__info mobile-nav__info-link mobile-nav__info--profile"></div>
2983                    <span>Account</span> 
2984                </a>
2985            </div>
2986        </div>
2987    </div>
2988</div> 
2989
2990 
2991    <section class="mobile-cart" data-site-panel="mobile-cart">
2992      <section class="status-bar">
2993    <div class="icon"></div>
2994    <div class="text"></div>
2995</section> 
2996
2997 
2998      <div class="cart-container">
2999    <div class="cart-payment__breadcrumb hidden">
3000        <span></span>
3001        <p>Back</p>
3002    </div>
3003    <section class="cart-shared cart open" data-cart-panel="booking-overview">
3004        <div class="bg-white">
3005            <div class="wrapper">
3006                <div class="cart__main-wrapper active" data-cartcontext="populated" data-showid="cart">
3007                    <div class="cart__top-section">
3008                        <div class="cart__header">
3009                            <h2 class="cart__main-title">Cart</h2>
3010                            <div class="cart__clear-all">
3011                                <span class="text">Remove all</span><span class="icon"></span>
3012                            </div>
3013                        </div>
3014                        <div class="cart__items">
3015                            <!-- Append cart items here -->
3016                        </div>
3017                        <div class="promo-code__wrapper">
3018    <div class="promo-code">
3019        <span class="promo-code__icon"></span>
3020        <p>Add promotional code</p>
3021    </div>
3022
3023    <div class="promo-code__container">
3024        <div class="promo-code__finalise-promotional-btn">
3025            <div class="cta-full">Finalise Details to add a Promotional Code</div>
3026        </div>
3027        <div class="promo-code__promotional-inner-wrapper">
3028            <div class="promo-code__input-wrapper">
3029                <input placeholder="Enter promo code" class="promo-code__input">
3030                <div class="promo-code__apply-btn">Apply</div>
3031            </div>
3032          
3033            <div class="promo-code__list">
3034                <div class="promo-code__name"></div>
3035                <div class="promo-code__remove">Remove<span></span></div>
3036            </div>
3037        </div>
3038    </div>
3039</div> 
3040
3041 
3042                        <div class="gift-card__wrapper logged-in">
3043    <div class="gift-card">
3044        <span class="gift-card__icon"></span>
3045        <p>Add gift card</p>
3046    </div>
3047
3048    <div class="gift-card__container">
3049        <div class="gift-card__select-wrapper">
3050
3051            <select name="gift-cards" class="gift-card__list">
3052                <option value="" disabled selected hidden>Select</option>
3053                
3054            </select>
3055        </div>
3056        <div class="gift-card__input-wrapper">
3057            <input placeholder="Enter amount" class="gift-card__input">
3058            <div class="gift-card__apply-btn">Apply</div>
3059        </div>
3060
3061        <div class="gift-card__summary-list">
3062        </div>
3063    </div>
3064</div> 
3065
3066 
3067                        <div class="cart-item__important bluetooth-gate">
3068</div> 
3069
3070 
3071                    </div>
3072                    <div class="cart__bottom-section">
3073                        <div class="cart__summary-wrapper">
3074                            <div class="cart-details__summary">
3075                                <div class="cart-details__col"><span class="cart-det-title">Parking cost</span><span class="cart-det-info parking-cost">amount</span></div>
3076                                 <div class="cart-details__col"><span class="cart-det-title">Admin Fee</span><span class="cart-det-info booking-fee-savings">savings amount</span><span class="cart-det-info booking-fee">amount</span></div> 
3077                                <div class="cart-details__col"><span class="cart-det-title">Surcharge</span><span class="cart-det-info surcharge">amount</span></div> 
3078                            </div>
3079                            <div class="optional-cart-items">
3080                                <div class="voucher-details__summary cart-brief">
3081                                    <div class="voucher-details__col">
3082                                        <span class="voucher-title voucher-desc"></span>
3083                                        <span class="voucher-info voucher-amount"></span>
3084                                    </div>
3085                                </div>
3086                                <div class="gift-card-details__summary">
3087                                    <div class="gift-card-details__col">
3088                                       <!-- Gift card and amount here?? It is commented out on nunjucks -->
3089                                    </div>
3090                                </div> 
3091                            </div>
3092                            <div class="cart__summary">
3093                                <div class="cart__total"></div>
3094                                <div class="cart__sum"></div>
3095                            </div>
3096                        </div>
3097                        <div class="cart__proceed-btn">
3098                            <button class="cta-full">Proceed to payment</button>
3099                        </div>
3100                        
3101
3102 
3103                    </div>
3104                </div>
3105                <!-- Other States -->
3106                <div class="cart__main-wrapper" data-cartcontext="empty">
3107                    <div class="cart__header">
3108                        <h2 class="cart__main-title">Cart</h2>
3109                    </div>
3110                    <div class="cart__empty">
3111                        <div class="cart__empty-content">
3112                            <div class="cart__empty-title">Your cart is empty</div>
3113                            <a href="/en-au/car-parks/" class="cta-full">
3114                                Find a park
3115                            </a>
3116                        </div>
3117                    </div>
3118                </div>
3119                <div class="cart__main-wrapper" data-cartcontext="unauthorized">
3120                    <div class="cart__header">
3121                        <h2 class="cart__main-title">Cart</h2>
3122                    </div>
3123                    <div class="cart__empty">
3124                        <div class="cart__empty-content">
3125                            <div class="cart__empty-title">Please log in or register to book parking</div>
3126                            <div class="cta-full sign-register-link">
3127                                Sign in or Register
3128                            </div>
3129                        </div>
3130                    </div>
3131                </div>
3132                <div class="cart__main-wrapper" data-cartcontext="error">
3133                    <div class="cart__header">
3134                        <h2 class="cart__main-title">Cart</h2>
3135                    </div>
3136                    <div class="cart__empty">
3137                        <div class="cart__empty-content">
3138                            <div class="cart__empty-title">There was an error fetching your cart, please try again or contact us for assistance</div>
3139                            <a class="cta-full" href="/en-au/contact-us/">
3140                                Contact Us
3141                            </a>
3142                        </div>
3143                    </div>
3144                </div>
3145                <div class="cart__main-wrapper" data-cartcontext="loading">
3146                    <div class="cart__header">
3147                        <h2 class="cart__main-title">Cart</h2>
3148                    </div>
3149                    <div class="cart__empty">
3150                        <div class="cart__empty-content">
3151                            <div class="cart__empty-title">Loading...</div>
3152                        </div>
3153                    </div>
3154                </div>
3155            </div>
3156            <div class="desktop-cart-edit">
3157               <section class="cart__main-wrapper" data-cartcontext="cart-item-edit">
3158    <div class="edit-cart__flex-wrapper">
3159        <div class="car-park-info">
3160            <div>
3161                <div class="icon"></div>
3162                <div class="info">
3163                    <div class="name">$ERR</div>
3164                    <div class="address">$ERR</div>
3165                </div>
3166            </div>
3167        </div>
3168        <div class="datetime-fields__edit-wrapper">
3169        	<div class="datetime-fields">
3170    <div class="datetime-fields__item">
3171        <label class="small-label">Entry date<sup>&#42;</sup></label>
3172        <div class="datetime-fields__item-wrapper">
3173            <span class="icon date"></span>
3174            <input class="entry-date datetime-fields__input date" type="date">
3175            <div class="datetime-fields__placeholder">Select Entry Date</div>
3176        </div>
3177    </div>
3178   
3179    <div class="datetime-fields__item">
3180        <label class="small-label">Entry time<sup>&#42;</sup></label>
3181          <div class="datetime-fields__item-wrapper">
3182            <span class="icon time"></span>
3183            <input class="entry-time datetime-fields__input time" type="time">
3184            <div class="datetime-fields__placeholder">Select Entry Time</div>
3185        </div>
3186    </div>
3187
3188    <div class="datetime-fields__item">
3189        <label class="small-label">Exit date<sup>&#42;</sup></label>
3190        <div class="datetime-fields__item-wrapper">
3191            <span class="icon date"></span>
3192            <input class="exit-date datetime-fields__input date" type="date">
3193            <div class="datetime-fields__placeholder">Select Exit Date</div>
3194        </div>
3195    </div>
3196    <div class="datetime-fields__item">
3197        <label class="small-label">Exit time<sup>&#42;</sup></label>
3198        <div class="datetime-fields__item-wrapper">
3199            <span class="icon time"></span>
3200            <input class="exit-time datetime-fields__input time" type="time">
3201            <div class="datetime-fields__placeholder">Select Exit Time</div>
3202        </div>
3203    </div>
3204</div>
3205 
3206
3207 
3208        </div>
3209        <div class="cart-item__buttons">
3210            <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div>
3211            <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div>
3212        </div>
3213    </div>
3214</section> 
3215
3216 
3217            </div>
3218              <section class="cart-item mobile">
3219    <div class="cart-item__container">
3220        <div class="cart-item__divider-wrapper">
3221            <div class="cart-item__divider"></div>
3222        </div>
3223        <div class="wrapper">
3224            <div class="cart-items">
3225            </div>
3226               <div class="mobile-cart-edit">
3227             <section class="cart__main-wrapper" data-cartcontext="cart-item-edit">
3228    <div class="edit-cart__flex-wrapper">
3229        <div class="car-park-info">
3230            <div>
3231                <div class="icon"></div>
3232                <div class="info">
3233                    <div class="name">$ERR</div>
3234                    <div class="address">$ERR</div>
3235                </div>
3236            </div>
3237        </div>
3238        <div class="datetime-fields__edit-wrapper">
3239        	<div class="datetime-fields">
3240    <div class="datetime-fields__item">
3241        <label class="small-label">Entry date<sup>&#42;</sup></label>
3242        <div class="datetime-fields__item-wrapper">
3243            <span class="icon date"></span>
3244            <input class="entry-date datetime-fields__input date" type="date">
3245            <div class="datetime-fields__placeholder">Select Entry Date</div>
3246        </div>
3247    </div>
3248   
3249    <div class="datetime-fields__item">
3250        <label class="small-label">Entry time<sup>&#42;</sup></label>
3251          <div class="datetime-fields__item-wrapper">
3252            <span class="icon time"></span>
3253            <input class="entry-time datetime-fields__input time" type="time">
3254            <div class="datetime-fields__placeholder">Select Entry Time</div>
3255        </div>
3256    </div>
3257
3258    <div class="datetime-fields__item">
3259        <label class="small-label">Exit date<sup>&#42;</sup></label>
3260        <div class="datetime-fields__item-wrapper">
3261            <span class="icon date"></span>
3262            <input class="exit-date datetime-fields__input date" type="date">
3263            <div class="datetime-fields__placeholder">Select Exit Date</div>
3264        </div>
3265    </div>
3266    <div class="datetime-fields__item">
3267        <label class="small-label">Exit time<sup>&#42;</sup></label>
3268        <div class="datetime-fields__item-wrapper">
3269            <span class="icon time"></span>
3270            <input class="exit-time datetime-fields__input time" type="time">
3271            <div class="datetime-fields__placeholder">Select Exit Time</div>
3272        </div>
3273    </div>
3274</div>
3275 
3276
3277 
3278        </div>
3279        <div class="cart-item__buttons">
3280            <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div>
3281            <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div>
3282        </div>
3283    </div>
3284</section> 
3285
3286 
3287             </div>
3288        </div>
3289    </div>
3290</section>
3291 
3292
3293 
3294    </section>
3295
3296    <div class="cart__overlay"></div>
3297    <section class="cart-payment" data-cart-panel="payment">
3298   <div class="wrapper">
3299      <h2 class="payment-title">Payment</h2>
3300      <p class="promo-notification">Click "&lt; Back" to add a promotional code or update your licence plate</p>
3301      <div class="cart-payment__elements-wrapper loading">
3302    <div class="loader">
3303        <div class="lds-ripple">
3304            <div></div>
3305            <div></div>
3306        </div>
3307    </div>
3308    <div
3309        class="element-wrapper" style="display: none;">
3310        <!-- Message bried -->
3311        <div class="cart-payment__message-brief cart-payment__summary" style="display: none">
3312            <div class="wrapper">
3313                <div class="message"></div>
3314            </div>
3315        </div>
3316        <!-- Card found - select card -->
3317        <div class="cart-payment__card-info" data-cart-payment-type="select-card" style="display: none">
3318            <div class="cart-payment__icon"></div>
3319            <div class="cart-payment__info">
3320                <div class="cart-payment__title"></div>
3321            </div>
3322        </div>
3323        <!-- card found - CVV field addition -->
3324        <div class="payment-form-location cvv-only" data-payment-wrapper="payment-form-wrapper" style="display: none"></div>
3325        <!-- No card found - add a card -->
3326        <div class="cart-payment__card-info" data-cart-payment-type="add-or-update-card" style="display: none">
3327            <div class="cart-payment__icon"></div>
3328            <div class="cart-payment__info">
3329                <div class="cart-payment__title"></div>
3330            </div>
3331        </div>
3332    </div>
3333</div> 
3334
3335 
3336      <div class="cart-payment__items"></div>
3337      <div class="cart-payment__total">
3338         <span>Total</span>
3339         <span class="total">$ERR</span>
3340      </div>
3341   </div>
3342   <div class="cart-payment__paragraph">
3343         
3344
3345 
3346        <p>Price includes GST</p>
3347    </div>
3348   
3349    <div class="booking-details__terms">
3350        <div class="booking-details__term-wrapper">
3351            <div class="booking-details__term-icon"></div>
3352            <h3>Terms & Conditions</h3>
3353        </div>
3354        <p>Prior to confirming payment you are required to read and accept the <a  href="/en-au/about/stuff-to-know/booking-terms/" title="Booking terms and conditions" target="_blank" rel="noopener">terms and conditions</a> and acknowledge that car parks may be unavailable due to unforeseen circumstances. In which case you may be directed to another car park or we may refund your Parking Fee if the selected car park is unavailable at entry time.</p>
3355<p><a  href="/en-au/about/stuff-to-know/" title="available here for authoring" target="_blank" rel="noopener">Click here for full terms and conditions</a></p>
3356    </div>
3357
3358
3359
3360         
3361
3362  
3363   <div class="cart-item__important bluetooth-gate">
3364</div> 
3365
3366  
3367   <div class="cart-payment__book-btn">
3368      
3369   </div>
3370</section>
3371<div class="checkout-manage-cards">
3372   <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage">
3373    <div class="manage-payment__top-section">
3374        <div class="wrapper">
3375            <h2>Manage payment methods</h2>
3376            <div class="manage-payment__loading">
3377                <div class="lds-ripple loader">
3378                    <div></div>
3379                    <div></div>
3380                </div>
3381            </div>
3382            <div class="manage-payment__empty">
3383                Your payment methods list is empty - add a new one below.
3384                <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
3385            </div>
3386            <!-- append cards list here -->
3387            <div class="customer-cards-list"></div>
3388        </div>
3389    </div>
3390    <div class="manage-payment__bottom-section">
3391        <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review">
3392            <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div>
3393            <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div>
3394        </div>
3395             <div class="manage-payment__limit"> 
3396            You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 
3397        </div> 
3398    </div>
3399</section>
3400 
3401
3402 
3403   <section class="add-card add-card-review" data-cart-panel="add-card-review">
3404    <div class="breadcrumb internal account-back payment-methods-back" style="display:none;">
3405        <span></span>
3406        <a>Back</a>
3407    </div>
3408    <div class="wrapper">
3409        <div class="title">
3410            <h2></h2>
3411        </div>
3412        <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div>
3413       <div class="test" data-payment-wrapper="account-sidebar"></div> 
3414    </div>
3415    <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div>
3416</section>
3417
3418 
3419
3420 
3421</div>
3422
3423<style>
3424    #apple-pay-button {
3425         width: 100%!important;
3426         height: 40px;
3427        -webkit-appearance: -apple-pay-button;
3428        -apple-pay-button-type: plain;
3429        -apple-pay-button-style: black;
3430        @media (min-width: 1100px) {
3431           width: 240px!important;
3432      }
3433    }
3434    #googlePayButtonId {
3435       width: 100%!important;
3436          @media (min-width: 1100px) {
3437           width: auto!important;
3438      }
3439    }
3440    .gpay-card-info-container {
3441       min-width: 100%!important;
3442          @media (min-width: 1100px) {
3443           min-width: 240px!important;
3444      }
3445    }
3446    .payment-buttons {
3447       width: 100%!important;
3448       flex-wrap: wrap;
3449    }
3450   #virtual-payment-form .payment-buttons .apple-pay-button{
3451      @supports not (-webkit-appearance:-apple-pay-button) {
3452         display:none !important;
3453      }
3454   }
3455</style> 
3456
3457 
3458    <div data-cart-panel="customer-details" class="payment-customer-form">
3459
3460        <form class="account-form">
3461    <div class="account-form__item">
3462        <label for="firstName" class="required">First name</label>
3463        <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name">
3464        <span class="error" data-error-for="firstName"></span>
3465    </div>
3466    <div class="account-form__item">
3467        <label for="lastName" class="required">Last name</label>
3468        <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name">
3469        <span class="error" data-error-for="lastName"></span>
3470    </div>
3471    <div class="account-form__item">
3472        <label for="email" class="required">Email address</label>
3473        <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email">
3474        <span class="error" data-error-for="email"></span>
3475    </div>
3476    <div class="account-form__item">
3477        <label for="mobileNumber" class="required">Mobile number</label>
3478        <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel">
3479        <span class="error" data-error-for="mobileNumber"></span>
3480    </div>
3481    <div class="account-form__item">
3482        <label for="countries" class="required">Country</label>
3483
3484        <select name="countries" id="countries">
3485            <option value="" disabled selected hidden>Select</option>
3486            <option value="Australia">Australia</option>
3487            <option value="NewZealand">New Zealand</option>
3488        </select>
3489        <span class="error" data-error-for="countries"></span>
3490    </div>
3491	
3492	<div class="hidden" name="statesDiv" id="statesDiv">
3493        <label class="required" for="states">State</label>
3494
3495        <select name="states" id="states">
3496            <option value="" disabled selected hidden>Select</option>
3497            <option value="NSW">NSW</option>
3498            <option value="VIC">VIC</option>
3499            <option value="QLD">QLD</option>
3500            <option value="SA">SA</option>
3501            <option value="WA">WA</option>
3502            <option value="NT">NT</option>
3503            <option value="ACT">ACT</option>
3504            <option value="TAS">TAS</option>
3505        </select>
3506        <span class="error" data-error-for="states"></span>
3507    </div>
3508	
3509	<div class="account-form__item">
3510        <label for="addressLine1">Address Line 1</label>
3511        <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1">
3512        <span class="error" data-error-for="addressLine1"></span>
3513    </div>
3514	
3515	<div class="account-form__item">
3516        <label for="addressLine2">Address Line 2</label>
3517        <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2">
3518        <span class="error" data-error-for="addressLine2"></span>
3519    </div>
3520	
3521	<div class="account-form__item">
3522        <label for="city">Suburb/City</label>
3523        <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city">
3524        <span class="error" data-error-for="city"></span>
3525    </div>
3526	
3527	<div class="account-form__item">
3528        <label for="postCode">Postcode</label>
3529        <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code">
3530        <span class="error" data-error-for="postCode"></span>
3531    </div>
3532    <div class="account-form__item">
3533        <label for="licenseNumber" class="required">Licence Plate Number</label>
3534        <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7">
3535        <span class="error" data-error-for="licenseNumber"></span>
3536    </div>
3537    <div class="checkboxes-group">
3538        <div class="account-form__item account-form__item--checkbox">
3539            <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a>
3540                <input id="terms" type="checkbox" name="terms" type="checkbox">
3541                <span class="checkmark"></span>
3542              </label>
3543            <span class="error" data-error-for="terms"></span>
3544        </div>
3545  
3546          <div class="account-form__item account-form__item--checkbox">
3547            <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences
3548                <input id="offers" type="checkbox" name="offers" type="checkbox">
3549                <span class="checkmark"></span>
3550              </label>
3551        </div>
3552
3553    </div>
3554    <div class="account-form__loader-wrapper">
3555        <div class="lds-ripple loader" style="display: none;">
3556            <div></div>
3557            <div></div>
3558        </div>
3559    </div>
3560    <div class="account-form__booking-wrapper">
3561        <div class="car-park-detail__book">
3562            <div class="wrapper">
3563                <button data-action="submit" class="account-form__cta disabled" type="submit">
3564                            Save Changes
3565                        </button>
3566            </div>
3567        </div>
3568    </div>
3569</form> 
3570
3571 
3572
3573    </div>
3574 <div class="booking-tabs__bookings-confirmed">
3575    <div class="booking-details__breadcrumb booking-details__breadcrumb--mobile" style="display: none;">
3576       <span></span> <p>Back</p>
3577    </div>
3578     <div class="bookings-back" >
3579        <a href="/en-au/account/purchases">View Purchases</a>
3580    </div>
3581<div class="booking-tabs__items confirmed-payment">
3582<div>
3583</div>
3584 
3585
3586 
3587    </div> 
3588
3589 
3590    </section>
3591    <div class="hosted-fields-init-wrapper">
3592      <link rel="stylesheet" href="https://gateway.api.advam.com/webbank/webbank-js/css/hosted-fields.css"/>
3593<div class="wrapper">
3594    <div class="hosted-fields-form-wrapper">
3595        <div class="hosted-fields__loader-wrapper">
3596            <div class="lds-ripple loader" style="display: none;">
3597                <div></div>
3598                <div></div>
3599            </div>
3600        </div>
3601        <div class="hosted-fields__form-layer"></div>
3602    </div>
3603</div>
3604<style>
3605    .cvv-only .hosted-field-group.card-holder,
3606    .cvv-only .hosted-field-group.card-number,
3607    .cvv-only .hosted-field-group.expiry-date,
3608    .cvv-only .hosted-field-group.expiry-date {
3609        display: none;
3610    }
3611    .payment-form {
3612        padding-bottom: 30px;
3613    }
3614    .hosted-field {
3615        border-radius: 3px;
3616        border: none;
3617        height: 58px;
3618        font-family: 'Noto Sans';
3619        margin-top: 15px;
3620        margin-bottom: 25px;
3621    }
3622    .hosted-field.hosted-field-invalid {
3623        border: 2px solid #F54747;
3624        margin-bottom: 5px;
3625    }
3626    .hosted-field-focus {
3627        box-shadow: none;
3628    }
3629    .group-row {
3630        display: grid;
3631        grid-template-columns: 1fr 1fr;
3632        grid-gap: 10px;
3633    }
3634    #payment-button {
3635        padding-left:20px;
3636        padding-right: 20px;
3637        width: auto;
3638        background-color: #0093d0;
3639        padding-top: 20px;
3640        padding-bottom: 20px;
3641        border-radius: 9999px;
3642        color: #fff;
3643        text-align: center;
3644        font-size: 16px;
3645        cursor: pointer;
3646        line-height: 18px;
3647        font-family: Roboto;
3648        font-weight: 700;
3649        margin-top: 25px;
3650    }
3651    #payment-button:hover {
3652        background-color: #0055a5;
3653        background-color: rgba(0, 85, 165, var(--bg-opacity));
3654    }
3655    input#payment-button:disabled {
3656        opacity: 30%;
3657    }
3658    .hosted-field-label {
3659        font-family: 'Roboto', sans-serif;
3660        font-weight: 700;
3661        font-size: 16px;
3662        line-height: 20px;
3663        color: #222;
3664    }
3665    .hosted-field-label.required::after {
3666        color: #222;
3667    }
3668    .hosted-field-error-message-visible {
3669        position: static;
3670        border: none;
3671        color: #F54747;
3672        background-color: transparent;
3673        transform: none;
3674        margin: 0 0 10px;
3675        border-radius: 0;
3676        text-align: left;
3677        padding-left: 0;
3678        font-family: 'Noto Sans';
3679        font-size: 14px;
3680    }
3681    .hosted-field-error-message-visible:after {
3682        content: none;
3683    }
3684    @media only screen and(min-width: 1100px) {
3685        #payment-button {
3686            font-size: 1.8rem;
3687        }
3688    }
3689</style> 
3690
3691 
3692    </div>
3693    <main>
3694    <section class="home">
3695   
3696   <section class="homepage-banner">
3697      <div class="homepage-banner__img-wrapper" style="overflow:visible; max-height: none;">
3698         <div class="homepage-banner__img-container">
3699             
3700            <picture>
3701               <source srcset="https://d1dxkf4q.media.zestyio.com/secure-parking-friends-happy-sept-2022.jpg?width=700" media="(max-width: 599px)" />
3702               <source srcset="https://d1dxkf4q.media.zestyio.com/secure-parking-friends-happy-sept-2022.jpg?width=1400" media="(min-width: 600px)" />
3703               <img src="https://d1dxkf4q.media.zestyio.com/secure-parking-friends-happy-sept-2022.jpg?width=700" alt="Secure Parking Car Parking across all major cities in Australia and New Zealand"/>
3704            </picture>
3705             
3706         </div>
3707         <div class="homepage-banner__search-wrapper">
3708            <div class="wrapper">
3709               <h2>Hello<span class="user-first-name"></span>, 
3710                  <br>
3711                  Where are you going?
3712               </h2>
3713               <div class="homepage-banner__input-wrapper search-park-input__search">
3714                  <span class="homepage-banner__icon"></span>
3715                  <input placeholder="Search for city, address or business" class="find-park-input" style="position: relative;" data-context="main">
3716                  <div class="results"> </div>
3717                  <section class="parks-results" data-searchshowid="autocomplete-results-desktop">
3718                     <div class="loader parks text-center" style="display:none">
3719                        <div class="lds-ripple">
3720                           <div></div>
3721                           <div></div>
3722                        </div>
3723                     </div>
3724                     <section class="content-search-results--all-parks search-widget__results homepage-banner__search-results">
3725                        <div class="loader find-park text-center" style="display: none;" data-context="main">
3726                           <div class="lds-ripple">
3727                              <div></div>
3728                              <div></div>
3729                           </div>
3730                        </div>
3731                        <div class="search-widget__container" data-context="main">
3732                           <div class="items">
3733                              <div class="geocode-results"></div>
3734                              <div class="carpark-results-container"></div>
3735                              <div> 
3736                              </div>
3737                              <div> 
3738                              </div>
3739                           </div>
3740                        </div>
3741                     </section>
3742                  </section>
3743               </div>
3744            </div>
3745         </div>
3746      </div>
3747   </section>
3748   
3749
3750      <section class="links-component">
3751      <div class="wrapper">
3752         <div class="links-component__sections">
3753            
3754                 
3755                 
3756                    
3757                    
3758                                  
3759            <a href="/en-au/parking-solutions/monthly-parking/">
3760               <div class="links-component__item">
3761                  <div class="links-component__icon links-component__icon--all-parks"        style="background-image: url('https://d1dxkf4q.media.zestyio.com/booking-online.svg');"  >
3762               </div>
3763               <div class="links-component__info">
3764                  <div class="links-component__title">Monthly Parking</div>
3765               </div>
3766         </div>
3767         </a>
3768              
3769                 
3770                    
3771                    
3772                                  
3773            <a href="/en-au/car-parks/?parkingNearme=true&showAllCarparks=true">
3774               <div class="links-component__item">
3775                  <div class="links-component__icon links-component__icon--all-parks"        style="background-image: url('https://tzmhv269.media.zestyio.com/all-parks.svg');"  >
3776               </div>
3777               <div class="links-component__info">
3778                  <div class="links-component__title">Find Parking</div>
3779               </div>
3780         </div>
3781         </a>
3782              
3783                 
3784                    
3785                    
3786                                  
3787            <a href="/en-au/car-parks/?parkingNearme=true">
3788               <div class="links-component__item">
3789                  <div class="links-component__icon links-component__icon--all-parks"        style="background-image: url('https://tzmhv269.media.zestyio.com/location-white.svg');"  >
3790               </div>
3791               <div class="links-component__info">
3792                  <div class="links-component__title">Parking Near By</div>
3793               </div>
3794         </div>
3795         </a>
3796              
3797                 
3798                    
3799                    
3800                                  
3801            <a href="/en-au/car-parks/?parkingNearme=true&primaryCategory=multi">
3802               <div class="links-component__item">
3803                  <div class="links-component__icon links-component__icon--all-parks"        style="background-image: url('https://tzmhv269.media.zestyio.com/calendar-white.H16gxBUUK.svg');"  >
3804               </div>
3805               <div class="links-component__info">
3806                  <div class="links-component__title">Long Term & Multi-Day Parking</div>
3807               </div>
3808         </div>
3809         </a>
3810         
3811         
3812      </div>
3813      </div>
3814   </section> 
3815
3816 
3817   
3818      <h1 class="home-header">Search to find parking & rates at a Secure Parking car park nearby</h1>
3819
3820     
3821   <div class="wrapper">
3822    <div class="news-listing__item news-listing__item--featured">
3823        <div class="img-wrapper">
3824            <div class="img-container">
3825                
3826
3827                <picture>
3828                    <source srcset="https://d1dxkf4q.media.zestyio.com/monthly-secure-parking.png?width=700&crop=3:2" media="(max-width: 599px)" />
3829                    <source srcset="https://d1dxkf4q.media.zestyio.com/monthly-secure-parking.png?width=1400&crop=3:2" media="(min-width: 600px)" />
3830                    <img src="https://d1dxkf4q.media.zestyio.com/monthly-secure-parking.png?width=700&crop=3:2" alt="Best Monthly Parking Offer at Secure Parking" />
3831                </picture>
3832
3833                
3834            </div>
3835        </div>
3836        <div class="content-wrapper">
3837            <h3 class="tag"></h3>
3838            <h2 class="news-listing__title-featured">Daily Commuter Parking Across Sydney, Melbourne, Brisbane & more...</h2>
3839            <p class="news-listing__body-copy-featured">Looking for the convenience of a Subscription Monthly Parking spot? Our Sales Team is available from 7:00am – 7:00pm AEST Mondays to Frid
3839ay. Please call us on 1300 048 524 to discuss Monthly Parking and enjoy hassle-free, reliable CBD commuter parking with Secure Parking.</p>
3840
3841
3842            
3843
3844            <a class="cta-light-blue" href="/en-au/parking-solutions/monthly-parking/">Learn more<span></span></a> 
3845
3846        </div>
3847    </div>
3848</div> 
3849
3850 
3851     
3852  
3853      
3854   <section class="deals-listing booking-details-events">
3855    <div class="wrapper">
3856        <div class="home__heading-wrapper">
3857            <h2 class="home__heading">Subscription Parking Near You</h2>
3858
3859            
3860            <a class="home__cta-mobile cta-light-blue" href="/en-au/contact-us/monthly-or-subscription-parking/" title="Enquire here">Enquire here
3861                <span></span>
3862            </a>
3863            
3864
3865        </div>
3866
3867        <p class="news-listing__body-copy-featured">Secure Parking offers flexible Monthly Parking subscriptions and long-term commuter parking in CBD and city locations across Sydney, Melbourne, Brisbane, Perth, Adelaide, Canberra and the Gold Coast.
3868Our Secure Monthly Parking plans are ideal for weekday commuters, with affordable city parking rates, 24/7 access, and convenient locations near offices, transport hubs and business districts.
3869Choose from long-term parking, subscription parking, discounted monthly parking, and commuter car park solutions, all designed to save you time and money. Our Sales Team is available from 7:00am – 7:00pm AEST Mondays to Friday. Please call us on 1300 048 524 to discuss Monthly Parking and enjoy hassle-free, reliable CBD commuter parking with Secure Parking.</p>
3870
3871        <div class="deals-listing__container">
3872
3873             
3874            <a class="deals-listing__anchor" href="/en-au/offers-and-events/monthly-parking-deals/">
3875                <div class="deals-listing__item">
3876                    <div class="deals-listing__img-wrapper">
3877                        
3878                        <picture>
3879                            <source srcset="https://d1dxkf4q.media.zestyio.com/Night-and-Weekend-Parking-in-Brisbane.jpg?width=700&crop=1:1" media="(max-width: 599px)" />
3880                            <source srcset="https://d1dxkf4q.media.zestyio.com/Night-and-Weekend-Parking-in-Brisbane.jpg?width=1400&crop=1:1" media="(min-width: 600px)" />
3881                            <img src="https://d1dxkf4q.media.zestyio.com/Night-and-Weekend-Parking-in-Brisbane.jpg?width=700&crop=1:1" alt="Night-and-Weekend-Parking.jpg"/>
3882                        </picture>
3883                        
3884                    </div>
3885                    <div class="deals-listing__content-wrapper">
3886                        <h2 class="item-title">Monthly Longer Term Subscription Parking Deals</h2>
3887                    </div>
3888                </div>
3889            </a>
3890             
3891            <a class="deals-listing__anchor" href="/en-au/offers-and-events/sydney-monthly-offers/">
3892                <div class="deals-listing__item">
3893                    <div class="deals-listing__img-wrapper">
3894                        
3895                        <picture>
3896                            <source srcset="https://d1dxkf4q.media.zestyio.com/happy-women.png?width=700&crop=1:1" media="(max-width: 599px)" />
3897                            <source srcset="https://d1dxkf4q.media.zestyio.com/happy-women.png?width=1400&crop=1:1" media="(min-width: 600px)" />
3898                            <img src="https://d1dxkf4q.media.zestyio.com/happy-women.png?width=700&crop=1:1" alt="Parking for weekend shopping or day out with friends"/>
3899                        </picture>
3900                        
3901                    </div>
3902                    <div class="deals-listing__content-wrapper">
3903                        <h2 class="item-title">Sydney Monthly Parking Deals</h2>
3904                    </div>
3905                </div>
3906            </a>
3907             
3908            <a class="deals-listing__anchor" href="/en-au/offers-and-events/melbourne-monthly-parking-offers/">
3909                <div class="deals-listing__item">
3910                    <div class="deals-listing__img-wrapper">
3911                        
3912                        <picture>
3913                            <source srcset="https://d1dxkf4q.media.zestyio.com/eofy-boss.png?width=700&crop=1:1" media="(max-width: 599px)" />
3914                            <source srcset="https://d1dxkf4q.media.zestyio.com/eofy-boss.png?width=1400&crop=1:1" media="(min-width: 600px)" />
3915                            <img src="https://d1dxkf4q.media.zestyio.com/eofy-boss.png?width=700&crop=1:1" alt="EOFY Boss Secure Parking"/>
3916                        </picture>
3917                        
3918                    </div>
3919                    <div class="deals-listing__content-wrapper">
3920                        <h2 class="item-title">Melbourne Monthly Parking Offers</h2>
3921                    </div>
3922                </div>
3923            </a>
3924             
3925            <a class="deals-listing__anchor" href="/en-au/offers-and-events/brisbane-monthly-parking-deals/">
3926                <div class="deals-listing__item">
3927                    <div class="deals-listing__img-wrapper">
3928                        
3929                        <picture>
3930                            <source srcset="https://d1dxkf4q.media.zestyio.com/monthly-parking-in-brisbane.png?width=700&crop=1:1" media="(max-width: 599px)" />
3931                            <source srcset="https://d1dxkf4q.media.zestyio.com/monthly-parking-in-brisbane.png?width=1400&crop=1:1" media="(min-width: 600px)" />
3932                            <img src="https://d1dxkf4q.media.zestyio.com/monthly-parking-in-brisbane.png?width=700&crop=1:1" alt="Monthly Parking in Brisbane"/>
3933                        </picture>
3934                        
3935                    </div>
3936                    <div class="deals-listing__content-wrapper">
3937                        <h2 class="item-title">Brisbane Monthly Parking Deals</h2>
3938                    </div>
3939                </div>
3940            </a>
3941             
3942            <a class="deals-listing__anchor" href="/en-au/offers-and-events/adelaide-monthly-parking-deals/">
3943                <div class="deals-listing__item">
3944                    <div class="deals-listing__img-wrapper">
3945                        
3946                        <picture>
3947                            <source srcset="https://d1dxkf4q.media.zestyio.com/mcec-parking-girl-side-view.png?width=700&crop=1:1" media="(max-width: 599px)" />
3948                            <source srcset="https://d1dxkf4q.media.zestyio.com/mcec-parking-girl-side-view.png?width=1400&crop=1:1" media="(min-width: 600px)" />
3949                            <img src="https://d1dxkf4q.media.zestyio.com/mcec-parking-girl-side-view.png?width=700&crop=1:1" alt="Parking for Melbourne Convention and Exhibition Centre MCEC"/>
3950                        </picture>
3951                        
3952                    </div>
3953                    <div class="deals-listing__content-wrapper">
3954                        <h2 class="item-title">Adelaide & Glenelg Monthly Parking Deals</h2>
3955                    </div>
3956                </div>
3957            </a>
3958             
3959            <a class="deals-listing__anchor" href="/en-au/offers-and-events/perth-and-fremantle-monthly-parking-deals/">
3960                <div class="deals-listing__item">
3961                    <div class="deals-listing__img-wrapper">
3962                        
3963                        <picture>
3964                            <source srcset="https://d1dxkf4q.media.zestyio.com/business-parking.png?width=700&crop=1:1" media="(max-width: 599px)" />
3965                            <source srcset="https://d1dxkf4q.media.zestyio.com/business-parking.png?width=1400&crop=1:1" media="(min-width: 600px)" />
3966                            <img src="https://d1dxkf4q.media.zestyio.com/business-parking.png?width=700&crop=1:1" alt="Bu
3966siness Parking"/>
3967                        </picture>
3968                        
3969                    </div>
3970                    <div class="deals-listing__content-wrapper">
3971                        <h2 class="item-title">Perth & Fremantle Parking Deals</h2>
3972                    </div>
3973                </div>
3974            </a>
3975             
3976            <a class="deals-listing__anchor" href="/en-au/offers-and-events/newcastle-monthly-offers/">
3977                <div class="deals-listing__item">
3978                    <div class="deals-listing__img-wrapper">
3979                        
3980                        <picture>
3981                            <source srcset="https://d1dxkf4q.media.zestyio.com/1-honeysuckle-drive-800919.png?width=700&crop=1:1" media="(max-width: 599px)" />
3982                            <source srcset="https://d1dxkf4q.media.zestyio.com/1-honeysuckle-drive-800919.png?width=1400&crop=1:1" media="(min-width: 600px)" />
3983                            <img src="https://d1dxkf4q.media.zestyio.com/1-honeysuckle-drive-800919.png?width=700&crop=1:1" alt="1 Honeysuckle Drive Newcastle Car Park"/>
3984                        </picture>
3985                        
3986                    </div>
3987                    <div class="deals-listing__content-wrapper">
3988                        <h2 class="item-title">Newcastle Monthly Parking Deals</h2>
3989                    </div>
3990                </div>
3991            </a>
3992             
3993            <a class="deals-listing__anchor" href="/en-au/offers-and-events/canberra-monthly-offers/">
3994                <div class="deals-listing__item">
3995                    <div class="deals-listing__img-wrapper">
3996                        
3997                        <picture>
3998                            <source srcset="https://d1dxkf4q.media.zestyio.com/city-west-800bww-pov-v5.png?width=700&crop=1:1" media="(max-width: 599px)" />
3999                            <source srcset="https://d1dxkf4q.media.zestyio.com/city-west-800bww-pov-v5.png?width=1400&crop=1:1" media="(min-width: 600px)" />
4000                            <img src="https://d1dxkf4q.media.zestyio.com/city-west-800bww-pov-v5.png?width=700&crop=1:1" alt="City West, Canberra City Car Park"/>
4001                        </picture>
4002                        
4003                    </div>
4004                    <div class="deals-listing__content-wrapper">
4005                        <h2 class="item-title">Canberra Monthly Parking Deals</h2>
4006                    </div>
4007                </div>
4008            </a>
4009            
4010
4011
4012        </div>
4013
4014        
4015        <div class="wrapper text-center home__cta">
4016            <div class="primary-btn">
4017            <a href="/en-au/contact-us/monthly-or-subscription-parking/">Enquire here</a> 
4018            </div>
4019        </div>
4020        
4021
4022    </div>
4023
4024</section> 
4025
4026 
4027      
4028      
4029   <section class="home__bookings logged-in" style="display: none;">
4030    <div class="wrapper">
4031        <div class="upcoming-home">
4032            <div class="home__heading-wrapper">
4033                <h2 class="home__heading">Upcoming</h2>
4034            </div>
4035            <div class="booking-items">
4036                   <div class="booking-tabs__empty upcoming-empty" style="display: none;">
4037            <div class="booking-tabs__empty-content">
4038                <div class="booking-tabs__empty-title">No upcoming purchases found</div>
4039                <a href="/en-au/car-parks/" alt="Find a Park Page">
4040                    <div class="cta-full">
4041                        Find a park
4042                    </div>
4043                </a>
4044            </div>
4045        </div> 
4046
4047 
4048            </div>
4049        </div>
4050        <div class="past-home">
4051            <div class="home__heading-wrapper">
4052                <h2 class="home__heading">Quick Repeat</h2>
4053            </div>
4054            <div class="booking-items">
4055                   <div class="booking-tabs__empty past-empty" style="display: none;">
4056            <div class="booking-tabs__empty-content">
4057                <div class="booking-tabs__empty-title">No past purchases found</div>
4058                <a href="/en-au/car-parks/" alt="Find a Park Page">
4059                    <div class="cta-full">
4060                        Find a park
4061                    </div>
4062                </a>
4063            </div>
4064        </div> 
4065
4066 
4067            </div>
4068        </div>
4069           <div class="booking-tabs__guest guest">
4070        <div class="booking-tabs__guest-content">
4071
4072            <div class="booking-tabs__guest-title">Create an account or sign in to purchase parking</div>
4073            <div class="cta-full">
4074                Sign in or register
4075            </div>
4076        </div>
4077    </div> 
4078
4079 
4080    </div>
4081    <!-- loading symbol -->
4082    <div class="wrapper">
4083    <div class="loader" style="display:none">
4084    <div class="lds-ripple">
4085        <div></div>
4086        <div></div>
4087    </div>
4088</div> 
4089
4090 
4091    </div>
4092</section> 
4093
4094 
4095
4096      
4097   <section class="deals-listing booking-details-events">
4098    <div class="wrapper">
4099        <div class="home__heading-wrapper">
4100            <h2 class="home__heading">Parking for Events, Nights or Weekends</h2>
4101             
4102            <a class="home__cta-mobile cta-light-blue" href="/en-au/offers-and-events/" title="Where are you going?">Where are you going?<span></span></a>
4103             
4104        </div>
4105
4106         <p class="news-listing__body-copy-featured">Secure Parking car parks offer convenient, affordable parking with off-peak, Night and Weekend Parking close to top restaurants, cinemas, shopping precincts and entertainment.
4107Find Event Parking near major stadiums including Suncorp Stadium, The Gabba, Melbourne Cricket Ground, Marvel Stadium and CommBank Stadium, with easy access parking across Sydney, Melbourne, Brisbane, Perth, Adelaide, Canberra and the Gold Coast.
4108Whether you need Daily Parking, Weekend Parking, Event Parking or city parking, Secure Parking has a car park nearby.</p>
4109
4110        <div class="deals-listing__container">
4111
4112             
4113
4114            <a class="deals-listing__anchor" href="/en-au/offers-and-events/suncorp-stadium-parking/">
4115                <div class="deals-listing__item">
4116                    <div class="deals-listing__img-wrapper">
4117                        
4118                        <picture>
4119                            <source srcset="https://d1dxkf4q.media.zestyio.com/suncorp-stadium.png?width=700&crop=1:1" media="(max-width: 599px)" />
4120                            <source srcset="https://d1dxkf4q.media.zestyio.com/suncorp-stadium.png?width=1400&crop=1:1" media="(min-width: 600px)" />
4121                            <img src="https://d1dxkf4q.media.zestyio.com/suncorp-stadium.png?width=700&crop=1:1" alt="Suncorp Stadium Parking" />
4122                        </picture>
4123                        
4124                    </div>
4125                    <div class="deals-listing__content-wrapper">
4126                        <h2 class="item-title">Parking - Suncorp Stadium Milton Brisbane</h2>
4127                    </div>
4128                </div>
4129            </a> 
4130
4131            <a class="deals-listing__anchor" href="/en-au/offers-and-events/night-and-weekend-parking-specials-near-you/">
4132                <div class="deals-listing__item">
4133                    <div class="deals-listing__img-wrapper">
4134                        
4135                        <picture>
4136                            <source srcset="https://d1dxkf4q.media.zestyio.com/Night-and-Weekend-Parking-in-Brisbane.jpg?width=700&crop=1:1" media="(max-width: 599px)" />
4137                            <source srcset="https://d1dxkf4q.media.zestyio.com/Night-and-Weekend-Parking-in-Brisbane.jpg?width=1400&crop=1:1" media="(min-width: 600px)" />
4138                            <img src="https://d1dxkf4q.media.zestyio.com/Night-and-Weekend-Parking-in-Brisbane.jpg?width=700&crop=1:1" alt="Night-and-Weekend-Parking.jpg" />
4139                        </picture>
4140                        
4141                    </div>
4142                    <div class="deals-listing__content-wrapper">
4143                        <h2 class="item-title">Off Peak Parking Specials - Near You</h2>
4144                    </div>
4145                </div>
4146            </a> 
4147
4148            <a class="deals-listing__anchor" href="/en-au/offers-and-events/city-break-you-need-parking-with-that/">
4149                <div class="deals-listing__item">
4150                    <div class="deals-listing__img-wrapper">
4151                        
4152                        <picture>
4153                            <source srcset="https://d1dxkf4q.media.zestyio.com/melbourne-dining-parking.png?width=700&crop=1:1" media="(max-width: 599px)" />
4154                            <source srcset="https://d1dxkf4q.media.zestyio.com/melbourne-dining-parking.png?width=1400&crop=1:1" media="(min-width: 600px)" />
4155                            <img src="https://d1dxkf4q.media.zestyio.com/melbourne-dining-parking.png?width=700&crop=1:1" alt="Secure Parking nearby Melbourne Fine Dining" />
4156                        </picture>
4157                        
4158                    </div>
4159                    <div class="deals-listing__content-wrapper">
4160                        <h2 class="item-title">City Break? You need parking with that!</h2>
4161                    </div>
4162                </div>
4163            </a> 
4164
4165            <a class="deals-listing__anchor" href="/en-au/offers-and-events/stadium-and-exhibition-centre-parking/">
4166                <div class="deals-listing__item">
4167                    <div class="deals-listing__img-wrapper">
4168                        
4169                        <picture>
4170                            <source srcset="https://d1dxkf4q.media.zestyio.com/melbourne-olympic-park.png?width=700&crop=1:1" media="(max-width: 599px)" />
4171                            <source srcset="https://d1dxkf4q.media.zestyio.com/melbourne-olympic-park.png?width=1400&crop=1:1" media="(min-width: 600px)" />
4172                            <img src="https://d1dxkf4q.media.zestyio.com/melbourne-olympic-park.png?width=700&crop=1:1" alt="Melbourne Olympic Park" />
4173                        </picture>
4174                        
4175                    </div>
4176                    <div class="deals-listing__content-wrapper">
4177                        <h2 class="item-title">Stadium & Exhibition Centre Event Parking</h2>
4178                    </div>
4179                </div>
4180            </a>
4181
4182
4183        </div>
4184
4185        
4186        <div class="wrapper text-center home__cta">
4187            <div class="primary-btn">
4188            <a href="/en-au/offers-and-events/">Where are you going?</a> 
4189            </div>
4190        </div>
4191        
4192
4193    </div>
4194
4195</section> 
4196
4197 
4198      
4199 
4200      
4201   <section class="home__products bg-white">
4202    <div class="wrapper">
4203        <div class="home__heading-wrapper">
4204            <h2 class="home__heading">Parking Solutions</h2>
4205             
4206                <a class="home__cta-mobile cta-light-blue" href="/en-au/parking-solutions/" title="Learn more">
4207                    Learn more
4208                <span></span>
4209                </a>
4210             
4211        </div>
4212
4213         <p class="news-listing__body-copy-featured">Secure Parking has parking spaces available for rent, to lease or purchase online in Sydney, Melbourne, Brisbane, Perth, Adelaide, Canberra and on the Gold Coast.</p>
4214
4215        <div class="search-type-result__items">
4216            
4217                
4218                
4219                    
4220                
4221
4222                <a href="/en-au/parking-solutions/flat-rate-parking/">
4223                    <span class="search-type-result__item">
4224                        <span class="search-type-result__info">
4225                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/daily.svg');" ></span>
4226                            <span class="search-type-result__title">Daily Parking</span>
4227                        </span>
4228                        <span class="search-type-result__desc">Understanding Your Parking Options</span>
4229                    </span>
4230                </a>            
4231            
4232                
4233                
4234                    
4235                
4236
4237                <a href="/en-au/parking-solutions/early-bird-parking/">
4238                    <span class="search-type-result__item">
4239                        <span class="search-type-result__info">
4240                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/earlybird.svg');" ></span>
4241                            <span class="search-type-result__title">Early Bird Parking</span>
4242                        </span>
4243                        <span class="search-type-result__desc">Weekday parking for workers with conditional entry</span>
4244                    </span>
4245                </a>            
4246            
4247                
4248                
4249                    
4250                
4251
4252                <a href="/en-au/parking-solutions/hotel-and-overnight-parking/">
4253                    <span class="search-type-result__item">
4254                        <span class="search-type-result__info">
4255                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/multiday.svg');" ></span>
4256                            <span class="search-type-result__title">Multi Day Parking</span>
4257                        </span>
4258                        <span class="search-type-result__desc">Consecutive day parking with multiple entry and exits from the car park</span>
4259                    </span>
4260                </a>            
4261            
4262                
4263                
4264                    
4265                
4266
4267                <a href="/en-au/parking-solutions/flexi-parking/">
4268                    <span class="search-type-result__item">
4269                        <span class="search-type-result__info">
4270                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/flexi.svg');" ></span>
4271                            <span class="search-type-result__title">Flexi Parking</span>
4272                        </span>
4273                        <span class="search-type-result__desc">Pre-pay and use any time with Flexi Parking Vouchers in packs of 10 or more. Buy now and lock in a rate</span>
4274                    </span>
4275                </a>            
4276            
4277                
4278                
4279                    
4280                
4281
4282                <a href="/en-au/parking-solutions/monthly-parking/">
4283                    <span class="search-type-result__item">
4284                        <span class="search-type-result__info">
4285                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://tzmhv269.media.zestyio.com/MultiDay.svg');" ></span>
4286                            <span class="search-type-result__title">Monthly Subscription Parking</span>
4287                        </span>
4288                        <span class="search-type-result__desc">The best parking deal when you rent or subscribe by the month</span>
4289                    </span>
4290                </a>            
4291            
4292                
4293                
4294                    
4295                
4296
4297                <a href="/en-au/parking-solutions/hourly-parking/">
4298                    <span class="search-type-result__item">
4299                        <span class="search-type-result__info">
4300                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/hourly.svg');" ></span>
4301                            <span class="search-type-result__title">Hourly Parking</span>
4302                        </span>
4303                        <span class="search-type-result__desc">The best choice for short-stays or last minute parking</span>
4304                    </span>
4305                </a>            
4306            
4307                
4308                
4309                    
4310                
4311
4312                <a href="/en-au/parking-solutions/weekend-parking/">
4313                    <span class="search-type-result__item">
4314                        <span class="search-type-result__info">
4315                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/weekend.svg');" ></span>
4316                            <span class="search-type-result__title">Weekend Parking</span>
4317                        </span>
4318                        <span class="search-type-result__desc">Heading to the city this weekend?</span>
4319                    </span>
4320                </a>            
4321            
4322                
4323                
4324                    
4325                
4326
4327                <a href="/en-au/parking-solutions/night-parking/">
4328                    <span class="search-type-result__item">
4329                        <span class="search-type-result__info">
4330                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/night.svg');" ></span>
4331                            <span class="search-type-result__title">Night Parking</span>
4332                        </span>
4333                        <span class="search-type-result__desc">Off peak night and evening parking</span>
4334                    </span>
4335                </a>            
4336            
4337                
4338                
4339                    
4340                
4341
4342                <a href="/en-au/parking-solutions/call-to-buy-parking-services/">
4343                    <span class="search-type-result__item">
4344                        <span class="search-type-result__info">
4345                            <span class="search-type-result__icon search-type-result__icon--allday"  style="background-image: url('https://d1dxkf4q.media.zestyio.com/calltobuy.svg');" ></span>
4346                            <span class="search-type-result__title">Call-to-Buy Parking</span>
4347                        </span>
4348                        <span class="search-type-result__desc">Having trouble pre-purchasing parking? Call our Sales team on 1300 048 524 between 7am–7pm AEST, Monday to Friday.</span>
4349                    </span>
4350                </a>            
4351            
4352        </div>
4353    </div>
4354
4355    
4356    <div class="wrapper text-center home__cta">
4357        <div class="primary-btn">
4358           <a href="/en-au/parking-solutions/">Learn more</a> 
4359        </div>
4360    </div>
4361    
4362     
4363</section> 
4364
4365 
4366      
4367
4368</section>
4369
4370<style>
4371   .lds-ripple div {
4372   border: 4px solid #0055a5;
4373   }
4374</style> 
4375
4376 
4377    </main>
4378    
4379
4380<section class="footer footer--desktop">
4381    <div class="wrapper">
4382                
4383                   <div class="footer__copyright">
4384           <a>   © 2026 Copyright Secure Parking Pty Ltd</a>
4385        </div>
4386    <div class="footer__info">
4387              
4388      
4389        
4390        
4391                    
4392                    
4393                    
4394     <a href="/en-au/about/stuff-to-know/privacy-policy/">Privacy Policy</a>
4395
4396
4397      
4398      
4399        
4400        
4401                    
4402                    
4403                    
4404     <a href="/en-au/parking-solutions/business-portal/">Business Portal</a>
4405
4406
4407      
4408      
4409        
4410        
4411                    
4412                    
4413                    
4414     <a href="/en-au/corporate-services/ooh-advertising/">Advertise With Us</a>
4415
4416
4417      
4418      
4419        
4420        
4421                    
4422                    
4423                    
4424     <a href="/en-au/sitemap/">Sitemap</a>
4425
4426
4427    
4428        </div>
4429
4430
4431     
4432    
4433    </div>
4434</section> 
4435
4436      
4437</div>
4438
4439<!-- Setting in Developer settings to auto include in head -->
4440<script src="/site.js?ts=20261001_LPR_Hotfixes"></script>
4440
4441 
4441<script>
4442    if(!window.google_tag_data || !window.google_tag_data.glBridge){
4443        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
4444            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
4445            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
4446        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
4447    }
4448</script>
4448</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.