1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="csrf-param" content="authenticity_token" /> 8<meta name="csrf-token" content="DLi3hkMzriKHB9eROJXPkAQudjCAPamWowsZGvOhIElMX9qYep9nKXd_xA_k1qJmqDalFDJHYAE790a2Put5sg" /> 9 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 10
10<script nonce="7Haa0xwC8JAq/J5DpsPXpg==">
vendor: 388 bytes, lines 10-15
10(function(w,d,s,l,i){ 11 w[l]=w[l]||[];w[l].push({'gtm.start': 12 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15 })(window,document,'script','dataLayer','
15GTM-5SC8X6KR
vendor: 3 bytes, line 15
15');
15</script>
15 16
16<script nonce="7Haa0xwC8JAq/J5DpsPXpg==">
vendor: 388 bytes, lines 16-21
16(function(w,d,s,l,i){ 17 w[l]=w[l]||[];w[l].push({'gtm.start': 18 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 19 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 20 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 21 })(window,document,'script','dataLayer','
21GTM-NWX8PGW
vendor: 3 bytes, line 21
21');
21</script>
21 22 23 24 <title>Home - VOLUME</title> 25 26 <meta itemprop="title" content="Home - VOLUME"> 27 <meta itemprop="name" content="VOLUME"> 28 <meta itemprop="description" content="Independent online bookshop in NZ. Discover unique fiction, non-fiction, kidsâ books, art books & more. Free delivery in central Nelson."> 29 30 <!-- Google meta titles and meta descriptions --> 31 <meta name="title" content="Home - VOLUME"> 32 <meta name="description" content="Home"> 33 <meta name="author" content="VOLUME"> 34 <meta name="publisher" content="VOLUME"> 35 <meta name="theme-color" content="#FFFFFF" /> 36 <link rel="canonical" href="https://volumebooks.online/auth/login" /> 37 38 <!-- Open Graph --> 39 40 41 42 43 <meta property="og:site_name" content="VOLUME" /> 44 <meta property="og:title" content="Home - VOLUME" /> 45 <meta property="og:description" content="Independent online bookshop in NZ. Discover unique fiction, non-fiction, kidsâ books, art books & more. Free delivery in central Nelson." /> 46 <meta property="og:type" content="ecommerce" /> 47 48 <meta property="og:image" content="https://storage.googleapis.com/circlesoft/document/photos/002/712/105/meta_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852" /> 49 50 <meta property="og:publisher" content="VOLUME"> 51 <meta property="og:url" content="https://volumebooks.online" /> 52 53 54 55
55<script type="application/ld+json"> 56{ 57 "@context": "http://schema.org", 58 "@type": "Bookstore", 59 "image": "https://volumebooks.online", 60 "@id": "https://volumebooks.online", 61 "name": "VOLUME", 62 "address": { 63 "@type": "PostalAddress", 64 "streetAddress": "15 Church Street", 65 "addressLocality": "Nelson", 66 "addressRegion": "Nelson", 67 "postalCode": "7010", 68 "addressCountry": "NZ" 69 }, 70 "url": "https://volumebooks.online", 71 "telephone": null 72} 73</script>
73 74 75 <meta name="robots" content="index, follow" /> 76 77 <!-- fav and touch icons --> 78 <link rel="icon" href="https://storage.googleapis.com/circlesoft/document/photos/002/712/103/original_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852" /> 79 80 81 <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Raleway:400,500,600,700,900" rel="stylesheet"> 82 83 <link rel="stylesheet" href="https://cdnmaster4.circlesoft.net/assets/application-becfb0a1912c5042f4cde97e6b3dcf6e934b8f72fc11266e4ff456dd3f5fabac.css" nonce="7Haa0xwC8JAq/J5DpsPXpg==" /> 84 85
85<script src="https://cdnmaster4.circlesoft.net/assets/alpine_js.min-aed5e259999a9c819b54638ac94573805f65d3e94363fb228195a0e8a0cd8c26.js" nonce="7Haa0xwC8JAq/J5DpsPXpg==" defer="defer"></script>
85 86
86<script src="https://cdnmaster4.circlesoft.net/assets/application-ffbb3b7caf3a76534292214ef25d9ca47dacb727e1398f4499a16b3f93bd2bb4.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
86 87 88
88<script src="https://cdnmaster4.circlesoft.net/assets/jquery.lazyload-0f914751dde4d73dd6ba0c38f45b549280753aacce1654667c6862c9d3e3bf15.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
vendor: 1 bytes, line 88
88
89<script nonce="7Haa0xwC8JAq/J5DpsPXpg=="> 90 $(function() { 91 loadLazyLoadedImages(); 92 $('.owl-next, .owl-prev, .owl-carousel').on("click", function () { 93 setTimeout(loadLazyLoadedImages, 500); 94 }); 95 96 $(window).on("resize", function() { 97 setTimeout(loadLazyLoadedImages, 500); 98 }); 99 100 $('html, body').on("click", function () { 101 setTimeout(loadLazyLoadedImages, 500); 102 }); 103 104 function loadLazyLoadedImages() { 105 if ($('.lazyload').length) { 106 $('.lazyload').on("error", function () { 107 $(this).off('error').attr('src', "https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg"); 108 }); 109 110 $('.lazyload').lazyload({ 111 skip_invisible: false, 112 effect: 'fadeIn', 113 failure_limit: 50, 114 threshold: 0 115 }); 116 } 117 } 118 119 $(document).ready(function(){ 120 $('.lazyload').each(function() { 121 $(this).attr('src', $(this).data('original')); 122 }); 123 }); 124 }); 125</script>
125 126 127
127<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min-df890bb04ebf415eaf3ddd22d7c8b598e5fca02afbb80d7c3ed305c7c36e78e9.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
127 128
128<script nonce="7Haa0xwC8JAq/J5DpsPXpg=="> 129//<![CDATA[ 130 131 window._apm_service_name = "prod8-0-bots"; 132 window._apm_service_url = "https://apm.circlepos.com:443/rum/"; 133 window._apm_mapping_url = "https://storage.googleapis.com/circlesoft-cdn/cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min.js.map"; 134 window._apm_active = true; 135 window._apm_transaction_sample_rate = 0.3; 136 window._apm_breakdown_metrics = true; 137 138//]]> 139</script>
139
139<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-init-70844a7c3967a0360c4b8e9dd1a54a527e51364dc37a6809edbb50dbf9c557f0.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
vendor: 75 bytes, lines 139-145
139 140 141 142 <script src="https://www.google.com/recaptcha/api.js"></script> 143 144 145
145<!-- Google Tag Manager -->
146<script>
vendor: 331 bytes, lines 146-150
146(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 147new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 148j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 149'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 150})(window,document,'script','dataLayer','
150GTM-5SC8X6KR
vendor: 3 bytes, line 150
150');
150</script>
150 151<!-- End Google Tag Manager --> 152 153<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 153-154
153 154<script async src="https://www.googletagmanager.com/gtag/js?id=
154G-YS3Y3CCZRL
vendor: 13 bytes, line 154
154"></script>
155<script> 156
vendor: 138 bytes, lines 156-160
156window.dataLayer = window.dataLayer || []; 157 function gtag(){dataLayer.push(arguments);} 158 gtag('js', new Date()); 159 160 gtag('config', '
160G-YS3Y3CCZRL
vendor: 5 bytes, line 160
160');
161</script>
161 162 163<meta name="google-site-verification" content="Q2aZ07XuepFmxImsxHanOtSdFjKUjQIp6woFqggg-RU" /> 164<!-- circle:checkout-name-trim v1 START (remove this block to revert) -->
165<script> 166 (function () { 167 if (!window.location.pathname.includes('/cart/checkout')) return; 168 var normalizeName = function () { 169 var el = document.getElementById('address_name'); 170 if (el) el.value = el.value.trim().replace(/\s+/g, ' '); 171 }; 172 var bind = function () { 173 var el = document.getElementById('address_name'); 174 if (!el) return false; 175 if (el.dataset.nameTrimBound) return true; 176 el.dataset.nameTrimBound = '1'; 177 el.addEventListener('blur', normalizeName); 178 var btn = document.getElementById('btn-validate-action'); 179 if (btn) btn.addEventListener('click', normalizeName, true); 180 return true; 181 }; 182 var start = function () { 183 if (bind()) return; 184 var observer = new MutationObserver(function () { 185 if (bind()) observer.disconnect(); 186 }); 187 observer.observe(document.body, { childList: true, subtree: true }); 188 }; 189 if (document.body) start(); 190 else document.addEventListener('DOMContentLoaded', start); 191 })(); 192</script>
192 193<!-- circle:checkout-name-trim v1 END --> 194 195 <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"> 196 197 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" nonce="7Haa0xwC8JAq/J5DpsPXpg==" /> 198 <style type='text/css' nonce="623W55ebAmoSw8/LG2b9lA=="> 199 @media(min-width:1200px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 900px !important; } } 200 @media(max-width:1199px) and (min-width: 980px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 900px !important; } } 201 @media(max-width:979px) and (min-width: 768px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px !important; } } 202 @media(max-width:767px) { .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { width: auto; }} 203 204 /* general */ 205 206 /*Apply google fonts if specified in settings*/ 207 body, input, a, div, .button , button, select, textarea, p, span{ 208 font-family: 'Roboto', sans-serif;; 209 } 210 .navbar-default .navbar-nav>li>a { 211 font-family: 'Roboto', sans-serif;; 212 } 213 214 .book-name, .stock-count, .title-text, label, ul.nav li{ 215 font-family: 'Roboto', sans-serif; !important; 216 } 217 218 219 ************************/ 220 .homepage .page-header { margin: 0; border-bottom: 0; } 221 .homepage .header h1, .page-header h1 { font-size: 1.5em; line-height: 1.2em; } 222 .homepage .header .side-links { clear: right; float: right; } 223 .homepage .header + .empty { border-top: 1px solid #ccc; } 224 .homepage .page-content { margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; } 225 226 /************************ 227 * Categories 228 ************************/ 229 #category-list { background: #ddd; padding-left:0px;padding-right:0px; } 230 .categories { background: #ddd; } 231 .categories h2 { color: #CCCCCC; } 232 .categories ul { width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 15px; } 233 .categories ul.highlighted { font-weight: bold; border-bottom: 2px solid black; } 234 235 .categories ul li { color: #666; background: #ddd; padding: 0.4em 1em; margin: 0; text-align: left;} 236 .categories ul li:last-child { border-bottom: 0; } 237 .categories ul li a { color: #666; text-decoration: none; display: block; } 238 .categories ul li a:hover { color: #000; } 239 240 .categories ul li.promoted { background: #c6c6c6; } 241 242 .categories ul li.main { background: #fff; } 243 244 .categories ul ul { font-weight: normal; } 245 .categories ul ul li { background: #fff; padding: 0 1em; font-size: 0.85em; border-bottom: 0; } 246 .categories ul ul li.sub > a { color: white; } 247 .categories ul ul li.active { font-weight: bold; } 248 249 /* Color setting for side list menu */ 250 .categories ul li { 251 background-color:#FFFFFF; 252 } 253 /************************ 254 * End Categories 255 ************************/ 256 257 /* Catalog */ 258 #catalog-container{ 259 margin-top: 20px; 260 /* color setting for catalog */ 261 background-color: white; 262 } 263 264 .featured-category-header a, .featured-category-header a:visited, a.featured-product-header, a.featured-product-header:visited { 265 color: #000000; 266 } 267 .category-header a, .category-header a:visited { 268 color: #000000; 269 } 270 271 /************************ 272 * Discount flag 273 ************************/ 274 .product .flag, 275 .inline-block .flag { 276 position: absolute; 277 top: 0; 278 left: 0; 279 width: 0; 280 height: 0; 281 border-right: 27px solid transparent; 282 border-top: 27px solid #dd305a; 283 border-left: 27px solid #dd305a; 284 border-bottom: 27px solid transparent; 285 z-index: 99; 286 } 287 288 .product .flag .tag, 289 .inline-block .flag .tag { 290 margin-top: -20px; 291 margin-left: -22px; 292 width: max-content; 293 } 294 295 .product .flag .tag span, 296 .inline-block .flag .tag span { 297 font-weight: bold; 298 color: #FFFFFF; 299 } 300 /************************ 301 * End Discount flag 302 ************************/ 303 304 /*color options for category headers*/ 305 306 .fill-nav, .navbar-blue{ 307 background-image: linear-gradient(#FFFFFF, #FFFFFF); 308 border-color: #FFFFFF; 309 border-radius: 0px 0px 4px 4px; 310 } 311 312 .nav-link a { 313 color: #000000; 314 } 315 .top-navbar .nav > li > a{ 316 color: #000000; 317 } 318 .nav-link a:hover { 319 color: #006666; 320 } 321 322 .top-navbar .nav > li > a:hover{ 323 color: #006666; 324 } 325 .top-navbar{ 326 color: #006666; 327 } 328 .top-navbar .nav > li > a:hover{ 329 color: #006666; 330 } 331 .top-navbar .navbar-brand { 332 background-image: linear-gradient(#FFFFFF, #FFFFFF); 333 border-color: #FFFFFF; 334 } 335 .top-navbar .navbar-toggle { 336 display: none; 337 background-image: linear-gradient(#FFFFFF, #FFFFFF); 338 border-color: #FFFFFF; 339 } 340 .top-navbar .navbar-toggle:hover { 341 background-color: #FFFFFF); 342 border-color: #FFFFFF; 343 } 344 .top-navbar .navbar-brand { color: white; } 345 346
347 /* Background color settings for headers */ 348 .home-box, .categories-header{ 349 background-color: white; 350 } 351 /*color setting for links */ 352 a, #topnav a { color: #000000; text-decoration:none; } 353 a:hover, #topnav a:hover { color: #000000; } 354 355 /* Footer */ 356 #footer{ 357 background-color: white; 358 } 359 360 #footer a:hover{ 361 color: none; 362 } 363 #footer .nav > li > a:hover, .nav > li > a:focus{ 364 background-color: unset; 365 color: none; 366 } 367 #footer .nav > li > a, #footer a, #footer p, #footer div{ 368 color: #FFFFFF; 369 } 370 #banner { background-color: white; } 371 372 .sub-page-menu li { 373 font-family: 'Roboto', sans-serif;; 374 } 375 376 .sub-page-menu, .sub-page-menu li { 377 background-color: #FFFFFF; 378 } 379 .sub-page-menu li a, .nav-link a { 380 color: #000000; 381 } 382 .navbar-inverse .nav > li > a{ 383 color: #000000; 384 } 385 386 .nav-link a:hover { 387 color: #006666; 388 } 389 .navbar-inverse .nav > li > a:hover{ 390 color: #006666; 391 } 392 .navbar-inverse .navbar-brand { 393 background-image: linear-gradient(#FFFFFF, #FFFFFF); 394 border-color: #FFFFFF; 395 } 396 .navbar-inverse .navbar-toggle { 397 display: none; 398 background-image: linear-gradient(#FFFFFF, #FFFFFF); 399 border-color: #FFFFFF; 400 } 401 .navbar-inverse .navbar-toggle:hover { 402 background-color: #FFFFFF); 403 border-color: #FFFFFF; 404 } 405 406 407 @media (min-width: 479px) { 408 .navbar.top-navbar .navbar-brand { 409 display: block; 410 background: url(https://storage.googleapis.com/circlesoft/document/photos/002/712/105/thumb_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852) no-repeat center; 411 } 412 .navbar .container-fluid { padding-left: 0; padding-right: 0; } 413 414 .quick_search_category { color: white; } 415 .quick_search_category > label { color: white; } 416 .quick_search_category a { color: white; } 417 418 #advanced_search_fields > input { margin: 0 2px 2px 0; } 419 } 420 421 @media (max-width: 480px) { 422 #banner { background-color: white; } 423 /* .banner-img { display: none; }*/ 424 425 #search { float: left; width: 100%; margin: 0; } 426 #search .searchattributeinput { width: 90%; margin: 0 auto; display: block; } 427 #search .search_button { display: none; } 428 429 .top-navbar .navbar-brand, .top-navbar .navbar-text, 430 .bottom-navbar, #bottom-copyright { float: none; text-align: center; } 431 .mid-navbar { margin-top: 18px; } 432 433 body { padding: 0; } 434 } 435 @media (max-width: 979px) { 436 .navbar-inverse .navbar-brand { color: white; } 437 } 438 @media (min-width: 980px) { 439 .navbar .navbar-brand { color: transparent; display: none; } 440 } 441 442 .cart { border-top-color: white; } 443 444 /* Override btn color */ 445 .browse-category h2, .custom-header { 446 background-color: #FFFFFF; 447 border-color: #FFFFFF; 448 } 449 450 .btn-primary, .basketbtn .btn.btn-primary.btn-xs { 451 background-color: #000000; 452 border-color: #000000; 453 } 454 .btn-primary:hover { 455 background-color: #000000; 456 border-color: #000000; 457 box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.3); 458 } 459 460 .btn-outline-primary { 461 /* background-color: #000000; */ 462 border-color: #000000; 463 color: #000000; 464 } 465 466 .btn-outline-primary:hover { 467 background-color: #000000; 468 border-color: #000000; 469 color: white; 470 } 471 472 473 .btn-primary-text { 474 background-color: transparent; 475 border-color: transparent; 476 color: #000000; 477 } 478 479 .btn-primary-text:hover { 480 color: #0000007a; 481 } 482 483 /*---mobile navbar and sidebar ----*/ 484 #nav-sidebar a, 485 .nav-sidebar-wrapper .nav-sidebar__header div label, 486 .navbar-clean__button, .navbar-clean__button a { 487 color: #A6A6A6; 488 } 489 490 .nav-sidebar-wrapper .nav-sidebar__header div input:checked + label { 491 border-color: #A6A6A6; 492 } 493 494 .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li:hover { 495 background-color: #0a6ebd7a; 496 } 497 498 .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li ul li, 499 .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li a:hover { 500 background-color: #0a6ebd; 501 } 502 503 .navbar-clean .navbar-clean__cart i.with-data:after { 504 background: #ff0000 505 } 506 /*---end---------------------------*/ 507 508 /*---new checkout interface--------*/ 509 div#checkout-stages input[type='radio']:checked + label{ 510 background-color: #0000004f; 511 } 512 div#checkout-stages input:not([disabled]) + label { 513 background-color: #0000001a; 514 } 515 div#checkout-stages input:not([disabled]) + label:hover { 516 background-color: #0000002f; 517 } 518 div.payment-options div.enabled-payment-options input[type='radio']:checked + label, 519 div#delivery-options-stage div.delivery-options div.saved-shipping-rates input[type='radio']:checked + label, 520 div#shipping-address-stage div.addresses div.saved-address input[type='radio']:checked + label { 521 border: 1px solid #000000 !important; 522 } 523 div#cart-total-price span span.items_expand_trigger, 524 div.payment-options span i#card-type-icon, 525 div.payment-options input[type='radio']:checked + label:before, 526 div#delivery-options-stage div.delivery-options input[type='radio']:checked + label:before, 527 div#shipping-address-stage div.addresses input[type='radio']:checked + label:before, 528 div#promotion-container span#promotion-code { 529 color: #000000; 530 } 531 div#shipping-address-stage div.address-actions a:hover, 532 div#shipping-address-stage div.address-actions button:hover { 533 color: #000000 !important ; 534 } 535 /*---end---------------------------*/ 536 537 ul#portal-list { 538 zoom: 75% 539 } 540 541 a#terms_and_conditions_url, 542 a#review-maps-link, 543 a#review-back-btn, 544 span.review-delivery-shipping-cost, 545 #loyalty-message-title { 546 color: #000000; 547 } 548 549 .new-checkout-title { 550 color: #000000; 551 font-weight: 600; 552 } 553 554 :root { 555 --checkout-summary-bg: color-mix(in srgb, #000000 100%, black 100%); 556 --checkout-accent: #000000; 557 } 558 559 h2.review-order-title { 560 color: #000000; 561 font-weight: 600; 562 margin-top: 0; 563 } 564 565 .link-btn { 566 color: #000000; 567 background-color: transparent; 568 padding: 4px 8px; 569 border: none; 570 } 571 572 .link-btn:hover { 573 color: #000000da; 574 } 575 576 .link-btn:active, 577 .link-btn:focus, 578 .link-btn:active:focus { 579 color: #000000; 580 background-color: #0000003a; 581 border-radius: 100px; 582 } 583 584 .select-design-system { 585 width: 100%; 586 height: 32px; 587 border-radius: 100px; 588 padding: 0 1.6rem; 589 background: white; 590 border-color: #808080; 591 } 592 593 .btn-design-system { 594 border-radius: 100px; 595 padding: 4px 16px; 596 min-height: 32px; 597 font-weight: 600; 598 } 599 600 .input-design-system { 601 padding: 4px 8px; 602 border: 1px solid #808080; 603 color: black; 604 border-radius: 100px; 605 min-height: 32px; 606 } 607 608 .select-design-system:hover, 609 .select-design-system:active, 610 .select-design-system:focus, 611 .select-design-system:active:focus, 612 .input-design-system:hover, 613 .input-design-system:active,
614 .input-design-system:focus, 615 .input-design-system:active:focus, { 616 border-color: #000000 !important; 617 border-radius: 100px !important; 618 } 619 620 .btn-design-system:hover { 621 background-color: #000000fa; 622 } 623 624 .btn-design-system:active, 625 .btn-design-system:focus, 626 .btn-design-system:active:focus { 627 background-color: color-mix(in srgb, #000000 100%, black 20%) !important; 628 } 629 630 .success-alert-design-system, 631 .danger-alert-design-system { 632 padding: 8px 16px; 633 margin: 8px 0; 634 } 635 636 .success-alert-design-system { 637 background-color: #A6D3AA; 638 color: #333333; 639 } 640 641 .danger-alert-design-system { 642 background-color: #F9B4B5; 643 color: #333333; 644 } 645 646 .info-alert-design-system { 647 background-color: #99D5F2; 648 color: #333333; 649 } 650 651 .checkbox-wrapper-design-system label { 652 display: block; 653 position: relative; 654 padding-left: 24px; 655 margin-bottom: 5px; 656 cursor: pointer; 657 font-size: 18px; 658 } 659 660 .checkbox-wrapper-design-system input[type="radio"] { 661 position: absolute; 662 z-index: -1; 663 opacity: 0; 664 appearance: none; 665 -moz-appearance: none; 666 -webkit-appearance: none; 667 } 668 669 .checkbox-wrapper-design-system .control__indicator { 670 position: absolute; 671 top: 2px; 672 left: 0; 673 height: 16px; 674 width: 16px; 675 background: #e6e6e6; 676 border-radius: 50%; 677 } 678 .checkbox-wrapper-design-system:hover input ~ .control__indicator, 679 .checkbox-wrapper-design-system input:focus ~ .control__indicator { 680 background: #ccc; 681 } 682 .checkbox-wrapper-design-system input:checked ~ .control__indicator { 683 background: #000000; 684 } 685 .checkbox-wrapper-design-system:hover input:not([disabled]):checked ~ .control__indicator, 686 .checkbox-wrapper-design-system input:checked:focus ~ .control__indicator { 687 background: color-mix(in srgb, #000000 100%, black 100%); 688 } 689 .checkbox-wrapper-design-system input:disabled ~ .control__indicator { 690 background: #e6e6e6; 691 opacity: 0.6; 692 pointer-events: none; 693 cursor: not-allowed; 694 } 695 .checkbox-wrapper-design-system .control__indicator:after { 696 content: ''; 697 position: absolute; 698 display: none; 699 } 700 .checkbox-wrapper-design-system input:checked ~ .control__indicator:after { 701 display: block; 702 } 703 .checkbox-wrapper-design-system .control__indicator:after { 704 left: 5px; 705 top: 5px; 706 height: 6px; 707 width: 6px; 708 border-radius: 50%; 709 background: #fff; 710 } 711 .checkbox-wrapper-design-system input:disabled ~ .control__indicator:after { 712 background: #7b7b7b; 713 cursor: not-allowed; 714 } 715 716 div.loyalty-component { 717 background-color: color-mix(in srgb, #000000 100%, black 100%); 718 color: white; 719 border: 1px solid #000000fa; 720 border-radius: 16px !important; 721 margin-top: 1rem; 722 723 > div > p { 724 color: white; 725 } 726 } 727 728 .pagination { 729 a { 730 text-decoration: underline; 731 } 732 } 733 734 .event-info-outline { 735 border: 1px solid #000000; 736 border-radius: 16px; 737 padding: 10px; 738 margin-bottom: 10px; 739 background: #fafafa; 740 font-size: 11px; 741 text-align: left; 742 max-width: fit-content; 743 i { 744 color: #000000; 745 } 746 position: relative; 747 748 @media (max-width: 600px) { 749 max-width: 100%; 750 font-size: 12px; 751 } 752 } 753 754 .event-info-outline::before { 755 content: "\f274"; 756 font-family: "Font Awesome 6 Free"; 757 font-style: normal; 758 font-weight: normal; 759 text-decoration: inherit; 760 font-size: 14px; 761 position: absolute; 762 top: -14px; 763 right: -13px; 764 background: #000000; 765 border-radius: 50%; 766 padding: 2px; 767 width: 24px; 768 height: 24px; 769 text-align: center; 770 color: white; 771 } 772 773 .product-detail-font-size, 774 .product-detail-font-size .event-info-outline { 775 font-size: 12px; 776 } 777 778 .event-info-outline a { 779 color: #333333; 780 text-decoration: none; 781 } 782 783 .airdp-today-btn-custom { 784 cursor: pointer; 785 display: flex; 786 justify-content: center; 787 align-items: center; 788 margin: 8px auto 8px auto; 789 padding: 3px 10px; 790 background: #eee; 791 border-radius: 4px; 792 border: 1px solid #ccc; 793 font-size: 12px; 794 text-align: center; 795 width: 70px; 796 } 797 </style> 798 799 <link rel="stylesheet" href="https://storage.googleapis.com/circlesoft/document/css_documents/000/00
7995/237/volumebooks-hideb2l.css?1763090863" nonce="7Haa0xwC8JAq/J5DpsPXpg==" /> 800 801 802</head> 803 804<body class="">
vendor: 78 bytes, lines 804-805
804 805 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
805GTM-5SC8X6KR
vendor: 166 bytes, lines 805-807
805" 806 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 807 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
807GTM-NWX8PGW
vendor: 95 bytes, lines 807-811
807" 808 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 809 810 811
811<a href="#main-content" class="sr-only sr-only-focusable">Skip to main content</a> 812 813 <header class="site-header" role="banner"> 814 815 816 817<div class="site-sidebar"> 818 <div id="nav-sidebar" class="nav-sidebar-wrapper navbar-blue visible-xs"> 819 <nav class="nav-sidebar__header" aria-label="Sidebar tabs"> 820 <div> 821 <input id="tab2" data-content="1" type="radio" name="tabs" checked class="nav-sidebar__tabs nav-sidebar__tab2"> 822 <label for="tab2" class="nav-sidebar__labels nav-sidebar__label2"> 823 Menu 824 </label> 825 </div> 826 <div> 827 <input id="tab1" data-content="2" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab1"> 828 <label for="tab1" class="nav-sidebar__labels nav-sidebar__label1">Categories</label> 829 </div> 830 <div> 831 <input id="tab3" data-content="3" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab3"> 832 <label for="tab3" class="nav-sidebar__labels nav-sidebar__label3"> 833 Account 834 </label> 835 </div> 836 </nav> 837 838 <div class="nav-sidebar-tab-content-wrapper"> 839 <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content2" aria-label="Information"> 840 <ul> 841 <li> 842 <div> 843 <a class="" title="Go to ABOUT US" href="/pages/9467-ABOUTUS">ABOUT US</a> 844 </div> 845 </li> 846 <li> 847 <div> 848 <a class="" title="Go to READING SUBSCRIPTIONS" href="/pages/1650-READINGSUBSCRIPTIONS">READING SUBSCRIPTIONS</a> 849 </div> 850 </li> 851 <li> 852 <div> 853 <a class="" title="Go to VOLUME DIGITAL GIFT CARDS" href="/pages/8875-VOLUMED
853IGITALGIFTCARDS">VOLUME DIGITAL GIFT CARDS</a> 854 </div> 855 </li> 856 </ul> 857 </nav> 858 859 <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content1" aria-label="Categories"> 860 861<ul> 862 <li> 863 <a title="Go to Fiction" class="underline" href="https://volumebooks.online/c/fiction__721">Fiction</a> 864 </li> 865 <li> 866 <a title="Go to Culture" class="underline" href="https://volumebooks.online/c/culture__39">Culture</a> 867 </li> 868 <li> 869 <a title="Go to Society" class="underline" href="https://volumebooks.online/c/society__26">Society</a> 870 </li> 871 <li> 872 <a title="Go to Mind" class="underline" href="https://volumebooks.online/c/mind__124">Mind</a> 873 </li> 874 <li> 875 <a title="Go to Science" class="underline" href="https://volumebooks.online/c/science__356">Science</a> 876 </li> 877 <li> 878 <a title="Go to Children & YA" class="underline" href="https://volumebooks.online/c/children-ya__2">Children & YA</a> 879 </li> 880 <li> 881 <a title="Go to Read our reviews!" class="underline" href="https://volumebooks.online/c/read-our-reviews__1">Read our reviews!</a> 882 </li> 883 <li> 884 <a title="Go to Volume Editions" class="underline" href="https://volumebooks.online/c/volume-editions__2">Volume Editions</a> 885 </li> 886 <li> 887 <a title="Go to Aotearoa New Zealand" class="underline" href="https://volumebooks.online/c/aotearoa-new-zealand-74e84cf7-d5dc-432b-9c8d-30fd8b1cc022">Aotearoa New Zealand</a> 888 </li> 889 <li> 890 <a title="Go to Place" class="underline" href="https://volumebooks.online/c/place">Place</a> 891 </li> 892 <li> 893 <a title="Go to Reference" class="underline" href="https://volumebooks.online/c/reference__272">Reference</a> 894 </li> 895 <li> 896 <a title="Go to Games & Amusements" class="underline" href="https://volumebooks.online/c/games-amusements">Games & Amusements</a> 897 </li> 898 <li> 899 <a title="Go to Awards & prizes" class="underline" href="https://volumebooks.online/c/awards-prizes__2">Awards & prizes</a> 900 </li> 901 <li> 902 <a title="Go to Small Press" class="underline" href="https://volumebooks.online/c/small-press-20dda4bb-d9cd-4fdf-9313-8880a8596004">Small Press</a> 903 </li> 904 <li> 905 <a title="Go to Stationery" class="underline" href="https://volumebooks.online/c/stationery__200">Stationery</a> 906 </li> 907 <li> 908 <a title="Go to Snips" class="underline" href="https://volumebooks.online/c/snips">Snips</a> 909 </li> 910 <li> 911 <a title="Go to Biography and Memoir" class="underline" href="https://volumebooks.online/c/biography-and-memoir-a821b3c8-f039-46c2-8fb1-87b5e2c4ba46">Biography and Memoir</a> 912 </li> 913 <li> 914 <a title="Go to Reading Subscriptions" class="underline" href="https://volumebooks.online/c/reading-subscriptions">Reading Subscriptions</a> 915 </li> 916 <li> 917 <a title="Go to Reading Subscriptions for Children and Teens" class="underline" href="https://volumebooks.online/c/reading-subscriptions-for-children-and-teens">Reading Subscriptions for Children and Teens</a> 918 </li> 919 <li> 920 <a title="Go to Tickets" class="underline" href="https://volumebooks.online/c/tickets__2">Tickets</a> 921 </li> 922 <li> 923 <a title="Go to Vouchers / Gift Cards" class="underline" href="https://volumebooks.online/c/vouchers-gift-cards">Vouchers / Gift Cards</a> 924 </li> 925</ul> 926 927 </nav> 928 929 <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content3" aria-label="Account"> 930 <ul> 931 <input type="hidden" name="landing" id="landing" autocomplete="off" /> 932 <li> 933 <a href="/auth/login"><i class="fa fa-sign-in" aria-hidden="true"></i> Login / Sign up</a> 934 </li> 935 </ul> 936 </nav> 937 </div> 938 </div> 939</div> 940 941<div id="sidebar-overlay" class="visible-xs"></div> 942<div class="nav-wrapper visible-xs "> 943 <nav class="navbar top-navbar nav-login navbar-blue navbar-clean" 944 aria-label="Header utility navigation (mobile)"> 945 <button class="navbar-clean__button navbar-clean__menu ripple" aria-label="navigation menu"> 946 <i class="fa fa-bars" aria-hidden="true"></i> 947 </button> 948 <div class="navbar-clean__icon flex-spacer text-center"> 949 <a href="https://volumebooks.online" aria-label="VOLUME"> 950 <img srcset="https://storage.googleapis.com/circlesoft/document/photos/002/712/105/large_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852 1x, https://storage.googleapis.com/circlesoft/document/photos/002/712/105/original_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852 2x" alt="VOLUME logo" class="micro-logo" src="https://storage.googleapis.com/circlesoft/document/photos/002/712/105/large_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852" /> 951 </a> 952 </div> 953 <div class="navbar-clean__button navbar-clean__cart ripple navbar-cart-wrapper"> 954 <a style="padding:0" aria-label="open shopping cart" href="/cart"><i data-count="0" class="fa fa-shopping-cart"></i></a> 955 </div> 956 </nav> 957</div> 958<nav class="hidden-xs navbar top-navbar nav-login navbar-default navbar-blue container-fluid navbar-top-nav-links" 959 aria-label="Header utility navigation (desktop)">
960 <div class="inner-container-home container" id="top_nav_links"> 961 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 962 <div class="collapse navbar-collapse pl-0" id="main-nav"> 963 <ul class="nav navbar-nav site-nav-links"> 964 <li> 965 <a target="_blank" rel="noopener noreferrer" href="http://www.volume.nz">HOME</a> 966 </li> 967 <li> 968 <a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/New%20releases">NEW RELEASES</a> 969 </li> 970 <li> 971 <a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/Newsletter">NEWSLETTER</a> 972 </li> 973 <li> 974 <a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks">BLOG</a> 975 </li> 976 <li> 977 <a target="_blank" rel="noopener noreferrer" href="https://volume.nz/contact-brine">CONTACT US</a> 978 </li> 979 </ul> 980 <ul class="nav navbar-nav navbar-right navbar-cart"> 981 <li id="cart_link" class="list-none"> 982 <a class="btn btn-default" id="cart-link-btn" aria-label="View cart, 0 items" href="/cart"><img id="cart-link-img" alt="Cart image" src="https://cdnmaster4.circlesoft.net/assets/cart-e73aa3b846d5a318be60473ecf11011a11fc9ac910c4ee930c471f3ad865f10e.png" />0 items</a> 983 </li> 984 <input type="hidden" name="landing" id="landing" autocomplete="off" /> 985 <li><a href="/auth/login">Login/Sign up</a></li> 986 </ul> 987 </div> 988 </div> 989 </div> 990</nav> 991<!-- HEADER BAR (TOP) --> 992<div class="header-bar banner container-fluid" id="banner"> 993 <div class="inner-container-home container" id="inner-container-home"> 994 <div class="row"> 995 <div class="logo-container hidden-xs col-sm-5 col-md-6 col-lg-6"> 996 <h1 id="shop-logo" class="logo"> 997 <a href="https://volumebooks.online/"><img class="banner-img" alt="VOLUME" src="https://storage.googleapis.com/circlesoft/document/photos/002/712/104/original_vbanner2.png?1565607827" /></a> 998 </h1> 999 </div><!--.col--> 1000 <div class="quick-search-container col-xs-12 col-sm-7 col-md-5 col-lg-4 "> 1001 <form id="quick_search" name="search_form" class="clearfix" role="search" aria-label="Site search" action="/catalog/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" autocomplete="off" /> 1002 <div class="quick_search_form form-group" style="padding-top: 25px"> 1003 <label class="sr-only" for="keyword">Search for books</label> 1004 <div class="input-group"> 1005 <input type="search" name="keyword" id="keyword" value="" class="searchattributeinput form-control" placeholder="Search for books by title, keyword or ISBN" autocomplete="off" /> 1006 <input type="hidden" name="search_type" id="search_type" value="core^keyword" autocomplete="off" /> 1007 <span class="input-group-addon btn-primary"> 1008 <button type="submit" class="btn-primary btn-borderless" aria-label="Search books"> 1009 <i class="fa fa-search btn-borderless" aria-hidden="true"></i> 1010 </button> 1011 </span> 1012 </div> 1013 <div id="type_ahead_results" style="display:none" role="status" aria-live="polite"> 1014 <div class="heading" id="when_blank_text">Start typing to search by keyword, title, author or ISBN</div> 1015 <div class="heading" id="type_ahead_results_searching">Searching...</div> 1016 <div class="heading" id="making_purchase_order">Going to product page...</div> 1017 <div id="type_ahead_results_inner"></div> 1018 </div> 1019 </div> 1020</form> </div> 1021 </div> 1022 </div> 1023</div> 1024 1025<div class="clearfix"></div> 1026 1027<div role="navigation" aria-label="Primary"> 1028 <!-- MAIN NAVBAR --> 1029
1030<script type="text/javascript" nonce="7Haa0xwC8JAq/J5DpsPXpg=="> 1031 drop_menu_timeout = {}; 1032 $(document).ready(function(){ 1033 $('.has_drop').on("mouseover", function() { 1034 ul = $(this).next(); 1035 show_drop_menu(ul); 1036 }).on("mouseout", function() { 1037 ul = $(this).next(); 1038 hide_drop_menu(ul); 1039 }); 1040 1041 $('.sub-page-menu').each(function() { 1042 ul = $(this); 1043 ul.on("mouseover", function() { 1044 ul = $(this); 1045 show_drop_menu(ul); 1046 }); 1047 ul.on("mouseout", function() { 1048 ul = $(this); 1049 hide_drop_menu(ul); 1050 }); 1051 }); 1052 }) 1053 1054 function hide_drop_menu(ul) { 1055 drop_menu_timeout[ul.attr('id')] = setTimeout(function() { 1056 ul.hide(); 1057 }, 50); 1058 } 1059 1060 function show_drop_menu(ul) { 1061 clearTimeout(drop_menu_timeout[ul.attr('id')]); 1062 ul.show(); 1063 } 1064 1065</script>
1065 1066 1067<nav class="navbar top-navbar navbar-default navbar-blue container-fluid navbar-content-pages hidden-xs" 1068 aria-label="Content pages navigation"> 1069 <div class="inner-container-home container" id="contant-pages"> 1070 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1071 <!-- Brand and toggle get grouped for better mobile display --> 1072 <div class="navbar-header"> 1073 <button aria-expanded="false" class="navbar-toggle collapsed" data-target="#pages-nav" data-toggle="collapse" type="button"> 1074 <span class="sr-only">Toggle navigation</span> <span class="glyphicon glyphicon-bar"></span> 1075 <span class="glyphicon glyphicon-bar"></span> 1076 <span class="glyphicon glyphicon-bar"></span> 1077 </button> 1078 </div><!-- Collect the nav links, forms, and other content for toggling --> 1079 <div class="collapse navbar-collapse" style="padding-left:0" id="pages-nav"> 1080 <ul class="nav navbar-nav"> 1081 <li> 1082 <a class="" title="go to ABOUT US" href="/pages/9467-ABOUTUS">ABOUT US</a> 1083 </li> 1084 <li> 1085 <a class="" title="go to READING SUBSCRIPTIONS" href="/pages/1650-READINGSUBSCRIPTIONS">READING SUBSCRIPTIONS</a> 1086 </li> 1087 <li> 1088 <a class="" title="go to VOLUME DIGITAL GIFT CARDS" href="/pages/8875-VOLUMED
1088IGITALGIFTCARDS">VOLUME DIGITAL GIFT CARDS</a> 1089 </li> 1090</ul> 1091 1092 </div><!-- /.navbar-collapse --> 1093 </div> 1094 </div><!-- /.container-fluid --> 1095</nav> 1096 1097<style nonce="7Haa0xwC8JAq/J5DpsPXpg=="> 1098.nav-active { font-weight:bold} 1099 1100</style> 1101 1102</div> 1103 1104
1105<script nonce="7Haa0xwC8JAq/J5DpsPXpg=="> 1106 applicationLayoutInit() 1107 1108 function update_menu() { 1109 var xAxis = [0, -101, -202]; 1110 var content = $("input.nav-sidebar__tabs:checked").data("content"); 1111 $(".nav-sidebar-tab-content-wrapper").css("transform", "translateX(" + xAxis[content - 1] + "%)"); 1112 } 1113 1114 function applicationLayoutInit() { 1115 update_menu(); 1116 $("input[type='radio']").on("change", function() { 1117 update_menu(); 1118 }); 1119 1120 $(".drop-trigger").on("click", function() { 1121 var ul = $(this).parent().parent().find("ul"); 1122 ul.slideToggle(); 1123 }) 1124 1125 $(".navbar-clean__menu").on("click", function() { 1126 $("#sidebar-overlay, .nav-sidebar-wrapper").addClass("toggled"); 1127 $("body").css("overflow", "hidden"); 1128 }); 1129 1130 $("#sidebar-overlay").on("click", function() { 1131 $("#sidebar-overlay, .nav-sidebar-wrapper").removeClass("toggled"); 1132 $("body").css("overflow", "auto"); 1133 }); 1134 } 1135</script>
1135 1136 1137 </header> 1138 1139 <div class="modal fade" id="modal_dialog" tabindex="-1" role="dialog"></div> 1140 <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"></div> 1141 1142 1143 1144 <main class="container" id="catalog-container"> 1145 <nav class="breadcrumbs-section " aria-label="Breadcrumb"> 1146 <div id="flash-messages" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" 1147 role="status" aria-live="polite" aria-atomic="true"> 1148 1149 </div> 1150 <div class="row"> 1151 <div class="hidden-xs"> 1152 1153 </div> 1154 </div> 1155 </nav> 1156 1157 <div class="row"> 1158 <div id="main-content" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1159 <!-- ALERT BOX --> 1160<div class="container"> 1161 <!-- REGISTRATION / LOGIN FORMS --> 1162 <div class=""> 1163 1164
1164<script src="https://cdnmaster4.circlesoft.net/assets/sign_up_recaptcha_callback-28e5088c927799774ae93087d147405a4b0dc1bf0741bb1b36466f63d57db0d4.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
vendor: 66 bytes, lines 1164-1166
1164 1165<script src="https://www.google.com/recaptcha/api.js"></script> 1166
1167<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 login-new-customer "> 1168 <h2 class="login-title" >New Customer? Register Now</h2> 1169 <p class="sub-header hidden-xs hidden-sm">Register in less than 30 seconds</p> 1170 1171 <form id="new_user" class="form-horizontal" action="/users/create_user" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="hidden" name="authenticity_token" value="A0B-ETos5DrDbwd9rG4qUsTQS2_fr5_U4Egl-iW6ecqMBQuRp5sZWmEcVfC2jwuUVTYDuJCKiaDo_rnZLym0RQ" autocomplete="off" /> 1172 <input type="hidden" name="signup" id="signup" value="true" autocomplete="off" /> 1173 <input type="hidden" name="no_address" id="no_address" value="true" autocomplete="off" /> 1174 <input type="hidden" name="return_to" id="return_to" autocomplete="off" /> 1175 <input type="hidden" name="landing" id="landing" autocomplete="off" /> 1176 <input autocomplete="off" type="hidden" name="account[from_website][true]" id="account_from_website_true" /> 1177 <input type="hidden" name="force_return_to" id="force_return_to" value="" autocomplete="off" /> 1178 <div class=" margin30" > 1179 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-9 col-lg-offset-2"> 1180 <div class="form-group"> 1181 <span class="required">*</span> 1182 <label for="user_first_name">First name</label> 1183 <input id="user_first_name" autocomplete="OFF" class="form-control" type="text" name="account[first_name]" /> 1184 </div> 1185 <div class="form-group"> 1186 <span class="required">*</span> 1187 <label for="user_last_name">Last name</label> 1188 <input id="user_last_name" autocomplete="OFF" class="form-control" type="text" name="account[last_name]" /> 1189 </div> 1190 <div class="form-group"> 1191 <span class="required">*</span> 1192 <label for="user_email">Email</label> 1193 <input id="user_email" type="email" autocomplete="email" placeholder="Email address" class="form-control" name="account[email]" /> 1194 </div> 1195 <div class="form-group"> 1196 <label for="user_cell">Mobile Phone</label> 1197 <input id="user_cell" autocomplete="OFF" class="form-control" type="text" name="account[cell]" /> 1198 </div> 1199 <div class="form-group"> 1200 <span class="required">*</span> 1201 <label for="account_password">Password</label> 1202 <input value="" autocomplete="OFF" class="form-control required_form_field" placeholder="Enter new password" type="password" name="account[password]" id="account_password" /> 1203 </div> 1204 <div class="form-group margin20"> 1205 <span class="required">*</span> 1206 <label for="account_password_confirmation">Re-enter password</label> 1207 <input value="" autocomplete="OFF" class="form-control required_form_field" placeholder="Confirm password" type="password" name="account[password_confirmation]" id="account_password_confirmation" /> 1208 </div> 1209 <div class="form-group margin20 g-recaptcha" data-sitekey="6Lcwdi4UAAAAAGpEEgUVE3XlmHKmB_W9qNdITeNy" data-callback="recaptchaCallback"></div> 1210 <div class="form-group login-submit"> 1211 <p><input type="submit" name="commit" value="Register and Checkout" class="btn btn-primary register-btn" disabled="disabled" data-disable-with="Register and Checkout" /></p> 1212 </div> 1213 <em>* required fields</em> 1214 </div> 1215 </div> 1216</form></div> 1217 1218 <hr class="visible-xs"> 1219 <!--***** EXISTING CUSTOMER LOGIN *****--> 1220<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-5 "> 1221 <h2 class="login-title">Existing Customers</h2> 1222 <p class="sub-header hidden-xs hidden-sm"> </p> 1223 1224 1225 <form name="login_form" class="form-horizontal login-form" action="https://volumebooks.online/auth/do_login" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="hidden" name="authenticity_token" value="1v6ydzIQihTxVsApvEC0ljppoEeYPRBknIbNVDFrXp8r8UkPMZipSFA8txKFn9tuDh1TlA0-HXpd5XaXVtULDA" autocomplete="off" /> 1226 <div class=" margin30"> 1227 <div class="col-xs-12 col-sm-12 col-md-11 col-lg-9 col-lg-offset-3"> 1228 <div class="form-group"> 1229 <label for="user_name">E-mail address or username</label> 1230 <input type="text" name="user_name" id="user_name" value="" autocomplete="username" placeholder="Email address or username" class="form-control" /> 1231 </div> 1232 <div class="form-group margin20"> 1233 <label for="emailAddress">Password</label> 1234 <input type="password" name="password" id="password" value="" placeholder="Password" class="form-control long-form" /> 1235 </div> 1236 <div class="form-group login-submit"> 1237 <p><input type="submit" name="commit" value="Login and Checkout" class="btn btn-primary login-btn" data-disable-with="Login and Checkout" /></p> 1238 </div> 1239 <input type="hidden" name="landing" id="landing" autocomplete="off" /> 1240 <input type="hidden" name="return_to" id="return_to" autocomplete="off" /> 1241 <input type="hidden" name="force_return_to" id="force_return_to" value="" autocomplete="off" /> 1242 <p><a data-visibility-on="#forgot_password" data-visibility="" href="#" >Forgotten Password?</a></p> 1243 </div><!--.col-md-12--> 1244 </div><!--.row--> 1245</form> <form class="form-horizontal" action="/auth/forgot_password" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="hidden" name="authenticity_token" value="2egr0AwIOfR0lGygC41l_fIwAXr-AtqIfgpf20K7GGoBcZHFolDSBfioC7EYe0Ksa5Gxi8NCmXyiErETD_rA-g" autocomplete="off" /> 1246 <div id="forgot_password" class="row hidden"> 1247 <div class="col-xs-12 col-sm-12 col-md-11 col-lg-6 col-lg-offset-3"> 1248 <div class="form-group"> 1249 <label for="fullName">Enter your email:</label> 1250 <input type="email" name="email" id="email" value="" autocomplete="email" placeholder="Email address" class="form-control" /> 1251 </div> 1252 </div><!--.col-md-12--> 1253 <div class="row"> 1254 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-lg-offset-3"> 1255 <input type="submit" name="commit" value="Send" class="btn btn-primary" data-disable-with="Send" /> 1256 <a class="btn btn-default" data-visibility-off="#forgot_password" data-visibility="" href="#">Cancel</a> 1257 </div><!--.col-md-12--> 1258 </div><!--.row--> 1259 </div> 1260</form></div><!--.col-existing-customer--> 1261 1262 </div><!--.row--> 1263</div><!--.container--> 1264 1265 1266 </div> 1267 </div> 1268 </main> 1269 1270 <!-- FOOTER --> 1271<footer id="footer" class="footer navbar-blue main-footer" role="contentinfo"> 1272 <div class="container"> 1273 <div class="row"> 1274 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1275 <div class="pull-left" id="footer-content"> 1276 <p><img src="https://storage.googleapis.com/circlesoft/tiny_mce/0005/2449/original_volume_online_logo_horizonal_complete.png?21" width="320" height="175"></p> 1277 1278 </div> 1279 </div> 1280 </div> 1281 1282 <div class="row footer-center-mobile"> 1283 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1284 <div class=""> 1285 <ul class="nav navbar-nav" aria-label="Footer links"> 1286 1287 <li><a target="_blank" rel="noopener noreferrer" href="http://www.volume.nz">HOME</a></li> 1288 1289 <li><a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/New%20releases">NEW RELEASES</a></li> 1290 1291 <li><a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/Newsletter">NEWSLETTER</a></li> 1292 1293 <li><a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks">BLOG</a></li> 1294 1295 <li><a target="_blank" rel="noopener noreferrer" href="https://volume.nz/contact-brine">CONTACT US</a></li> 1296 </ul> 1297 </div> 1298 <div class="circle-rights"> 1299 <p id="ssl_cert"> 1300 <a 1301 href="https://circlepos.com/?utm_source=footer&utm_medium=link&utm_campaign=system_by_cir
1301cle" 1302 target="_blank" 1303 rel="noopener noreferrer" 1304 class="" 1305 > 1306 System by Circle 1307 </a> 1308 </p> 1309 <p>© CircleSoft 2026.</p> 1310 </div> 1311 </div> 1312 </div> 1313 </div> 1314</footer> 1315 1316
1316<script nonce="7Haa0xwC8JAq/J5DpsPXpg=="> 1317 fixOnErrorImages() 1318 1319 function fixOnErrorImages() { 1320 jQuery('img.onerror-fallback, .onerror-fallback img').on('error', function() { 1321 jQuery(this).off("error").attr('src', 'https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg') 1322 }) 1323 } 1324</script>
1324 1325 1326</body> 1327</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.