-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
526 lines (441 loc) · 69.2 KB
/
index.html
1
2
3
4
5
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BaC Form</title>
<link rel="stylesheet" href="http://cdn1.buyacar.co.uk/sites/buyacar/files/advagg_css/css__pGn9_9afs6wyw08_sdhTtHECdZ6ZXEYKvlxXdY8zagE__6ofKLK0fsKlMQ-dMeJ2kg1xgI2ePIP4xqf8LeHvQyKU__XEaZOhaQ6pl6eqEWmSUITxc7h6z4KBwF6z-r4Dw1aHs.css">
<link rel="stylesheet" href="http://cdn2.buyacar.co.uk/sites/buyacar/files/advagg_css/css__dg1VzDAq7tvSorCdNbQft78OcjRtbhSgPuPeEYNUYq8__LrFQAH5-61wUviy8mvOwdahnx7ENUFhlx_YxeN3va44__XEaZOhaQ6pl6eqEWmSUITxc7h6z4KBwF6z-r4Dw1aHs.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- BaC inline script -->
<style type="text/css" media="all">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:"Sarala";src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-regular-webfont.eot?1468501968');src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-regular-webfont.eot?&1468501968#iefix') format('embedded-opentype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-regular-webfont.woff?1468501968') format('woff'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-regular-webfont.ttf?1468501968') format('truetype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-regular-webfont.svg?1468501968') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:"Sarala";src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-bold-webfont.eot?1468501968');src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-bold-webfont.eot?&1468501968#iefix') format('embedded-opentype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-bold-webfont.woff?1468501968') format('woff'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-bold-webfont.ttf?1468501968') format('truetype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/sarala/sarala-bold-webfont.svg?1468501968') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:"Notosans";src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-regular-webfont.eot?1468501968');src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-regular-webfont.eot?&1468501968#iefix') format('embedded-opentype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-regular-webfont.woff?1468501968') format('woff'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-regular-webfont.ttf?1468501968') format('truetype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-regular-webfont.svg?1468501968') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:"Notosans";src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bold-webfont.eot?1468501968');src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bold-webfont.eot?&1468501968#iefix') format('embedded-opentype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bold-webfont.woff?1468501968') format('woff'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bold-webfont.ttf?1468501968') format('truetype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bold-webfont.svg?1468501968') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:"Notosans";src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-italic-webfont.eot?1468501968');src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-italic-webfont.eot?&1468501968#iefix') format('embedded-opentype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-italic-webfont.woff?1468501968') format('woff'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-italic-webfont.ttf?1468501968') format('truetype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-italic-webfont.svg?1468501968') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:"Notosans";src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bolditalic-webfont.eot?1468501968');src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bolditalic-webfont.eot?&1468501968#iefix') format('embedded-opentype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bolditalic-webfont.woff?1468501968') format('woff'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bolditalic-webfont.ttf?1468501968') format('truetype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/notosans/notosans-bolditalic-webfont.svg?1468501968') format('svg');font-weight:bold;font-style:italic}@font-face{font-family:"icons";src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/fontello/fontello.eot?1468501968');src:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/fontello/fontello.eot?&1468501968#iefix') format('embedded-opentype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/fontello/fontello.woff2?1468501968') format('woff2'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/fontello/fontello.woff?1468501968') format('woff'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/fontello/fontello.ttf?1468501968') format('truetype'),url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/fonts/fontello/fontello.svg?1468501968') format('svg');font-weight:normal;font-style:normal}.clear{clear:both}.clearfix:after,.clearfix .inner:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;overflow:auto;visibility:hidden}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeOut{from{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}img{border:0;max-width:100%;height:auto;vertical-align:middle}.primary-image,.teaser-image,.field-name-field-primary-image,.field-name-field-teaser-image,.views-field-field-gallery-files,.field-name-field-author-image{line-height:0}.skip-link a,.skip-link a:hover{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.skip-link a:active,.skip-link a:focus,.skip-link a:hover:active,.skip-link a:hover:focus{position:inherit;clip:auto;height:auto;width:auto;overflow:inherit}a{color:#f40057}a:visited{color:#db004e}a:hover{color:#db004e}a,a:link,a:visited{text-decoration:none}a:active,a:hover,a:focus{outline:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#000}h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#333}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#333}h1 a,h1 a:link,h1 a:visited,h2 a,h2 a:link,h2 a:visited,h3 a,h3 a:link,h3 a:visited,h4 a,h4 a:link,h4 a:visited,h5 a,h5 a:link,h5 a:visited,h6 a,h6 a:link,h6 a:visited{text-decoration:none}h1 a:active,h1 a:hover,h1 a:focus,h2 a:active,h2 a:hover,h2 a:focus,h3 a:active,h3 a:hover,h3 a:focus,h4 a:active,h4 a:hover,h4 a:focus,h5 a:active,h5 a:hover,h5 a:focus,h6 a:active,h6 a:hover,h6 a:focus{outline:0}.arrow-link{font-family:"Notosans",Arial,Verdana,"Bitstream Vera Sans",sans-serif;font-size:18px;background:#f40057;color:#fff;display:inline-block;border-radius:5px;padding:0 1em;line-height:42px;height:44px;border:none;cursor:pointer;-webkit-appearance:none}.arrow-link:visited{color:#fff}.arrow-link:after{font-family:"icons";content:"\E823";font-size:18px;color:inherit;margin-left:12px}.arrow-link:hover:not(:disabled){background:#ff1468;color:#fff}.arrow-link:disabled{opacity:0.4;cursor:default}.block-title a{color:#afcdff}.block-title a,.block-title a:link,.block-title a:visited{color:#e2edff;text-decoration:none}.block-title a:hover{color:#afcdff}html{font-size:112.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.55556em}hr{height:1px;border:1px solid #666;padding-bottom:0;margin:1.55556em 0}p>.content ul,p>.content ol,.node>.content ul,.node>.content ol{margin-bottom:1.55556em;overflow:hidden}p>.content ul ul,p>.content ul ol,p>.content ol ul,p>.content ol ol,.node>.content ul ul,.node>.content ul ol,.node>.content ol ul,.node>.content ol ol{margin-bottom:0em}blockquote{margin:1.55556em 30px}strong,dfn,b{font-weight:bold}em,dfn,i{font-style:italic}sup,sub{line-height:0}sup{font-size:0.633333333em;vertical-align:super}sub{font-size:0.833333333em;vertical-align:sub}abbr,acronym{border-bottom:1px dotted #666}address{margin:0 0 1.5em;font-style:italic}del{color:#666}pre{margin:1.55556em 0;white-space:pre}pre,code,tt{font-size:1em;line-height:1.55556em}body.mceContentBody{font-size:0.875em}html,body,button,input,select,textarea{color:#333;font-family:"Notosans",Arial,Verdana,"Bitstream Vera Sans",sans-serif}pre,code,tt{font-family:"Courier New","DejaVu Sans Mono",monospace,sans-serif}button,input,textarea{font-size:1em;line-height:1.55556em}h1,h2,h3,h4,h5,h6{font-family:"Sarala",Arial,Verdana,"Bitstream Vera Sans",sans-serif}h1{font-size:2.611em;line-height:1.27495em;margin-bottom:0.44683em}h2{font-size:2.222em;line-height:1.40014em;margin-top:0.52505em;margin-bottom:0.52505em}h3{font-size:1.667em;line-height:1.39972em;margin-top:0.69986em;margin-bottom:0.69986em}h4{font-size:1.388em;line-height:1.68108em;margin-top:0.84054em;margin-bottom:0.84054em}h5{font-size:1.222em;line-height:1.27296em;margin-top:0.95472em;margin-bottom:0.95472em}h6{font-size:1.111em;line-height:1.40014em;margin-top:1.05011em;margin-bottom:1.05011em}p,.field-type-text-long ul,.field-type-text-long ol{margin-bottom:1.16667em;max-width:829px;margin-left:auto;margin-right:auto}ul p,ol p{max-width:none}#page-title{font-weight:bold;padding:0 20px;text-align:center;color:#003454}@media (max-width:47.49em){#page-title{font-size:1.667em;line-height:1.26628em}}.node-full .short-teaser{font-size:1em;line-height:1.55556em;font-family:"Notosans",Arial,Verdana,"Bitstream Vera Sans",sans-serif;text-align:center}@media (min-width:47.5em){.node-full .short-teaser{font-size:1.3442em;line-height:1.48126em}}.node-full .field-type-text-long h1,.node-full .field-type-text-long h2,.node-full .field-type-text-long h3,.node-full .field-type-text-long h4,.node-full .field-type-text-long h5,.node-full .field-type-text-long h6{font-family:"Sarala",Arial,Verdana,"Bitstream Vera Sans",sans-serif;max-width:829px;margin-left:auto;margin-right:auto}.node-full .field-type-text-long h4{font-size:1.667em;line-height:1.39972em}.node-full .field-type-text-long p:last-child{margin-bottom:0}.node-popular>.title,.node-sidebar-teaser>.title,.view-featured .view-rows .title{font-size:1.667em;line-height:1.39972em;margin-top:0.93315em;margin-bottom:0.93315em}fieldset{margin-bottom:1em;padding:0.5em}.form-item input.error,.form-item textarea.error,.form-item select.error{border:1px solid #EED300}.marker,.form-required{color:#EED300}.views-edit-view input,.views-edit-view textarea{max-width:95%}.form-item>label{font-weight:bold;display:block;padding:18px}.form-item .description,.form-actions .description{font-size:0.77778em;line-height:2.0em;padding:0.5em 18px;text-align:center;clear:both}.form-actions{text-align:center}.form-submit,.form-submit:link,.form-submit:visited{font-family:"Notosans",Arial,Verdana,"Bitstream Vera Sans",sans-serif;font-size:18px;background:#f40057;color:#fff;display:inline-block;border-radius:5px;padding:0 1em;line-height:42px;height:44px;border:none;cursor:pointer;-webkit-appearance:none}.form-submit:visited,.form-submit:link:visited,.form-submit:visited:visited{color:#fff}.form-submit:after,.form-submit:link:after,.form-submit:visited:after{font-family:"icons";content:"\E823";font-size:18px;color:inherit;margin-left:12px}.form-submit:hover:not(:disabled),.form-submit:link:hover:not(:disabled),.form-submit:visited:hover:not(:disabled){background:#ff1468;color:#fff}.form-submit:disabled,.form-submit:link:disabled,.form-submit:visited:disabled{opacity:0.4;cursor:default}button:focus,select:focus,input:focus{outline:none}.title-form{font-size:1.222em;line-height:1.27296em;font-family:"Notosans",Arial,Verdana,"Bitstream Vera Sans",sans-serif;color:#666;text-align:center;margin-bottom:1.5em}input[type="checkbox"]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:#ed8500;margin:0;width:22px;height:22px;line-height:18px;background:#fff;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-right:2px}input[type="checkbox"]::-ms-expand{display:none}input[type="checkbox"]:before{font-family:"icons";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1;margin:0 0.2em 0 0}input[type="checkbox"]:checked:before{content:'\2713';width:22px}input[type="checkbox"]:focus{outline:none}input[type="checkbox"]:disabled{cursor:default}input[type="text"],input[type="tel"],input[type="number"],input[type="password"],input[type="email"]{border-radius:5px;border:1px solid #ccc;padding:1em 18px;float:left;width:100%}input:-moz-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder{color:#ccc}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:0.88889em;line-height:1.75em;line-height:44px;height:44px;padding:0 calc(42px + 1.2em) 0 1.2em;background-color:#fff;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAsBAMAAACEWcUKAAAAGFBMVEUAAAAnFwACAgABAQACAgADAwAAAAAAAABf02++AAAACHRSTlMAQuTHnGQwD0UiTSwAAABASURBVCjPYxBgQAajXKxcJyUgUIFzi0FccziXDcRNQOgNUlJSRTKKRUnJAYnLbqRcgGxRkhqKvawBg8C/A8sFAB9eCLu0bN7tAAAAAElFTkSuQmCC);background-position:calc(100% - 14px) 0;border:1px solid #dedede;border-radius:5px}select::-ms-expand{display:none}select:disabled{opacity:0.6;cursor:default}*,:before,:after{box-sizing:border-box}#main{*zoom:1;padding:0 20px}#main:after{content:"";display:table;clear:both}#snap-content{overflow:hidden}.region{*zoom:1}.region:after{content:"";display:table;clear:both}#page,#header-group-inner,#site-menus,#footer{position:relative}@media (min-width:47.5em){#page,#header-group-inner,#site-menus,#footer{margin-left:auto;margin-right:auto;min-width:720px}}@media (min-width:62.5em){#page,#header-group-inner,#site-menus,#footer{max-width:960px;width:960px}}@media (min-width:77.5em){#page,#header-group-inner,#site-menus,#footer{max-width:1200px;width:1200px}}@media (min-width:47.5em){body.two-sidebars #group-content,body.one-sidebar.sidebar-first #group-content,body.one-sidebar.sidebar-first-alt #group-content{float:left;width:79.16667%;margin-left:20.83333%;margin-right:-100%}body.two-sidebars #sidebar-first,body.two-sidebars #sidebar-first-alt,body.one-sidebar.sidebar-first #sidebar-first,body.one-sidebar.sidebar-first #sidebar-first-alt,body.one-sidebar.sidebar-first-alt #sidebar-first,body.one-sidebar.sidebar-first-alt #sidebar-first-alt{float:left;width:20.83333%;margin-left:0%;margin-right:-20.83333%}body.two-sidebars #sidebar-second-alt,body.two-sidebars #sidebar-second,body.one-sidebar.sidebar-first #sidebar-second-alt,body.one-sidebar.sidebar-first #sidebar-second,body.one-sidebar.sidebar-first-alt #sidebar-second-alt,body.one-sidebar.sidebar-first-alt #sidebar-second{clear:left}}.equal-rows{clear:both;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.equal-rows>*{width:calc((100% / 1) - 0.01px);float:left;padding:0;margin:0;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (min-width:35em){.equal-rows>*{width:calc((100% / 2) - 0.01px);padding:20px}}@media (min-width:62.5em){.equal-rows>*{width:calc((100% / 3) - 0.01px);padding:20px}}.node{*zoom:1;margin-bottom:1.5em}.node:after{content:"";display:table;clear:both}.node.node-unpublished{background-color:#fff4f4}.node .page-node.node-unpublished{background-color:#ffcccc}.node .node-inline{float:left;clear:left}.node .node-bottom{margin:1.5em 0 0 0}.node.node-teaser p,.node.node-sidebar-teaser p,.node.node-popular p{margin-bottom:0}.page-node .short-teaser{color:#666}.equal-row-item .node-teaser{position:relative;padding-top:56.25%;width:100%}@media (max-width:35em){.equal-row-item .node-teaser{position:relative;margin-top:20px;margin-bottom:calc(1.5em - 20px)}.equal-row-item .node-teaser:before{content:'';display:block;background-color:#f6f6f6;position:absolute;height:1px;top:-20px;left:-20px;right:-20px}}@media (min-width:47.5em){.equal-row-item .node-teaser{margin-bottom:0}}.equal-row-item .node-teaser .title{font-size:1.388em;line-height:1.68108em}.equal-row-item .node-teaser .title a{color:#000}.equal-row-item .node-teaser .title a:visited{color:#333}.equal-row-item .node-teaser .title a:hover{color:#333}.equal-row-item .node-teaser .title a,.equal-row-item .node-teaser .title a:link,.equal-row-item .node-teaser .title a:visited{text-decoration:none}.equal-row-item .node-teaser .title a:active,.equal-row-item .node-teaser .title a:hover,.equal-row-item .node-teaser .title a:focus{outline:0}.equal-row-item .node-teaser:hover .title{color:#333}.equal-row-item .node-teaser .short-teaser{font-size:0.88889em;line-height:1.75em}.equal-row-item .node-teaser .teaser-image{position:absolute;top:0;left:0;right:0}.node-teaser.tile-clickable-container .teaser-image{opacity:1;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.node-teaser.tile-clickable-container:hover .teaser-image{opacity:0.8}.node-teaser.tile-clickable-container:hover .title{color:#333}body.node-type-buyers-guide #page-title{margin-bottom:0}body.node-type-buyers-guide .node-full .field-name-body,body.node-type-buyers-guide .node-full .field-name-field-understanding-names,body.node-type-buyers-guide .node-full .short-teaser{max-width:829px;margin-left:auto;margin-right:auto}body.node-type-buyers-guide .node-full .field-name-field-published-date{margin:1em 0;text-align:right}@media (min-width:47.5em){body.node-type-buyers-guide .node-full .field-name-field-published-date{text-align:center;margin-bottom:0}}@media (max-width:25em){body.node-type-buyers-guide .node-full .field-name-field-published-date .field-label{display:block;text-align:right}}body.node-type-buyers-guide .node-full .field-name-field-published-date>*{float:none;display:inline-block;font-size:0.77778em;line-height:2.0em;margin:0;color:#666}body.node-type-buyers-guide .node-full .field-name-field-published-date .field-label:after{content:':'}body.node-type-buyers-guide .group-label,body.node-type-buyers-guide .field-label{font-size:1.667em;line-height:1.39972em;margin-top:1.11978em;margin-bottom:1.11978em;text-align:center;font-weight:normal}#block-system-main-menu{position:relative;margin-bottom:0}#block-system-main-menu ul.menu{height:62px;padding-right:120px;margin-left:20px;overflow:hidden;position:relative}#block-system-main-menu ul.menu>li{display:inline-block}#block-system-main-menu ul.menu>li a{display:block;padding:0 10px 0 11px;position:relative;line-height:62px}#block-system-main-menu ul.menu>li a:before{content:"";position:absolute;left:0;top:22px;height:18px;width:1px;background-color:#fff}#block-system-main-menu ul.menu>li a:after{content:'';display:block;position:absolute;height:3px;background-color:#98bace;bottom:0;left:51%;right:51%}#block-system-main-menu ul.menu>li a:hover:after,#block-system-main-menu ul.menu>li a.active:after{left:10px;right:10px;-moz-transition:0.1s;-o-transition:0.1s;-webkit-transition:0.1s;transition:0.1s}#block-system-main-menu ul.menu>li:first-child a:before{content:normal}#menu-extender-list-wrapper{background-color:#16252e;position:absolute;width:100vw}#menu-extender-list-wrapper:before{color:#fff}#menu-extender-list-wrapper:after{background-color:#213846;color:#fff;text-align:right;overflow:hidden}#menu-extender-list-wrapper.active:after{background-color:#16252e}#menu-extender-list-wrapper ul{max-height:0px;overflow:hidden}#menu-extender-list-wrapper li a{display:block;padding:0 30px;line-height:62px;border-bottom:1px solid #98bace;background-color:#16252e;-moz-transition:background-color,0.2s;-o-transition:background-color,0.2s;-webkit-transition:background-color,0.2s;transition:background-color,0.2s}#menu-extender-list-wrapper li a:hover,#menu-extender-list-wrapper li a.active{background-color:#213846}#menu-extender-list-wrapper li:last-child a{border-bottom:none}@media (min-width:62.5em){#menu-extender-list-wrapper{width:auto;min-width:35%}}@media (max-width:34.375em){#menu-extender-list-wrapper:after{content:'MENU'}#block-system-main-menu ul.menu li:first-child a{margin-left:100vw}}*[id*=block-menu-secondary-menu] ul.menu li{float:left}*[id*=block-menu-secondary-menu] ul.menu li a{color:#98BBCF;padding-left:0.5em;padding-right:0.5em}*[id*=block-menu-secondary-menu] ul.menu li a:visited{color:#87b0c7}*[id*=block-menu-secondary-menu] ul.menu li a:hover{color:#87b0c7}*[id*=block-menu-secondary-menu] ul.menu li a,*[id*=block-menu-secondary-menu] ul.menu li a:link,*[id*=block-menu-secondary-menu] ul.menu li a:visited{text-decoration:none}*[id*=block-menu-secondary-menu] ul.menu li a:active,*[id*=block-menu-secondary-menu] ul.menu li a:hover,*[id*=block-menu-secondary-menu] ul.menu li a:focus{outline:0}.breadcrumb{*zoom:1;font-size:0.77778em;line-height:2.0em;padding-left:20px;padding-right:20px;margin:0.5em 0}.breadcrumb:after{content:"";display:table;clear:both}@media (min-width:62.5em){.breadcrumb{margin:1em 0}}.breadcrumb .title{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.breadcrumb .breadcrumb-list{position:relative;padding-left:30px}.breadcrumb li{float:left}.breadcrumb li:after{content:'\203a';display:inline-block;padding:0 .80em}.breadcrumb li.last{color:#003454}.breadcrumb li.last:after{content:''}.breadcrumb li a{color:#98BBCF}.breadcrumb li a:visited{color:#87b0c7}.breadcrumb li a:hover{color:#87b0c7}.breadcrumb li a,.breadcrumb li a:link,.breadcrumb li a:visited{text-decoration:none}.breadcrumb li a:active,.breadcrumb li a:hover,.breadcrumb li a:focus{outline:0}.breadcrumb li.first a{color:#333}.breadcrumb li.first:before{font-family:"icons";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:28px;margin:0 0.2em 0 0}.breadcrumb li.first:before{position:absolute;left:5px}#page{background-color:#fff}#header-group{background-color:#213846}#header-group a{color:#fff}#header-group>#header-group-inner>*{height:62px}#header-group>#header-group-inner>.logo-wrapper{display:inline;float:left;width:180px;padding:12px 0 0 20px;position:relative;z-index:101}#header-group>#header-group-inner>.logo-wrapper>.site-logo>img{display:inline}#header-group>#header-group-inner #block-system-main-menu{width:calc(100% - 180px)}#header-group>#header-group-inner #block-system-main-menu .block-title{display:none}#menu-toggle{display:none}.form-search{*zoom:1;clear:both;margin:0 auto;width:100%;padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.form-search:after{content:"";display:table;clear:both}.form-search-block .form-item-search-block-form,.form-search-block .form-actions{float:left}.form-search-block .form-item-search-block-form{width:80%;background-color:#f6f6f6;margin-bottom:0}.form-search-block .form-actions{width:20%}.form-search-block .form-submit{width:100%}.form-item-search-block-form .form-text{background-color:transparent;border:none;min-width:12em;width:94%;max-width:none;padding:0 3%;height:40px;line-height:40px}.form-search-submit{background-color:#f6f6f6;border:none;color:#333;min-width:3em;height:40px;line-height:40px;margin:0;padding:0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;border-radius:0 5px 5px 0}.form-search-submit:before{font-family:"icons";content:"🔍";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:1.4em;line-height:1;margin:0 0.2em 0 0}.form-search-submit span{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}html.no-touch .form-search-submit:hover,html.no-js .form-search-submit:hover{background-color:#333;color:#fff}#block-search-form{text-align:right;float:right;margin-bottom:0}#block-search-form .form-submit{border:none}@media (min-width:47.5em){#block-search-form{background:none;float:right;width:auto}}.facetapi-facetapi-links{margin-left:0}.facetapi-facetapi-links li{margin-left:0;margin-bottom:1px;background:#f6f6f6;color:#666}.facetapi-facetapi-links li a{display:block;padding:1px 6px}.facetapi-facetapi-links li a.facetapi-active{display:inline-block;background:#dedede;border-radius:3px;margin-right:5px;font-weight:bold;border-right:1px solid #dedede}.tile-clickable-container{position:relative}.tile-clickable-container .tile-clickable{position:absolute;top:0;bottom:0;left:0;right:0}#pid-build-to-order #main .field-name-body{text-align:center}body.page-vehicle-config #page-title,body.page-vehicle-config #vehicle-config-header{background-color:#f6f6f6}@media (max-width:62.49em){body.page-vehicle-config #page-title,body.page-vehicle-config #vehicle-config-header{margin-left:-20px;width:calc(100% + (20px * 2));max-width:100vw;padding-left:20px;padding-right:20px}}@media (min-width:62.5em){body.page-vehicle-config #page-title,body.page-vehicle-config #vehicle-config-header{width:100vw;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}}@media only screen and (min-width:62.5em) and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){body.page-vehicle-config #page-title,body.page-vehicle-config #vehicle-config-header{width:1024px;margin-left:calc(50% - 512px)}}@media (min-width:62.5em){body.page-vehicle-config #page-title>*,body.page-vehicle-config #vehicle-config-header>*{display:block;float:none;margin-left:auto;margin-right:auto}}@media (min-width:62.5em) and (min-width:62.5em){body.page-vehicle-config #page-title>*,body.page-vehicle-config #vehicle-config-header>*{width:960px}}@media (min-width:62.5em) and (min-width:77.5em){body.page-vehicle-config #page-title>*,body.page-vehicle-config #vehicle-config-header>*{width:1200px}}body.page-vehicle-config #page-title{margin-top:0;margin-bottom:0;padding-top:0.5em;padding-bottom:0.5em;border-top:solid 1px #dedede;padding-left:calc((100% - 829px) / 2);padding-right:calc((100% - 829px) / 2)}@media (max-width:47.49em){body.page-vehicle-config #page-title{padding:0.5em 0px}}body.page-vehicle-config#pid-vehicle-config-engine #page-title:after{content:"Prices below are for guide purposes only,select the options you want to get an exact quote for your perfect car";display:block;font-weight:normal;margin-top:0.5em;padding:0em 0.5em;font-size:0.8em;line-height:1.94444em;line-height:1.5em}@media (min-width:47.5em){body.page-vehicle-config#pid-vehicle-config-engine #page-title:after{font-size:0.5em;line-height:1.55556em}}body.page-vehicle-config #vehicle-config-header{border-bottom:1px solid #003454;text-align:center;padding-bottom:1.5em;overflow:hidden}@media (min-width:62.5em){body.page-vehicle-config #vehicle-config-header .vehicle-config{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}body.page-vehicle-config #vehicle-config-header .vehicle-config .vehicle-config-filters-wrapper{width:100%}body.page-vehicle-config #vehicle-config-header .vehicle-config .vehicle-config-filters-wrapper+.vehicle-config-options-wrapper{width:280px}}@media (min-width:62.5em) and (min-width:62.5em){body.page-vehicle-config #vehicle-config-header .vehicle-config .vehicle-config-filters-wrapper+.vehicle-config-options-wrapper{width:364px}}@media (min-width:62.5em){body.page-vehicle-config #vehicle-config-header .vehicle-config .vehicle-config-filters-wrapper+.vehicle-config-options-wrapper .vehicle-config-sort{margin-top:40px}}.block{float:left;width:100%;margin-bottom:1.5em}.block-title{font-size:1.667em;line-height:1.39972em;text-align:center}#boxes-box-footer_subscriptions .boxes-box-content a{display:block}#block-boxes-footer-contactus .boxes-box-content address{font-style:normal;margin:0em}#block-menu-menu-footer-social .block-title{display:none}#block-site-blocks-site-copyright{display:none}#block-site-factory-build-statusbox-fb-statusbox{margin-top:1em;margin-bottom:1em}#block-site-factory-build-statusbox-fb-statusbox ul{position:relative}#block-site-factory-build-statusbox-fb-statusbox ul:before{content:'';display:block;background-color:#666;position:absolute;height:1px;left:10%;right:10%;top:27px}#block-site-factory-build-statusbox-fb-statusbox ul li{width:20%;float:left;position:relative;text-align:center}#block-site-factory-build-statusbox-fb-statusbox ul li .title{display:block}#block-site-factory-build-statusbox-fb-statusbox ul li .title:before{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}#block-site-factory-build-statusbox-fb-statusbox ul li .data{display:block}@media (max-width:47.49em){#block-site-factory-build-statusbox-fb-statusbox ul li .data{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}}@media (min-width:62.5em){#block-site-factory-build-statusbox-fb-statusbox ul li .data{position:absolute;width:calc(100% - 54px);left:calc(50% + 27px);top:calc(27px + 0.5em)}}#block-site-factory-build-statusbox-fb-statusbox .title{color:#666;text-transform:uppercase;font-size:0.88889em;line-height:1.75em}@media (max-width:47.49em){#block-site-factory-build-statusbox-fb-statusbox .title{font-size:0.77778em;line-height:1.4em}}#block-site-factory-build-statusbox-fb-statusbox .title:before{font-family:"icons";content:"✓";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:24.984px;color:#fff;line-height:56px;margin:0}#block-site-factory-build-statusbox-fb-statusbox .title:before{background-color:#666;border-radius:100%;height:54px;width:54px;text-align:center}#block-site-factory-build-statusbox-fb-statusbox .engine .title:before{content:'\E82C'}#block-site-factory-build-statusbox-fb-statusbox .trim .title:before{content:'\E82F'}#block-site-factory-build-statusbox-fb-statusbox .options .title:before{content:'\E82D'}#block-site-factory-build-statusbox-fb-statusbox .deals .title:before{content:'\E82E'}#block-site-factory-build-statusbox-fb-statusbox .data{font-size:0.77778em;line-height:1.4em}#block-site-factory-build-statusbox-fb-statusbox .active .title{color:#2faf7b}#block-site-factory-build-statusbox-fb-statusbox .active .title:before{background-color:#2faf7b}#block-site-factory-build-statusbox-fb-statusbox .current .title{color:#227f59}#block-site-factory-build-statusbox-fb-statusbox .current .title:before{background-color:#227f59}#pid-vehicle-config-quote #block-site-factory-build-statusbox-fb-statusbox .options .title{color:#2faf7b}#pid-vehicle-config-quote #block-site-factory-build-statusbox-fb-statusbox .options .title:before{background-color:#2faf7b}#pid-vehicle-config-quote #block-site-factory-build-statusbox-fb-statusbox .deals .title{color:#227f59}#pid-vehicle-config-quote #block-site-factory-build-statusbox-fb-statusbox .deals .title:before{background-color:#227f59}#block-site-about-about-us-map{margin-bottom:1.5em}@media (max-width:62.49em){#block-site-about-about-us-map{margin-left:-20px;width:calc(100% + (20px * 2));max-width:100vw;padding-left:0;padding-right:0}}@media (min-width:62.5em){#block-site-about-about-us-map{width:100vw;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}}@media only screen and (min-width:62.5em) and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){#block-site-about-about-us-map{width:1024px;margin-left:calc(50% - 512px)}}@media (min-width:62.5em){#block-site-about-about-us-map>*{display:block;float:none;margin-left:auto;margin-right:auto}}@media (min-width:62.5em) and (min-width:62.5em){#block-site-about-about-us-map>*{width:960px}}@media (min-width:62.5em) and (min-width:77.5em){#block-site-about-about-us-map>*{width:1200px}}#block-site-about-about-us-map .map-frame{width:100%;position:relative;width:calc(100% + 0px);padding:0;overflow:hidden;height:384px}#block-site-about-about-us-map .about-us-map-container{z-index:0;max-height:595px;margin-top:-110px;height:240px;background-image:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/images/maps/m_buyacar_map.jpg?1468501968');margin:auto}#block-site-about-about-us-map .map-content{z-index:2;color:#000;padding:16px 16px 0 16px;background-color:#fff}#block-site-about-about-us-map .map-header-img{position:relative;width:257px;height:134px;background-image:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/images/30clevelandstreet.jpg?1468501968')}#block-site-about-about-us-map .map-title{margin-top:10px;margin-bottom:3px;color:#003454}#block-site-about-about-us-map .map-phone{margin-top:10px;font-size:1.4em}#block-site-about-about-us-map .map-email{margin-top:10px}#block-site-about-about-us-map .map-email a{color:#003454}#block-site-about-about-us-map .map-social{vertical-align:middle}#block-site-about-about-us-map .map-social .map-share,#block-site-about-about-us-map .map-social .map-tweet{width:50%;text-align:center;height:54px;padding-top:12px;color:#fff}#block-site-about-about-us-map .map-social .map-share:before,#block-site-about-about-us-map .map-social .map-tweet:before{padding-right:4px}#block-site-about-about-us-map .map-social .map-share:hover,#block-site-about-about-us-map .map-social .map-tweet:hover{cursor:pointer}#block-site-about-about-us-map .map-social .map-share{float:left;background-color:#3B5B98}#block-site-about-about-us-map .map-social .map-share:before{font-family:"icons";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:1em;line-height:1;margin:0 0.2em 0 0}#block-site-about-about-us-map .map-social .map-tweet{float:right;background-color:#55acee}#block-site-about-about-us-map .map-social .map-tweet:before{font-family:"icons";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:1em;line-height:1;margin:0 0.2em 0 0}@media (max-width:47.49em){#block-site-about-about-us-map .map-frame{overflow-x:hidden;font-size:90%;line-height:1.4em;position:relative;width:100%;margin-right:0;height:430px}#block-site-about-about-us-map .about-us-map-container{max-height:350px}#block-site-about-about-us-map .map-container{float:left}#block-site-about-about-us-map .map-header-img{display:none}#block-site-about-about-us-map .map-title{margin-top:3px}#block-site-about-about-us-map .map-email{margin-top:10px}#block-site-about-about-us-map .map-email a{color:#003454}#block-site-about-about-us-map .map-social{width:106px;height:52px;float:right;padding-top:35px}#block-site-about-about-us-map .map-social .map-share,#block-site-about-about-us-map .map-social .map-tweet{height:52px;padding-top:15px;color:transparent}#block-site-about-about-us-map .map-social .map-share:before,#block-site-about-about-us-map .map-social .map-tweet:before{color:#fff;padding-left:9px;font-size:1.4em}}@media (min-width:47.5em) and (max-width:62.49em){#block-site-about-about-us-map .about-us-map-container{overflow-x:auto;height:366px;max-height:476px;z-index:0;position:absolute;background-image:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/images/maps/n_buyacar_map.jpg?1468501968');width:100%}#block-site-about-about-us-map .map-content{top:0px;right:8px;padding:0px 16px 0 20px}#block-site-about-about-us-map .map-social{position:absolute;margin-left:-20px;width:293px;top:312px;right:8px;width:285px}#block-site-about-about-us-map .map-container{width:286px;display:block;position:absolute;top:0px;right:8px;background-color:#fff;padding:0 15px 15px 15px}}@media (min-width:62.5em){#block-site-about-about-us-map .map-content{margin-left:calc(70% - 50px);box-shadow:rgba(0,0,0,0.24902) 0px 0px 24px 0px;width:287px;display:block;position:absolute;top:40px}#block-site-about-about-us-map .map-social{width:288px;margin-left:-16px;margin-top:1px}#block-site-about-about-us-map .map-addr{padding-bottom:12px}#block-site-about-about-us-map .map-frame{width:100vw !important;margin-left:calc(50% - 50vw) !important;padding-left:0;padding-right:0;min-height:485px}#block-site-about-about-us-map .about-us-map-container{height:485px;background-image:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/images/maps/d_buyacar_map.jpg?1468501968')}}@media (min-width:77.5em){#block-site-about-about-us-map .about-us-map-container{background-image:url('http://cdn2.buyacar.co.uk/sites/buyacar/themes/buyacar/images/maps/w_buyacar_map.jpg?1468501968');background-repeat:no-repeat;background-position:center center}}#block-site-wwag-wwag{background:#f6f6f6;padding:0;border:1px solid #dedede}@media (max-width:62.49em){#block-site-wwag-wwag{margin-left:-20px;width:calc(100% + (20px * 2));max-width:100vw;padding-left:20px;padding-right:20px}}@media (min-width:62.5em){#block-site-wwag-wwag{width:100vw;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}}@media only screen and (min-width:62.5em) and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){#block-site-wwag-wwag{width:1024px;margin-left:calc(50% - 512px)}}@media (min-width:62.5em){#block-site-wwag-wwag>*{display:block;float:none;margin-left:auto;margin-right:auto}}@media (min-width:62.5em) and (min-width:62.5em){#block-site-wwag-wwag>*{width:960px}}@media (min-width:62.5em) and (min-width:77.5em){#block-site-wwag-wwag>*{width:1200px}}#block-site-wwag-wwag .content{padding:30px 10%}#block-site-wwag-wwag .content .item-wrapper{text-align:center;margin-bottom:30px}#block-site-wwag-wwag .content .item-wrapper:last-child{margin-bottom:0}#block-site-wwag-wwag .content .item-wrapper .numeric-item{font-family:"Sarala",Arial,Verdana,"Bitstream Vera Sans",sans-serif;font-size:2.222em;line-height:1.40014em;font-weight:bold;color:#2faf7b}#block-site-wwag-wwag .content .item-wrapper .text-item{color:#666}@media (min-width:35em){#block-site-wwag-wwag .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#block-site-wwag-wwag .content .item-wrapper{width:50%;padding:0 10px}#block-site-wwag-wwag .content .item-wrapper:nth-child(3){margin-bottom:0}}@media (min-width:62.5em){#block-site-wwag-wwag .content{padding:30px 0}#block-site-wwag-wwag .content .item-wrapper{width:25%;margin-bottom:0}}#block-site-homepage-homepage-header{margin-bottom:0}#block-site-homepage-homepage-header .content{max-width:960px;margin-left:auto;margin-right:auto;position:relative;min-height:calc(100vh - 62px);color:#fff;padding:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-orient:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#block-site-homepage-homepage-header .content #homepage-header-find-car,#block-site-homepage-homepage-header .content .homepage-header-tagline{margin-top:auto}#block-site-homepage-homepage-header .content>*:not(.field-name-field-primary-image){position:relative;z-index:2;width:100%}#block-site-homepage-homepage-header .field-name-field-primary-image{position:absolute;top:0;left:-1000px;right:-1000px;bottom:0;z-index:1;text-align:center}#block-site-homepage-homepage-header .field-name-field-primary-image img{height:100%;max-width:none;width:auto}#block-site-homepage-homepage-header .homepage-header-box{background-color:rgba(0,0,0,0.5);padding:20px;border-radius:5px;overflow:hidden;margin-bottom:20px;max-width:370px}@media (max-width:47.49em){#block-site-homepage-homepage-header .homepage-header-box{margin-left:auto;margin-right:auto}}#block-site-homepage-homepage-header .homepage-header-box-title{font-size:2.222em;line-height:1.40014em;margin:0;margin-top:-10px;margin-bottom:10px;text-align:left}@media (min-width:47.5em){#block-site-homepage-homepage-header .homepage-header-box-title{font-size:2.611em;line-height:1.19154em}}#block-site-homepage-homepage-header .homepage-header-tagline{text-align:center;text-shadow:1px 2px #000}@media (max-width:47.49em){#block-site-homepage-homepage-header .homepage-header-tagline{font-size:1.222em;line-height:1.27296em;margin-left:auto;margin-right:auto;max-width:370px}}@media (min-width:47.5em){#block-site-homepage-homepage-header .homepage-header-tagline{font-size:1.667em;line-height:1.39972em}}@media (min-width:62.5em){#block-site-homepage-homepage-header .homepage-header-tagline{font-size:2.222em;line-height:1.40014em}}#block-site-homepage-homepage-header select,#block-site-homepage-homepage-header input,#block-site-homepage-homepage-header .arrow-link{width:100%;display:block;margin:0;margin-bottom:20px}#block-site-homepage-homepage-header select:last-child,#block-site-homepage-homepage-header input:last-child,#block-site-homepage-homepage-header .arrow-link:last-child{margin-bottom:0}#block-site-homepage-homepage-header .arrow-link{text-align:center}@media (min-width:62.5em){#block-site-homepage-homepage-header .arrow-link{font-family:"Notosans",Arial,Verdana,"Bitstream Vera Sans",sans-serif;font-size:21.996px;background:#f40057;color:#fff;display:inline-block;border-radius:5px;padding:0 1em;line-height:45.996px;height:47.996px;border:none;cursor:pointer;-webkit-appearance:none}#block-site-homepage-homepage-header .arrow-link:visited{color:#fff}#block-site-homepage-homepage-header .arrow-link:after{font-family:"icons";content:"\E823";font-size:18px;color:inherit;margin-left:12px}#block-site-homepage-homepage-header .arrow-link:hover:not(:disabled){background:#ff1468;color:#fff}#block-site-homepage-homepage-header .arrow-link:disabled{opacity:0.4;cursor:default}}.field-label{font-family:"Sarala",Arial,Verdana,"Bitstream Vera Sans",sans-serif}.field-collection-container{border:0;margin:0}.field-collection-container .field-collection-view-links{display:none}.group-primary-media{margin-bottom:0}@media (max-width:62.49em){.group-primary-media{margin-left:-20px;width:calc(100% + (20px * 2));max-width:100vw;padding-left:20px;padding-right:20px}}@media (min-width:62.5em){.group-primary-media{width:100vw;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}}@media only screen and (min-width:62.5em) and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.group-primary-media{width:1024px;margin-left:calc(50% - 512px)}}@media (min-width:62.5em){.group-primary-media>*{display:block;float:none;margin-left:auto;margin-right:auto}}@media (min-width:62.5em) and (min-width:62.5em){.group-primary-media>*{width:960px}}@media (min-width:62.5em) and (min-width:77.5em){.group-primary-media>*{width:1200px}}@media (max-width:62.49em){.group-primary-media{padding:0}}body.node-type-page .group-primary-media .field-name-field-primary-image{width:100%}body.node-type-page .group-primary-media .field-name-field-primary-image img{width:100%;height:auto}#block-system-main .field-name-field-gallery-adv,#block-system-main .referenced-gallery-node{width:100%}#block-system-main .field-name-field-gallery-adv a[data-gallery-id],#block-system-main .referenced-gallery-node a[data-gallery-id]{position:relative;display:block}#block-system-main .field-name-field-gallery-adv a[data-gallery-id] img,#block-system-main .referenced-gallery-node a[data-gallery-id] img{width:100%}#block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info,#block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info{color:#fff;border:3px solid #fff;border-radius:5px;position:absolute;bottom:40px;right:40px;font-size:0;padding:0 20px;opacity:0.8;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-moz-box-shadow:1px 1px 1px #555;-webkit-box-shadow:1px 1px 1px #555;box-shadow:1px 1px 1px #555;background-color:rgba(0,0,0,0.5)}#block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:before,#block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:before{font-family:"icons";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:30.006px;line-height:1;margin:0 0.2em 0 0}#block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:before,#block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:before{margin-right:20px;position:relative;top:2px}#block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:after,#block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:after{content:"view all pictures";font-size:24.984px;font-family:"Sarala",Arial,Verdana,"Bitstream Vera Sans",sans-serif;line-height:60px}@media (max-width:47.49em){#block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info,#block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info{border-width:2px;bottom:20px;right:15px;padding:0 10px}#block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:before,#block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:before{font-size:21.996px;margin-right:10px}#block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:after,#block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:after{font-size:16.0px;line-height:40px}}#block-system-main .field-name-field-gallery-adv a[data-gallery-id]:hover .gallery-info,#block-system-main .referenced-gallery-node a[data-gallery-id]:hover .gallery-info{opacity:1}#block-system-main .referenced-gallery-node{margin-bottom:40px;padding:0}@media (max-width:62.49em){#block-system-main .referenced-gallery-node{margin-left:-20px;width:calc(100% + (20px * 2));max-width:100vw;padding-left:20px;padding-right:20px}}@media (min-width:62.5em){#block-system-main .referenced-gallery-node{width:100vw;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}}@media only screen and (min-width:62.5em) and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){#block-system-main .referenced-gallery-node{width:1024px;margin-left:calc(50% - 512px)}}@media (min-width:62.5em){#block-system-main .referenced-gallery-node>*{display:block;float:none;margin-left:auto;margin-right:auto}}@media (min-width:62.5em) and (min-width:62.5em){#block-system-main .referenced-gallery-node>*{width:960px}}@media (min-width:62.5em) and (min-width:77.5em){#block-system-main .referenced-gallery-node>*{width:1200px}}#block-system-main .referenced-gallery-node>*{width:auto}#block-system-main .referenced-gallery-node img{max-width:none;width:100%}#block-system-main .gallery-list{margin:0}#block-system-main .field-name-field-file-credits,#block-system-main .field-name-field-file-description{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;margin-bottom:0.5em;font-size:0.77778em;line-height:2.0em}@media (min-width:62.5em){#block-system-main .field-name-field-file-credits,#block-system-main .field-name-field-file-description{width:960px}}@media (min-width:77.5em){#block-system-main .field-name-field-file-credits,#block-system-main .field-name-field-file-description{width:1200px}}#block-system-main .field-name-field-file-credits .field-label,#block-system-main .field-name-field-file-description .field-label{font-weight:bold}#block-system-main .field-name-field-file-credits .field-label:after,#block-system-main .field-name-field-file-description .field-label:after{content:":"}.group-strength-weakness{background-color:#f6f6f6;padding-bottom:40px;overflow:hidden}@media (max-width:62.49em){.group-strength-weakness{margin-left:-20px;width:calc(100% + (20px * 2));max-width:100vw;padding-left:20px;padding-right:20px}}@media (min-width:62.5em){.group-strength-weakness{width:100vw;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}}@media only screen and (min-width:62.5em) and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.group-strength-weakness{width:1024px;margin-left:calc(50% - 512px)}}@media (min-width:62.5em){.group-strength-weakness>*{display:block;float:none;margin-left:auto;margin-right:auto}}@media (min-width:62.5em) and (min-width:62.5em){.group-strength-weakness>*{width:960px}}@media (min-width:62.5em) and (min-width:77.5em){.group-strength-weakness>*{width:1200px}}.group-strength-weakness .group-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.group-strength-weakness .field-group-inner>.field .field-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:0.5em}.group-strength-weakness .field-group-inner>.field .field-item:before{font-family:"icons";content:"➕";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:28px;line-height:1;margin:0 0.2em 0 0}.group-strength-weakness .field-group-inner>.field .field-item:last-child{margin-bottom:0}.group-strength-weakness .field-group-inner>.field .field-item:before{color:#ed8500;margin:0 0.5em}.group-strength-weakness .field-group-inner>.field.field-name-field-weaknesses .field-item:before{content:'\2796'}@media (min-width:36.25em){.group-strength-weakness .group-label{position:inherit;clip:auto;height:auto;width:auto;overflow:inherit}.group-strength-weakness .field-group-inner>.field{width:50%;float:left}.group-strength-weakness .field-group-inner>.field .field-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.group-strength-weakness .field-group-inner>.field .field-item{min-height:56px;padding:5px 0;line-height:1.2;margin-bottom:0}}@media (min-width:62.5em){.group-strength-weakness .field-group-inner{max-width:960px;padding:0 20px}}.view-buyers-guides .view-header,.view-buyers-guides .view-filters{text-align:center}.view-buyers-guides .view-filters{margin-bottom:1.5em}.view-buyers-guides .equal-row-item{display:block}.view-buyers-guides .views-exposed-form .views-exposed-widget{float:none}
</style>
<style>
.bacModal {
display: none;
}
.bacModal.open {
display: block;
}
.bacModal.bacModalLoading .popup::before {
background-color: rgba(255,255,255,0.5);
background-image: url('http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/30-0.gif');
background-repeat: no-repeat;
background-position: 50% calc(50% + 80px - 32px);
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.bacModal.signInPanel .bacModalDetailsContainer {
transform: translateX(-50%);
}
.popup {
overflow-x: hidden;
}
label {
display: block;
}
.bacModalDetailsContainer {
width: 200%;
transition: transform 0.2s linear;
}
.bacModalDetailsContainer .bacModalDetails {
float: left;
width: 50%;
}
.bacModal .popup .bacModalConfirmation {
background-color: #fff;
height: calc(100% - 30px);
padding: 40px;
position: absolute;
text-align: center;
top: 30px;
width: 100%;
}
.bacModal .popup .bacModalConfirmation div {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.bacModal .popup .bacModalError input,
.bacModal .popup .bacModalError textarea {
border-color: red;
}
.bacModal .popup .bacModalError::after {
bottom: -20px;
color: red;
content: 'Please enter your ' attr(data-value);
font-size: 12px;
position: absolute;
}
</style>
</head>
<body>
<div class="finance-pinklinks-wrapper">
<a href="#" data-action="ask">Ask a question</a>
<a href="#" data-action="save">Save This Car</a>
<a href="#">Part Exchange</a>
</div>
<div id="bacModal" class="bacModal">
<div id="signIn" class="overlay" data-action="initialClick"></div>
<div class="popup">
<div class="header"><h4 id="bacModalTitle"></h4><a class="popup-close" href="#" data-action="initialClick">×</a></div>
<div id="bacModalText" class="bacModalText"></div>
<form id="bacModalForm">
<input type="hidden" name="clientId" value="" id="clientId"><input type="hidden" name="currentUserId" value="" id="quoteFormCurrentUserId"><input type="hidden" name="productAdvertId" value="544351" id="productAdvertId">
<label>
<textarea name="carReservationDTO.customerQuestion" placeholder="Ask your question..."></textarea>
</label>
<div class="bacModalDetailsContainer">
<div class="bacModalDetails">
<p id="bacModalUserText" class="bacModalUserText">If you have an account <a href="#" data-action="bacModalSignIn">sign in</a></p>
<label data-value="first name">
First Name
<input type="text" name="carReservationDTO.firstName" placeholder="First Name" />
</label>
<label data-value="last name">
Last Name
<input type="text" name="carReservationDTO.lastName" placeholder="Last Name" />
</label>
<label data-value="email">
Email
<input type="email" name="carReservationDTO.emailAddress" placeholder="Email" />
</label>
<label data-value="phone number">
Phone Number
<input type="tel" name="carReservationDTO.telephoneNumber" placeholder="Phone Number" />
</label>
<button type="submit">Submit</button>
</div>
<div class="bacModalDetails bacModalDetailsSignIn">
<p class="bacModalDetailsBack">
<button href="#" class="back" data-action="bacModalDetailsPanel" onclick="return false;">Back</button>
</p>
<label data-value="email">
Email
<input type="email" name="signInEmail" />
</label>
<label data-value="password">
Password
<input type="password" name="signInPassword" />
</label>
<p style="clear:both"></p>
<a href="/forgottenPassword.jhtml" class="bacModalForgotPW">Forgotten password?</a>
<button type="submit" data-action="bacModalSubmitSignIn" onclick="return false;">Submit</button>
</div>
</div>
</form>
</div>
</div>
<script>
(function() {
var host = (window.location.host.search('buyacar') === -1) ? 'www.buyacar.co.uk' : window.location.host;
//var protocol = (window.location.host === 'www.buyacar.co.uk') ? 'https' : 'http';
var protocol = 'http';
var AUTHURL = protocol + '://' + host + '/login.do';
var POSTURL = protocol + '://' + host + '/reserve/submitQuestion.jhtml';
var EMAILURL = protocol + '://' + host + '/AJAXisEmailPresent.jhtml?emailAddress=';
var transitionEnd = (document.body.style['transition']) ? 'transitionend' : 'webkitTransitionEnd';
var bacModal = {
modalOpened: false,
emailAlreadyExists: false,
initialClick: function(e) {
clearTimeout(this.openTimer);
if (e && e.preventDefault) {
this.action = e.target.dataset.action;
if (this.action) {
e.preventDefault();
} else {
return true;
}
var modalText = this.templates[e.target.dataset.action];
this.$bacModalText.innerHTML = modalText;
this.$bacModalTitle.innerHTML = this.templates.title[e.target.dataset.action];
}
var $confirmationScreen = this.$bacModalWrapper.querySelector('.bacModalConfirmation');
if ($confirmationScreen) {
$confirmationScreen.parentElement.removeChild($confirmationScreen);
}
if (this.$bacModalForm.querySelector('input[name="currentUserId"]').value.length > 0) {
this.$bacModalUserText.innerHTML = this.templates.signedIn;
}
var vector = (this.modalOpened === false) ? 'add' : 'remove';
this.modalOpened = (!this.modalOpened);
this.$bacModalWrapper.classList[vector]('open');
this[vector + 'Listeners']();
if (typeof ga === 'function' && this.modalOpened === true) {
var event = '/virtual/';
switch(this.action) {
case 'ask':
event += 'ask-a-question-modal'
break;
case 'save':
event += 'save-this-car-modal'
break;
case 'exchange':
event += 'part-exchange-modal'
break;
}
this.gaEvent = event;
ga('send', 'pageview', this.gaEvent);
}
},
modalClick: function(e) {
var action = e.target.dataset.action;
if (e.target.dataset.action) {
var keys = Object.keys(this);
keys.forEach(function(key) {
if (key === action && typeof this[key] === 'function') {
this[key](e);
}
}.bind(this));
}
},
modalSubmit: function(e) {
console.log('modalSubmit', e);
if (this.emailAlreadyExists === true) {
this.bacModalSignIn(null, true);
return;
}
var $inputs = [].slice.call(this.$bacModalForm.querySelectorAll('input, textarea'));
var data = $inputs.filter(function(value) {
return (value.name !== 'signInEmail' && value.name !== 'signInPassword');
});
var errorArray = $inputs.filter(function(input) {
return (input.type !== 'hidden' && input.type !== 'textarea' && input.name !== 'signInEmail' && input.name !== 'signInPassword' && input.value === '');
});
if (errorArray.length > 0) {
this.dealWithErrors(errorArray);
return;
}
this.bacModalLoading();
$.get(POSTURL, data, function(response) {
this.bacModalFinishedLoading();
this.bacModalConfirmationScreen(data);
}.bind(this));
},
dealWithErrors: function($errors) {
$errors.forEach(function($input) {
$input.parentElement.classList.add('bacModalError');
}.bind(this));
this.addErrorListeners();
},
addErrorListeners: function() {
if (this.errorListener) { this.removeErrorListener(); }
this.errorListener = function(e) {
var $parent = e.target.parentElement;
if (e.target.type !== 'hidden' && $parent.classList.contains('bacModalError')) {
if (e.target.value.length > 0) {
$parent.classList.remove('bacModalError');
}
}
};
this.$bacModalForm.addEventListener('keyup', this.errorListener, false);
},
removeErrorListener: function() {
this.$bacModalForm.removeEventListener('keyup', this.errorListener, false);
this.errorListener = null;
},
bacModalSignIn: function(e, forceSignIn) {
if (e) { e.preventDefault(); }
if (forceSignIn === true) {
document.querySelector('.bacModalDetailsSignIn').classList.add('bacModalSignInForce');
var value = this.$bacModalForm.querySelector('input[name="' + this.keyMappings.email + '"]').value;
this.$bacModalForm.querySelector('input[name="signInEmail"]').value = value;
}
this.bacModalSignInPanel();
},
bacModalSignInPanel: function() {
this.$bacModalWrapper.classList.add('signInPanel');
},
bacModalDetailsPanel: function() {
this.$bacModalWrapper.classList.remove('signInPanel');
},
bacModalLoading: function() {
this.$bacModalWrapper.classList.add('bacModalLoading');
},
bacModalFinishedLoading: function() {
this.$bacModalWrapper.classList.remove('bacModalLoading');
},
bacModalSubmitSignIn: function(e) {
e.preventDefault();
e.stopPropagation();
var details = jQuery(this.$bacModalForm).serializeArray().filter(function(value) {
return (value.name === 'signInEmail' || value.name === 'signInPassword');
});
details.map(function(value) {
value.name = value.name.replace('signIn', '').toLowerCase();
return value;
});
this.bacModalLoading();
this.getUserDetails(function(user) {
this.bacModalFinishedLoading();
user = JSON.parse(user.replace('userDetails(', '').replace(');',''));
if (user.error) {
this.bacModalSignInError();
} else {
this.bacModalSignInComplete(user.user);
}
}.bind(this), details);
},
bacModalConfirmationScreen: function(data) {
var name = data.filter(function(value) {
return (value.name === this.keyMappings.firstName);
}.bind(this));
this.$bacModalWrapper.querySelector('.popup').insertAdjacentHTML('afterbegin', this.templates.confirmation[this.action]);
if (this.gaEvent) {
ga('send', 'pageview', this.gaEvent + '?completedAction=quotesaved_newlySaved');
}
},
bacModalSignInError: function() {
var $bacSignInForm = document.querySelector('.bacModalDetailsSignIn');
var errorListener = function() {
console.log('keyup!');
$bacSignInForm.classList.remove('bacModalSignInError');
$bacSignInForm.removeEventListener('keyup', errorListener, false);
}
$bacSignInForm.addEventListener('keyup', errorListener, false);
$bacSignInForm.classList.add('bacModalSignInError');
$bacSignInForm.classList.remove('bacModalSignInForce');
},
getUserDetails: function(cb, details) {
$.post(AUTHURL, details, function(user) {
cb(user);
}.bind(this));
},
bacModalSignInComplete: function(user) {
Object.keys(user).forEach(function(key) {
var $input = this.$bacModalForm.querySelector('[name="' + this.keyMappings[key] + '"]');
if ($input) { $input.value = user[key]; }
}.bind(this));
this.emailAlreadyExists = 'signedIn';
this.$bacModalUserText.innerHTML = this.templates.signedIn;
var removeSignInPanel = function(e) {
this.$bacModalWrapper.removeEventListener(transitionEnd, removeSignInPanel);
var $signInPanel = this.$bacModalForm.querySelector('.bacModalDetailsSignIn');
$signInPanel.parentElement.removeChild($signInPanel);
}.bind(this);
this.$bacModalWrapper.addEventListener(transitionEnd, removeSignInPanel);
this.bacModalDetailsPanel();
ga('set', 'userId', user.id); // Set the user ID using signed-in user_id.
},
checkIfLoggedIn: function() {
var cookie = this.readCookie('BAC_SIGNIN');
if (cookie) {
this.sessionId = cookie;
}
return (typeof cookie === 'string');
},
readCookie: function(name) {
var nameEQ = name + '=';
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0) ===' ') { c = c.substring(1,c.length); }
if (c.indexOf(nameEQ) === 0) { return c.substring(nameEQ.length,c.length); }
}
return null;
},
addListeners: function() {
this.clickListener = this.modalClick.bind(this);
this.$bacModalWrapper.addEventListener('click', this.clickListener, false);
this.submitListener = (function(e) {
e.preventDefault();
this.modalSubmit.bind(this, e)();
return false;
}).bind(this);
this.$bacModalForm.addEventListener('submit', this.submitListener, false);
var $emailInput = this.$bacModalForm.querySelector('input[name="' + this.keyMappings.email + '"]');
this.emailListener = (function(e) {
if ($emailInput.value.length > 0) {
$.post(EMAILURL + e.target.value, function(data) {
if (this.emailAlreadyExists !== 'signedIn') { this.emailAlreadyExists = data; }
if (data === true) {
this.bacModalSignIn(null, true);
}
}.bind(this));
}
}).bind(this);
$emailInput.addEventListener('blur', this.emailListener, false);
},
removeListeners: function() {
this.$bacModalWrapper.removeEventListener('click', this.clickListener, false);
this.$bacModalForm.removeEventListener('submit', this.submitListener, false);
this.$bacModalForm.querySelector('input[name="' + this.keyMappings.email + '"]').removeEventListener('blur', this.emailListener, false);
},
init: function() {
this.$bacModalWrapper = document.getElementById('bacModal');
this.$bacModalTitle = document.getElementById('bacModalTitle');
this.$bacModalForm = document.getElementById('bacModalForm');
this.$bacModalText = document.getElementById('bacModalText');
this.$bacModalUserText = document.getElementById('bacModalUserText');
this.$bacModalUserText.innerHTML = this.templates.notSignedIn;
var $buttonWrapper = document.getElementsByClassName('finance-pinklinks-wrapper')[0];
this.bacButtons = [].slice.call($buttonWrapper.getElementsByTagName('a'));
this.bacButtons.forEach(function(button) {
button.addEventListener('click', (this.initialClick).bind(this), false);
}.bind(this));
// Force input types as Java doesn't support them
document.querySelector('input[name="' + this.keyMappings.phone + '"]').type = 'tel';
document.querySelector('input[name="' + this.keyMappings.email + '"]').type = 'email';
/*
// NOT NEEDED
// Since there's no AJAX signin or BaC Java, the signin will be completed when the page loads
// If an AJAX signin is implented in future, then this can used.
var getSignInStatus = function() {
if (this.sessionId) {
$buttonWrapper.removeEventListener('mouseover', getSignInStatus, false);
}
if (this.checkIfLoggedIn()) {
this.getUserDetails(function(user) {
user = JSON.parse(user.replace('userDetails(', '').replace(');',''));
if (!user.error) {
this.bacModalSignInComplete(user.user);
}
}.bind(this));
}
}.bind(this);
$buttonWrapper.addEventListener('mouseover', getSignInStatus, false);
*/
},
templates: {
ask: '<p>Want to know more about this car, or how we’ll deliver it to your door? Ask us anything.</p><p>Fill in your details below to register and we’ll get back to you.</p>',
save: '<p>We’ll save this car so you can easily return to it. If you’ve got any questions about this model, or ordering with BuyaCar, then ask us in the box below.</p>',
exchange: '<p>Looking to part exchange your current car? Let us know the make, model, mileage and registration number to help us estimate its value. If you’ve got any questions, pop them below.</p><p>Fill in your details below to register and we’ll get back to you.</p>',
notSignedIn:'Already registered? <a href="#" data-action="bacModalSignIn" tabindex="-1">Click here to login</a>. If you’re not yet registered, then we’ll create a BuyaCar account where you can store the deals you’re interested in.',
signedIn: 'Click below to submit.',
title: {
ask: 'Ask a question',
save: 'Save this car',
exchange: 'Part exchange'
},
confirmation: {
ask: '<div class="bacModalConfirmation"><div><p>Thank you!</p><p>Your question has been submitted, we’ll get back to you with a reply ASAP.</p><p>In the meantime, why not <a href="http://www.buyacar.co.uk/cars/used_car.jhtml">browse our latest cars?</a></p><p><a href="#" class="button" data-action="initialClick">Close</a></p></div></div>',
save: '<div class="bacModalConfirmation"><div><p>Your car is now saved.</p><p>You can view your saved cars in <a href="http://www.buyacar.co.uk/mybuyacar/summary.jhtml">My Account</a></p><p>In the meantime, why not <a href="http://www.buyacar.co.uk/cars/used_car.jhtml">browse our latest cars?</a></p><p><a href="#" class="button" data-action="initialClick">Close</a></p></div></div>',
exchange: '<div class="bacModalConfirmation"><div><p>Thank you! We’ll get back to you ASAP.</p><p>In the meantime, why not <a href="http://www.buyacar.co.uk/cars/used_car.jhtml">browse our latest cars?</a></p><p><a href="#" class="button" data-action="initialClick">Close</a></p></div></div>',
}
},
keyMappings: {
firstName: 'carReservationDTO.firstName',
lastName: 'carReservationDTO.lastName',
phone: 'carReservationDTO.telephoneNumber',
email: 'carReservationDTO.emailAddress'
}
};
if (document.readyState === 'interactive' || document.readyState === 'complete') {
bacModal.init();
} else {
document.addEventListener('DOMContentLoaded', function(event) {
bacModal.init();
});
}
window.bacModal = bacModal;
})();
</script>
</body>
</html>