1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 <meta charset="UTF-8" /> 6 <meta name="x-correlation-id" content="447392544dfc4120ae6dc1b4ea432264" /> 7 <meta name="robots" content="noindex"> 8 <!-- SubID = '74535b8f-4e2d-4144-8eba-a5fc74cec6d5' SkinID = '8e66439f-166a-4eb7-8b1a-0f94d9e2957d' SkinName = 'Andrews Responsive #8' Culture = 'en-US' --> 9 <link rel="shortcut icon" type="image/x-icon" href="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/sites/0e98a5cb-c2ad-4c8c-812c-2ebf393f904f/favicon.ico?stamp=639229243549082588"/> 10
10<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
10 11 12
12<script> 13 window.jQuery || document.write("
13<script src='/Scripts/jquery-3.6.0.min.js'>\x3C/script>") 14 </script>
14 15 16 17 <link rel="stylesheet" href="/Content/w2pclient.min.css?stamp=20260928075933" /> 18 <link rel="stylesheet" href="/Content/css/checkout/checkout.min.css?stamp=20260928075933" /> 19 <!-- Skin default and requirements.xml CSS --> 20 <link href='/layout/skins/library/lib/css/library.min.css?v=2026.9.10.2&stamp=20260928075933' rel='stylesheet' /> 21<link href='/layout/skins/library/base_skin/responsive8/base_skin.min.css?v=2026.9.10.2&stamp=20260928075933' rel='stylesheet' /> 22<link href='/layout/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/layout.css?v=2026.9.10.2&stamp=20260928075933' rel='stylesheet' /> 23 24 25 26 27 28 <style> 29.skinsetting-displayShortDesc{display:none;}.skinsetting-header-logo-height{max-height:80px;}.skinsetting-footer-logo-height{max-height:50px;}.skinsetting-subscriber-logo-height{max-height:150px;} </style> 30 <!-- //Skin default and requirements.xml CSS --> 31 32 33 34 <!-- page SEO --> 35 <!-- //page SEO --> 36 <!-- skin headinclude --> 37<!--[if IE ]> 38<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 39<![endif]--> 40<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 41<meta name="mobile-web-app-capable" content="yes" /> 42<meta name="generator" content="Pressero" /> 43 <!-- //skin headinclude --> 44 <!-- site admin HEAD --> 45 <meta http-equiv="Access-Control-Allow-Origin" content="https://psdevelopment.pressero.com" />
46<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/Organizations/custom.js?v=4"></script>
46 47<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
48<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
vendor: 2 bytes, line 48
48
49<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/QuickOrder/custom.js?v=3"></script>
vendor: 2 bytes, line 49
49
50<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/Assets-eDoc/custom.js?v=3"></script>
vendor: 2 bytes, line 50
50
51<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/Orders/custom.js?v=4"></script>
vendor: 2 bytes, line 51
51
52<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/form/custom.js?v=3"></script>
52 53 54<style> 55/* ------------------------------------------------------------ *\ 56 Aleyant CSS 57\* ------------------------------------------------------------ */ 58#al-main-container > div > div > div.al-section.ship-to > div.address-selection > div.input-group.input-group--flex > span.input-group-btn > a{display:none} 59 60#al-checkout-partial-container{display:none} 61.cart-product-old-price{text-decoration: none;} 62.logo { 63 /* margin: 0px 0 12px 0; */ 64} 65 66/* removing banner on login page */ 67body.pageType_login #home-banner { 68 display: none !important; 69} 70 71/* hide breadscrumbs and extra headings on Form product pages */ 72.productPage_CustomSignRequest #breadcrumb, 73.productPage_TemplateRequest #breadcrumb, 74.productPage_CustomSignRequest .pricingCustomFormHeading.pricingHeading, 75.productPage_TemplateRequest .pricingCustomFormHeading.pricingHeading { 76 display: none; 77} 78 79/* hide spacers on Template Request product page */ 80.productPage_TemplateRequest span.checkbox:has(> label > input[name="[0].CustomFormFields[6].Val"][value="Spacer"]) { 81 visibility: hidden !important; 82} 83 84/* make External File Links span full width below both columns, sm breakpoint and up */ 85@media (min-width: 768px) { 86 .productPage_TemplateRequest .column1.col-sm-6 { 87 position: static; 88 } 89 .productPage_TemplateRequest .formFieldsArea.row { 90 position: relative; 91 padding-bottom: 110px; /* reserve room for the field below - adjust to close any gap or overlap */ 92 } 93 .productPage_TemplateRequest .textInputArea.form-group:has(> textarea[name="[0].CustomFormFields[10].Val"]) { 94 position: absolute; 95 left: 11px; 96 right: 11px; 97 bottom: 0; 98 width: auto; 99 } 100} 101 102/* hide additional request details field on request forms */ 103.productPage_TemplateRequest .textInputArea.form-group:has(> textarea[name="[0].CustomFormFields[11].Val"]), 104.productPage_CustomSignRequest .textInputArea.form-group:has(> textarea[name="[0].CustomFormFields[4].Val"]) { 105 display: none; 106} 107 108/* temporarily removing mini-cart qty 6/24/26 LT*/ 109.cart-count-label { 110 display: none!important; 111} 112#cart-button { 113 font-size: 0; 114} 115#cart-button i, 116#cart-button .cart-count-label, 117#cart-button .cart-cost-label { 118 font-size: 14px; /* adjust as needed */ 119} 120.header-cart .cart-link .fa { 121 padding: 0 10px; 122} 123#Off-Prem table,#On-Prem table{display:none} 124</style> 125 126 127 128<style> 129/* ------------------------------------------------------------ *\ 130 Fonts 131\* ------------------------------------------------------------ */ 132 133@font-face { 134 font-family: 'Whitney'; 135 src: url('https://fonts.cdnfonts.com/s/38487/whitneybook.woff') format('woff'); 136 font-weight: 200; 137 font-style: normal; 138 font-display: swap; 139} 140 141@font-face { 142 font-family: 'Whitney'; 143 src: url('https://fonts.cdnfonts.com/s/38487/whitneybook.woff') format('woff'); 144 font-weight: 200; 145 font-style: italic; 146 font-display: swap; 147} 148 149@font-face { 150 font-family: 'Whitney'; 151 src: url('https://fonts.cdnfonts.com/s/38487/whitneysemibold.woff') format('woff'); 152 font-weight: 600; 153 font-style: normal; 154 font-display: swap; 155} 156 157@font-face { 158 font-family: 'Whitney'; 159 url('https://fonts.cdnfonts.com/s/38487/whitneysemibold.woff') format('woff'); 160 font-weight: 600; 161 font-style: italic; 162 font-display: swap; 163} 164</style> 165 166<style> 167/* ------------------------------------------------------------ *\ 168 Row / Col 169\* ------------------------------------------------------------ */ 170 171.col-lg-1, 172.col-lg-10, 173.col-lg-11, 174.col-lg-12, 175.col-lg-2, 176.col-lg-3, 177.col-lg-4, 178.col-lg-5, 179.col-lg-6, 180.col-lg-7, 181.col-lg-8, 182.col-lg-9, 183.col-md-1, 184.col-md-10, 185.col-md-11, 186.col-md-12, 187.col-md-2, 188.col-md-3, 189.col-md-4, 190.col-md-5, 191.col-md-6, 192.col-md-7, 193.col-md-8, 194.col-md-9, 195.col-sm-1, 196.col-sm-10, 197.col-sm-11, 198.col-sm-12, 199.col-sm-2, 200.col-sm-3,
201.col-sm-4, 202.col-sm-5, 203.col-sm-6, 204.col-sm-7, 205.col-sm-8, 206.col-sm-9, 207.col-xs-1, 208.col-xs-10, 209.col-xs-11, 210.col-xs-12, 211.col-xs-2, 212.col-xs-3, 213.col-xs-4, 214.col-xs-5, 215.col-xs-6, 216.col-xs-7, 217.col-xs-8, 218.col-xs-9 { 219 padding-inline: 12px; 220} 221 222.row { 223 margin-inline: -12px; 224} 225 226@media (max-width: 767px) { 227 228 .container-fluid>.navbar-collapse, 229 .container-fluid>.navbar-header, 230 .container>.navbar-collapse, 231 .container>.navbar-header, 232 .navbar-nav, 233 .row { 234 margin-right: -8px; 235 margin-left: -8px; 236 } 237 238 .col-lg-1, 239 .col-lg-10, 240 .col-lg-11, 241 .col-lg-12, 242 .col-lg-2, 243 .col-lg-3, 244 .col-lg-4, 245 .col-lg-5, 246 .col-lg-6, 247 .col-lg-7, 248 .col-lg-8, 249 .col-lg-9, 250 .col-md-1, 251 .col-md-10, 252 .col-md-11, 253 .col-md-12, 254 .col-md-2, 255 .col-md-3, 256 .col-md-4, 257 .col-md-5, 258 .col-md-6, 259 .col-md-7, 260 .col-md-8, 261 .col-md-9, 262 .col-sm-1, 263 .col-sm-10, 264 .col-sm-11, 265 .col-sm-12, 266 .col-sm-2, 267 .col-sm-3, 268 .col-sm-4, 269 .col-sm-5, 270 .col-sm-6, 271 .col-sm-7, 272 .col-sm-8, 273 .col-sm-9, 274 .col-xs-1, 275 .col-xs-10, 276 .col-xs-11, 277 .col-xs-12, 278 .col-xs-2, 279 .col-xs-3, 280 .col-xs-4, 281 .col-xs-5, 282 .col-xs-6, 283 .col-xs-7, 284 .col-xs-8, 285 .col-xs-9 { 286 padding-inline: 8px; 287 } 288} 289 290/* ------------------------------------------------------------ *\ 291 Container 292\* ------------------------------------------------------------ */ 293 294.container { 295 max-width: 970px; 296} 297 298/* ------------------------------------------------------------ *\ 299 Btn 300\* ------------------------------------------------------------ */ 301 302.btn { 303 min-height: 36px; 304 border-radius: 6px; 305 background-color: #1A3E6F; 306 color: #fff; 307 padding-block: 9px; 308 padding-inline: 20px; 309 font-size: 14px; 310 line-height: normal; 311 text-transform: none; 312 font-weight: 600; 313} 314 315.btn:hover { 316 border-color: #1A3E6F; 317 background-color: transparent; 318 color: #1A3E6F; 319} 320 321/* ------------------------------------------------------------ *\ 322 Body 323\* ------------------------------------------------------------ */ 324 325body { 326 font-family: 'Whitney', serif; 327 font-weight: 200; 328 background-color: #F6F6F4; 329} 330 331/* ------------------------------------------------------------ *\ 332 Header 333\* ------------------------------------------------------------ */ 334 335.header-main { 336 background-color: #1A3E6F; 337 color: #fff; 338 padding-block: 0px 12px; 339} 340 341.header-search .form-control { 342 background-color: #142D52; 343} 344 345.header-search .input-group { 346 max-width: 372px; 347 display: flex; 348} 349 350@media (min-width: 1023px) { 351 .header-search .input-group { 352 margin: 0 auto; 353 } 354} 355 356.product-filter-item .filter-toggle-icon { 357 color: #5B5B57; 358 opacity: 1; 359} 360 361.header-search .input-group-btn { 362 flex-shrink: 0; 363 border-top-left-radius: 0; 364 border-bottom-left-radius: 0; 365} 366 367.header-search .btn { 368 background-color: #142D52; 369 color: #fff; 370} 371 372.header-cart .cart-link .cart-count-label { 373 color: #fff; 374 margin-inline: 5px 10px; 375} 376 377.header-cart .cart-count-label, 378.header-cart .fa { 379 color: #fff; 380} 381 382.quick-top-links>div>a { 383 color: rgba(255, 255, 255, 0.5); 384} 385 386.header-top { 387 padding-block: 8px 0px; 388} 389 390.logo, 391.header-search, 392.header-cart { 393 margin-bottom: 12px; 394} 395 396/* ------------------------------------------------------------ *\ 397 NavBar 398\* ------------------------------------------------------------ */ 399 400.navbar-default .navbar-nav>li>a { 401 color: #1F1F1F; 402} 403 404.navbar-default .navbar-nav li>a { 405 display: flex; 406 gap: 5px; 407} 408 409#top-navbar .navbar-nav>li:before { 410 display: none; 411} 412 413#top-navbar { 414 border-bottom: 2px solid #FABE14; 415 margin-bottom: 47px; 416} 417 418#top-navbar .navbar-nav>li:after { 419 height: 2px; 420 bottom: -2px; 421} 422 423.caret, 424.navbar-nav:not(.sm-collapsible) ul .caret { 425 border: none; 426 margin: 0; 427 right: 20px; 428} 429 430.dropdown-menu>li>a { 431 padding: 8px 6px; 432} 433 434@media (min-width: 767px) { 435 .caret:after { 436 content: "\f107"; 437 font-family: FontAwesome; 438 color: currentColor; 439 } 440} 441 442@media (min-width: 992px) { 443 #top-navbar .navbar-nav>li>a { 444 padding: 20px 14px; 445 } 446} 447 448/* ------------------------------------------------------------ *\ 449 HOME PAGE 450\* ------------------------------------------------------------ */ 451 452.home-banner-area .cycle-pager { 453 display: none; 454} 455 456.home-banner-area .widget-banner .glyphicon:before { 457 font-size: 50px; 458} 459 460.prev-next-nav span:hover span { 461 opacity: 1;
462} 463 464 465/* ------------------------------------------------------------ *\ 466 Inline Block Grid 467\* ------------------------------------------------------------ */ 468 469.inline-block-grid { 470 font-size: 0px; 471} 472 473/* ------------------------------------------------------------ *\ 474 Prod Cat item 475\* ------------------------------------------------------------ */ 476 477.banner-full-screen .banner-container { 478 max-width: 100%; 479 margin-top: -24px; 480} 481 482.prod-cat-list.row.inline-block-grid { 483 display: flex; 484 flex-wrap: wrap; 485 align-items: stretch; 486} 487 488.hcategory .prod-cat-item, 489.hproduct .prod-cat-item { 490 display: flex; 491 flex-direction: column; 492 width: 100%; 493 border: .1px solid #DADAD8; 494 border-radius: 8px; 495 padding: 15px; 496 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 497} 498 499.general-panel-body.page-content-area .col-xs-6, 500.general-panel-body.page-content-area .col-md-4 { 501 display: flex; 502} 503 504.prod-cat-item .item-info { 505 padding: 0; 506 margin-top: auto; 507} 508 509.prod-cat-item .item-info .btn { 510 width: 100%; 511 margin-bottom: 0; 512} 513 514.featured-products .prod-cat-item .item-info { 515 padding: 15px; 516 padding-top: 0; 517} 518 519.owl-carousel .item-info { 520 padding: 16px; 521 padding-top: 9px; 522} 523 524.featured-products .general-panel { 525 border: .1px solid #DADAD8; 526 border-radius: 8px; 527} 528 529.featured-products .prod-cat-item .img-wrap-link { 530 padding-inline: 12px; 531 padding-top: 11px; 532} 533 534.owl-custom-theme .owl-dots .owl-dot span { 535 width: 10px; 536 height: 10px; 537 margin-block: 0; 538 margin-inline: 4px; 539 border: 1px solid #1A3E6F; 540 background-color: transparent; 541} 542 543.owl-custom-theme .owl-dots .owl-dot.active span, 544.owl-custom-theme .owl-dots .owl-dot:hover span { 545 background: #1A3E6F; 546} 547 548.item-img-info { 549 background-color: transparent; 550} 551 552.owl-custom-theme .owl-nav.disabled+.owl-dots { 553 line-height: 1; 554 margin-right: 0; 555 margin-top: 0; 556 height: 10px; 557} 558 559.sidebar-featured .owl-dots { 560 top: 10px; 561} 562 563.productPager { 564 margin-top: 20px; 565 text-align: center; 566} 567 568.category-panel .pagination { 569 margin-bottom: 0; 570 display: flex; 571 flex-flow: row wrap; 572 row-gap: 6px; 573 column-gap: 6px; 574 justify-content: center; 575} 576 577.pagination>li>a, 578.pagination>li>span { 579 width: 33px; 580 height: 32px; 581 border-radius: 8px !important; 582 border-color: #1a3e6f; 583 font-size: 14px; 584 line-height: calc(16 / 12); 585 background-color: transparent; 586 padding-inline: 4px; 587 margin-inline: 0; 588 color: #1a3e6f; 589} 590 591.pagination>li.active>a, 592.pagination>li.active>span { 593 background-color: #1a3e6f !important; 594 color: #fff !important; 595} 596 597.pagination .productPager_previous, 598.pagination .productPager_next { 599 width: 33px; 600} 601 602.pagination .productPager_previous>a, 603.pagination .productPager_next>a { 604 width: 100% !important; 605 justify-content: center; 606} 607 608.pagination>li>a:focus, 609.pagination>li>a:hover, 610.pagination>li>span:focus, 611.pagination>li>span:hover { 612 color: #1a3e6f; 613} 614 615.pagination>.active>a, 616.pagination>.active>a:focus, 617.pagination>.active>a:hover, 618.pagination>.active>span, 619.pagination>.active>span:focus, 620.pagination>.active>span:hover { 621 background-color: transparent; 622 border-color: #1a3e6f; 623 color: #1a3e6f; 624} 625 626.pagination>li.productPager_next a, 627.pagination>li.productPager_previous a { 628 background-color: transparent; 629 color: #1a3e6f; 630 border: none; 631 font-size: 25px; 632 margin: 0; 633 width: auto; 634 height: auto; 635 display: inline-flex; 636 line-height: 0.7; 637} 638 639/* ------------------------------------------------------------ *\ 640 HProduct 641\* ------------------------------------------------------------ */ 642 643.prod-cat-item .img-wrap-link { 644 padding: 0; 645} 646 647.hcategory, 648.hproduct { 649 margin-bottom: 21px; 650} 651 652.prod-cat-item .img-wrap-link>img { 653 transform: none !important; 654 position: static; 655} 656 657.prod-cat-item:hover .img-wrap-link>img { 658 transform: none; 659} 660 661/* ------------------------------------------------------------ *\ 662 Sort 663\* ------------------------------------------------------------ */ 664 665.category-panel .item-title { 666 margin-block: 24px; 667 font-size: 16px; 668 font-weight: 600; 669 line-height: calc(18 / 16);
670} 671 672.hcategory .item-img-info { 673 margin: 0 auto; 674 display: flex; 675 align-items: center; 676 justify-content: center; 677} 678 679.hcategory .img-wrap-link { 680 margin: 0 auto; 681 display: block; 682} 683 684.hcategory .item-title { 685 margin-block: 0 12px; 686} 687 688.list-sort { 689 font-size: 16px; 690 color: #1F1F1F; 691 line-height: calc(18 / 16); 692} 693 694.list-sort label { 695 opacity: 1; 696 font-weight: 600; 697 margin-right: 10px; 698} 699 700.list-sort select { 701 border-radius: 8px; 702 border: 1px solid #DADAD8; 703 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 704 padding: 4px 14px; 705 height: 36px; 706 min-width: 225px; 707 color: rgba(170, 170, 167, 1); 708} 709 710.category-panel .general-panel-heading { 711 padding-block: 13px 10px; 712} 713 714.category-panel .general-panel-heading:not(:has(form)) { 715 display: none; 716} 717 718/* ------------------------------------------------------------ *\ 719 General Category Panel 720\* ------------------------------------------------------------ */ 721 722.general-panel { 723 border: 1px solid #DADAD8; 724 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 725 border-radius: 16px; 726 background: #FFFFFF; 727} 728 729.category-panel .general-panel-body { 730 padding-inline: 18px 24px; 731 padding-block: 18px 26px; 732} 733 734.general-panel-body.page-content-area .row { 735 margin-right: -12px; 736 margin-left: -12px; 737 margin-bottom: -21px; 738} 739 740.general-panel-body.page-content-area .col-xs-6, 741.general-panel-body.page-content-area .col-md-4 { 742 padding-inline: 12px; 743} 744 745.general-panel.category-panel { 746 overflow: clip; 747} 748 749.categoryPage:has(.breadcrumb-wrap) .general-panel.category-panel { 750 border-top-left-radius: 0; 751 border-top-right-radius: 0; 752 overflow: clip; 753} 754 755.general-panel:has(.currentCategoryDes) { 756 margin-bottom: -1px; 757 border-radius: 0; 758} 759 760.categoryPage .general-panel.category-panel { 761 border-radius: 16px; 762} 763 764.sidebar-featured .prod-cat-item .item-img-info { 765 aspect-ratio: 179 / 160; 766 height: auto; 767} 768 769.sidebar-featured .prod-cat-item { 770 padding: 15px; 771 padding-top: 40px; 772} 773 774.sidebar-featured .owl-carousel .item-info { 775 padding: 0; 776} 777 778.sidebar-featured .owl-dots { 779 left: 50%; 780 transform: translateX(-50%); 781} 782 783.sidebar-featured .prod-cat-item .item-title { 784 font-size: 16px; 785 font-weight: 600; 786 margin-block: 14px; 787} 788 789.list-view { 790 display: none; 791} 792 793@media (max-width: 1023px) { 794 .sidebar-featured .owl-dots { 795 transform: none; 796 padding-bottom: 20px; 797 } 798} 799 800@media (max-width: 767px) { 801 802 .general-panel-body.page-content-area .col-xs-6, 803 .general-panel-body.page-content-area .col-md-4 { 804 padding-inline: 9px; 805 } 806 807 .general-panel-body.page-content-area .row { 808 margin-right: -9px; 809 margin-left: -9px; 810 } 811} 812 813/* 814@media (max-width: 375px) { 815 .general-panel-body.page-content-area .col-xs-6 { 816 width: 100%; 817 } 818} */ 819 820/* ------------------------------------------------------------ *\ 821 general-panel-heading 822\* ------------------------------------------------------------ */ 823 824.general-panel .general-panel-heading h2 { 825 font-size: 16px; 826 line-height: calc(18 / 16); 827 font-weight: 600; 828 color: #1F1F1F; 829 text-transform: none; 830 letter-spacing: 0; 831} 832 833#sidebar .general-panel-heading { 834 padding-block: 19px 17px; 835} 836 837.pageTitle { 838 margin-top: 0; 839 font-size: 24px; 840 line-height: calc(28 / 24); 841 color: #000000; 842 font-weight: 600; 843 margin-bottom: 12px; 844} 845 846.general-panel .general-panel-heading h2 .fa { 847 color: rgba(31, 31, 31, 1); 848} 849 850/* ------------------------------------------------------------ *\ 851 Sidebar 852\* ------------------------------------------------------------ */ 853 854#sidebar .general-panel-body { 855 padding-block: 16px; 856 padding-inline: 20px 15px; 857} 858 859#sidebar .general-panel { 860 margin-bottom: 23px; 861} 862 863#sidebar .general-panel:last-of-type { 864 display: none; 865} 866 867#sidebar .sidebar-nav, 868#sidebar .sidebar-history { 869 display: none; 870} 871 872.product-filter-item__header { 873 font-size: 16px; 874 line-height: calc(18 / 16);
875 font-weight: 600; 876 padding: 0; 877 margin-bottom: 10px; 878} 879 880.product-filter-item__content { 881 padding-bottom: 9px; 882 border-color: rgba(218, 218, 216, 1); 883} 884 885.product-filter>.product-filter-item { 886 margin-bottom: 0; 887} 888 889.product-filter>.product-filter-item+.product-filter-item { 890 margin-top: 16px; 891} 892 893.filter-search-container { 894 margin-bottom: 5px; 895 margin-top: -3px; 896 position: relative; 897} 898 899.filter-search-container .form-control { 900 min-height: 38px; 901} 902 903.filter-search-container:after { 904 content: "\f002"; 905 font-family: FontAwesome; 906 position: absolute; 907 top: 50%; 908 right: 15px; 909 transform: translateY(-50%); 910 font-size: 15px; 911 color: rgba(91, 91, 87, 1); 912} 913 914.product-filter-item .filter-show-more-container { 915 font-size: 14px; 916 line-height: calc(20 / 14); 917 font-weight: 200; 918 padding-block: 1px 0; 919 margin-bottom: -5px; 920} 921 922.filter-btn-container { 923 padding-top: 5px; 924} 925 926@media (max-width: 767px) { 927 .mobile-nav-btn { 928 color: #fff; 929 } 930} 931 932/* ------------------------------------------------------------ *\ 933 Slider 934\* ------------------------------------------------------------ */ 935 936.featured-products.owl-carousel { 937 padding-inline: 40px; 938 padding-block: 21px; 939 background-color: #fff; 940 border: 1px solid #DADAD8; 941 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 942 border-radius: 16px; 943} 944 945.featured-products.owl-carousel.owl-custom-theme .owl-dots { 946 margin-top: 10px; 947} 948 949/* ------------------------------------------------------------ *\ 950 Checkbox 951\* ------------------------------------------------------------ */ 952 953.checkbox label { 954 display: flex;
955 align-items: center; 956 gap: 7px; 957 cursor: pointer; 958 padding: 0; 959} 960 961.checkbox input[type="checkbox"] { 962 appearance: none; 963 -webkit-appearance: none; 964 box-sizing: border-box; 965 width: 20px; 966 height: 20px; 967 margin: 0; 968 position: relative; 969 cursor: pointer; 970 background: #FFFFFF; 971 border: 1px solid #DADAD8; 972 border-radius: 6px; 973 flex-shrink: 0; 974} 975 976.checkbox input[type="checkbox"]:checked { 977 background: #1A3E6F; 978 border: none; 979} 980 981.checkbox input[type="checkbox"]::after { 982 content: ""; 983 position: absolute; 984 width: 11px; 985 height: 7px; 986 left: 4px; 987 top: 5px; 988 border: 2px solid #FFFFFF; 989 border-top: none; 990 border-right: none; 991 transform: rotate(-45deg); 992 opacity: 0; 993} 994 995.checkbox input[type="checkbox"]:checked::after { 996 opacity: 1; 997} 998 999.checkbox .filter-label-text { 1000 font-weight: 500; 1001 font-size: 14px; 1002 line-height: 16px; 1003 color: #1F1F1F; 1004} 1005 1006.checkbox .filter-product-count { 1007 font-size: 14px; 1008 color: #AAAAA7; 1009 opacity: 1; 1010 margin-left: 0; 1011} 1012 1013.list-unstyled.filter-checkboxes li+li { 1014 margin-top: 8px; 1015} 1016 1017.list-unstyled.filter-checkboxes .checkbox { 1018 margin: 0; 1019} 1020 1021/* ------------------------------------------------------------ *\ 1022 Sidebar Search 1023\* ------------------------------------------------------------ */ 1024 1025.filter-search-input { 1026 flex: 1; 1027 border: none; 1028 outline: none; 1029 background: transparent; 1030 padding: 0; 1031 margin: 0; 1032 font-weight: 500; 1033 font-size: 14px; 1034 line-height: 16px; 1035 color: #1F1F1F; 1036} 1037 1038.filter-search-input::placeholder { 1039 color: #AAAAA7; 1040} 1041 1042/* ------------------------------------------------------------ *\ 1043 Search Page Item 1044\* ------------------------------------------------------------ */ 1045 1046.search-result { 1047 border: 1px solid #DADAD8; 1048 filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1)); 1049 border-radius: 8px; 1050 padding-inline: 14px; 1051 padding-block: 16px; 1052} 1053 1054.search-result .searchName { 1055 margin: 0; 1056} 1057 1058.search-result .searchName a { 1059 display: block; 1060 font-weight: 500; 1061 font-size: 16px; 1062 line-height: 18px; 1063 color: #000000; 1064 text-decoration: none; 1065} 1066 1067.search-result .searchDes { 1068 margin-top: 4px; 1069 font-weight: 500; 1070 font-size: 14px; 1071 line-height: 16px; 1072 color: #00639D; 1073} 1074 1075.product-detail .general-panel { 1076 box-sizing: border-box; 1077 border: 1px solid #DADAD8; 1078 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1079 border-radius: 16px; 1080 margin-bottom: 77px; 1081 border-top-left-radius: 0; 1082 border-top-right-radius: 0; 1083 padding-inline: 23px; 1084 padding-block: 12px 20px; 1085} 1086 1087.product-detail .general-panel.suggestive-sell-panel .general-panel-heading { 1088 border: none; 1089 padding: 0; 1090 margin-bottom: 15px; 1091} 1092 1093.product-detail .general-panel.suggestive-sell-panel .general-panel-heading h2 { 1094 font-size: 24px; 1095 line-height: calc(28 / 24); 1096} 1097 1098.product-detail .general-panel.suggestive-sell-panel { 1099 background-color: #fff !important; 1100 padding-inline: 41px; 1101 padding-block: 22px 24px; 1102} 1103 1104.product-detail .general-panel.suggestive-sell-panel .prod-cat-item { 1105 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1106 border-radius: 8px; 1107 border: 1px solid #DADAD8; 1108 background: #FFFFFF; 1109 overflow: clip; 1110} 1111 1112.product-detail .general-panel.suggestive-sell-panel .prod-cat-item .item-title { 1113 margin-top: 0; 1114 margin-bottom: 14px; 1115} 1116 1117.product-detail .general-panel.suggestive-sell-panel .owl-custom-theme .owl-nav.disabled+.owl-dots { 1118 margin-top: 15px; 1119} 1120 1121@media (max-width: 767px) { 1122 .product-detail .general-panel.suggestive-sell-panel { 1123 padding-inline: 22px; 1124 } 1125} 1126 1127.product-detail .suggestive-sell-panel { 1128 border-radius: 16px; 1129} 1130 1131.product-detail .general-panel-body { 1132 background-color: transparent !important; 1133 padding: 0; 1134} 1135 1136.product-gallery-primary { 1137 border: none; 1138} 1139 1140.product-detail .right-col .general-panel { 1141 padding-block: 28px; 1142 padding-inline: 22px; 1143 background: #FFFFFF; 1144 border: 1px solid #DADAD8; 1145 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1146 border-radius: 16px; 1147} 1148 1149.addToCartButton .btn { 1150 font-size: 14px; 1151 line-height: calc(16 / 14); 1152 min-height: 34px; 1153} 1154 1155.addToCartButton { 1156 margin-bottom: 0; 1157} 1158 1159#pricingArea, 1160.acceptanceArea, 1161.fileUploadArea, 1162.orderNotesArea, 1163.pricingArea, 1164.productAsset, 1165.renameArea, 1166.shipToArea, 1167.shippingArea { 1168 margin-bottom: 13px; 1169} 1170 1171.pricingOrderNotesHeading, 1172.renameItemHeading { 1173 font-size: 14px; 1174 line-height: calc(16 / 14); 1175 font-weight: 600; 1176 margin-bottom: 5px; 1177} 1178 1179@media (max-width: 1023px) { 1180 .product-detail .left-col .general-panel { 1181 border-radius: 8px !important; 1182 padding-block: 20px; 1183 } 1184 1185 .product-detail .right-col .general-panel { 1186 border-top-left-radius: 0; 1187 border-top-right-radius: 0; 1188 } 1189 1190 .product-detail .general-panel { 1191 margin-bottom: 26px; 1192 } 1193} 1194 1195/* ------------------------------------------------------------ *\ 1196 Search Page Item 1197\* ------------------------------------------------------------ */ 1198 1199.breadcrumb { 1200 border: 1px solid #DADAD8; 1201 box-shadow: none; 1202 font-size: 14px; 1203 line-height: calc(16 / 14); 1204 padding-inline: 20px; 1205 padding-block: 13px 10px; 1206 border-top-left-radius: 16px; 1207 border-top-right-radius: 16px; 1208 background-color: #fff; 1209 border-bottom: none; 1210} 1211 1212.calculatorTotalArea { 1213 display: flex; 1214 justify-content: space-between;
1215 align-items: center; 1216} 1217 1218.calculatorTotalLabel { 1219 font-weight: 200; 1220 font-size: 24px; 1221 line-height: 27px; 1222 color: #1F1F1F; 1223 margin-right: auto; 1224} 1225 1226.calculatorTotal { 1227 font-weight: 600; 1228 font-size: 24px; 1229 line-height: 28px; 1230 color: #1F1F1F; 1231 text-align: right; 1232 margin-left: auto; 1233} 1234 1235.pricingGridQuantity { 1236 box-sizing: border-box; 1237 height: 36px; 1238 padding: 10px 14px; 1239 background: #FFFFFF; 1240 border: 1px solid #DADAD8; 1241 border-radius: 8px; 1242 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1243 font-weight: 600; 1244 font-size: 14px; 1245 line-height: calc(16 / 14); 1246 color: #1F1F1F; 1247 outline: none; 1248} 1249 1250.pricingGridQuantity::placeholder { 1251 color: #AAAAA7; 1252} 1253 1254.pricingGridQuantity:focus { 1255 border-color: #1A3E6F; 1256 box-shadow: 0px 0px 0px 1px rgba(26, 62, 111, 0.2); 1257} 1258 1259.main-col { 1260 background: #FFFFFF; 1261 border: 1px solid #DADAD8; 1262 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1263 border-radius: 16px; 1264 padding: 24px; 1265} 1266 1267@media (max-width: 767px) { 1268 .main-col { 1269 padding: 20px; 1270 } 1271} 1272 1273.cart-item-duplicate { 1274 display: none !important; 1275} 1276 1277.cart-product-item .cart-product-name { 1278 margin-bottom: 9px; 1279} 1280 1281.cart-product-item { 1282 margin-bottom: 16px; 1283} 1284 1285.cart-product-item .cart-product__image { 1286 margin-bottom: 16px; 1287} 1288 1289.cart-product-item .cart-product-actions .cart-item-remove { 1290 width: 33px; 1291 height: 33px; 1292 border-radius: 8px; 1293 border: 1px solid #5B5B57; 1294 background-color: transparent; 1295 color: #5B5B57; 1296} 1297 1298.cart-product-item .cart-product-actions .btn:hover { 1299 background-color: #1A3E6F; 1300 border-color: #1A3E6F; 1301 color: #fff; 1302} 1303 1304.cart-product-item .cart-product-actions { 1305 margin-bottom: 10px; 1306 grid-column: span 3; 1307} 1308 1309.cart-product-item .cart-item-edit { 1310 border: 1px solid #1A3E6F; 1311 background-color: transparent; 1312 width: 33px; 1313 height: 33px; 1314 border-radius: 8px; 1315 color: #1A3E6F; 1316} 1317 1318.cart-product-item .cart-product-actions .btn { 1319 padding: 6px; 1320 display: inline-flex; 1321 justify-content: center; 1322 align-items: center; 1323 box-sizing: border-box; 1324 width: 33px; 1325 height: 33px; 1326 min-width: 33px; 1327 min-height: 33px; 1328} 1329 1330.cart-product-item .cart-product__image>a, 1331.cart-saveforlater-item__image>a, 1332.square-img { 1333 background-color: transparent; 1334} 1335 1336.collapse-panel { 1337 display: none; 1338} 1339 1340.cart-product-item .cart-product-name, 1341.cart-product-item .cart-product-price { 1342 font-size: 16px; 1343 line-height: calc(18 / 16); 1344 color: #1F1F1F; 1345 display: flex;
1346 align-items: center; 1347 justify-content: space-between; 1348 gap: 20px; 1349 font-weight: 600; 1350} 1351 1352.cart-product-item .cart-product-price { 1353 grid-row: 1; 1354 grid-column: 3; 1355} 1356 1357.side-col { 1358 background: #FFFFFF; 1359 border: 1px solid #DADAD8; 1360 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1361 border-radius: 16px; 1362 padding: 28px 22px; 1363 width: 32%; 1364 margin-left: 23px; 1365} 1366 1367.summary-item--discount, 1368.summary-item--subtotal, 1369.summary-item--shipping, 1370.summary-item--tax, 1371.summary-item--pretax { 1372 font-size: 16px; 1373 line-height: calc(18 / 16); 1374} 1375 1376.summary-item--discount div:last-of-type, 1377.summary-item--subtotal div:last-of-type, 1378.summary-item--shipping div:last-of-type, 1379.summary-item--tax div:last-of-type, 1380.summary-item--pretax div:last-of-type { 1381 font-weight: 600; 1382} 1383 1384.summary-item--negative { 1385 color: #EF5A28; 1386} 1387 1388.summary-item--total { 1389 font-weight: 200; 1390 font-size: 24px; 1391 line-height: calc(27 / 24); 1392 color: #1F1F1F; 1393 margin-top: 14px; 1394 padding-block: 12px; 1395} 1396 1397.summary-item--total .summary-item__value { 1398 font-size: 24px; 1399 line-height: 28px; 1400 color: #1F1F1F; 1401 text-align: right; 1402 margin-left: auto; 1403 font-weight: 600; 1404} 1405 1406.summary-item { 1407 margin-bottom: 8px; 1408} 1409 1410.checkout-actions .btn { 1411 margin-bottom: 8px; 1412} 1413 1414.checkout-actions .btn:last-of-type { 1415 margin-bottom: 0; 1416} 1417 1418.checkout-actions .btn-block+.btn-block { 1419 margin-top: 0; 1420} 1421 1422.cartContinueShoppingButton { 1423 background: #FFFFFF; 1424 border: 1px solid #1A3E6F; 1425 border-radius: 6px; 1426 color: #1A3E6F; 1427} 1428 1429.cartContinueShoppingButton:hover { 1430 color: #fff; 1431 background: #1A3E6F; 1432} 1433 1434.al-section { 1435 margin-bottom: 15px; 1436} 1437 1438.al-section-title { 1439 margin-bottom: 7px; 1440} 1441 1442#al-checkout-partial-container { 1443 display: none; 1444} 1445 1446.label-lg { 1447 font-size: 14px; 1448 line-height: calc(16 / 14); 1449 font-weight: 600; 1450} 1451 1452.address-group { 1453 font-size: 14px; 1454 line-height: calc(16 / 14); 1455} 1456 1457.address-group:not(:has(br)) { 1458 font-weight: 600; 1459} 1460 1461.pageType_cart.page-content { 1462 padding: 0; 1463} 1464 1465.cart--empty .main-content-cols .main-col { 1466 width: 100%; 1467 padding-block: 20px 42px; 1468} 1469 1470.cart-empty { 1471 padding: 0; 1472 margin: 0; 1473} 1474 1475.cart-empty .cart-empty__search { 1476 max-width: 320px; 1477 margin: 0 auto; 1478} 1479 1480.cart-empty .cart-empty__content { 1481 max-width: 304px; 1482} 1483 1484.cart-empty .cart-empty__title { 1485 font-size: 24px; 1486 line-height: calc(28 / 24); 1487 margin-bottom: 15px; 1488 margin-top: 0; 1489} 1490 1491.main-content-cols { 1492 margin-top: 0px; 1493 display: flex;
1494 align-items: flex-start; 1495} 1496 1497.payment-method-btns-container { 1498 margin-top: 0; 1499} 1500 1501.cart-product-item:last-child { 1502 margin-bottom: 0; 1503} 1504 1505.cart-product-item .cart-product__content { 1506 display: grid; 1507 grid-template-columns: 1fr min-content; 1508 column-gap: 20px; 1509 align-items: center; 1510} 1511 1512.cart-product-item .cart-product-amount { 1513 display: contents; 1514} 1515 1516.cart-product_message { 1517 grid-row: 3; 1518 grid-column: span 2; 1519} 1520 1521.main-content-cols .main-col { 1522 flex: 1; 1523} 1524 1525@media (max-width: 767px) { 1526 .main-content-cols { 1527 flex-direction: column; 1528 gap: 24px; 1529 } 1530 1531 .main-content-cols .main-col { 1532 width: 100%; 1533 } 1534 1535 .main-content-cols .side-col { 1536 width: 100%; 1537 margin: 0; 1538 } 1539 1540 .main-content-cols::before, 1541 .main-content-cols::after { 1542 display: none; 1543 } 1544} 1545 1546@media (max-width: 550px) { 1547 .address-group { 1548 text-align: center; 1549 } 1550} 1551 1552@media (min-width: 768px) { 1553 .cart-product-item .cart-product__content { 1554 margin-left: 15px; 1555 margin-bottom: 0; 1556 } 1557 1558 .cart-product-item .cart-product__image { 1559 width: 82px; 1560 } 1561 1562 .cart-product-item .cart-product__image>a { 1563 padding: 0; 1564 width: 82px; 1565 height: 78px; 1566 } 1567} 1568 1569/* ------------------------------------------------------------ *\ 1570 Search Page 1571\* ------------------------------------------------------------ */ 1572 1573.searchPage { 1574 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1575 border-radius: 16px; 1576 border: 1px solid #DADAD8; 1577 background: #FFFFFF; 1578 padding: 30px 26px 30px 28px; 1579} 1580 1581/* ------------------------------------------------------------ *\ 1582 Search Page Search 1583\* ------------------------------------------------------------ */ 1584 1585.searchPage-search-form .input-group { 1586 display: flex;
1587 align-items: center; 1588 gap: 16px; 1589 height: 36px; 1590} 1591 1592.searchPage-search-form .input-group>.form-control { 1593 float: none; 1594 width: auto; 1595 flex: 1; 1596 border-radius: 8px; 1597} 1598 1599.resultsSearchBox { 1600 flex: 0 0 710px; 1601 height: 36px; 1602 padding: 10px 14px; 1603 background: #FFFFFF; 1604 border: 1px solid #DADAD8; 1605 border-radius: 8px; 1606 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1607 font-weight: 500; 1608 font-size: 14px; 1609 line-height: 16px; 1610 color: #1F1F1F; 1611 outline: none; 1612} 1613 1614.resultsSearchBox::placeholder { 1615 color: #AAAAA7; 1616} 1617 1618.input-group-btn { 1619 width: auto; 1620 border-radius: 6px; 1621 overflow: auto; 1622} 1623 1624.input-group { 1625 width: 100%; 1626} 1627 1628.searchImage>a { 1629 background-color: transparent; 1630} 1631 1632.searchPage .pageTitle { 1633 text-transform: none; 1634 font-size: 24px; 1635 line-height: calc(28 / 24); 1636 font-weight: 600; 1637 padding-bottom: 14px; 1638 letter-spacing: 0; 1639} 1640 1641.searchResults>h2 { 1642 margin-top: 30px; 1643 margin-bottom: 13px; 1644 font-size: 16px; 1645 line-height: 1.125; 1646 font-weight: 600; 1647} 1648 1649.searchResults>ul { 1650 margin-right: -9px; 1651 margin-left: -9px; 1652 margin-bottom: -13px; 1653} 1654 1655.searchResults>ul>li { 1656 padding-left: 9px; 1657 padding-right: 9px; 1658} 1659 1660.search-result { 1661 margin-bottom: 13px; 1662} 1663 1664.searchPage-search-form .input-group-btn { 1665 border-radius: 6px; 1666 flex: 1; 1667 max-width: 149px; 1668} 1669 1670.resultsSearchButton.btn { 1671 box-shadow: none; 1672 width: 100%; 1673 margin: 0 !important; 1674} 1675 1676.resultsSearchButton:hover { 1677 background: #16345c; 1678} 1679 1680.resultsSearchBox:focus { 1681 border-color: #1A3E6F; 1682} 1683 1684.searchPage-search-form .resultsSearchButton { 1685 border: 1px solid transparent; 1686 position: relative; 1687 z-index: 100; 1688 border-radius: 6px !important; 1689} 1690 1691.searchPage-search-form .resultsSearchButton:hover { 1692 background-color: transparent; 1693 border-color: #1A3E6F; 1694} 1695 1696 1697/* ------------------------------------------------------------ *\ 1698 Shipping Page 1699\* ------------------------------------------------------------ */ 1700 1701.al-section:last-child { 1702 margin-bottom: 0; 1703} 1704 1705.ship-item:last-child { 1706 margin-bottom: 0; 1707} 1708 1709.address-selection .input-group { 1710 display: flex; 1711 gap: 9px; 1712 margin-bottom: 13px; 1713 height: 33px; 1714} 1715 1716.address-selection .input-group select { 1717 flex: 1; 1718 border-radius: 8px !important; 1719 height: 33px; 1720} 1721 1722.address-selection .input-group .input-group-btn a { 1723 padding: 0; 1724 display: flex;
1725 align-items: center; 1726 justify-content: center; 1727 width: 33px; 1728 height: 33px; 1729 min-height: 33px; 1730} 1731 1732.address-selection .input-group-btn { 1733 overflow: clip; 1734 flex: 1; 1735 max-width: 33px; 1736 border-radius: 0; 1737} 1738 1739.address-selection>.input-group>.input-group-btn>.btn { 1740 border-radius: 6px !important; 1741 margin: 0; 1742} 1743 1744.ship-item .al-section-title { 1745 margin-bottom: 17px; 1746} 1747 1748.shipping-section .content-panel { 1749 border: 1px solid #DADAD8; 1750 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1751 border-radius: 16px; 1752 padding-inline: 20px; 1753 padding-bottom: 37px; 1754} 1755 1756.content-panel .shipping-weight { 1757 margin-top: 9px; 1758 margin-bottom: 29px; 1759} 1760 1761/* ------------------------------------------------------------ *\ 1762 Form Control 1763\* ------------------------------------------------------------ */ 1764 1765.form-control { 1766 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 1767 border-radius: 8px; 1768 border: 1px solid #DADAD8; 1769 background: #FFFFFF; 1770 padding: 10px 14px; 1771 height: 36px; 1772} 1773 1774textarea.form-control { 1775 resize: none; 1776} 1777 1778/* ------------------------------------------------------------ *\ 1779 Alert Info 1780\* ------------------------------------------------------------ */ 1781 1782.alert-info, 1783.alert-success { 1784 background: #E0E9F6; 1785 border: 1px solid #00639D; 1786 border-radius: 8px; 1787 color: #1A3E6F; 1788 font-size: 14px; 1789 line-height: calc(16 / 14); 1790 font-weight: 600; 1791} 1792 1793.alert-danger { 1794 border: 1px solid #EF5A28; 1795 border-radius: 8px; 1796 color: #EF5A28; 1797 font-weight: 600; 1798 line-height: calc(16 / 14); 1799 font-size: 14px; 1800 background: #FDEDE7; 1801 padding-inline: 20px; 1802 padding-block: 9px; 1803} 1804 1805.orderSummaryPage .paymentInComplete.alert { 1806 display: none; 1807} 1808 1809.orderSummaryPage #billTo { 1810 display: none; 1811} 1812 1813.orderSummaryPage #orderedBy { 1814 padding-left: 51px; 1815} 1816 1817@media (max-width: 767px) { 1818 .orderSummaryPage #orderedBy { 1819 padding-top: 24px; 1820 padding-left: 0; 1821 } 1822} 1823 1824#summaryToAndFrom div>strong { 1825 font-size: 16px; 1826 line-height: 1.125; 1827 font-weight: 200; 1828 padding: 0; 1829 border: none; 1830} 1831 1832#summaryToAndFrom ul { 1833 padding: 0; 1834 font-size: 16px; 1835 line-height: 1.125; 1836 font-weight: 600; 1837 margin: 0; 1838} 1839 1840#reorderLink { 1841 margin-top: 0; 1842 margin-bottom: 14px; 1843} 1844 1845/* ------------------------------------------------------------ *\ 1846 Page contents 1847\* ------------------------------------------------------------ */ 1848 1849.pageName_payment .page-content, 1850.pageType_access .page-content, 1851.pageType_cart .page-content, 1852.pageType_checkout .page-content, 1853.pageType_checkoutNew .page-content, 1854.pageType_orders.pageName_Proofing .page-content { 1855 padding: 0; 1856 background-color: transparent; 1857 box-shadow: none; 1858} 1859 1860.checkoutPage .instructions { 1861 background: #FDEDE7; 1862 border: 1px solid #EF5A28; 1863 border-radius: 16px; 1864 font-weight: 600; 1865 font-size: 16px; 1866 line-height: 1.125; 1867 color: #EF5A28; 1868} 1869 1870/* ------------------------------------------------------------ *\ 1871 Page contents 1872\* ------------------------------------------------------------ */ 1873 1874.content-panel { 1875 border: none; 1876 padding: 0; 1877} 1878 1879.ship-product-item { 1880 padding-bottom: 4px; 1881 align-items: center; 1882} 1883 1884.ship-product-item+.ship-product-item { 1885 margin-top: 13px; 1886} 1887 1888.ship-product-item:not(:last-child) { 1889 margin-bottom: 0; 1890} 1891 1892.ship-product-item__content .ship-product-item__price { 1893 font-weight: 600; 1894 line-height: calc(18 / 16); 1895} 1896 1897.ship-product-item__content .ship-product-item__title { 1898 font-weight: 600; 1899 line-height: calc(18 / 16); 1900} 1901 1902.ship-product-item__image { 1903 margin-right: 30px; 1904} 1905 1906.ship-product-item__image>a { 1907 width: 48px; 1908 height: 48px; 1909} 1910 1911.ship-product-list { 1912 padding-top: 18px; 1913} 1914 1915.shipping-section .line-separator { 1916 font-weight: 600; 1917 line-height: calc(18 / 16); 1918 margin-top: 13px; 1919 margin-bottom: 24px; 1920 color: #AAAAA7; 1921} 1922 1923.line-separator::before, 1924.line-separator::after { 1925 border-color: #DADAD8; 1926} 1927 1928@media (max-width: 550px) { 1929 .ship-product-item { 1930 flex-direction: column; 1931 gap: 12px; 1932 } 1933 1934 .ship-product-item__content { 1935 flex-direction: column; 1936 gap: 12px; 1937 } 1938 1939 .ship-product-item__content .ship-product-item__actions { 1940 text-align: center; 1941 } 1942 1943 .ship-product-item__content .ship-product-item__title { 1944 margin: 0; 1945 text-align: center; 1946 } 1947 1948 .ship-product-item__image { 1949 margin: 0; 1950 } 1951} 1952 1953/* ------------------------------------------------------------ *\ 1954 Order Info 1955\* ------------------------------------------------------------ */ 1956 1957.item-detail, 1958.orderInfo-items>div { 1959 border-bottom: none; 1960 font-size: 16px; 1961 line-height: calc(18 / 16);
1962 padding: 0; 1963 margin: 0; 1964} 1965 1966.item-detail, 1967.orderInfo-items>div strong { 1968 font-weight: 200; 1969} 1970 1971.item-detail, 1972.orderInfo-items>div span { 1973 font-weight: 600; 1974} 1975 1976.orderInfo-items>div+div { 1977 margin-top: 9px; 1978} 1979 1980.orderSummaryPage #notes { 1981 margin-top: 16px; 1982 font-size: 16px; 1983 line-height: calc(18 / 16); 1984 display: none; 1985} 1986 1987#summaryDetails { 1988 padding-inline: 26px; 1989 padding-block: 26px 29px; 1990} 1991 1992@media (max-width: 767px) { 1993 1994 .orderInfo-items>div span { 1995 display: block; 1996 float: none; 1997 padding-top: 6px; 1998 } 1999} 2000 2001/* ------------------------------------------------------------ *\ 2002 Order Summary 2003\* ------------------------------------------------------------ */ 2004 2005.item-image { 2006 max-width: 144px; 2007 margin-left: auto; 2008 margin-right: 93px; 2009} 2010 2011.item-image img { 2012 padding: 0; 2013 margin-bottom: 9px; 2014 aspect-ratio: 1; 2015 width: 82px; 2016 height: 82px; 2017 object-fit: contain; 2018} 2019 2020.item-details { 2021 max-width: 166px; 2022 font-size: 16px; 2023 line-height: calc(18 / 16); 2024 margin-bottom: 11px; 2025} 2026 2027.item-detail { 2028 white-space: nowrap; 2029} 2030 2031.item-details .item-detail+.item-detail { 2032 margin-top: 9px; 2033} 2034 2035.item-details .item-detail strong { 2036 font-weight: 200; 2037} 2038 2039.item-description p { 2040 padding: 0; 2041 border: none; 2042} 2043 2044.itemReorderLinkBtn { 2045 background: transparent; 2046 border: 1px solid #1A3E6F; 2047 border-radius: 6px; 2048 font-size: 14px; 2049 line-height: calc(16 / 14); 2050 font-weight: 600; 2051 color: #1A3E6F; 2052} 2053 2054.itemReorderLinkBtn:hover { 2055 background-color: #1A3E6F; 2056 color: #fff; 2057} 2058 2059.well { 2060 filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1)); 2061 border-radius: 8px; 2062 box-shadow: none; 2063 background-color: transparent; 2064 border: 1px solid #DADAD8; 2065 color: #000000; 2066 font-size: 14px; 2067 line-height: calc(16 / 14); 2068 padding: 26px; 2069} 2070 2071.well li+li { 2072 margin-top: 4px; 2073} 2074 2075.itemReorderLink { 2076 margin-bottom: 0; 2077} 2078 2079@media (min-width: 992px) { 2080 .order-summary-items .row { 2081 display: flex; 2082 align-items: flex-end; 2083 } 2084 2085 .order-summary-items .row .item-img-col { 2086 flex: 0 0 57%; 2087 } 2088} 2089 2090@media (max-width: 991px) { 2091 .item-image { 2092 margin: 0 auto; 2093 margin-bottom: 22px; 2094 } 2095} 2096 2097@media (max-width: 767px) { 2098 .order-summary-item-nameapproval { 2099 text-align: center; 2100 } 2101 2102 .order-summary-item-nameapproval .text-right { 2103 text-align: center; 2104 margin-top: 10px; 2105 } 2106} 2107 2108/* ------------------------------------------------------------ *\ 2109 Placeholder 2110\* ------------------------------------------------------------ */ 2111 2112.detailHeading { 2113 font-size: 16px; 2114 line-height: calc(18 / 16); 2115 margin-bottom: 4px; 2116 font-weight: 600; 2117} 2118 2119select.form-control { 2120 padding-block: 6px; 2121} 2122 2123.orderFilters label { 2124 font-size: 14px; 2125 line-height: calc(16 / 14); 2126 font-weight: 600; 2127 color: #1F1F1F; 2128 margin-bottom: 7px; 2129} 2130 2131.orderFilterArea .input-group { 2132 margin-bottom: 13px; 2133 background: #FFFFFF; 2134 border: 1px solid #DADAD8; 2135 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2136 border-radius: 8px; 2137} 2138 2139.orderFilterArea .k-picker-wrap { 2140 background: #FFFFFF; 2141 border: 1px solid #DADAD8; 2142 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2143 border-radius: 8px !important; 2144 overflow: hidden; 2145} 2146 2147.orderFilterArea .k-picker-wrap input { 2148 box-shadow: none !important; 2149} 2150 2151.k-header, 2152.k-grid-header, 2153.k-toolbar, 2154.k-dropdown-wrap, 2155.k-picker-wrap, 2156.k-numeric-wrap, 2157.k-grouping-header, 2158.k-pager-wrap, 2159.k-textbox, 2160.k-progressbar, 2161.k-draghandle, 2162.k-autocomplete, 2163.k-state-highlight, 2164.k-tabstrip-items .k-item, 2165.k-panelbar .k-tabstrip-items .k-item, 2166.km-pane-wrapper>.km-pane>.km-view>.km-content { 2167 background-color: transparent; 2168} 2169 2170.k-state-default>.k-select { 2171 border: none; 2172} 2173 2174.orderFilterArea .input-group input { 2175 height: 36px; 2176 border: none; 2177 box-shadow: none; 2178} 2179 2180.orderFilterArea .input-group-btn { 2181 width: 36px; 2182 height: 36px; 2183} 2184 2185.orderFilterArea .input-group-btn button { 2186 background-color: transparent; 2187 border: none; 2188 color: #1A3E6F; 2189} 2190 2191.orderFilters { 2192 margin-bottom: 21px; 2193} 2194 2195.orderFilters .applyFiltersArea label { 2196 margin-bottom: 6px; 2197} 2198 2199@media (max-width: 991px) { 2200 .item-details { 2201 margin: 0 auto; 2202 max-width: 253px; 2203 } 2204} 2205 2206/* ------------------------------------------------------------ *\ 2207 Product Tile New Hover 2208\* ------------------------------------------------------------ */ 2209 2210.hproduct .item-info { 2211 font-size: 14px; 2212 display: grid; 2213 grid-template-columns: 49px 1fr; 2214 padding-inline: 0; 2215 column-gap: 11px;
2216 align-items: end; 2217} 2218 2219.hproduct .item-info .item-title { 2220 margin: 0; 2221 margin-top: 14px; 2222} 2223 2224.single-line-product-heading .skinsetting-prod-caption-heading>a { 2225 white-space: normal; 2226} 2227 2228.hproduct .item-info .item-title, 2229.hproduct .item-info>span { 2230 grid-column: span 2; 2231 font-size: 16px; 2232 line-height: 1.125; 2233 color: #1F1F1F !important; 2234} 2235 2236.hproduct .item-info>span { 2237 grid-row: 2; 2238 margin-left: 0 !important; 2239} 2240 2241.hproduct .item-info .addcart, 2242.hproduct .item-info>a { 2243 grid-column: 2; 2244 grid-row: 3; 2245 margin: 0 !important; 2246 margin-top: 14px !important; 2247 padding-inline: 8px; 2248} 2249 2250.hproduct .item-info .carrito { 2251 grid-column: 1; 2252 grid-row: 3; 2253 padding: 0; 2254 display: block !important; 2255 height: 36px; 2256 width: 49px; 2257 max-width: 49px; 2258 padding-left: 0 !important; 2259} 2260 2261.hproduct .item-info .carrito input { 2262 appearance: none; 2263 -webkit-appearance: none; 2264 -moz-appearance: textfield; 2265 width: 100%; 2266 height: 100%; 2267 display: block; 2268 color: #5B5B57; 2269 background: #FFFFFF; 2270 border: 1px solid #DADAD8; 2271 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2272 border-radius: 6px; 2273 text-align: center; 2274 font-weight: 600; 2275} 2276 2277.hproduct .item-info .carrito input::-webkit-outer-spin-button, 2278.hproduct .item-info .carrito input::-webkit-inner-spin-button { 2279 -webkit-appearance: none; 2280 margin: 0; 2281} 2282 2283.hproduct .item-info .skinsetting-prod-caption-heading>a { 2284 font-weight: 600; 2285 line-height: 1.125; 2286 display: -webkit-box; 2287 -webkit-line-clamp: 2; 2288 -webkit-box-orient: vertical; 2289 overflow: hidden; 2290 text-overflow: ellipsis; 2291} 2292 2293.hproduct .prod-cat-item { 2294 position: relative; 2295} 2296 2297.prod-cat-item .hover-layer { 2298 background-color: transparent; 2299 left: 0; 2300 top: 0; 2301 z-index: 5; 2302 display: block; 2303} 2304 2305.prod-cat-item .img-wrap-link { 2306 position: static; 2307 height: 100%; 2308 display: flex;
2309 align-items: center; 2310 justify-content: center; 2311} 2312 2313.prod-cat-item .item-img-info { 2314 position: static; 2315 aspect-ratio: 1 / 1; 2316} 2317 2318.prod-cat-item:hover .img-wrap-link>img { 2319 transform: translateY(-50%); 2320} 2321 2322.hproduct .prod-cat-item:after { 2323 content: ""; 2324 position: absolute; 2325 inset: 0; 2326 opacity: .48; 2327 pointer-events: none; 2328 transition: background-color .3s; 2329 border-radius: 8px; 2330} 2331 2332.hproduct:has(.hover-layer) .prod-cat-item:hover:after { 2333 background-color: rgba(31, 31, 31, 1); 2334} 2335 2336.hproduct:has(.hover-layer) .prod-cat-item:hover .hover-layer { 2337 opacity: 1; 2338} 2339 2340.hproduct:has(.hover-layer) .prod-cat-item:hover .hover-layer .btn-viewdetail { 2341 bottom: 0; 2342} 2343 2344.hproduct:has(.hover-layer) .prod-cat-item:hover .hover-layer .btn-quickview { 2345 top: 0; 2346} 2347 2348.prod-cat-item .btn-viewdetail>a, 2349.prod-cat-item .quickViewLink { 2350 background: #FFFFFF; 2351 border: 1px solid #1A3E6F; 2352 border-radius: 6px; 2353 padding: 9px; 2354 font-weight: 600; 2355 min-height: 36px; 2356 color: #1A3E6F; 2357 width: 100%; 2358 max-width: 149px; 2359} 2360 2361.prod-cat-item .hover-layer .hover-layer-buttons { 2362 padding: 0; 2363 transform: translateY(-60%); 2364} 2365 2366.prod-cat-item .hover-layer .btn-quickview, 2367.prod-cat-item .hover-layer .btn-viewdetail { 2368 max-width: 149px; 2369 width: 100%; 2370} 2371 2372.prod-cat-item .btn-viewdetail>a:hover, 2373.prod-cat-item .quickViewLink:hover { 2374 background-color: #1A3E6F; 2375} 2376 2377@media (max-width: 460px) { 2378 .hproduct .item-info .addcart { 2379 font-size: 0; 2380 } 2381 2382 .hproduct .item-info .addcart::after { 2383 content: "Add"; 2384 font-size: 14px; 2385 } 2386 2387 .hproduct .item-info { 2388 grid-template-columns: 1fr 1fr; 2389 } 2390 2391 .hproduct .item-info .carrito { 2392 width: 100%; 2393 } 2394 2395 .hcategory .prod-cat-item .btn.btn-default { 2396 padding-inline: 10px; 2397 } 2398 2399 .hcategory .prod-cat-item, 2400 .hproduct .prod-cat-item { 2401 padding: 10px; 2402 } 2403} 2404 2405/* ======================================== 2406 SECTION ACCOUNTS (CARD) 2407======================================== */ 2408.section-accounts { 2409 display: flex; 2410 flex-direction: column; 2411 background: #FFFFFF; 2412 border: 1px solid #E9E9E6; 2413 border-radius: 16px; 2414 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2415 margin-block: 32px; 2416} 2417 2418/* ======================================== 2419 HEADER 2420======================================== */ 2421.section-accounts .section__head { 2422 padding: 20px 24px; 2423 display: flex;
2424 align-items: center; 2425 justify-content: space-between; 2426} 2427 2428/* ======================================== 2429 TITLE + BADGE 2430======================================== */ 2431.section-accounts .section__title { 2432 display: flex; 2433 align-items: center; 2434 gap: 8px; 2435} 2436 2437.section-accounts .section__title h4 { 2438 margin: 0; 2439 font-size: 20px; 2440 line-height: 28px; 2441 color: #1F1F1E; 2442 font-weight: 600; 2443} 2444 2445.section-accounts .section__count { 2446 display: inline-flex; 2447 align-items: center; 2448 justify-content: center; 2449 padding: 2px 8px; 2450 height: 24px; 2451 font-size: 16px; 2452 line-height: 20px; 2453 color: #3872BC; 2454 background: #F7FAFD; 2455 border: 1px solid #E9E9E6; 2456 border-radius: 16px; 2457} 2458 2459/* ======================================== 2460 SEARCH 2461======================================== */ 2462.section-accounts .section__search { 2463 display: flex; 2464 justify-content: flex-end; 2465} 2466 2467.section-accounts .section__search-input { 2468 max-width: 320px; 2469 min-height: 40px; 2470 padding: 10px 14px; 2471 font-size: 16px; 2472 line-height: 18px; 2473 color: #1F1F1E; 2474 background: #FFFFFF; 2475 border: 1px solid #DADAD8; 2476 border-radius: 8px; 2477 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2478} 2479 2480.section-accounts .section__search-input::placeholder { 2481 color: #5B5B57; 2482} 2483 2484/* ======================================== 2485 DIVIDER 2486======================================== */ 2487.section-accounts .section__body { 2488 border-top: 1px solid #E9E9E6; 2489 overflow: auto; 2490} 2491 2492/* ======================================== 2493 TABLE BASE 2494======================================== */ 2495.section-accounts .section__table { 2496 width: 100%; 2497 border-collapse: collapse; 2498 min-width: 700px; 2499} 2500 2501/* ======================================== 2502 TABLE HEADER 2503======================================== */ 2504.section-accounts .section__table-head { 2505 background: #FAFAF9; 2506} 2507 2508.section-accounts .section__table-row--head { 2509 border-bottom: 1px solid #E9E9E6; 2510} 2511 2512.section-accounts .section__table-cell { 2513 padding: 12px 24px; 2514 text-align: left; 2515 font-size: 14px; 2516 line-height: calc(16 / 14); 2517 color: #5B5B57; 2518} 2519 2520.section-accounts th.section__table-cell { 2521 font-weight: 600; 2522} 2523 2524.section-accounts .section__sort { 2525 margin-left: 6px; 2526 font-size: 10px; 2527 color: #DADAD8; 2528} 2529 2530/* ======================================== 2531 TABLE BODY 2532======================================== */ 2533.section-accounts .section__table-body .section__table-row { 2534 border-bottom: 1px solid #E9E9E6; 2535} 2536 2537.section-accounts .section__table-body .section__table-cell { 2538 padding-inline: 24px; 2539 padding-block: 26px; 2540 font-size: 16px; 2541 line-height: calc(18 / 16); 2542 color: #1F1F1E; 2543} 2544 2545/* ======================================== 2546 COLUMN VARIANTS 2547======================================== */ 2548.section-accounts .section__table-cell--id { 2549 width: 100px; 2550} 2551 2552.section-accounts .section__table-cell--account { 2553 width: 280px; 2554} 2555 2556.section-accounts .section__table-cell--address { 2557 width: auto; 2558} 2559 2560.section-accounts .section__table-body .section__table-cell--end { 2561 text-align: center; 2562 color: #5B5B57; 2563 padding-block: 20px 21px; 2564} 2565 2566/* ======================================== 2567 LINKS (ACCOUNT NAMES) 2568======================================== */ 2569.section-accounts .section__link { 2570 font-size: 16px; 2571 color: #00639D; 2572 text-decoration: none; 2573} 2574 2575.section-accounts .section__link:hover { 2576 text-decoration: underline; 2577} 2578 2579.section-accounts .section__table-row:hover { 2580 background: #FAFAF9; 2581} 2582 2583/* ======================================== 2584 HEADER SECONDARY (MAIN BAR) 2585======================================== */ 2586.header-secondary { 2587 background: #1B3E70; 2588} 2589 2590.header-secondary .header__inner { 2591 display: flex;
2592 align-items: center; 2593 justify-content: space-between; 2594 padding: 8px 32px; 2595 height: 64px; 2596} 2597 2598 2599/* ------------------------------------------------------------ *\ 2600 Panel 2601\* ------------------------------------------------------------ */ 2602 2603.panel { 2604 background: #FFFFFF; 2605 border: 1px solid #DADAD8; 2606 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2607 border-radius: 16px; 2608} 2609 2610.panel-default>.panel-heading { 2611 background-color: transparent; 2612 border-color: #DADAD8; 2613 padding-block: 17px 15px; 2614} 2615 2616.panel-title { 2617 font-size: 16px; 2618 line-height: calc(18 / 16); 2619 font-weight: 600; 2620 color: #1F1F1F; 2621} 2622 2623.panel-body { 2624 padding-inline: 35px; 2625 padding-block: 26px 34px; 2626} 2627 2628.order-summary-items .panel-body { 2629 padding-block: 15px 25px; 2630 padding-inline: 25px; 2631} 2632 2633.order-summary-items .alert-danger { 2634 margin-bottom: 9px; 2635} 2636 2637.panel-body .row+.row { 2638 margin-top: 28px; 2639} 2640 2641.panel-body .item-more-details { 2642 display: none !important; 2643} 2644 2645/* ======================================== 2646 LOGO 2647======================================== */ 2648.header-secondary .header__logo { 2649 display: flex;
2650 align-items: center; 2651} 2652 2653.header-secondary .header__logo img { 2654 height: 48px; 2655 width: auto; 2656} 2657 2658/* ======================================== 2659 SEARCH WRAPPER (CENTERING LOGIC) 2660======================================== */ 2661.header-secondary .header__search { 2662 flex: 1; 2663 display: flex; 2664 justify-content: center; 2665} 2666 2667/* ======================================== 2668 SEARCH BOX 2669======================================== */ 2670.header-secondary .header__search-box { 2671 display: flex; 2672 align-items: center; 2673 justify-content: space-between; 2674 width: 448px; 2675 height: 37px; 2676 padding: 8px; 2677 background: #142D52; 2678 border-radius: 6px; 2679} 2680 2681/* ======================================== 2682 SEARCH INPUT 2683======================================== */ 2684.header-secondary .header__search-input { 2685 flex: 1; 2686 border: none; 2687 outline: none; 2688 background: transparent; 2689 font-size: 16px; 2690 line-height: 18px; 2691 color: #FFFFFF; 2692} 2693 2694.header-secondary .header__search-input::placeholder { 2695 color: rgba(255, 255, 255, 0.5); 2696} 2697 2698/* ======================================== 2699 SEARCH BUTTON 2700======================================== */ 2701.header-secondary .header__search-btn { 2702 background: transparent; 2703 border: none; 2704 padding: 0; 2705 color: #FFFFFF; 2706 font-size: 14px; 2707 cursor: pointer; 2708} 2709 2710/* ======================================== 2711 ACTIONS (RIGHT SIDE) 2712======================================== */ 2713.header-secondary .header__actions { 2714 display: flex;
2715 align-items: center; 2716} 2717 2718/* ======================================== 2719 HELP BUTTON 2720======================================== */ 2721.header-secondary .header__help { 2722 display: flex; 2723 align-items: center; 2724 justify-content: center; 2725 width: 40px; 2726 height: 40px; 2727 background: #142D52; 2728 border: none; 2729 border-radius: 50%; 2730 cursor: pointer; 2731} 2732 2733.header-secondary .header__help img { 2734 width: 20px; 2735 height: 20px; 2736} 2737 2738/* ======================================== 2739 RESULTS EMPTY (WRAPPER) 2740======================================== */ 2741.results-empty { 2742 display: flex; 2743 justify-content: center; 2744} 2745 2746/* ======================================== 2747 CONTAINER 2748======================================== */ 2749.results-empty .result__container { 2750 display: flex; 2751 flex-direction: column; 2752 align-items: center; 2753 padding: 92px 0; 2754 gap: 20px; 2755 max-width: 510px; 2756 width: 100%; 2757} 2758 2759/* ======================================== 2760 ICON WRAPPER 2761======================================== */ 2762.results-empty .result__icon { 2763 display: flex;
2764 align-items: center; 2765 justify-content: center; 2766 width: 56px; 2767 height: 56px; 2768 background: #FEF0C7; 2769 border: 10px solid #FFFAEB; 2770 border-radius: 50%; 2771} 2772 2773/* ======================================== 2774 ICON 2775======================================== */ 2776.results-empty .result__img { 2777 width: 28px; 2778 height: 28px; 2779} 2780 2781/* ======================================== 2782 TEXT BLOCK 2783======================================== */ 2784.results-empty .result__text { 2785 display: flex; 2786 flex-direction: column; 2787 align-items: center; 2788 gap: 8px; 2789 text-align: center; 2790} 2791 2792/* ======================================== 2793 TITLE 2794======================================== */ 2795.results-empty .result__title { 2796 font-weight: 600; 2797 font-size: 20px; 2798 line-height: 28px; 2799 color: #181D27; 2800} 2801 2802/* ======================================== 2803 CONTENT 2804======================================== */ 2805.results-empty .result__content { 2806 max-width: 348px; 2807 font-weight: 200; 2808 font-size: 16px; 2809 line-height: 20px; 2810 color: #4B4B48; 2811} 2812 2813/* ======================================== 2814 LINK 2815======================================== */ 2816.results-empty .result__link { 2817 font-weight: 600; 2818 font-size: 16px; 2819 line-height: 20px; 2820 color: #3872BC; 2821 text-decoration: none; 2822} 2823 2824.results-empty .result__link:hover { 2825 text-decoration: underline; 2826} 2827 2828@media (max-width: 767px) { 2829 .section-accounts .section__head { 2830 flex-direction: column; 2831 justify-content: center; 2832 align-items: center; 2833 gap: 15px; 2834 } 2835 2836 .section-accounts .section__search { 2837 width: 100%; 2838 } 2839 2840 .section-accounts .section__search-input { 2841 width: 100%; 2842 max-width: 100%; 2843 } 2844} 2845 2846.pricingCustomFormHeading, 2847.section-title { 2848 font-size: 16px; 2849 line-height: calc(18 / 16); 2850 font-weight: 600; 2851 padding: 0; 2852 margin-bottom: 1px; 2853 border: none; 2854} 2855 2856.k-pager-wrap { 2857 padding-block: 10px; 2858 padding-inline: 12px; 2859} 2860 2861.k-pager-wrap>select { 2862 margin-left: 0 !important; 2863 min-height: 36px !important; 2864} 2865 2866.k-pager-nav.k-link { 2867 width: 34px; 2868 height: 34px; 2869 display: flex !important; 2870 align-items: center; 2871 justify-content: center; 2872 margin-right: 8px; 2873 border-radius: 6px !important; 2874 border: 1px solid #1A3E6F !important; 2875 color: #1A3E6F; 2876 margin-bottom: 8px; 2877} 2878 2879.k-pager-numbers .k-state-selected, 2880.k-pager-numbers .k-link { 2881 border: 1px solid #1A3E6F !important; 2882 background-color: #1A3E6F; 2883 color: #fff; 2884 width: 34px; 2885 height: 34px; 2886 line-height: 2.5; 2887 border-radius: 6px; 2888} 2889 2890.k-pager-numbers .k-link { 2891 background-color: #fff; 2892 color: #1A3E6F; 2893} 2894 2895.k-pager-numbers { 2896 position: static !important; 2897} 2898 2899.k-pager-wrap>.k-link>.k-icon { 2900 display: flex; 2901 margin-top: 0; 2902} 2903 2904.k-autocomplete.k-state-default, 2905.k-picker-wrap.k-state-default, 2906.k-numeric-wrap.k-state-default, 2907.k-dropdown-wrap.k-state-default, 2908.k-multiselect-wrap { 2909 border-radius: 8px !important; 2910} 2911 2912@media (min-width: 1023px) { 2913 .k-pager-numbers li+li { 2914 margin-right: 8px; 2915 } 2916} 2917 2918@media (max-width: 1023px) { 2919 2920 .k-pager-numbers .k-state-selected, 2921 .k-pager-numbers .k-link { 2922 width: auto; 2923 text-align: center !important; 2924 } 2925 2926 .k-pager-numbers li+li { 2927 margin-top: 4px; 2928 } 2929} 2930 2931/* ------------------------------------------------------------ *\ 2932 Order History 2933\* ------------------------------------------------------------ */ 2934 2935.ordersGridWrap .k-grid, 2936.ordersGridWrap .k-scheduler, 2937.ordersGridWrap .k-menu, 2938.ordersGridWrap .k-editor { 2939 background: #F6F6F4; 2940 border: 1px solid #DADAD8; 2941 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2942 border-radius: 8px; 2943} 2944 2945.ordersPage .pageBody { 2946 background: #FFFFFF; 2947 border: 1px solid #DADAD8; 2948 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 2949 border-radius: 16px; 2950} 2951 2952.ordersPage .pageTitle { 2953 margin-bottom: 12px; 2954} 2955 2956.ordersPage .title-right { 2957 margin-top: -7px; 2958} 2959
2960.k-grid td { 2961 padding-block: 8.4px; 2962 font-size: 12px; 2963 line-height: calc(14 / 12); 2964} 2965 2966.k-grid-header th.k-header, 2967.k-filter-row th { 2968 font-size: 12px; 2969 line-height: calc(14 / 12); 2970 padding-block: 7.5px; 2971} 2972 2973.ordersGridWrap .k-grid-custom-toolbar, 2974.ordersGridWrap .basicTip { 2975 background-color: transparent; 2976 border-color: #1A3E6F; 2977 color: #1A3E6F; 2978} 2979 2980.ordersGridWrap .k-grid-custom-toolbar:hover, 2981.ordersGridWrap .basicTip:hover { 2982 background-color: #1A3E6F; 2983 color: #fff; 2984} 2985 2986@media (max-width: 767px) { 2987 .ordersPage .title-right { 2988 margin-top: 5px; 2989 } 2990 2991 .ordersPage .pageTitle { 2992 margin-bottom: 50px; 2993 } 2994 2995 .col-xs-6.applyFiltersArea { 2996 width: 100%; 2997 } 2998} 2999 3000/* ------------------------------------------------------------ *\ 3001 Cart Popup 3002\* ------------------------------------------------------------ */ 3003 3004.dropdown-menu { 3005 border: 1px solid #DADAD8; 3006 background: #FFFFFF; 3007 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3008 border-radius: 16px; 3009 min-width: 366px; 3010 padding: 18px 10px 10px; 3011} 3012 3013.header-cart .dropdown-menu { 3014 padding: 18px 10px 10px; 3015 background-color: #fff; 3016} 3017 3018.header-cart .dropdown-menu .menu-cart-item { 3019 padding-block: 5px; 3020 padding-inline: 9px 20px; 3021 display: flex; 3022 gap: 11px; 3023 align-items: center; 3024 border: none; 3025} 3026 3027.header-cart .menu-cart-img { 3028 padding: 0; 3029 aspect-ratio: 46 / 40; 3030 width: stretch; 3031 max-width: 46px; 3032} 3033 3034.header-cart .menu-cart-img img { 3035 width: 100%; 3036 height: 100%; 3037 object-fit: contain; 3038} 3039 3040.menu-cart-item .menu-cart-item-cost { 3041 margin: 0; 3042 width: auto; 3043 padding: 0; 3044 color: rgba(31, 31, 31, 1); 3045 font-size: 14px; 3046 line-height: 1; 3047} 3048 3049.menu-cart-item .menu-cart-name { 3050 line-height: 1; 3051 flex: 1; 3052} 3053 3054.menu-cart-preview-count { 3055 color: rgba(170, 170, 167, 1); 3056 padding-top: 0; 3057 padding-bottom: 16px; 3058 font-size: 12px; 3059 line-height: calc(14 / 12); 3060 border-color: rgba(218, 218, 216, 1); 3061} 3062 3063.menu-cart-subtotal { 3064 color: rgba(31, 31, 31, 1); 3065 font-size: 16px; 3066 line-height: calc(18 / 16); 3067 margin-top: 0; 3068 font-weight: 600; 3069} 3070 3071.menu-cart-preview-footer { 3072 background-color: #fff; 3073 padding-inline: 9px 20px; 3074 padding-block: 16px 6px; 3075} 3076 3077.nav .dropdown-menu { 3078 padding-top: 10px; 3079} 3080 3081.navbar-nav>li>.dropdown-menu { 3082 border-radius: 8px; 3083} 3084 3085/* ------------------------------------------------------------ *\ 3086 Home Banner 3087\* ------------------------------------------------------------ */ 3088 3089.prev-next-nav>span { 3090 background-color: transparent; 3091 color: #fff; 3092} 3093 3094.prev-next-nav .disabled { 3095 opacity: .3; 3096} 3097 3098/* ------------------------------------------------------------ *\ 3099 Footer 3100\* ------------------------------------------------------------ */ 3101 3102.footer { 3103 background-color: #1A3E6F; 3104 color: #fff; 3105} 3106 3107.footer .footermodule.custom-html { 3108 opacity: .5; 3109} 3110 3111/* ------------------------------------------------------------ *\ 3112 Product Details Popup 3113\* ------------------------------------------------------------ */ 3114 3115.k-webkit:has(.product-preview-wrap) .productPage #pricingArea, 3116.k-webkit:has(.product-preview-wrap) .productPage .orderNotesArea, 3117.k-webkit:has(.product-preview-wrap) .productPage #calcButtonArea { 3118 padding-inline: 22px; 3119 border-left: 1px solid #dadad8; 3120 border-right: 1px solid #dadad8; 3121} 3122 3123.k-webkit:has(.product-preview-wrap) .productPage #pricingArea { 3124 padding-top: 20px; 3125 border-top: 1px solid #dadad8; 3126 border-top-left-radius: 16px; 3127 border-top-right-radius: 16px; 3128} 3129 3130.k-webkit:has(.product-preview-wrap) .productPage #calcButtonArea { 3131 padding-bottom: 20px; 3132 border-bottom: 1px solid #dadad8; 3133 border-bottom-left-radius: 16px; 3134 border-bottom-right-radius: 16px; 3135} 3136 3137.k-webkit:has(.product-preview-wrap) .productPage #pricingArea, 3138.k-webkit:has(.product-preview-wrap) .productPage .acceptanceArea,
3139.k-webkit:has(.product-preview-wrap) .productPage .fileUploadArea, 3140.k-webkit:has(.product-preview-wrap) .productPage .orderNotesArea, 3141.k-webkit:has(.product-preview-wrap) .productPage .pricingArea, 3142.k-webkit:has(.product-preview-wrap) .productPage .productAsset, 3143.k-webkit:has(.product-preview-wrap) .productPage .renameArea, 3144.k-webkit:has(.product-preview-wrap) .productPage .shipToArea, 3145.k-webkit:has(.product-preview-wrap) .productPage .shippingArea { 3146 margin-bottom: 0; 3147 padding-bottom: 13px; 3148} 3149 3150.k-webkit:has(.product-preview-wrap) .productPage .pricingOrderNotesHeading, 3151.k-webkit:has(.product-preview-wrap) .productPage .renameItemHeading { 3152 margin: 0; 3153} 3154 3155.k-webkit:has(.product-preview-wrap) .productPage .addToCartButton .btn { 3156 margin: 0; 3157} 3158 3159.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-titlebar { 3160 margin-top: 0px; 3161 padding-top: 28px; 3162 padding-bottom: 17px; 3163 padding-inline: 48px; 3164 display: flex; 3165 justify-content: space-between; 3166 align-items: flex-end; 3167 gap: 25px; 3168 border: none; 3169} 3170 3171.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-actions { 3172 position: static; 3173} 3174 3175.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-titlebar .k-window-action { 3176 padding: 0; 3177 width: unset; 3178 height: unset; 3179 opacity: 1; 3180 box-sizing: border-box; 3181 opacity: 1; 3182} 3183 3184.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-icon { 3185 font: 20px / 1 'WebComponentsIcons'; 3186 width: 20px; 3187 height: 20px; 3188} 3189 3190.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-title { 3191 font-size: 24px; 3192 font-weight: 600; 3193 line-height: calc(28 / 24); 3194} 3195 3196.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-content, 3197.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-prompt-container { 3198 height: calc(100% - 73px) !important; 3199} 3200 3201 3202.k-webkit:has(.product-preview-wrap) .product-detail .product-base-info { 3203 box-sizing: border-box; 3204 border: 1px solid #DADAD8; 3205 border-radius: 16px; 3206 padding-inline: 23px; 3207 padding-block: 12px 20px; 3208 border-bottom: none; 3209 border-bottom-left-radius: 0; 3210 border-bottom-right-radius: 0; 3211 margin-bottom: 0; 3212 box-shadow: none; 3213} 3214 3215.k-webkit:has(.product-preview-wrap) .product-detail .product-detail-info { 3216 box-sizing: border-box; 3217 border: 1px solid #DADAD8; 3218 border-radius: 16px; 3219 padding-inline: 23px; 3220 padding-bottom: 20px; 3221 border-top: none; 3222 border-top-left-radius: 0; 3223 border-top-right-radius: 0; 3224} 3225 3226.k-webkit:has(.product-preview-wrap) .product-detail .product-detail-info .section-title { 3227 margin-top: 0; 3228} 3229 3230 3231@media (min-width: 320px) { 3232 .k-window.k-widget.k-state-focused:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) { 3233 max-width: 1027px; 3234 left: 50% !important; 3235 top: 50% !important; 3236 transform: translate(-50%, -50%) scale(1) !important; 3237 border-radius: 16px; 3238 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3239 background: #FFFFFF; 3240 overflow: clip; 3241 max-height: 663px !important; 3242 } 3243} 3244 3245@media (max-width: 976px) { 3246 .k-webkit:has(.product-preview-wrap) .product-detail .product-base-info { 3247 border-bottom-left-radius: 16px; 3248 border-bottom-right-radius: 16px; 3249 border: 1px solid #DADAD8; 3250 margin-bottom: 26px; 3251 } 3252 3253 .k-webkit:has(.product-preview-wrap) .product-detail .product-detail-info { 3254 border-top-left-radius: 16px; 3255 border-top-right-radius: 16px; 3256 border: 1px solid #DADAD8; 3257 margin-top: 26px; 3258 padding-block: 20px; 3259 } 3260} 3261 3262@media (max-width: 767px) { 3263 .k-webkit:has(.product-preview-wrap) body { 3264 margin-top: -50px; 3265 } 3266} 3267 3268/* ------------------------------------------------------------ *\ 3269 Cart Popup 3270\* ------------------------------------------------------------ */ 3271 3272.quickViewCart { 3273 padding-inline: 29px; 3274 padding-block: 0; 3275 margin: 0; 3276} 3277 3278.quickViewCart .btn {
3279 margin-block: 6px; 3280} 3281 3282.quickVeiwCart_cartDetailsSubtotal { 3283 padding: 13px 0; 3284 font-size: 16px; 3285 line-height: 1.125; 3286 color: #1F1F1F; 3287 font-weight: 600; 3288} 3289 3290.quickViewCart_cartDetails { 3291 font-size: 14px; 3292 line-height: calc(16 / 14); 3293 font-weight: 200; 3294} 3295 3296.quickViewCart_cartDetails_headings h5, 3297.quickViewCart_cartDetails_headings span { 3298 font-weight: 600 !important; 3299} 3300 3301.quickViewCart_cartDetails_headings li, 3302.quickViewCart_cartDetails_items li { 3303 padding-block: 13px; 3304} 3305 3306.productType_isQuickView { 3307 color: #1F1F1F; 3308} 3309 3310.quickVeiwCart_suggested { 3311 display: none; 3312} 3313 3314.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-titlebar { 3315 margin-top: 0px; 3316 padding-top: 29px; 3317 padding-bottom: 12px; 3318 padding-inline: 29px; 3319 display: flex; 3320 justify-content: space-between; 3321 align-items: center; 3322 gap: 25px; 3323 border: none; 3324} 3325 3326.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-title { 3327 font-size: 16px; 3328 font-weight: 600; 3329 line-height: 1.125; 3330} 3331 3332 3333.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-actions { 3334 position: static; 3335} 3336 3337.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-titlebar .k-window-action { 3338 padding: 0; 3339 width: unset; 3340 height: unset; 3341 opacity: 1; 3342 box-sizing: border-box; 3343 opacity: 1; 3344} 3345 3346.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-content, 3347.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-prompt-container { 3348 height: calc(100% - 73px) !important; 3349} 3350 3351@media (min-width: 320px) { 3352 .k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) { 3353 max-width: 541px; 3354 left: 50% !important; 3355 top: 50% !important; 3356 transform: translate(-50%, -50%) scale(1) !important; 3357 border-radius: 16px; 3358 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3359 background: #FFFFFF; 3360 overflow: clip; 3361 max-height: 414px !important; 3362 } 3363} 3364 3365@media (max-width: 767px) { 3366 .quickViewCart { 3367 margin-top: -50px; 3368 } 3369} 3370 3371/* ------------------------------------------------------------ *\ 3372 Address popup 3373\* ------------------------------------------------------------ */ 3374 3375.k-window:has(#searchAddrDialog_wnd_title) { 3376 overflow: clip; 3377 background: #FFFFFF; 3378 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3379 border-radius: 16px; 3380 left: 50% !important; 3381 top: 50% !important; 3382 transform: translate(-50%, -50%) scale(1) !important; 3383 width: 80vw !important; 3384 max-width: 459px; 3385 padding: 28px; 3386} 3387 3388.k-window:has(#searchAddrDialog_wnd_title) .k-window-titlebar.k-header { 3389 background-color: transparent; 3390 border: none; 3391 padding: 0; 3392 margin-top: 0 !important; 3393 display: flex; 3394 justify-content: space-between; 3395 align-items: center; 3396} 3397 3398.k-window:has(#searchAddrDialog_wnd_title) .k-window-title { 3399 font-size: 16px; 3400 line-height: 1.125; 3401 font-weight: 600; 3402} 3403 3404.k-window:has(#searchAddrDialog_wnd_title) .k-window-content.k-content { 3405 padding: 0; 3406 margin-top: 11px; 3407} 3408 3409.k-window:has(#searchAddrDialog_wnd_title) .form-control.addr-search-input { 3410 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3411 border-radius: 8px; 3412 border: 1px solid #DADAD8; 3413 min-height: 36px; 3414} 3415 3416.k-window:has(#searchAddrDialog_wnd_title) .k-window-actions { 3417 position: static; 3418} 3419 3420.k-window:has(#searchAddrDialog_wnd_title) .k-window-titlebar .k-window-action { 3421 padding: 0; 3422 width: unset; 3423 height: unset; 3424 opacity: 1; 3425 box-sizing: border-box; 3426 opacity: 1; 3427} 3428 3429.k-window:has(#searchAddrDialog_wnd_title) .k-icon { 3430 font: 20px / 1 'WebComponentsIcons'; 3431 width: 20px; 3432 height: 20px; 3433} 3434 3435.k-window:has(#searchAddrDialog_wnd_title) .addr-search-item { 3436 color: #00639D; 3437 font-size: 14px; 3438 line-height: calc(16 / 14); 3439 padding-block: 15px; 3440} 3441 3442.k-window:has(#searchAddrDialog_wnd_title) .addr-search-item--selected, 3443.k-window:has(#searchAddrDialog_wnd_title) .addr-search-item--selected:hover { 3444 background-color: #1A3E6F; 3445 color: #fff; 3446} 3447 3448.k-window:has(#searchAddrDialog_wnd_title) .addr-search-list { 3449 padding-bottom: 30px; 3450} 3451 3452@media (max-width: 767px) { 3453 .k-window:has(#searchAddrDialog_wnd_title) { 3454 padding: 14px; 3455 } 3456} 3457 3458/* ------------------------------------------------------------ *\ 3459 Settings Page 3460\* ------------------------------------------------------------ */ 3461 3462.pwd-input-group { 3463 display: flex; 3464} 3465 3466.pwd-input-group>input { 3467 flex: 1; 3468 margin-right: -1px; 3469 box-shadow: none; 3470} 3471 3472.pwd-input-group .input-group-btn>button { 3473 padding-inline: 13px; 3474 margin-left: 0; 3475 padding-block: 9px 8px; 3476 border-color: #1a3e6f; 3477 margin: 0 !important; 3478} 3479 3480.pwd-input-group .input-group-btn { 3481 border-radius: 0; 3482} 3483 3484.pwd-strength-bar { 3485 border-bottom-left-radius: 8px; 3486 border-bottom-right-radius: 8px; 3487 overflow: clip; 3488} 3489 3490.settingsPage .pageBody { 3491 border: 1px solid #DADAD8; 3492 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3493 border-radius: 16px; 3494 background: #FFFFFF; 3495} 3496 3497.settingsPage .k-tabstrip-wrapper .k-content { 3498 border-radius: 8px; 3499 border-color: #DADAD8; 3500} 3501 3502.settingsPage .k-tabstrip-wrapper div#profileTabs-1 { 3503 border-top-left-radius: 0; 3504} 3505 3506.k-tabstrip-items .k-item.k-state-active, 3507.nav-tabs>li.active>a, 3508.nav-tabs>li.active>a:focus, 3509.nav-tabs>li.active>a:hover { 3510 border-left-color: #dadad8; 3511 border-right-color: #dadad8; 3512} 3513 3514.k-tabstrip-items .k-state-default .k-link, 3515.k-panelbar>li.k-state-default>.k-link { 3516 color: #1a3e6f; 3517} 3518 3519.addressEntry-inner,
3520.user-entry-info { 3521 border-color: #1a3e6f; 3522 color: #1a3e6f; 3523 border-radius: 8px; 3524} 3525 3526.settingsPage .k-pager-wrap { 3527 border-radius: 8px; 3528} 3529 3530@media (max-width: 1023px) { 3531 3532 .k-webkit .k-pager-numbers, 3533 .k-ff .k-pager-numbers, 3534 .k-ie11 .k-pager-numbers, 3535 .k-edge .k-pager-numbers, 3536 .k-safari .k-pager-numbers, 3537 .k-webkit .k-grid .k-pager-numbers, 3538 .k-ff .k-grid .k-pager-numbers, 3539 .k-ie11 .k-grid .k-pager-numbers, 3540 .k-edge .k-grid .k-pager-numbers, 3541 .k-safari .k-grid .k-pager-numbers { 3542 left: 7.2em; 3543 } 3544 3545 .k-pager-numbers { 3546 position: absolute !important; 3547 } 3548} 3549 3550/* ------------------------------------------------------------ *\ 3551 Contact Page 3552\* ------------------------------------------------------------ */ 3553 3554.contentPage .col-md-9 { 3555 width: 100%; 3556} 3557 3558select.form-control { 3559 background-repeat: no-repeat; 3560 background-position: right 10px center; 3561 background-size: 14px 6px; 3562 background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%234B4B48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 3563} 3564 3565.prod-cat-item .hover-layer { 3566 height: 80%; 3567} 3568 3569.cat-item:hover:after { 3570 background-color: transparent !important; 3571} 3572 3573.hproduct:has(.hover-layer) .prod-cat-item:hover:after { 3574 background-color: transparent !important; 3575} 3576 3577.cart-product-old-price { 3578 text-decoration: none; 3579} 3580 3581.footer-col-title { 3582 display: none; 3583} 3584 3585.quick-top-links .quick-link-saved { 3586 display: none; 3587} 3588 3589@media (max-width: 767px) { 3590 table tbody table tr:has(#AccountsNum) { 3591 display: flex; 3592 flex-flow: row wrap; 3593 } 3594 3595 .content-page-panel td { 3596 flex-grow: 1; 3597 } 3598} 3599 3600.cantidad { 3601 padding: 2px; 3602 width: 40px; 3603 text-align: center; 3604} 3605 3606.pageName_checkoutNew .instructions { 3607 display: none 3608} 3609 3610.select2-container--default .select2-selection--single { 3611 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3612 border-radius: 8px; 3613 border: 1px solid #DADAD8; 3614 background: #FFFFFF; 3615 padding: 10px 14px; 3616 height: 36px; 3617 3618} 3619 3620.select2-container--default .select2-selection--single .select2-selection__rendered { 3621 color: #444; 3622 line-height: 15px; 3623} 3624 3625.image:hover, 3626.imgselected { 3627 border: 2px solid #FABE14; 3628 cursor: pointer; 3629 opacity: 0.5; 3630} 3631 3632/* Code 22.06.2026 */ 3633 3634/* .contentPage_compliance-missions */ 3635 3636.contentPage_compliance-missions #content .general-panel>.general-panel { 3637 padding-block: 18px; 3638 padding-inline: 22px; 3639 margin-bottom: 20px; 3640} 3641 3642.contentPage_compliance-missions #content .general-panel>.general-pane>p { 3643 margin: 0; 3644 font-weight: 600; 3645 font-size: 16px; 3646 line-height: calc(24 / 16); 3647} 3648 3649body:has(.camera-capture-container) a.btn.btn-primary[href="javascript:location.reload()"] { 3650 border: 1px solid #AAAAA7 !important; 3651 background-color: transparent !important; 3652 color: #5B5B57 !important; 3653 font-size: 14px !important; 3654 line-height: 1 !important; 3655 font-weight: 600 !important; 3656 min-height: 36px !important; 3657 display: inline-flex !important; 3658 justify-content: center !important; 3659 align-items: center !important; 3660} 3661 3662body:has(.camera-capture-container) input[type="button"]#send[value="Submit Mission"] { 3663 border: 1px solid #1A3E6F !important; 3664 background-color: #1A3E6F !important; 3665 color: #fff !important; 3666 font-size: 14px !important; 3667 line-height: 1 !important; 3668 font-weight: 600 !important; 3669 min-height: 36px !important; 3670 display: inline-flex !important; 3671 justify-content: center !important; 3672 align-items: center !important; 3673} 3674 3675body:has(.camera-capture-container) .general-panel>.col-md-6>.col-md-6 { 3676 padding-block: 7px !important; 3677} 3678 3679body:has(.camera-capture-container) .general-panel>.col-md-6:first-child { 3680 margin-top: -7px !important; 3681} 3682 3683body:has(.camera-capture-container) .general-panel>.col-md-6>.col-md-6 input, 3684body:has(.camera-capture-container) .general-panel>.col-md-6>.col-md-6 select { 3685 min-height: 36px !important; 3686 background-color: #fff !important; 3687 border: 1px solid #DADAD8 !important; 3688 padding-inline: 12px 22px !important; 3689 font-weight: 600 !important; 3690 box-shadow: 0px 1px 2px 0px #0000001A !important; 3691} 3692 3693body:has(.camera-capture-container) #Account { 3694 background-color: #F6F6F4 !important; 3695} 3696 3697body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container) { 3698 display: flex; 3699 gap: 25px; 3700 padding: 22px !important; 3701} 3702 3703body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)::after, 3704body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)::before { 3705 display: none; 3706} 3707 3708 3709body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)>.col-md-6:not(:has(.camera-capture-container)) { 3710 width: auto; 3711 max-width: 459px; 3712 flex: 1; 3713} 3714 3715body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) { 3716 max-width: 415px; 3717 width: auto; 3718 flex: 0 0 47%; 3719 padding: 0; 3720} 3721 3722body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) .camera-capture-container { 3723 padding-inline: 25px; 3724} 3725 3726@media (max-width: 600px) { 3727 body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container) { 3728 flex-direction: column; 3729 } 3730 3731 body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)>.col-md-6:not(:has(.camera-capture-container)) { 3732 max-width: unset; 3733 } 3734 3735 body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) { 3736 max-width: unset; 3737 } 3738 3739 body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) .camera-capture-container { 3740 padding-inline: 0; 3741 } 3742} 3743 3744/* Custom Sign Request */ 3745 3746.contentPage_CustomRequestform { 3747 max-width: 800px; 3748 margin: 0 auto; 3749} 3750 3751.contentPage_CustomRequestform .submit:has(.submit) { 3752 margin-top: 32px; 3753 padding-left: 135px; 3754} 3755 3756.contentPage_CustomRequestform .column1>.form-group { 3757 display: flex; 3758 gap: 15px; 3759} 3760 3761.contentPage_CustomRequestform .column1>.form-group input, 3762.contentPage_CustomRequestform .column1>.form-group select, 3763.contentPage_CustomRequestform .column1>.form-group textarea { 3764 max-width: 271px; 3765 flex: 1; 3766} 3767 3768.contentPage_CustomRequestform .column1>.form-group textarea { 3769 height: 100px; 3770} 3771 3772.contentPage_CustomRequestform .column1>.form-group label { 3773 flex: 0 0 120px; 3774} 3775 3776.contentPage_CustomRequestform .column1>.form-group .charlimitinfo { 3777 left: 0; 3778 top: 25px; 3779} 3780 3781.contentPage_CustomRequestform .column1>.form-group input[type="file"].ruFileInput { 3782 font-size: 14px; 3783 line-height: 16px; 3784 color: #AAAAA7; 3785 font-weight: 500; 3786} 3787 3788.contentPage_CustomRequestform .column1>.form-group input[type="file"].ruFileInput::file-selector-button { 3789 box-sizing: border-box; 3790 height: 36px; 3791 padding: 10px 9px; 3792 margin-right: 10px; 3793 3794 background: #fff; 3795 border: 1px solid #1A3E6F; 3796 border-radius: 6px; 3797 3798 color: #1A3E6F; 3799 font-size: 14px; 3800 font-weight: 500; 3801 cursor: pointer; 3802 transition: color .3s, background .3s; 3803} 3804 3805.contentPage_CustomRequestform .column1>.form-group input[type="file"].ruFileInput::file-selector-button:hover { 3806 background: #1A3E6F; 3807 color: #fff; 3808} 3809 3810.contentPage_CustomRequestform .customForm .calendarArea, 3811.contentPage_CustomRequestform .customForm .checkboxArea, 3812.contentPage_CustomRequestform .customForm .dropdownArea, 3813.contentPage_CustomRequestform .customForm .fileuploadArea, 3814.contentPage_CustomRequestform .customForm .radioSection, 3815.contentPage_CustomRequestform .customForm .ratingArea, 3816.contentPage_CustomRequestform .customForm .richtextArea, 3817.contentPage_CustomRequestform .customForm .textInputArea { 3818 margin-bottom: 14px; 3819} 3820 3821.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) { 3822 background: transparent !important; 3823 border: none; 3824 box-shadow: none; 3825 padding: 0; 3826} 3827 3828.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirmInfo { 3829 border: 1px solid #DADAD8; 3830 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); 3831 border-radius: 16px; 3832 background: #FFFFFF; 3833 padding: 22px; 3834} 3835 3836.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirmInfo h3 { 3837 margin-top: 0;
3838 font-weight: 600; 3839 font-size: 16px; 3840 line-height: calc(18 / 16); 3841} 3842 3843.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirmInfo ul { 3844 padding-inline-start: 25px; 3845 margin-bottom: 0; 3846} 3847 3848.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .pageTitle { 3849 border: none; 3850 font-size: 24px; 3851 line-height: calc(28 / 24); 3852 padding: 0; 3853 margin-bottom: 13px; 3854} 3855 3856.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirm { 3857 font-size: 16px; 3858 line-height: calc(18 / 16); 3859 padding-block: 18px 22px; 3860 padding-inline: 22px; 3861 color: #00639D; 3862 margin-bottom: 17px; 3863} 3864 3865@media (max-width: 450px) { 3866 .contentPage_CustomRequestform .column1>.form-group { 3867 flex-direction: column; 3868 gap: 10px; 3869 } 3870 3871 .contentPage_CustomRequestform .column1>.form-group input, 3872 .contentPage_CustomRequestform .column1>.form-group select, 3873 .contentPage_CustomRequestform .column1>.form-group textarea { 3874 max-width: unset; 3875 } 3876 3877 .contentPage_CustomRequestform .column1>.form-group label { 3878 flex: 1; 3879 } 3880 3881 .contentPage_CustomRequestform .column1>.form-group .charlimitinfo { 3882 height: auto; 3883 top: 7px; 3884 right: 0; 3885 left: unset; 3886 } 3887 3888 .contentPage_CustomRequestform .submit:has(.submit) { 3889 margin-top: 25px; 3890 padding-left: 0; 3891 } 3892} 3893.quick-link-account{display:none!important} 3894 3895</style> 3896 3897<style> 3898.prod-cat-item { 3899 position: relative; 3900} 3901 3902.prod-cat-inventory-status { 3903 padding: 5px 6px; 3904 font-size: 13px; 3905 line-height: 1em; 3906 font-weight: 500; 3907 color: #5b5b56; 3908 position: absolute; 3909 top: 5px; 3910 right: 5px; 3911} 3912 3913.prod-cat-inventory-status.out-of-stock { 3914 font-weight: 700; 3915 color: #ef5928; 3916} 3917 3918/* .hproduct.prod-out-of-stock .item-info:has(.addcart) .carrito { 3919 display: none !important; 3920} 3921.hproduct.prod-out-of-stock .addcart { 3922 display: none !important; 3923} */ 3924.hproduct.prod-out-of-stock .carrito { 3925 pointer-events: none !important; 3926} 3927 3928.hproduct.prod-out-of-stock .carrito input, 3929.carrito input[disabled] { 3930 background-color: #e8e8e6 !important; 3931 color: #aaaaa7 !important; 3932} 3933 3934.hproduct.prod-out-of-stock .btn.addcart { 3935 pointer-events: none !important; 3936 background-color: #e8e8e6 !important; 3937 color: #aaaaa7 !important; 3938} 3939 3940.prod-detail-inventory-status-container { 3941 margin-bottom: 0.5em; 3942 text-align: right; 3943} 3944 3945.prod-detail-inventory-status { 3946 display: inline-flex; 3947 align-items: center; 3948 gap: 8px; 3949 color: #5b5b56; 3950 font-size: 14px; 3951 font-weight: 500; 3952} 3953 3954/* .prod-detail-inventory-status::before { 3955 content: ""; 3956 width: 8px; 3957 height: 8px; 3958 border-radius: 50%; 3959 background-color: #10b981; 3960 flex-shrink: 0; 3961} */ 3962 3963.prod-detail-inventory-status.out-of-stock { 3964 color: #ef5928; 3965 font-weight: 700; 3966} 3967 3968/* .prod-detail-inventory-status.out-of-stock::before { 3969 background-color: #ef5928; 3970} */ 3971 3972.prod-out-of-stock #btnCustomizeButton, 3973.prod-out-of-stock #btnAddToCartButton { 3974 pointer-events: none; 3975 background-color: #e8e8e6; 3976 color: #aaaaa7; 3977} 3978 3979.prod-out-of-stock li[data-key=Quantity] input[type=text] { 3980 pointer-events: none; 3981 background-color: #e8e8e6; 3982 color: #aaaaa7; 3983} 3984 3985/* Cart inventory */ 3986.cart-product-item .cart-product__content { 3987 grid-template-columns: 1fr auto; 3988} 3989 3990.cart-product-item .cart-product-amount { 3991 display: flex !important; 3992 align-items: center !important; 3993 gap: 12px !important; 3994} 3995 3996.cart-product-item .cart-product-actions { 3997 grid-column: span 2; 3998} 3999 4000.cart-product-item .cart-product-price { 4001 min-width: 60px; 4002 justify-content: flex-end; 4003} 4004 4005.cart-out-of-stock .cart-product-inventory { 4006 color: #ef5928; 4007 font-weight: 700; 4008} 4009 4010.cart-product-item.cart-out-of-stock .cantidad { 4011 pointer-events: none; 4012 background-color: #e8e8e6; 4013 color: #aaaaa7; 4014} 4015 4016.checkout-actions { 4017 position: relative; 4018} 4019 4020.accordionImg { 4021 border-radius: 10px; 4022 background-color: #ddd; 4023 padding: 5px 10px; 4024} 4025 4026.accordionImg:hover { 4027 cursor: pointer; 4028} 4029 4030/* Checkout inventory dialog */ 4031.cart-inventory-dialog-section + .cart-inventory-dialog-section { 4032 margin-top: 18px;
4033 padding-top: 16px; 4034 border-top: 1px solid #ddd; 4035} 4036 4037.cart-inventory-dialog-title { 4038 margin: 0 0 6px; 4039 font-size: 16px; 4040 font-weight: 700; 4041} 4042 4043.cart-inventory-dialog-note { 4044 margin: 0 0 8px; 4045} 4046 4047.cart-inventory-dialog-list { 4048 margin: 0; 4049 padding-left: 22px; 4050} 4051 4052.cart-inventory-dialog-list li + li { 4053 margin-top: 6px; 4054} 4055 4056/* ========================================================= 4057 MISSIONS TABLE â HORIZONTAL SCROLL ON TABLET / MOBILE 4058 ========================================================= */ 4059 4060#Missions > .row.general-panel.content-page-panel.page-content-area { 4061 overflow-x: auto !important; 4062 overflow-y: hidden !important; 4063 -webkit-overflow-scrolling: touch; 4064} 4065 4066/* Keep the many-column table wide enough to require scrolling */ 4067#Missions > .row.general-panel.content-page-panel.page-content-area > table { 4068 width: 100% !important; 4069 min-width: 1200px; 4070} 4071 4072.iframeContainer { 4073 width: 100%; 4074 height: 1500px; /* altura del recuadro visible */ 4075 overflow: auto; 4076} 4077 4078.iframeContainer iframe { 4079 width: 100%; 4080 height: 100%; 4081 border: 0; 4082 display: block; 4083} 4084</style> 4085
4086<script type="text/javascript"> 4087$(function () { 4088 function prodPageApplyOutOfStockUIChange() { 4089 $('body').addClass('prod-out-of-stock'); 4090 $(document).on('keydown', 'li[data-key=Quantity] input[type=text]', function (event) { 4091 event.preventDefault(); 4092 }); 4093 } 4094 4095 // Category page inventory check. 4096 // Do not send checkCanBuy here: category behavior remains inventory-only. 4097 if ($('body').hasClass('pageType_category')) { 4098 var categoryProductIds = []; 4099 4100 $('.prod-cat-item[data-product-id]').each(function () { 4101 var productId = $(this).attr('data-product-id'); 4102 4103 if (productId && categoryProductIds.indexOf(productId) === -1) { 4104 categoryProductIds.push(productId); 4105 } 4106 }); 4107 4108 if (categoryProductIds.length) { 4109 $.ajax({ 4110 url: '/Andrews/CheckInventory', 4111 type: 'POST', 4112 contentType: 'application/json; charset=utf-8', 4113 dataType: 'json', 4114 data: JSON.stringify({ 4115 productIds: categoryProductIds 4116 }), 4117 success: function (response) { 4118 if (!response || !response.items) return; 4119 4120 $.each(response.items, function (_, item) { 4121 if (!item || item.inventory === null || item.inventory === undefined) return; 4122 4123 var inventory = parseInt(item.inventory, 10); 4124 var $product = $('.prod-cat-item[data-product-id="' + item.productId + '"]'); 4125 4126 $product.parent().attr('data-inventory', item.inventory); 4127 4128 if (inventory <= 0) { 4129 $product.append('<div class="prod-cat-inventory-status out-of-stock">Out of Stock</div>'); 4130 $product.parent().addClass('prod-out-of-stock'); 4131 } else { 4132 $product.append('<div class="prod-cat-inventory-status in-stock">In Stock: ' + inventory + '</div>'); 4133 } 4134 }); 4135 }, 4136 error: function (xhr) { 4137 console.log('CheckInventory failed', xhr); 4138 } 4139 }); 4140 } 4141 } 4142 4143 // Product details page inventory check. 4144 // Do not send checkCanBuy here: product-detail behavior remains inventory-only. 4145 if ($('body').hasClass('pageType_product')) { 4146 var productId = $('.productPage').attr('data-product-id'); 4147 4148 if (productId) { 4149 $.ajax({
4150 url: '/Andrews/CheckInventory', 4151 type: 'POST', 4152 contentType: 'application/json; charset=utf-8', 4153 dataType: 'json', 4154 data: JSON.stringify({ 4155 productIds: [productId] 4156 }), 4157 success: function (response) { 4158 if (!response || !response.items || !response.items.length) return; 4159 4160 var item = response.items[0]; 4161 4162 if (!item || item.inventory === null || item.inventory === undefined) return; 4163 4164 var inventory = parseInt(item.inventory, 10); 4165 4166 var $statusContainer = $('.prod-detail-inventory-status-container'); 4167 if (!$statusContainer.length) { 4168 $statusContainer = $('<div class="prod-detail-inventory-status-container"></div>').insertBefore('#pricingArea'); 4169 } 4170 4171 $statusContainer.empty(); 4172 4173 if (inventory <= 0) { 4174 $statusContainer.append('<div class="prod-detail-inventory-status out-of-stock">Out of Stock</div>'); 4175 prodPageApplyOutOfStockUIChange(); 4176 } else { 4177 $statusContainer.append('<div class="prod-detail-inventory-status in-stock">In Stock: ' + inventory + '</div>'); 4178 } 4179 }, 4180 error: function (xhr) { 4181 console.log('CheckInventory failed', xhr); 4182 } 4183 }); 4184 } 4185 } 4186 4187 // Cart page 4188 if ($('body').hasClass('pageType_cart')) { 4189 var inventoryApiUrl = '/Andrews/CheckInventory'; 4190 var bulkRemoveApiUrl = '/cart/removebulk'; 4191 var inventoryMap = {}; 4192 var canBuyMap = {}; 4193 var checkoutUrl = null; 4194 4195 function normalizeProductId(productId) { 4196 return String(productId || '').toLowerCase(); 4197 } 4198 4199 function escapeHtml(value) { 4200 return $('<div/>').text(value === null || value === undefined ? '' : String(value)).html(); 4201 } 4202 4203 function setCheckoutLoading(isLoading) { 4204 var $btn = $('#btnCheckout'); 4205 4206 if (!$btn.length) return; 4207 4208 if (isLoading) { 4209 $btn.data('inventory-was-disabled', $btn.is(':disabled')); 4210 $btn.prop('disabled', true); 4211 4212 if (window.kendo && kendo.ui && kendo.ui.progress) { 4213 kendo.ui.progress($btn.parent(), true); 4214 } 4215 4216 return; 4217 } 4218 4219 if (window.kendo && kendo.ui && kendo.ui.progress) { 4220 kendo.ui.progress($btn.parent(), false); 4221 } 4222 4223 if (!$btn.data('inventory-was-disabled')) { 4224 $btn.prop('disabled', false); 4225 } 4226 } 4227 4228 function getProductIds() { 4229 var seen = {}; 4230 var ids = []; 4231 4232 $('.cart-product-item[data-product-id]').each(function () { 4233 var id = $(this).attr('data-product-id'); 4234 var key = normalizeProductId(id); 4235 4236 if (!key || seen[key]) return; 4237 4238 seen[key] = true; 4239 ids.push(id); 4240 }); 4241 4242 return ids; 4243 } 4244 4245 function fetchInventory(checkCanBuy) { 4246 var productIds = getProductIds(); 4247 4248 if (!productIds.length) { 4249 inventoryMap = {}; 4250 canBuyMap = {}; 4251 return $.Deferred().resolve().promise(); 4252 } 4253 4254 var request = { 4255 productIds: productIds 4256 }; 4257 4258 // Only the checkout-time request opts into the provider validate-cart call. 4259 if (checkCanBuy) { 4260 request.checkCanBuy = true; 4261 } 4262 4263 return $.ajax({ 4264 url: inventoryApiUrl, 4265 type: 'POST', 4266 contentType: 'application/json; charset=utf-8', 4267 dataType: 'json', 4268 data: JSON.stringify(request) 4269 }).done(function (data) { 4270 inventoryMap = {}; 4271 canBuyMap = {}; 4272 4273 $.each((data && data.items) || [], function (_, item) { 4274 var key = normalizeProductId(item && item.productId); 4275 4276 if (!key) return; 4277 4278 inventoryMap[key] = item.inventory; 4279 4280 if (checkCanBuy && item.canBuy !== null && item.canBuy !== undefined) { 4281 canBuyMap[key] = item.canBuy; 4282 } 4283 }); 4284 }); 4285 } 4286 4287 function applyInventoryUi() { 4288 $('.cart-product-inventory').remove(); 4289 4290 $('.cart-product-item[data-product-id]').each(function () { 4291 var $item = $(this); 4292 var productId = normalizeProductId($item.attr('data-product-id')); 4293 4294 if (!productId) return; 4295 4296 var inventory = inventoryMap[productId]; 4297 4298 if (inventory === null || inventory === undefined) return; 4299 4300 var inStock = Number(inventory) > 0; 4301 4302 $item 4303 .removeClass('cart-in-stock cart-out-of-stock') 4304 .addClass(inStock ? 'cart-in-stock' : 'cart-out-of-stock'); 4305 4306 var $inventory = $('<div/>', { 4307 class: 'cart-product-inventory ' + (inStock ? 'cart-in-stock' : 'cart-out-of-stock'), 4308 text: inStock ? 'In Stock: ' + inventory : 'Out of Stock' 4309 }); 4310
4311 $item.find('.cart-product-price').first().before($inventory); 4312 }); 4313 } 4314 4315 function refreshInventoryUi(showButtonProgress, checkCanBuy) { 4316 if (showButtonProgress) { 4317 setCheckoutLoading(true); 4318 } 4319 4320 return fetchInventory(checkCanBuy === true) 4321 .done(applyInventoryUi) 4322 .always(function () { 4323 if (showButtonProgress) { 4324 setCheckoutLoading(false); 4325 } 4326 }); 4327 } 4328 4329 // Keep the site's custom quantity-reading behavior unchanged. 4330 function getItemQty($item) { 4331 var $qty = $item.find('.cart-product-qty').first(); 4332 var $cantidad = $qty.find('.cantidad').first(); 4333 4334 if ($cantidad.length) { 4335 return parseFloat($cantidad.val()) || 0; 4336 } 4337 4338 return parseFloat($.trim($qty.text()).replace(/[^\d.]/g, '')) || 0; 4339 } 4340 4341 function getCartProducts() { 4342 var products = {}; 4343 4344 $('.cart-product-item[data-product-id]').each(function () { 4345 var $item = $(this); 4346 var rawProductId = $item.attr('data-product-id'); 4347 var productId = normalizeProductId(rawProductId); 4348 4349 if (!productId) return; 4350 4351 if (!products[productId]) { 4352 products[productId] = { 4353 productId: rawProductId, 4354 productName: $.trim($item.find('.cart-product-name').first().text()) || 'Product', 4355 requestedQuantity: 0, 4356 orderItemIds: [] 4357 }; 4358 } 4359 4360 products[productId].requestedQuantity += getItemQty($item); 4361 4362 var orderItemId = $item.attr('data-order-item-id'); 4363 if (orderItemId && products[productId].orderItemIds.indexOf(orderItemId) === -1) { 4364 products[productId].orderItemIds.push(orderItemId); 4365 } 4366 }); 4367 4368 return products; 4369 } 4370 4371 function validateInventory() { 4372 var products = getCartProducts(); 4373 var validation = { 4374 warnings: [], 4375 invalidItems: [], 4376 invalidOrderItemIds: [] 4377 }; 4378 4379 $.each(products, function (productId, product) { 4380 var rawInventory = inventoryMap[productId]; 4381 var hasInventory = rawInventory !== null && rawInventory !== undefined && !isNaN(Number(rawInventory)); 4382 var inventory = hasInventory ? Number(rawInventory) : null; 4383 var canBuy = canBuyMap[productId]; 4384 var invalidReasons = []; 4385 4386 if (hasInventory && inventory <= 0) { 4387 invalidReasons.push('Out of stock.'); 4388 } 4389 4390 // A null/unknown canBuy result does not block checkout. Only an explicit false is invalid. 4391 if (canBuy === false) { 4392 invalidReasons.push('This item is not currently eligible for purchase.'); 4393 } 4394 4395 if (invalidReasons.length) { 4396 validation.invalidItems.push({ 4397 productName: product.productName, 4398 reasons: invalidReasons, 4399 orderItemIds: product.orderItemIds 4400 }); 4401 4402 $.each(product.orderItemIds, function (_, orderItemId) { 4403 if (validation.invalidOrderItemIds.indexOf(orderItemId) === -1) { 4404 validation.invalidOrderItemIds.push(orderItemId); 4405 } 4406 }); 4407 4408 return; 4409 } 4410 4411 // This is a warning, not an invalid item: the customer may adjust the quantity. 4412 if (hasInventory && inventory > 0 && product.requestedQuantity > inventory) { 4413 validation.warnings.push({ 4414 productName: product.productName, 4415 inventory: inventory, 4416 requestedQuantity: product.requestedQuantity 4417 }); 4418 } 4419 }); 4420 4421 return validation; 4422 } 4423 4424 function setCartItemsLoading(orderItemIds, isLoading) { 4425 if (!window.kendo || !kendo.ui || !kendo.ui.progress) return; 4426 4427 $.each(orderItemIds, function (_, orderItemId) { 4428 var $item = $('.cart-product-item[data-order-item-id="' + orderItemId + '"]'); 4429 4430 if ($item.length) { 4431 kendo.ui.progress($item, isLoading); 4432 } 4433 }); 4434 } 4435 4436 function reportCartAjaxError(message) { 4437 if (typeof window.showAjaxError === 'function') { 4438 window.showAjaxError(message); 4439 } else { 4440 console.log(message); 4441 } 4442 } 4443 4444 function removeInvalidCartItems(orderItemIds) { 4445 if (!orderItemIds.length) return; 4446 4447 setCartItemsLoading(orderItemIds, true); 4448 4449 $.ajax({
4450 url: bulkRemoveApiUrl, 4451 type: 'POST', 4452 contentType: 'application/json; charset=utf-8', 4453 dataType: 'json', 4454 data: JSON.stringify({ 4455 orderItemIds: orderItemIds 4456 }) 4457 }).done(function (data) { 4458 if (data && data.success) { 4459 // Use the same raw-HTML update functions as the built-in single-item removal. 4460 // Cart item actions keep working because cart.js binds them through document delegation. 4461 window.updateCartItemsHtml(data.data); 4462 window.updateCartSummaryHtml(data.summary, data.zeroval); 4463 window.updateCartInstructionHtml(data.instructions); 4464 } else { 4465 reportCartAjaxError((data && data.message) || 'The invalid cart items could not be removed.'); 4466 } 4467 }).fail(function (xhr, textStatus) { 4468 console.log('Bulk cart removal failed', textStatus, xhr); 4469 reportCartAjaxError('The invalid cart items could not be removed. Please try again.'); 4470 }).always(function () { 4471 setCartItemsLoading(orderItemIds, false); 4472 }); 4473 } 4474 4475 function buildInventoryDialogHtml(validation) { 4476 var html = '<div class="cart-inventory-dialog">'; 4477 4478 if (validation.warnings.length) {
4479 html += '<div class="cart-inventory-dialog-section cart-inventory-dialog-warnings">'; 4480 html += '<h4 class="cart-inventory-dialog-title">Quantity warning</h4>'; 4481 html += '<p class="cart-inventory-dialog-note">Please adjust these quantities before checking out.</p>'; 4482 html += '<ul class="cart-inventory-dialog-list">'; 4483 4484 $.each(validation.warnings, function (_, warning) { 4485 html += '<li><strong>' + escapeHtml(warning.productName) + '</strong>'; 4486 html += ' — Available: ' + escapeHtml(warning.inventory); 4487 html += ', Requested: ' + escapeHtml(warning.requestedQuantity) + '.</li>'; 4488 }); 4489 4490 html += '</ul></div>'; 4491 } 4492 4493 if (validation.invalidItems.length) { 4494 html += '<div class="cart-inventory-dialog-section cart-inventory-dialog-invalid">'; 4495 html += '<h4 class="cart-inventory-dialog-title">Items that cannot be purchased</h4>'; 4496 html += '<p class="cart-inventory-dialog-note">Remove these items before continuing to checkout.</p>'; 4497 html += '<ul class="cart-inventory-dialog-list">'; 4498 4499 $.each(validation.invalidItems, function (_, item) { 4500 html += '<li><strong>' + escapeHtml(item.productName) + '</strong>'; 4501 html += ' — ' + escapeHtml(item.reasons.join(' ')) + '</li>'; 4502 }); 4503 4504 html += '</ul></div>'; 4505 } 4506 4507 html += '</div>'; 4508 return html; 4509 } 4510 4511 function showInventoryDialog(validation) { 4512 var actions; 4513 4514 if (validation.invalidOrderItemIds.length) { 4515 actions = [ 4516 { text: 'Close' }, 4517 { 4518 text: 'Remove Invalid Items', 4519 primary: true, 4520 action: function () { 4521 // Kendo closes the dialog after the action; removal then shows item-level loading. 4522 removeInvalidCartItems(validation.invalidOrderItemIds); 4523 } 4524 } 4525 ]; 4526 } else { 4527 actions = [{ text: 'OK', primary: true }]; 4528 } 4529 4530 $('<div/>').kendoDialog({ 4531 title: 'Cart Validation', 4532 content: buildInventoryDialogHtml(validation), 4533 modal: true, 4534 width: '520px', 4535 actions: actions, 4536 buttonLayout: 'normal', 4537 close: function () { 4538 this.destroy(); 4539 } 4540 }).data('kendoDialog').open(); 4541 } 4542 4543 function getCheckoutUrl($btn) { 4544 var onclick = $btn.attr('onclick') || ''; 4545 var match = onclick.match(/self\.location\s*=\s*['"]([^'"]+)['"]/i); 4546 4547 return match ? match[1] : null; 4548 } 4549 4550 function hookCheckoutButton() { 4551 var $btn = $('#btnCheckout'); 4552 4553 if (!$btn.length) return; 4554 4555 checkoutUrl = getCheckoutUrl($btn); 4556 4557 // Leave the original checkout behavior intact if its URL cannot be determined. 4558 if (!checkoutUrl) { 4559 console.log('Inventory checkout hook skipped: checkout URL was not found.'); 4560 return; 4561 } 4562 4563 $btn.removeAttr('onclick'); 4564 $btn.off('click.inventoryCheck').on('click.inventoryCheck', function (e) { 4565 e.preventDefault(); 4566 4567 // Re-check immediately before checkout and opt into canBuy for this request only. 4568 refreshInventoryUi(true, true) 4569 .done(function () { 4570 var validation = validateInventory(); 4571 4572 if (validation.warnings.length || validation.invalidItems.length) { 4573 showInventoryDialog(validation); 4574 return; 4575 } 4576 4577 window.location = checkoutUrl; 4578 }) 4579 .fail(function (xhr) { 4580 console.log('Checkout inventory validation failed', xhr); 4581 reportCartAjaxError('Inventory could not be validated. Please try checkout again.'); 4582 }); 4583 }); 4584 } 4585 4586 function hookCartAjaxRefresh() { 4587 if (typeof window.updateCartItemsHtml !== 'function') return; 4588 if (window.updateCartItemsHtml.inventoryRefreshHooked) return; 4589 4590 var originalUpdateCartItemsHtml = window.updateCartItemsHtml; 4591 var wrappedUpdateCartItemsHtml = function () { 4592 var result = originalUpdateCartItemsHtml.apply(this, arguments); 4593 4594 // Cart refreshes keep using the ordinary inventory-only request. 4595 refreshInventoryUi(true, false); 4596 4597 return result; 4598 }; 4599 4600 wrappedUpdateCartItemsHtml.inventoryRefreshHooked = true; 4601 window.updateCartItemsHtml = wrappedUpdateCartItemsHtml; 4602 } 4603 4604 hookCheckoutButton(); 4605 hookCartAjaxRefresh();
4606 4607 // Initial cart-page inventory display remains inventory-only. 4608 refreshInventoryUi(true, false); 4609 } 4610}); 4611</script>
4611 4612 4613 4614
4615<script> 4616document.addEventListener("DOMContentLoaded", function () { 4617 const banner = document.querySelector("#home-banner"); 4618 if (!banner) return; 4619 4620 const path = window.location.pathname.toLowerCase(); 4621 4622 const showBanner = 4623 path === "/" || 4624 path === "/category/root"; 4625 4626 if (!showBanner) { 4627 banner.style.display = "none"; 4628 } 4629}); 4630</script>
4630 4631 4632
4633<script> 4634window.addEventListener('load', function () { 4635 function val(form, name) { 4636 var el = form.querySelector('[name="' + name + '"]'); 4637 return el ? el.value.trim() : ''; 4638 } 4639 4640 function checkedVals(form, name) { 4641 var boxes = form.querySelectorAll('input[type="checkbox"][name="' + name + '"]:checked'); 4642 var out = []; 4643 boxes.forEach(function (b) { if (b.value !== 'Spacer') out.push(b.value); }); 4644 return out.join(', '); 4645 } 4646 4647 function editorVal(form, name) { 4648 if (window.jQuery) { 4649 var widget = jQuery('[name="' + name + '"]').data('kendoEditor'); 4650 if (widget) return widget.value().replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim(); 4651 } 4652 return val(form, name); 4653 } 4654 4655 function wireForm(form, buildSummary) { 4656 form.addEventListener('input', buildSummary, true); 4657 form.addEventListener('change', buildSummary, true); 4658 form.addEventListener('submit', buildSummary); 4659 buildSummary(); 4660 } 4661 4662 // ---- Custom Sign Request ---- 4663 var csrForm = document.querySelector('form[action="/product/CustomSignRequest"]'); 4664 if (csrForm) { 4665 var csrTarget = csrForm.querySelector('[name="[0].CustomFormFields[4].Val"]'); 4666 if (csrTarget) { 4667 var buildCsrSummary = function () { 4668 csrTarget.value = [ 4669 'Package Type: ' + val(csrForm, '[0].CustomFormFields[2].Val'), 4670 'Price: ' + val(csrForm, '[0].CustomFormFields[3].Val') 4671 ].join(' | '); 4672 }; 4673 wireForm(csrForm, buildCsrSummary); 4674 } 4675 } 4676 4677 // ---- Template Request ---- 4678 var trForm = document.querySelector('form[action="/product/TemplateRequest"]'); 4679 if (trForm) { 4680 var trTarget = trForm.querySelector('[name="[0].CustomFormFields[11].Val"]'); 4681 if (trTarget) { 4682 var buildTrSummary = function () { 4683 trTarget.value = [ 4684 'Start Date: ' + val(trForm, '[0].CustomFormFields[4].Val'), 4685 'End Date: ' + val(trForm, '[0].CustomFormFields[5].Val'), 4686 'Specialty: ' + checkedVals(trForm, '[0].CustomFormFields[6].Val'), 4687 'Hometown: ' + checkedVals(trForm, '[0].CustomFormFields[7].Val'), 4688 'Off-Prem: ' + editorVal(trForm, '[0].CustomFormFields[8].Val'), 4689 'On-Prem: ' + editorVal(trForm, '[0].CustomFormFields[9].Val') 4690 ].join(' | '); 4691 }; 4692 wireForm(trForm, buildTrSummary); 4693 4694 if (window.jQuery) { 4695 ['4', '5'].forEach(function (i) { 4696 var w = jQuery('[name="[0].CustomFormFields[' + i + '].Val"]').data('kendoDatePicker'); 4697 if (w) w.bind('change', buildTrSummary); 4698 }); 4699 ['8', '9'].forEach(function (i) { 4700 var w = jQuery('[name="[0].CustomFormFields[' + i + '].Val"]').data('kendoEditor'); 4701 if (w) w.bind('change', buildTrSummary); 4702 }); 4703 } 4704 } 4705 } 4706}); 4707</script>
4707 4708
4709<script> 4710//Setting the product sort to alphabetically by default which is value 3 in dropdown 4711window.addEventListener('load', function () { 4712 const sort = document.querySelector('.product-sort-select'); 4713 4714 if ( 4715 sort && 4716 localStorage.getItem('alphaSortInitialized') !== 'true' 4717 ) { 4718 sort.value = '3'; 4719 sort.dispatchEvent(new Event('change', { bubbles: true })); 4720 4721 localStorage.setItem('alphaSortInitialized', 'true'); 4722 } 4723}); 4724</script>
4724 <!-- //site admin HEAD --> 4725 4726 <title>Login</title> 4727 4728 4729 4730</head> 4731<body class='aleyantW2P-v6 y2026 m09 d28 h11 siteType_customer pageType_login pageName_login user_restricted Unknown Chrome Chrome128 isNotMobile isNotHome isResponsive skinid-isCustomSkin isNotImpersonating 8e66439f-166a-4eb7-8b1a-0f94d9e2957d saveForLaterInactive USA selfSignUpDenied banner-boxed single-line-product-heading prod-view-grid display-footer-headings hidden-footer-logo display-history-panel hide-sidebar-home'> 4732 4733 <!-- beforeContent --> 4734 4735 4736 4737 <!-- /beforeContent --> 4738 4739 4740 4741<!--header--> 4742<header> 4743 <div class="header-main"> 4744 <div class="header-top"> 4745 <div class="container"> 4746 <div class="row"> 4747 <div class="col-sm-6 hidden-xs"> 4748 <div class="welcome-msg"> 4749 Welcome <span class="user"></span><span class="visitor">Visitor</span> 4750 4751 4752 </div> 4753 </div> 4754 <div class="col-xs-12 col-sm-6"> 4755 <div class="quick-top-links"> 4756 4757 <div class="quick-link-login"> 4758 <a href="/login">Login</a> 4759 </div> 4760 <div class="quick-link-account"> 4761 <a href="/settings">My Account</a> 4762 </div> 4763 <div class="quick-link-orders"> 4764 <a href="/orders">Order History</a> 4765 </div> 4766 <div class="quick-link-saved"> 4767 <a href="/savedforlater">Saved</a> 4768 </div> 4769 <div class="quick-link-logout"> 4770 <a href="/login">Logout</a> 4771 </div> 4772 </div> 4773 </div> 4774 </div> 4775 </div> 4776 </div> 4777 <div class="header-body"> 4778 <div class="container"> 4779 <div class="row"> 4780 <div class="col-xs-6 col-sm-12 col-md-4 col-lg-3 mobile-logo"> 4781 <div class="logo"> 4782 <a href="/" title="ShopPop"> 4783 <img id="logo" class="default-header-logo-height skinsetting-header-logo-height" src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/sites/0e98a5cb-c2ad-4c8c-812c-2ebf393f904f/logo_0e98a5cb-c2ad-4c8c-812c-2ebf393f904f_large.png?stamp=639227526875013069" alt="ShopPop" title="ShopPop"/> 4784 </a> 4785 </div> 4786 </div> 4787 <div class="hidden-xs col-sm-8 col-md-5 col-lg-6"> 4788 <div class="header-search"> 4789 <div class="input-group"> 4790 <input type="text" class="form-control header-search-input" placeholder="Search Site" /> 4791 <span class="input-group-btn"><button class="btn btn-default header-search-btn" type="button"><i class="fa fa-search" aria-hidden="true"></i></button></span> 4792 </div> 4793 </div> 4794 </div> 4795 <div class="col-xs-6 col-sm-4 col-md-3 mobile-links"> 4796 <div id="cart" class="header-cart"> 4797 <a href="/cart" class="cart-link" data-hover="dropdown" aria-haspopup="true" aria-expanded="false" id="cart-button" aria-label="Shopping Cart"> 4798 <i class="fa fa-shopping-cart" aria-hidden="true"></i> 4799 <span class='cart-count-label'><span class="store-data" data-cart="count">0</span></span> 4800 items 4801 4802 </a> 4803 4804 </div> 4805 <div class="header-mobile-links"> 4806 <a class="mobile-nav-btn" class="mobile-nav-btn" data-toggle="collapse" data-target="#top-nav" href="#top-nav" aria-label="Toggle Navigation Menu"><i class="fa fa-fw fa-bars" aria-hidden="true"></i></a> 4807 <a href="/cart" class="mobile-nav-btn mobile-nav-btn-cart" aria-label="Shopping Cart"><i class="fa fa-fw fa-shopping-cart" aria-hidden="true"></i><span class="badge"><span class="store-data" data-cart="count">0</span></span></a> 4808 <a href="/search" class="mobile-nav-btn" aria-label="Search"><i class="fa fa-search fa-fw" aria-hidden="true"></i></a> 4809 <a href="/login" class="mobile-nav-btn mobile-nav-login" aria-label="Login"><i class="fa fa-user fa-fw" aria-hidden="true"></i></a> 4810 <a href="/settings" class="mobile-nav-btn mobile-nav-settings" aria-label="Profile Settings"><i class="fa fa-user fa-fw" aria-hidden="true"></i></a> 4811 </div> 4812 </div> 4813 </div> 4814 </div> 4815 </div> 4816 </div> 4817 <div id="top-navbar" class="navbar navbar-default"> 4818 <div class="container"> 4819 <nav id="top-nav" class="collapse navbar-collapse"> 4820 <ul class="nav navbar-nav" id="nav-main"><li class="depth1 externalURL coolertags"><a href='https://erp.coolertags.com/login' rel='noopener noreferrer' target='_blank' >Cooler Tags</a></li></ul> 4821 4822 </nav> 4823 </div> 4824 </div> 4825</header> 4826<!--header--> 4827 4828<div class="container banner-container"> 4829 <div id="home-banner" class="home-banner-area"> 4830 <div class="widget widget-banner"><div class="cycle-slideshow" data-cycle-tmpl-regex="\[\[((\.)?.*?)\]\]" data-cycle-log="false" data-cycle-fx="scrollHorz" data-cycle-timeout="4000" data-cycle-allow-wrap="false" data-cycle-delay="0" data-cycle-loop="0" data-cycle-pause-on-hover="false" data-cycle-paused="false" data-cycle-speed="500" data-cycle-slides="> a " data-cycle-auto-height="0" data-cycle-prev=".prev" data-cycle-next=".next" data-cycle-pager
4830="#no-template-pager1768407611856" data-cycle-pager-template="" ><a href="/category/Cowboys" data-cycle-title=""> <img src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/skinimages/MillerLiteFootballCowboysB2BWebBannerAndrews1024x1.jpg" title="" alt="" class="img-responsive"> </a> <a href="/category/Oktoberfest" data-cycle-title=""> <img src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/skinimages/OktoberfestBrands2026-OrderNow_DesktopBanner1.png" title="" alt="" class="img-responsive"> </a> </div><div class="prev-next-nav"> <span class="prev"><a href="#"><<Prev</a> <span class="glyphicon glyphicon-chevron-left"></span> </span> <span class="next"> <span class="glyphicon glyphicon-chevron-right"></span> <a href="#">Next >></a></span> </div><div id="no-template-pager1768407611856" class="cycle-pager external"> <span><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" title="" alt="" width="50" height="50"></span> <span><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" title="" alt="" width="50" height="50"></span> </div></div> 4831 </div> 4832</div> 4833 4834<div class="container" id="main-content"> 4835 4836 4837 4838 4839<div id="loginPage" class="loginPage page-content"> 4840 <div id="loginpnl"> 4841 <h1 class="pageTitle">Login</h1> 4842 <div class="pageBody clearfix"> 4843 4844<form action="/login?returnUrl=%2Fsettings" method="post"><input name="__RequestVerificationToken" type="hidden" value="6azj2-5mrCozPlD718UmnyJzfMaLZ_88L9MRa8ivUDXDmswNsd0_l9JEpwBA8hoQhnyDVwFPS3-F9jSAfg14P_2UGH01" /> 4845 4846 4847<div class="loginForm"> 4848 4849 <fieldset> 4850 <legend>Login</legend> 4851 4852 <div class="sso-providers-area"> 4853 <div class="sso-providers sso-providers-count-1"> 4854 4855 <div class="sso-provider sso-provider-AzureAD"> 4856 <a class="sso-provider-link btn btn-default" href="https://shoppop.com/sso/initiate/b4210000-5db3-0015-ef4e-08dee124774f?returnUrl=/settings"> 4857 <span class="sso-provider-icon"></span> 4858 Andrews Single Sign-On 4859 </a> 4860 </div> 4861 4862 </div> 4863 <div class="sso-or"><span>or</span></div> 4864 </div> 4865 4866 <ol class="list-unstyled"> 4867 <li class="loginUserName form-group"> 4868 <label for="userName">Email or Username</label> 4869 <input name="userName" type="text" id="userName" tabindex="1" class="username form-control" autocomplete="off" placeholder="Email or Username" data-val="true" data-val-required="Email or Username is Required" required> 4870 <strong> 4871 <span class="field-validation-valid label label-danger label-validator" data-valmsg-for="userName" data-valmsg-replace="true"></span> 4872 </strong> 4873 </li> 4874 <li class="loginPassword form-group"> 4875 <label for="userPassword">Password</label> 4876 <input name="userPassword" type="password" id="userPassword" tabindex="2" class="password form-control" autocomplete="off" placeholder="Password" data-val="true" data-val-required="Password is Required" required> 4877 <strong> 4878 <span class="field-validation-valid label label-danger label-validator" data-valmsg-for="userPassword" data-valmsg-replace="true"></span> 4879 </strong> 4880 </li> 4881 </ol> 4882 </fieldset> 4883<input id="ReturnUrl" name="ReturnUrl" type="hidden" value="/settings" /> 4884 4885 4886 <fieldset class="submit"> 4887 <input type="submit" value="Login" id="btnLogin" onclick="return checkDomain();" tabindex="3" class="submit btn btn-primary" /> 4888 <div class="loginFormLinks"> 4889 <a href='/lostpassword' title='Reset password' class='resetpassword' target='_parent'>Reset password</a> 4890 </div> 4891 </fieldset> 4892 4893</div> 4894
4895<script> 4896 function checkDomain() { 4897 if ($('#domain')) { 4898 if ($('#domain').val() == '') 4899 return false; 4900 } 4901 return true; 4902 } 4903</script>
4903</form> </div> 4904 </div> 4905</div> 4906</div> 4907 4908<!--footer--> 4909<footer class="footer"> 4910 <div class="container"> 4911 <div class="row footer-columns"> 4912 <div class="col-md-5"><div class="footer-col-title"><h4>About Us</h4></div><div class="footermodule custom-html">Contact Us:Â <a href="mailto:[email protected]" style="color:#FFFFFF;">[email protected]</a></div></div> 4913 4914 <div class="col-md-3"><div class="footer-col-title"><h4>Contact Us</h4></div><div class="contactblcok custom-html"><div id="gtx-trans" style="position:absolute;left:-62px;top:25.5px;"><div class="gtx-trans-icon"></div></div></div></div> 4915 4916 4917 </div> 4918 <div class="row footer-logo"> 4919 <div class="col-sm-12"> 4920 <a href="/"> <img class="default-footer-logo-height skinsetting-footer-logo-height" src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/sites/0e98a5cb-c2ad-4c8c-812c-2ebf393f904f/logo_0e98a5cb-c2ad-4c8c-812c-2ebf393f904f_large.png?stamp=639227526875013069" alt="ShopPop" title="ShopPop"/></a> 4921 </div> 4922 </div> 4923 </div> 4924 <div class="footer-bottom"> 4925 <div class="container"> 4926 <div class="row"> 4927 <div class="col-md-12"> 4928 4929 4930 4931 </div> 4932 </div> 4933 </div> 4934 </div> 4935</footer> 4936<!--/footer--> 4937 4938 4939 4940 4941 4942 <!-- afterContent --> 4943 4944 <!-- /afterContent --> 4945 <!-- RenderJs() --> 4946
4946<script src='/layout/skins/library/lib/js/library.min.js'></script>
vendor: 2 bytes, line 4946
4946
4947<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/jquery.cookie.min.js'></script>
vendor: 2 bytes, line 4947
4947
4948<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/jquery.mousewheel.min.js'></script>
vendor: 2 bytes, line 4948
4948
4949<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/jquery.productfilter-1.0.0.js'></script>
vendor: 2 bytes, line 4949
4949
4950<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/owl.carousel.min.js'></script>
vendor: 2 bytes, line 4950
4950
4951<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/photoswipe-ui-default.min.js'></script>
vendor: 2 bytes, line 4951
4951
4952<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/photoswipe.min.js'></script>
vendor: 2 bytes, line 4952
4952
4953<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/z.skin.js'></script>
4953 4954 4955 <!-- /RenderJs() --> 4956 4957 4958
4958<script src="/Scripts/client-bundle.min.js?v=2026.9.10.2"></script>
4958 4959
4959<script src="/Scripts/kendo/cultures/kendo.culture.en-US.min.js"></script>
4959 4960
4960<script src="/Scripts/kendo/messages/kendo.messages.en-US.min.js"></script>
4960 4961 4962
4962<script> 4963 4964 // jQuery ready 4965 $(function () { 4966 4967 $('select.barrating').barrating({ showSelectedRating: false }); 4968 4969 }); //end ready 4970 4971 function _currencyFormat(number) { 4972 var zero = '$0.00'; 4973 var decimalSeparator = '.'; 4974 var groupSeparator = ','; 4975 var formattedNumber = number.toFixed(2).toString().replace('.', '|').replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator).replace('|', decimalSeparator); 4976 return zero.replace('0'+decimalSeparator+'00', formattedNumber); 4977 } 4978 4979 </script>
4979 4980 4981 4982 4983 <!-- deferred scripts --> 4984 4985 <!-- /deferred scripts --> 4986 4987 4988
4988<script> 4989 //set kendo culture based on browser culture 4990 kendo.culture("en-US"); 4991 4992 //overriding jQuery validation methods to support different culture 4993 jQuery.extend(jQuery.validator.methods, { 4994 date: function (value, element) { 4995 return this.optional(element) || kendo.parseDate(value) != null; 4996 }, 4997 number: function (value, element) { 4998 var isValidNumber = this.optional(element) || (kendo.parseFloat(value) != null && /^-?\d*[\d,.·']+\d*$/.test(value)); 4999 return isValidNumber; 5000 }, 5001 min: function (value, element, param) { 5002 var val = kendo.parseFloat(value); 5003 return this.optional(element) || val >= param; 5004 }, 5005 max: function (value, element, param) { 5006 var val = kendo.parseFloat(value); 5007 return this.optional(element) || val <= param; 5008 }, 5009 range: function (value, element, param) { 5010 var val = kendo.parseFloat(value); 5011 return this.optional(element) || ( 5012 val >= param[0] && val <= param[1]); 5013 } 5014 }); 5015 $.validator.setDefaults({ ignore: ':hidden:not(.validate-hidden)' }); 5016 </script>
5016 5017 <style lang="scss"> 5018 .betatag { 5019 font-size:10px; 5020 background: #389ef9; 5021 padding: 2px 10px; 5022 border-radius: 10px; 5023 font-weight: 400; 5024 color: #fff; 5025 text-transform: uppercase; 5026 margin-left: 6px; 5027 } 5028 </style> 5029</body> 5030</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.