<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">


<head>
    
<link rel="preconnect" href="https://fonts.gstatic.com/" />

  <link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"/>  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2">
	
	

	<title>Reliant Ribbon - Wholesale Ribbon Suppliers</title>
	<meta name="description" content="Reliant Ribbon manufactures customized decorative ribbon and stocks 10,000 ribbons and bows to ship at once to other businesses for floral, packaging, holiday and craft applications in addition to an expansive specialty ribbon program that includes custom printing, dying, bows and cut strips.">
	<meta name="keywords" content="ribbon roll, wholesale ribbon, christmas ribbon rolls, bulk ribbon, gold ribbon, personalized ribbon, silk ribbon, velvet ribbon, curling ribbon, custom ribbon, ribbons and bows, rainbow ribbon, mesh ribbon, printed ribbon, silver ribbon, trim"><link rel="stylesheet" href="templates/fa/css/custom-font-awesome.min.css">
	<link rel="shortcut icon" type="image/x-icon" href="https://d1og8h1quypvnf.cloudfront.net/images/rrc_crest_16.png?v=3987137439">
	<link rel="icon" type="image/png" href="images/rrc_crest_16.png" sizes="16x16" />
	<link rel="icon" type="image/png" href="images/rrc_crest_32.png" sizes="32x32" />
	<link rel="icon" type="image/png" href="" sizes="48x48" />
		<link rel="preload" href="../css/bootstrap-retail.css?9f677a2" as="style" onload="this.onload=null;this.rel='stylesheet'">
	    <link rel="preload" href="../css/retail.css?9f677a2" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<link rel="preload" href="../css/focus.css?9f677a2" as="style" onload="this.onload=null;this.rel='stylesheet'">
	

    <style>

        /* 
        ### Skins CSS Overrides
        */

                /* Retail Template
                --------------------------------------------------------------- */
                h1, h2, h3, h4, h5, h6,
                input, button, select, textarea,
                body, body.retail {
                    font-family: Heebo
                }

                html,
                body,
                p {
                    color: #333333;
                }
                
                a { 
                    color: #a9a9a9; 
                }

                .text-warning,
                a.text-warning {
                    color: #8a6d3b;
                }

                .text-warning:hover,
                a.text-warning:hover {
                    color: #66512c;
                }

                .text-danger,
                a.text-danger {
                    color: #a94442;
                }

                .text-danger:hover,
                a.text-danger:hover {
                    color: #843534;
                }

                .text-success,
                a.text-success {
                    color: #3c763d;
                }

                .text-success:hover,
                a.text-success:hover {
                    color: #2b542c;
                }

                .text-info,
                a.text-info {
                    color: #31708f;
                }

                .text-info:hover,
                a.text-info:hover {
                    color: #245269;
                }

                a:hover,
                a:focus { 
                    color: rgb(194,194,194); 
                }

                h1, h2, h3, h4, h5, h6, 
                .formblock-heading, 
                legend, 
                .checkout-section-heading, 
                .checkout-section.active .checkout-section-heading { 
                    color: #444444; 
                }

                .pace .pace-progress {
                    background: #b9b9b9;
                }

                /* Retail Topbar
                --------------------------------------------------------------- */

                [class*="retail-header"] .topbar {
                    background-color: #ffffff;
                }

                /* Retail Buttons
                --------------------------------------------------------------- */

                .btn-link {
                    color: #a9a9a9;
                }

                .btn-link:not([disabled]):hover, 
                .btn-link:not([disabled]):focus, 
                .btn-link:not([disabled]):active, 
                .btn-link:not([disabled]).active {
                    color: rgb(194,194,194);
                }

                /* Primary buttons */
                .btn-primary, .btn-primary.button {
                    background-color: #b9b9b9;
                    border-color: #b9b9b9;
                    color: #ffffff;
                }

                .btn-primary:not([disabled]):hover, 
                .btn-primary:not([disabled]):focus, 
                .btn-primary:not([disabled]):active, 
                .btn-primary:not([disabled]).active, 
                .btn-primary:not([disabled]).button:hover, 
                .btn-primary:not([disabled]).button:focus, 
                .btn-primary:not([disabled]).button:active, 
                .btn-primary:not([disabled]).button.active {
                    background-color: rgb(210,210,210);
                    border-color: rgb(210,210,210);
                    color: #ffffff;
                }

                /* Secondary buttons */
                .btn:not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info), 
                .btn:not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info).button {
                    background-color: #efefef;
                    border-color: #efefef;
                    color: #222222;
                }

                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info):hover, 
                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info):focus, 
                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info):active, 
                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info).active, 
                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info).button:hover, 
                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info).button:focus, 
                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info).button:active, 
                .btn:not([disabled]):not(.btn-primary):not(.btn-error):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info).button.active {
                    background-color: rgb(255,255,255);
                    border-color: rgb(255,255,255);
                    color: #222222;
                }

                .list-group-item.active, 
                .list-group-item.active:hover, 
                .list-group-item.active:focus {
                    color: #ffffff !important;
                    border-color: #b9b9b9 !important;
                    background-color: #b9b9b9 !important;
                }

                /************* 
                ** Unused button settings
                .btn-secondary,
                .btn-inverse {
                    color: #fdfdfd;
                    border-color: #efefef;
                    background-color: #efefef;
                }

                .btn-secondary:hover,
                .btn-secondary:focus,
                .btn-inverse:hover,
                .btn-inverse:focus {
                    background-color: rgb(255,255,255);
                    border-color: rgb(255,255,255);
                }

                .btn-secondary:active,
                .btn-inverse:active {
                    background-color: rgb(254,254,254);
                    border-color: rgb(254,254,254);
                } 

                .btn-success {
                    color: #468847;
                    border-color: #468847;
                    background-color: #468847;
                }

                .btn-success:hover,
                .btn-success:focus {
                    background-color: rgb(96,162,96);
                    border-color: rgb(96,162,96);
                }

                .btn-success:active {
                    background-color: rgb(85,151,86);
                    border-color: rgb(85,151,86);
                }

                .btn-danger {
                    color: #FFFFFF;
                    border-color: #b94a48;
                    background-color: #b94a48;
                }

                .btn-danger:hover,
                .btn-danger:focus {
                    background-color: rgb(210,100,98);
                    border-color: rgb(210,100,98);
                }

                .btn-danger:active {
                    background-color: rgb(200,89,87);
                    border-color: rgb(200,89,87);
                }
                *************/

                .toast-success {
                    background-color: #b9b9b9;
                }


                /* Breadcrumbs
                --------------------------------------------------------------- */

                body.retail.focus-mode:not(.account) .breadcrumb.breadcrumb-cart li.active {
                    background: #b9b9b9;
                    color: #222222;
                }

                 body.retail.focus-mode:not(.account) .breadcrumb.breadcrumb-cart li.active:after {
                    border-color: transparent;
                    border-left-color: #b9b9b9;
                    border-width: 20px;
                }


                /* Retail Template 1
                --------------------------------------------------------------- */

                /* Topbar */
                .topbar #retail-topbar-left-menu>li>a:hover, 
                .topbar #retail-topbar-left-menu>li>a:focus, 
                .topbar #retail-topbar-left-menu>li.open>a {
                    background-color: rgb(255,255,255);
                    color: #000000;
                }

                @media (max-width: 980px) {
                    .topbar #retail-topbar-left-menu>li>a:hover, 
                    .topbar #retail-topbar-left-menu>li>a:focus, 
                    .topbar #retail-topbar-left-menu>li.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }
                }

                .topbar #retail-topbar-left-menu>li ul {
                    background-color: #FFFFFF;
                }

                .topbar #retail-topbar-left-menu .retail-topbar-left-menu__a-1 {
                    color: #000000 !important;
                }

                @media (max-width: 1024px) {
                    .topbar #retail-topbar-left-menu .retail-topbar-left-menu__a-1 {
                        color: #333333 !important;
                    }
                }

                .topbar #retail-topbar-left-menu .retail-topbar-left-menu__a-1:hover, 
                .topbar #retail-topbar-left-menu .retail-topbar-left-menu__a-1:focus {
                    color: #000000 !important;
                }

                @media (max-width: 1024px) {
                    .topbar #retail-topbar-left-menu .retail-topbar-left-menu__a-1:hover, 
                    .topbar #retail-topbar-left-menu .retail-topbar-left-menu__a-1:focus {
                        color: #ffffff !important;
                        background: #b9b9b9 !important;
                    }
                 }


                .topbar #retail-topbar-left-menu>li ul a:hover, 
                .topbar #retail-topbar-left-menu>li ul a:focus {
                    background-color: rgb(230,230,230);
                }

                @media (max-width: 980px) {
                    .topbar #retail-topbar-left-menu {
                        background-color: #FFFFFF;
                    }
                }

                /* Header */
                
                .focus-header,
                [class*="retail-header"] .logo-bar {
                    background-color: #FFFFFF;
                }

                .focus-header__exit-wrapper {
                    border-color: rgb(230,230,230);
                }

                .focus-header__exit {
                    color: #222222;
                }
                
                .focus-header__exit:focus,
                .focus-header__exit:active,
                .focus-header__exit:hover {
                    color: #222222 !important;
                    background-color:  rgb(230,230,230);
                }


                [class*="retail-header"] .header__prodcat__toggle,
                [class*="retail-header"] .header__signin-open {
                    color: #222222 !important;
                }

                [class*="retail-header"] #header__user-menu>li.link-parent ul,
                [class*="retail-header"] #header__prodcat>li.link-parent ul {
                    background-color: #FFFFFF;
                }

                [class*="retail-header"] .topbar__menu-toggle a,
                [class*="retail-header"] .logo-bar__right .linkset > li > a {
                    color: #222222 !important;
                }

                [class*="retail-header"] .topbar__menu-toggle a:hover,
                [class*="retail-header"] .topbar__menu-toggle a:focus {
                    background: rgb(230,230,230) !important;
                }

                @media (max-width: 980px) {
                    [class*="retail-header"] .logo-bar__right .linkset > li > a {
                        background-color: #ffffff;
                        color: #000000 !important;
                    }
                }

                [class*="retail-header"] .logo-bar__right .linkset > li > a:hover, 
                [class*="retail-header"] .logo-bar__right .linkset > li > a:active {
                    color: rgb(60,60,60) !important;
                }
                @media (max-width: 980px) {
                    [class*="retail-header"] .logo-bar__right .linkset > li > a:hover, 
                    [class*="retail-header"] .logo-bar__right .linkset > li > a:focus, 
                    [class*="retail-header"] .logo-bar__right .linkset > li > a:active {
                         color: #000000 !important;
                         background: rgb(230,230,230) !important;
                    }
                }

                [class*="retail-header"] .logo-bar__right .linkset ul>li>a:hover, 
                [class*="retail-header"] .logo-bar__right .linkset ul>li>a:focus {
                    background-color: rgb(230,230,230);
                }

                [class*="retail-header"] #header__prodcat>li.link-parent li.link-parent.open>a {
                    background-color: #b9b9b9;
                    color: #ffffff;
                }

                [class*="retail-header"] #header__prodcat>li>ul {
                    border-top: 1px solid #b9b9b9;
                }

                [class*="retail-header"] #header__prodcat>li>ul ul {
                    border-left: 5px solid #b9b9b9;
                }

                [class*="retail-header"] .header__hero-search {
                    background-image: url('https://d1og8h1quypvnf.cloudfront.net/images/homepage/hero_gray.png?v=3987137439');
                }

                /* Introduction */

                .home-description {
                    background-color: #b9b9b9;
                    color: #ffffff;
                }

                .home-description:after {
                    border-color: #b9b9b9 transparent transparent transparent;
                }


                /* Featured */

                .trending-products__title:after {
                        background-color: #b9b9b9;
                }

                /* Reseller */

                .footer-reseller__col-1 {
                    background-image: url('https://d1og8h1quypvnf.cloudfront.net/images/homepage/packagingbasics.jpg?v=3987137439');
                }
                
                .footer-reseller__col-2 {
                    background-color: #b9b9b9;
                }

                .footer-reseller__col-2:before {
                    border-color: transparent #b9b9b9 transparent transparent;
                }

                .footer-reseller__wrap,
                .footer-reseller__wrap p {
                    color: #ffffff;
                }

                .footer-reseller h2:after {
                    background-color: #efefef;
                }

                /* Retail Products
                --------------------------------------------------------------- */

                .prod-info {
                    color: #333333;
                }

                .prod-desc {
                    color: #a9a9a9;
                }
                
                .prod-desc p {
                    color: #a9a9a9;
                }
                
                .specials_nm {
                    color: #a9a9a9;
                }

                .specials_nm:hover,
                .specials_nm:focus {
                    color: rgb(194,194,194);
                }

                /* Retail Footer
                --------------------------------------------------------------- */

                [class*="retail-footer"] {
                    color: #222222; 
                    background-color: #FFFFFF; 
                }

                [class*="retail-footer"] .bottom-bar {
                    color: #222222; 
                    background-color: #FFFFFF; 
                }

                [class*="retail-footer"] .bottom-bar__colophon a:hover {
                    color: rgba(34,34,34,0.8); 
                }
        
                

                 /* Retail Template 2
                --------------------------------------------------------------- */

                /* Header */

                .retail-header-2 .header__prodcat__container {
                    background-color: #ffffff;
                }

                .retail-header-2 .header__prodcat .header__prodcat__toggle,
                .retail-header-2 .header__user-menu .header__user-menu__toggle,
                .retail-header-2 .header__signin .header__signin-open,
                .retail-header-2 .header__cart-preview .header__cart-preview__toggle {
                    color: #444444 !important;
                }

                @media (min-width: 981px) {

                    .retail-header-2 .header__prodcat__container .link-parent>ul>li>a {
                        color: #000000;
                    }

                    .retail-header-2 .header__prodcat__container .link-parent>ul>li ul {
                        background-color: #FFFFFF;
                    }

                    .retail-header-2 .header__prodcat__container .link-parent>ul>li li a {
                        color: #222222;
                    }

                    .retail-header-2 .header__prodcat__container .link-parent>ul>li li a:hover,
                    .retail-header-2 .header__prodcat__container .link-parent>ul>li li a:focus,
                    .retail-header-2 .header__prodcat__container .link-parent>ul>li li.link-parent.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }
                }

                @media (max-width: 980px) {
                    .retail-header-2 .header__prodcat__container .link-parent ul {
                        background-color: #FFFFFF;
                    }

                    .retail-header-2 .header__prodcat__container .link-parent ul li a {
                        color: #222222;
                    }

                    .retail-header-2 .header__prodcat__container .link-parent ul li.link-parent.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }

                    .retail-header-2 .header__user-menu .link-parent ul,
                    .retail-header-2 .header__cart-preview .link-parent ul,
                    .retail-header-2 .header__prodcat>.link-parent>ul {
                        border-top: 1px solid #b9b9b9;
                    }
                }

                 /* Retail Template 3
                --------------------------------------------------------------- */

                .retail-header-3 .header__prodcat .header__prodcat__toggle,
                .retail-header-3 .header__user-menu .header__user-menu__toggle,
                .retail-header-3 .header__signin .header__signin-open,
                .retail-header-3 .header__cart-preview .header__cart-preview__toggle {
                    color: #444444 !important;
                }

                @media (min-width: 981px) {                    
                    .retail-header-3 .header__prodcat .link-parent>ul li a:hover,
                    .retail-header-3 .header__prodcat .link-parent>ul li a:focus,
                    .retail-header-3 .header__prodcat .link-parent>ul li.link-parent.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }
                }

                @media (max-width: 980px) {                   

                    .retail-header-3 .header__user-menu .link-parent ul,
                    .retail-header-3 .header__cart-preview .link-parent ul,
                    .retail-header-3 .header__prodcat>.link-parent>ul {
                        border-top: 1px solid #b9b9b9;
                    }

                    .retail-header-3 .header__prodcat li li.link-parent.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }
                }

                 /* Retail Template 4
                --------------------------------------------------------------- */

                /* Header */

               
                .retail-header-4 .header__prodcat__container.--desktop {
                    background-color: #ffffff;
                }

                .retail-header-4 .header__prodcat__container.--all-screens .header__prodcat>.link-parent ul ul {
                        background: #FFFFFF;
                    }

                .retail-header-4 .header__prodcat__container.--all-screens .header__prodcat>.link-parent ul ul li>a:hover,
                .retail-header-4 .header__prodcat__container.--all-screens .header__prodcat>.link-parent ul ul li>a:focus,
                .retail-header-4 .header__prodcat__container.--all-screensl .header__prodcat>.link-parent ul ul li.link-parent.open>a,
                .retail-header-4 .header__user-menu .link-parent ul li a:hover,
                .retail-header-4 .header__user-menu .link-parent ul li a:focus {
                    background-color: #b9b9b9;
                    color: #ffffff;
                }

                .retail-header-4 .header__prodcat .header__prodcat__toggle,
                .retail-header-4 .header__user-menu .header__user-menu__toggle,
                .retail-header-4 .header__signin .header__signin-open,
                .retail-header-4 .header__cart-preview .header__cart-preview__toggle {
                    color: #444444 !important;
                }


                @media (min-width: 981px) {

                    .retail-header-4 .header__prodcat__container.--all-screens .header__prodcat>li>ul>li>a {
                        color: #444444 !important;
                    }

                    /* Horizontal Product Menu Styling */

                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul>li>a,
                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul .prodcat>ul>li>a {
                        color: #000000;
                    }

                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul>li ul {
                        background: #FFFFFF;
                    }

                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul>li ul li>a:hover,
                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul>li ul li>a:focus,
                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul>li ul li.link-parent.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }

                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul .prodcat>ul>li>a:hover,
                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul .prodcat>ul>li>a:focus,
                    .retail-header-4 .header__prodcat__container.--horizontal .header__prodcat>.link-parent>ul .prodcat>ul>li.link-parent.open>a {
                        background-color: transparent;
                        color: #000000;
                    }
                    
                    .retail-header-4 .header__prodcat__container.--horizontal.--mega-menu .header__prodcat>.link-parent>ul>li ul ul .link-parent>a:hover,
                    .retail-header-4 .header__prodcat__container.--horizontal.--mega-menu .header__prodcat>.link-parent>ul>li ul ul .link-parent>a:focus,
                    .retail-header-4 .header__prodcat__container.--horizontal.--mega-menu .header__prodcat>.link-parent>ul>li ul ul .link-parent.open>a {
                        background-color: transparent;
                        color:  #b9b9b9;
                    }

                    /* Vertical Product Menu Styling */

                    .retail-header-4 .header__prodcat__container.--vertical .header__prodcat>.link-parent>ul>li>a {
                        color: #000000;
                    }

                    .retail-header-4 .header__prodcat__container.--vertical .header__prodcat>.link-parent ul ul {
                        background: #FFFFFF;
                    }

                    .retail-header-4 .header__prodcat__container.--vertical .header__prodcat>.link-parent ul ul li>a:hover,
                    .retail-header-4 .header__prodcat__container.--vertical .header__prodcat>.link-parent ul ul li>a:focus,
                    .retail-header-4 .header__prodcat__container.--vertical .header__prodcat>.link-parent ul ul li.link-parent.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }

                }

                .retail-header-4 .top-bar {
                    background-color: #ffffff;
                    color: #000000;
                }

                .retail-header-4 .top-bar .top-bar__menu-toggle,
                .retail-header-4 .top-bar .top-bar__left>ul>li>ul>li>a {
                    color: #000000;
                }

                .retail-header-4 .top-bar .top-bar__left>ul>li>ul ul {
                    background-color: #FFFFFF;
                }

                @media (max-width: 980px) {
                    .retail-header-4 .top-bar .top-bar__left>ul>li>ul li>a {
                        color: #222222;
                    }
                    .retail-header-4 .top-bar .top-bar__left>ul .link-parent>ul .link-parent.open>a {
                        background: #b9b9b9;
                        color: #ffffff;
                    }
                    .retail-header-4 .top-bar .top-bar__left>ul>li ul,
                    .retail-header-4 .header__prodcat__container .header__prodcat>.link-parent>ul {
                        background-color: #FFFFFF;
                    }
                    .retail-header-4 .header__user-menu .link-parent ul,
                    .retail-header-4 .header__cart-preview .link-parent ul,
                    .retail-header-4 .header__prodcat>.link-parent>ul {
                        border-top: 1px solid #b9b9b9;
                    }
                    .retail-header-4 .header__prodcat>.link-parent>ul li a:hover,
                    .retail-header-4 .header__prodcat>.link-parent>ul li a:focus,
                    .retail-header-4 .header__prodcat>.link-parent>ul li.open>a {
                        background-color: #b9b9b9;
                        color: #ffffff;
                    }
                }
                
        
        
    </style>

<script>
    // This function is needed to fire the change event on text inputs
    // when the value is programatically set.  This happens for things
    // like when the date picker is used for a multi-input text question
    function overrideValuePropertyForChange(inputElement) {
        // grab the original property descriptor for the value property
        const originalDescriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');

        try {
            Object.defineProperty(inputElement, 'value', {
            configurable: true,
            get: function() {
                // Call original getter
                return originalDescriptor.get.call(this);
            },
            set: function(newValue) {
                // Handle the case when newValue is null or undefined
                if(newValue === null || (typeof newValue === 'undefined')) newValue = '';

                // Call original setter
                originalDescriptor.set.call(this, newValue);

                // Attempt to set the attribute to match the current value
                this.setAttribute('value', newValue);

                // Trigger the change event to notify any listeners
                // This is important for data-binding libraries and frameworks like KO and Blazor
                // and other items relying on change events to be fired which doesn't normally
                // happen when setting the value directly via javascript
                var event = new Event('change');
                this.dispatchEvent(event);
            }
            });
        } catch (error) {
            
            console.log(`Error overriding value property (${inputElement.id}): ${error}`);
            
        }
    }

    // This function is needed for JS hooks.
    function getOriginalPageName() {
        return 'maintenance.asp';
    }

    function getUrlPath() {
        return '/maintenance.asp';
    }

    function getUrl() {
        return '/maintenance.asp?autopage=%2Fsitemap.asp%3F';
    }

    function handleImageError(img, noImagePath){
        if(!noImagePath) {
            noImagePath = 'images/no-image.png';
        }
        if (utils && utils.buildImagePath) {
            noImagePath = utils.buildImagePath(noImagePath);
        }
        if ($(img).attr('src') !== noImagePath) {
            $(img).attr('src', noImagePath);
        }    
    }
    var sitename = "reliant2";
    var isWorkerDomain = false;
    var processPageTitle = isWorkerDomain && !false;
    var bValidIp = true;
    var sOfUrl   = 'https://reliantribbon.com';
</script>

        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-KMT6V2W');</script>
        <!-- End Google Tag Manager -->
        <!-- Latest Google Analytics (GA4) -->
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-4QCN5QNLSC"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-4QCN5QNLSC',{'debug_mode':true});
        </script>

<script>
	var oConfig = {

		sessionData : {
			sc_id              : "259C2044731F47AF977E88F50ECFECD4",
			sessionKey         : "0B9355D092EC4128833918EBFA06CC18",
			storefrontUrl      : "https://reliantribbon.com",
			orderfrontUrl      : "https://reliantribbon.com",
			cdnUrl             : "https://d1og8h1quypvnf.cloudfront.net",
			isSuperUserSession : false,
			cartPage           : "showcart.asp"
		},
        noImagePath            : "images/no-image.png" || 'images/no-image.png'
	};

    var utils = {};

    utils.handleImageError = function (img) {
        var noImageUrl = null;
        if(typeof oConfig !== 'undefined' && oConfig?.noImagePath) {
            noImageUrl = oConfig.noImagePath;
        }
        handleImageError(img, noImageUrl);
    };

    utils.isCrossOriginFrame = function (parentContext) {
        try {
            if(!parentContext) parentContext = window;
            if (parentContext === window) return false;

            return (document.location.hostname !== parentContext.location.hostname);
        } catch (e) {
            return true;
        }
    }

    utils.getParameter = function (param, context) {
        var value;
        if(!context) context = window;
        
        // return empty string if cross origin (can't access params)
        if(utils.isCrossOriginFrame(context)) return '';

        var parameters = context.location.search.replace('?', '');

        if (parameters) {
            var pattern = new RegExp('\\b' + param + '=([^;&]+)', 'gi');
            value = parameters.split(pattern)[1];
        }

        return value || '';
    };

    utils.urlEncodePath = function(url) {
        if(!url) return '';
        var encodedUrl = url;
        var pathPortionRegex = /^(https:\/\/[^\/]+\/|\/)?([^?\n]+)(\?[^\n]*)?$/gi;
        var pathPortionArray = Array.from(url?.matchAll(pathPortionRegex) ?? []);
        var pathPortion = '';

        if(Array.isArray(pathPortionArray)
            && pathPortionArray.length > 0
            && Array.isArray(pathPortionArray[0])
            && pathPortionArray[0].length > 2) {
                pathPortion = pathPortionArray[0][2];
        }

        if(pathPortion) {
            var urlEncodedPathPortion = encodeURIComponent(utils.htmlDecode(pathPortion))?.replace(/%2f/gi, '/');
            encodedUrl = encodedUrl.replace(pathPortion, urlEncodedPathPortion);
        }

        return encodedUrl;
    };

    utils.buildImagePath = function(image){
        if(image && image.indexOf("http") > -1){
            imageUrl = image.replace(/http:/i, 'https:');
        }else{
            image = image.replace(oConfig.sessionData.storefrontUrl, oConfig.sessionData.cdnUrl).toLowerCase();
            if(!image){
                imageUrl = oConfig.noImagePath || oConfig.sessionData.cdnUrl.replace(/\/+$/, '') + '/images/' + oConfig.defaultImage.replace(/^\/+/, '');
            }
            else if(image.indexOf("/") > -1){
                imageUrl = oConfig.sessionData.cdnUrl.replace(/\/+$/, '') + '/' + image.replace(/^\/+/, '');
            }
            else{
                imageUrl = oConfig.sessionData.cdnUrl.replace(/\/+$/, '') + '/images/' + image.replace(/^\/+/, '');
            }
        }

        imageUrl = utils.urlEncodePath(imageUrl);

        cacheBustingPrefix = '?';
        if(imageUrl.includes('?')) cacheBustingPrefix = '&';
        return imageUrl + cacheBustingPrefix + 'v=3987137439';
    };

    utils.pageUrl = location.href.replace(/.+\//, '');
    utils.loginUrl = 'security_logon.asp?autopage=' + encodeURIComponent(utils.pageUrl);

    utils.pageName = function(){
        return "maintenance.asp";
    }

    utils.pageType = function(){
        var pageType = "";
        if(utils.pageUrl == '' && pageType == ''){
            pageType = 'home';
        }else if(pageType != ''){
            switch(pageType){
                case 'prodcat':
                case 'product':
                    pageType = 'catalog';
                    break;
                case 'page-section':
                case 'webpage':
                    pageType = 'content';
                    break;
                default:
                    pageType = 'other';
                    break;
            }
        }else{
            switch(getOriginalPageName()){
                case 'pc_product_detail.asp':
                case 'pc_combined_results.asp':
                case 'largest_spend_products.asp':
                case 'largest_qty_ordered_products.asp': 
                case 'recently_ordered_products.asp': 
                case 'frequently_ordered_products.asp':
                    pageType = 'catalog';
                    break;
                case 'showcart.asp':
                case 'account.asp':
                    pageType = 'checkout';
                    break;
                case 'page.asp':
                    pageType = 'content';
                    break;
                default:
                    pageType = 'other';
                    break;

            }
        }
        return pageType;
    }

    utils.htmlEncode = function(value){
        return $('<textarea/>').text(value).html();
    }

    utils.htmlDecode = function(value){
        return $("<textarea/>").html(value).text();
    }

    utils.pageSubType = function(){
        pageSubType = "maintenance";
        if("" != ''){
            pageSubType = "";
        }
        return pageSubType;
    }

    utils.scrollTo = function (elementArg) {
        var element = $(elementArg).first();
        if (!element.length) return;

        // If the element is in an inactive tab, make the tab active.
        utils.activateTab(element);

        $('html, body').animate({
                scrollTop: $(element[0]).offset().top - 120 //offset to account for header bar
        }, 500);

    };
    
    utils.activateTab = function (element) {
        var tab = element.hasClass('.tab-pane') ? element : element.closest('.tab-pane');
        if (!tab.length || tab.hasClass('active')) return;
        var id = tab.attr('id');
        tab
            .closest('.tabbable')
            .find('.nav-tabs > li > a')
            .filter('[href="#' + id + '"], [data-target="#' + id + '"]')
            .tab('show');
    }

    utils.popToastr = function(title, subtext, config) {

        var confirmToastrConfig = config ? config : {
            'closeButton': true,
            'newestOnTop': true,
            'positionClass': 'toast-top-right',
            'preventDuplicates': false,
            'showDuration': 500,
            'hideDuration': 1000,
            'tapToDismiss': false,
            'timeOut': 5000,
            'extendedTimeOut': 1000
        };

        toastr.success(
            subtext,
            title,
            confirmToastrConfig
        );
    };

    utils.popToastrError = function(title, subtext, config) {
        var errorToastrConfig = {
            'closeButton': true,
            'newestOnTop': true,
            'positionClass': 'toast-top-right',
            'preventDuplicates': false,
            'showDuration': 500,
            'hideDuration': 1000,
            'tapToDismiss': true,
            'timeOut': 5000,
            'extendedTimeOut': 1000
        }

        $.extend(errorToastrConfig, config);

        toggleLoadingWidget(false);

        toastr.error(
            subtext,
            title,
            errorToastrConfig
        );
    }

    utils.decimalPlacesOnUnitPrices = parseInt(2) || 2;
    utils.decimalPlacesOnTotals = parseInt('2') || 2;
    utils.decimalPlacesAllowedOnProductQty = 0;
    utils.defaultQtyIncrement = 1;

    /*
     * 2024-06-07 - Client-side version (Server-side in Global Functions)
     * Standard implementation of quantity validation
     * calculation logic.
     * This assumes all values passed in already account
     * for the uom conversion factor if applicable.
     */
     utils.getValidProductQty = function(inputQty, minQty, maxQty, step, allowZeroValue) {

        // init as success result
        var qtyValidationResult = {
            inputQty: inputQty,
            validQty: inputQty,
            error: ''
        }

        if(typeof allowZeroValue === 'undefined') allowZeroValue = false;

        //- set defaults
        if(typeof step === 'undefined') step = utils.defaultQtyIncrement; //- Defined in site_config_overrides.asp
        if(typeof minQty === 'undefined') minQty = step;
        if(typeof maxQty === 'undefined') maxQty = 0;

        //- Ensure all values are numeric
        inputQty = parseFloat(inputQty);
        minQty = parseFloat(minQty);
        maxQty = parseFloat(maxQty);
        step = parseFloat(step);

        //- zero is valid when validating qty inputs elements
        //- when zero indicates the product is not selected
        //- for add to cart, like on input-qty view with a single
        //- add to cart button
        if(inputQty == 0 && allowZeroValue) {
            return qtyValidationResult;
        }

        //- retun min if inputQty is not passed in, is 0 or less than minQty.
        if( !inputQty || (minQty > 0 && inputQty < minQty)){
            qtyValidationResult.validQty = minQty;
            qtyValidationResult.error = 'min';
            return qtyValidationResult;
        }

        //- DecimalPlacesAllowedOnProductQty defined in site_config_overrides.asp
        //- and assigned to utils.decimalPlacesAllowedOnProductQty in global_scripts_top.asp
        //- It can be 0 so we add 1 to it so we have a multiplier of at least 10.
        //- floatFixMultiplier is used to account for precision issues with floating point
        //- arithmatic on base-10 decimal numbers.
        var floatFixMultiplier = Math.pow(10, (parseFloat(utils.decimalPlacesAllowedOnProductQty) + 1));

        var PadDifferenceFromMin = ( (inputQty * floatFixMultiplier) - (minQty * floatFixMultiplier) );
        var padStep = step * floatFixMultiplier;
        var padMinQty = minQty * floatFixMultiplier;
        var padMaxQty = maxQty * floatFixMultiplier;

        //- Force max to valid value
        if(maxQty < minQty) maxQty = 0;
        if(maxQty > 0) {
            var maxStepMod = (padMaxQty - padMinQty) % padStep;
            if(maxStepMod != 0) {
                var maxAdjust = Math.floor( (padMaxQty - padMinQty) / padStep ) * padStep;

                maxQty = (padMinQty + maxAdjust) / floatFixMultiplier;
            }
        }

        //- return max if inputQty is greater than max
        if(maxQty > 0 && inputQty > maxQty){
            qtyValidationResult.validQty = maxQty;
            qtyValidationResult.error = 'max';
            return qtyValidationResult;
        }

        // 1 isn't a valid default for qty when using
        // fractional quantities without a defined increment
        // or if it's off when it's simple sales uom, so
        // we set increment/step to 0
        var stepMod = step ? ( parseFloat( PadDifferenceFromMin % padStep ) / floatFixMultiplier ) : 0;

        if(stepMod != 0){

            padValidQty = (Math.ceil( PadDifferenceFromMin / padStep ) * padStep) + padMinQty

            var validQty = Math.round(padValidQty) / floatFixMultiplier;

            qtyValidationResult.validQty = validQty;
            if(maxQty > 0 && validQty > maxQty) qtyValidationResult.validQty = maxQty;
            if(validQty < minQty) qtyValidationResult.validQty = minQty;
            qtyValidationResult.error = 'inc';
            return qtyValidationResult;
        }

        return qtyValidationResult;
    }

</script>
<script>
    var cimcloud = {
        helpers: {
            url: getUrl,
            urlPath: getUrlPath,
            loginUrl: utils.loginUrl,
            pageType: utils.pageType,
            pageSubType: utils.pageSubType,
            pageName: utils.pageName,
            pageKey: '',
            urlParameter: utils.getParameter,
            buildImagePath: utils.buildImagePath,
            environment: "production"
        },
        session: {
            key: "0B9355D092EC4128833918EBFA06CC18",
            accountKey: "",
            customerKey: "",
            orderKey: "259C2044731F47AF977E88F50ECFECD4",
            accountNumber: "",
            accountName: "",
            username: "",
            email: "",
            firstName: "",
            lastName: "",
            sitename: "reliant2",
            isLoggedIn: false,
            isImpersonation: false,
            parentSession: {
                username: "",
                email: "",
                firstName: "",
                lastName: ""
            },
            sessionKey: "0B9355D092EC4128833918EBFA06CC18",
            appliedRights: "APPLICATION-DEFAULTS-4.0-SEARCH-SERVICE-SETTINGS,APPLICATION-DEFAULTS-SC-STOCKWARN-SETTINGS,RELIANT2-CUSTOM-SETTINGS,SHIPPING-ADDRESS-SETTINGS,CUSTOM_SHOW_SEND_CATALOG,CUSTOM_SHOW_SEND_CATALOG,SU-ACCESS-SETTINGS-WORKSPACE,RELIANT2-DEFAULTS-RELIANT-RIBBON-CATALOG-SETTINGS,SEARCH-FIELDS,REQ-SHIP-DATE-B,REQ-SHIP-DATE-B,COUPON-TO-ERP-USE-FIXED-ITEM,PAY-INVOICES-100,PAY-INVOICES-100,MAKE-MODEL-SEARCH,SHOW_BO_ON_ORDER_CONFIRMATION_EMAIL,PRODUCT-IMAGES,RELIANT2-DEFAULTS-PROD-EXPLODED-VIEW-SETTINGS,APPLICATION-DEFAULTS-PC-INV-IDP-SETTINGS,RELIANT2-DEFAULTS-SC-STOCKWARN-SETTINGS,SHIPPING-SETTINGS,SHIPPING-SETTINGS,MANAGE-WAREHOUSES,APPLICATION-DEFAULTS-REQ-SHIP-DATE-B-SETTINGS,S100-CIMCLOUD-B2B-A,PC-INV-IDP,PC-INV-IDP,APPLICATION-DEFAULTS-CATALOG-ALLOW-ATC-SETTINGS,ENT-SEARCH-WSP_SEARCH_SERVICE,SHOW-CUSTOMER-GROUPS,PC-DISATC-PER-ACCT,COUPON2,APPLICATION-DEFAULTS-MISC-PRODUCT-CATALOG, MISC-PRODUCT-CATALOG-SETTINGS,RR-PLACEHOLDER,RR-PLACEHOLDER,PC-IMAGE-ICONS,APPLICATION-DEFAULTS-CUSTOM-SITE-SETTINGS-SETTINGS,WORKER-ADD-EDIT,APPLICATION-DEFAULTS-S100-CIMCLOUD-B2B-A-SETTINGS,BASE_INVOICES,BASE_INVOICES,APPLICATION-DEFAULTS-PAY-INVOICES-100-SETTINGS,SU-ALLOW-ACCOUNT-EDITS,RELIANT2,SHOW-REQUEST-VISIT-QUESTION,SHOW-REQUEST-VISIT-QUESTION,DS-SHIPVIA,COUPON3,ENABLE-SHIPPING-EDITS,SHOW-PRICE-BREAKS,APPLICATION-DEFAULTS-BASE_PAYMENTS-AND-CREDITS-SETTINGS,ALLOW-WORKER-IMPERSONATION,EMAIL-A-FRIEND,APPLICATION-DEFAULTS-DEFAULT-ACCOUNT-VALUES-SETTINGS,FEATURE PLACEHOLDER - NO ACTION,FEATURE PLACEHOLDER - NO ACTION,MISC-LOGIN-SETTINGS,MISC-LOGIN-SETTINGS,ENABLE-SHIPPING-ADDS,PRODUCT-CATEGORIES,ERP-DRIVER-SERVICES,CUSTOMER-CREATE-LOGIN-AND-ACCOUNT-PLACEHOLDER,NEW-LOGIN-NEW-ACCT-100,NEW-LOGIN-NEW-ACCT-100,REMOVE-CIMCLOUD,RELIANT2-DEFAULTS-PC-INV-IDP-SETTINGS,PC_COMBINED_RESULTS.ASP-SHOW_BREAKS,PC-REFINE-ADV,4.0-SEARCH-SERVICE,20211022-142085,QUOTES-SAVED-CARTS,PENDING-ORDERS-PAGE-SETTINGS,RELIANT2-DEFAULTS-CUSTOM-ACCOUNT-REQUEST-SETTINGS-SETTINGS,INV-ERP-100,SU-SHOW-STATS,ORDER-DATE-B,APPLICATION-DEFAULTS-CATALOG-ENABLE-PRODUCT-DISPLAY-FIELDS-SETTINGS,LOCATOR-AUTO-POP,RELIANT-CUSTOM-ACCOUNT-VALUES,CUSTOM-PRODUCT-CONFIG,PRODUCT-DESC,CART_OPTIONS_WORKER_PRODUCT_ADD_EDIT,SU-ACCESS-CMS-WORKSPACE,RELIANT2-DEFAULTS-SHIPPING-ADDRESS-SETTINGS-SETTINGS,PC-INVWATCH,PC-INVWATCH,SU-ALLOW-CUSTOMER-ADD-EDITS,APPLICATION-CUSTOM-SETTINGS,TOGGLE-RELIANT-RIBBON-CATALOG,APPLICATION-DEFAULTS-CUSTOM-CUSTOMER-CONFIG-SETTINGS,UPLOAD-ATC,PC-CHILD-APPAREL,PC-CHILD-APPAREL,SHOW-MY-ACCOUNT-INVOICES-LINK,SU-ALLOW-PRODUCT-ADDS,RECENTLY-VIEWED-PRODUCTS,WORKER-ACCESS-CRM-WORKSPACE,SU-ALLOW-ADDRESS-ADDS-EDITS,RIBBONROLL,RELIANT2-DEFAULTS-SHOW-CREATE-USER-SETTINGS,COUPON,RELIANT2-DEFAULTS-PAY-INVOICES-100-SETTINGS,20220601-851158,LOCATOR-GEO-DATA,20220802-492039,APPLICATION-DEFAULTS-CONTACT US CUSTOM CONTENT KEY-SETTINGS,APPLICATION-DEFAULTS-PENDING-ORDERS-PAGE-SETTINGS-SETTINGS,BASE_PAYMENTS-AND-CREDITS,BASE_PAYMENTS-AND-CREDITS,STATIC-PAGE-DM,PRODUCT_FIELDS_TO_CHECK_PER_TERM,RELIANT2-DEFAULTS-20210422-392863-SETTINGS,ALLOW-ADD-USER-TO-EXISTING-ACCOUNT,PROD-EXPLODED-VIEW,BASE_ORDERS-AND-SHIPMENTS,SU-ACCESS-PIM-WORKSPACE,MISC-PRODUCT-CATALOG,PC-CHILD-SEARCH-ROLLUP,RELATED-PRODUCTS,APPLICATION-DEFAULTS-PC-REFINE-ADV-SETTINGS,APPLICATION-DEFAULTS-SHIPPING-SETTINGS-SETTINGS,SNAP-BASE,CUSTOM-CUSTOMER-CONFIG,SC-STOCKWARN,SC-STOCKWARN,CUSTOMER-RENUMBERING,SITEMAPGEN,APPLICATION-DEFAULTS-PRODUCT-CATEGORIES-SETTINGS,SNAPSITE-SETTINGS,SNAPSITE-SETTINGS,APPLICATION-DEFAULTS-RELIANT-CUSTOM-WORKER-FEATURES-SETTINGS,BULK-ADD-TO-CART,20220808-23782,APPLICATION-DEFAULTS-MISC-GLOBAL-SETTINGS-SETTINGS,RELIANT2-DEFAULTS-BASE_INVOICES-SETTINGS,ENABLE-BILLING-EDITS,APPLICATION-DEFAULTS-PC-IMAGE-ICONS-SETTINGS,20211112-731537,ALIAS-NM-DS,RELIANT2-DEFAULTS-SHIPPING-SETTINGS-SETTINGS,APPLICATION-DEFAULTS-WSP-SEARCH-SERVICE-SETTINGS,APPLICATION-DEFAULTS-BASE_INVOICES-SETTINGS,TAXEXEMPT-C1,ALIAS-B,WORKER-CREDIT-CARD-RELATED,APPLICATION-DEFAULTS-BASE_INVOICES-WORKERS-SETTINGS,APPLICATION-DEFAULTS-BASE_ORDERS-AND-SHIPMENTS-SETTINGS,DUMMY_TOGGLE,LOCATOR,PRODUCT-GALLERY,CATALOG-ALLOW-ATC,20221011-609056,APPLICATION-DEFAULTS-MISC-PRODUCT-CATALOG-SETTINGS,APPLICATION-DEFAULTS-MISC-LOGIN-SETTINGS-SETTINGS,RELIANT2-DEFAULTS-REQ-SHIP-DATE-B-SETTINGS,20240710-721819".split(',')
        },
        catalog: {},
        webPage: {
            sections: {}
        },        
        report: {
            // This function is used to get the report builder results as JSON.
            getReportBuilderResults: async function(rb_key, searchstring = "", maxResults = undefined) {
                const url = `/report_builder_results.asp?ajax=true&key=${rb_key}&searchstring=${searchstring}&maxResults=${maxResults}`;
                
                try {
                    const response = await fetch(url);
                    if (!response.ok) throw new Error("Network error");
                    const data = await response.json();
                    return data;
                } catch (error) {
                    throw new Error("Report not found");
                }
            }
        }
    }

    var viewModels = viewModels || {};
</script>



<!-- Custom Code START - production - 525A0FA8F54646EBB31C02D511584C56 -->
<!-- Custom Code - production_code -->
<script>
(function () {
    function cleanHead() {
        // Remove only robots tags that contain noindex or nofollow
        document.querySelectorAll('meta[name="robots"]').forEach(function (el) {
            var content = (el.getAttribute('content') || '').toLowerCase();
            if (content.indexOf('noindex') > -1 || content.indexOf('nofollow') > -1) {
                el.remove();
            }
        });

        // Remove all canonical tags, or narrow this if needed
        document.querySelectorAll('link[rel="canonical"]').forEach(function (el) {
            el.remove();
        });

        // Add a clean robots tag if one does not already exist
        var hasGoodRobots = false;
        document.querySelectorAll('meta[name="robots"]').forEach(function (el) {
            var content = (el.getAttribute('content') || '').toLowerCase().replace(/\s+/g, '');
            if (content === 'index,follow' || content === 'index, follow') {
                hasGoodRobots = true;
            }
        });

        if (!hasGoodRobots) {
            var meta = document.createElement('meta');
            meta.name = 'robots';
            meta.content = 'index, follow';
            document.head.appendChild(meta);
        }
    }

    // Run right away
    cleanHead();

    // Run again after DOM is ready
    document.addEventListener('DOMContentLoaded', cleanHead);

    // Watch for the platform re-inserting tags
    var observer = new MutationObserver(cleanHead);
    observer.observe(document.head || document.documentElement, {
        childList: true,
        subtree: true
    });
})();
</script>

<style>
  
.qmdivider {
  display: block;
  height: 15px;
}

.topbar {
  display: none;
}

.retail-header-0 .logo-bar__logo {
  min-height: 100px !important;
  max-width: 300px !important;
}

.retail-header-0 .logo-bar__logo .logo {
  height: 100px !important;
}

.header__hero-search {
  padding: 5px 20px !important;
}

.home-description {
  padding: 0 0 !important;
}
  
body.home .page-main>.container-fluid {
    min-height: auto;
}
.retail-header-0 .header__shop .header__shop--prodcat > .link-parent > ul .nav-header {
    color: #606867 !important;
  }
.retail-header-0 .header__shop .header__shop--prodcat > .link-parent > ul .nav-header:hover {
  text-decoration: underline !important;
  text-decoration-line: underline !important;
  font-weight: bold !important;
  }

/* Start: Home-Tiles
****************************************************************/

.tile-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .45s ease;
}
.tile-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .55);
    opacity: 0;
    transition: opacity .3s ease;
}
.tile-copy {
    text-align: center;
    color: #fff;
    padding: 1rem 1.25rem;
    font-size: 24px;
}
.tile-kicker {
    color: #fff;
    letter-spacing: .06em;
    font-weight: 700;
    margin: 0 0 .25rem;
}
.tile-cta {
    display: inline-block;
    margin-top: .35rem;
    padding: 10px 25px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .6);
    transition: background-color .5s ease, color .5s ease, border-color 1s ease;
}
.tile-cta::after {
    content: '>';
    font-size: 24px;
    font-weight: 700;
    margin-left: 0;
    opacity: 0;
    transform: translateX(-4px);
    transition:
        opacity .3s ease,
        transform .3s ease,
        margin-left .3s ease;
    /* animate margin-left */
}
.tile-cta:hover::after {
    opacity: 1;
    transform: translateX(0);
    margin-left: 8px;
}
.tile-cta:hover {
    /* padding: 10px 17px; */
    background: #ffffff;
    text-decoration: none;
    color: #000000;
}
.home-cat-tiles__tile:hover .tile-overlay,
.home-cat-tiles__tile:focus-within .tile-overlay {
    opacity: 1;
}
.home-cat-tiles__tile:hover .tile-bg,
.home-cat-tiles__tile:focus-within .tile-bg {
    transform: scale(1.05);
}

.atc__bottom>.atc__sample {
  font-size: 20px;
  font-weight: bold;
}

.product-wrapper .prod-pricing .yousave {
  color: #468847;
}

.idp-stock__message>.label {
  font-size: 18px;
  line-height: 18px !important;
  margin: 10px 0px;
}

.top_nav_text:hover {
  background-color: #a9a9a9 !important;
}

.top_nav_text:focus {
  background-color: #a9a9a9 !important;
}
.tile-1,
.tile-4 {
  display: block;
  height: 250px;
}

.ui-datepicker-calendar a {
  color: #444 !important;
}
.ui-datepicker-unselectable {
    color: #a9a9a9 !important;
}

.product-wrapper .prod-pricing .retail {
  color: #00A3E0 !important;
}

[data-layout="list"] .prod-card {
  min-height: auto;
}
  
[data-layout="gallery"] .prod-desc {
  height: 40px !important;
  margin-bottom: 0;
}

[data-layout="gallery"] .prod-searchfields dt,
.prod-searchfields dd {
  line-height: 1.1;
}

[data-layout="gallery"] .prod-details {
  margin: 10px 0;
}

[data-layout="gallery"] .prod-pricing {
  margin-bottom: 10px;
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
}


/* Start: FLAG STYLES
****************************************************************/

/*
    Flag1 - NEW
    Flag2 - SALE
    Flag3 - CLEARANCE
    Flag4 - EXCLUSIVE
*/
#flag1 img {
  /* height: 20px !important; */
  width: 62px !important;
}
#flag2 img {
  /* height: 20px !important; */
  width: 62px !important;
}
.prod-thumb-flags .product_flags#flag2 {
  top: 0;
  right: inherit;
}
#flag3 img {
  /* height: 20px !important; */
  width: 62px !important;
}
.prod-thumb-flags .product_flags#flag3 {
  top: 0;
  bottom: inherit;
}
#flag4 img {
  /* height: 20px !important; */
  width: 62px !important;
}
.prod-thumb-flags .product_flags#flag4 {
  top: inherit;
  right: 0;
  bottom: 0;
}

.detail-img-container .product_flags#flag1 {
  top: 0;
  right: 0;
  left: auto;
}
.detail-img-container .product_flags#flag3 {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.detail-img-container .product_flags#flag4 {
  top: inherit;
  right: 0;
  bottom: 0;
}
.detail-img-container .product_flags#flag4 img {
  width: 72px !important;
}
/* End: FLAG STYLES
****************************************************************/

/* Remove the quantity discount table if its in the related items section
****************************************************************/
#related_products .prod-card h3,
#related_products .prod-card .tablesaw {
  display: none;
}
/* End of Related Qty Discount table
****************************************************************/

/****************************************************************
 Start of Trending Products Styles
****************************************************************/
.trending-products__title {
  margin-bottom: 0px;
}

.page-main {
  padding-top: 0px;
}

.container-fluid {
  padding-top: 0px !important;
}

#wpc_featured_products {
  padding-top: 0px;
}

 /* End of Trending Products Styles
****************************************************************/

/* Sign in or register js addin
****************************************************************/
.product__info .retail .text-small.muted {
  font-size: 16px !important;
  color: #444 !important;
  border-left: 3px solid #999;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 14px;
  margin: 12px 0;
  background-color: #fafafa;
}
.product__info .retail .text-small.muted a {
  font-weight: bold;
  color: #444 !important;
  text-decoration: underline;
}
.product__info .retail .text-small.muted a:hover {
	color: #666 !important;
  text-decoration: none;
}
/* Sign in - Search Results / prod-card
****************************************************************/
.prod-card .retail .text-small.muted {
  font-size: 14px !important;
  color: #444 !important;
}
.prod-card .retail .text-small.muted a {
  font-weight: bold;
  color: #444 !important;
  text-decoration: underline;
}
.prod-card .retail .text-small.muted a:hover {
  color: #666 !important;
  text-decoration: none;
}
/* Sign in banner - Search / Category pages
****************************************************************/
.RR_signin-banner {
  font-size: 15px;
  color: #333;
  border-left: 3px solid #999;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 14px;
  margin: 12px 0;
  background-color: #fafafa;
}
.RR_signin-banner a {
  font-weight: bold;
  color: #222;
  text-decoration: underline;
}
.RR_signin-banner a:hover {
  color: #555;
  text-decoration: none;
}
/* End of Sign in or register js addin
****************************************************************/

[data-layout="gallery"][max-width~="500px"] .prod-card {
  width: calc(50% - 10px) !important;
  padding: 0px;
}

@media (max-width: 500px) {
  .container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  [data-layout="gallery"] .prod-thumb {
    height: 150px !important;
  }

  [data-layout="gallery"] .prod-thumb .prod-thumb-img img {
    max-height: 150px !important;
  }

  .prod-thumb .prod-thumb-img img {
    max-width: 175px !important;
  }
}

@media (max-width: 500px) {
  .retail-header-0 .logo-bar__logo {
    min-height: 75px !important;
  }

  .retail-header-0 .logo-bar__logo .logo {
    height: 100% !important;
  }
}

@media (max-width: 1024px) {
  .retail-header-0 .header__shop--prodcat>.link-parent>ul ul a {
    padding: 5px 0 5px 20px;
  }
}

@media (min-width: 1025px) {
  .retail-header-0 .header__shop .header__shop--prodcat>.link-parent>ul ul li>a {
    padding: 2px 0;
  }
}

@media print {
  body.form {
    margin: 0 0 40px !important;
  }

  body.form .open-terms-account #txt21_container {
    border-bottom: 0;
    margin: 0 0 40px !important;
    page-break-after: always !important;
  }
  .print-logo__img {
    position: relative;
  }
  #retail-header-0 {
    display: none;
  }
  #catalog-sidebar {
    display: none;
  }
  .prod-card {
    width: 200px !important;
  }
  .prod-card img {
    width: 175px !important;
  }
  .prod-info {
    font-size: 18px !important;
  }
}

.ddt-thumb {
  height: 90px;
  width: 90px !important;
}

@media print #checkout_summary {
  padding: 0;
  width: 50%;
  float: right;
}

.maintenace_mode_logo {
  max-width: 300px;
}

table.tablesaw tbody tr:hover>td.watch-cell {
  background-color: #ffff;
}



/****************************************************************
  Start of IMG ZOOM
****************************************************************/

#products_view .prod-card .prod-thumb {
    position: relative;
    overflow: hidden; /* Keeps zoom inside bounds */
    display: inline-block;
    width: 200px; /* Match your image size */
}

#products_view .prod-card .prod-thumb img {
/*     width: 100%; Match container */
    height: auto;
    display: block;
    transition: transform 0.2s ease;
    /* cursor: zoom-in; */
}

#products_view .prod-card .prod-thumb.LMZ_zoom-active .detail_link img {
    cursor: crosshair;
    transform: scale(2); /* You can tweak this */
    transform-origin: center center;
}

.magnify-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background-color: black;
    color: white;
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    z-index: 20;
    opacity: 0.25;
    transition: opacity 0.3s ease;
    border: 1px solid white;
  }

.IMG_zoom-close {
  position: absolute;
  top: 20px;
  right: 40px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
}
.IMG_zoom-close:hover,
.IMG_zoom-close:focus {
  color: #f44336;
}

.magnify-icon:hover {
    opacity: 0.85; /* increase visibility on hover */
  }

/****************************************************************
  End of IMG ZOOM
****************************************************************/
  
  

/****************************************************************
  Start of FAQ
****************************************************************/

.FAQ_search-container {
    margin-bottom: 20px;
}
.FAQ_search-container input[type="text"] {
    width: 80%;
    padding: 10px;
    font-size: 16px;
}
.FAQ_tabs {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.FAQ_tab {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    background: #e0e0e0;
    border-radius: 5px;
}
.FAQ_tab.FAQ_active {
    background: #4285F4;
    color: white;
}
.FAQ_faq-container {
    max-width: 800px;
    margin: auto;
    text-align: left;
}
.FAQ_faq {
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
    /* padding-bottom: 10px; */
}
.FAQ_faq-question {
    cursor: pointer;
    font-weight: bold;
    /* margin: 25px 0; */
}
.FAQ_faq-answer {
    display: none;
    margin-top: 10px;
}
/****************************************************************
  End of FAQ
****************************************************************/



/****************************************************************
  Start of Twist Tie Bows Style Guide
****************************************************************/

		.bows {

			display: flex;
			flex-wrap: wrap;
			gap: .5em;
		}
		.bow-wrap {
			flex: 0 0 676px;
			width: 676px;
			border: 1px solid #ccc;
			padding: 12px;
			box-sizing: border-box;
			border-radius: 10px;
			/* box-shadow: 0 2px 8px rgba(0,0,0,0.18); */
		}
		.bow-container {
			display: grid;
			grid-template-columns: repeat(2, max-content);
			gap: 16px;
			max-width: 1200px;
			margin-bottom: 25px;
		}

		.bow-item {
			white-space: nowrap;
			width: max-content;
			gap: 2px 5px;
		}

		.bow-title {
			margin: 0 0 15px;
		}

		.bow-item h3 {
			margin: 0 0 4px;
			line-height: 1.1;
			font-weight: normal;
			color: #444444;
		}
		.bows h3 span, .bows h2 > span {
			font-size: 16px;
			/* font-weight: bold; */
			/* color: #000000; */
		}
		.bows h2 span {
			display: block;
		}
		.bow-item img {
			width: 150px;
			height: auto;
			vertical-align: middle;
			margin-right: 12px;
		}

		@media (max-width: 600px) {
			.bow-container {
				grid-template-columns: 1fr;
			}
		}

/****************************************************************
  End of Twist Tie Bows Style Guide
****************************************************************/




/****************************************************************
  Start of Category Collection Styles
****************************************************************/

/* styles.css */
body {
	font-family: "Heebo","Helvetica Neue",Helvetica,Arial,sans-serif;
}



/************************************************
	Original Styles
************************************************/
.CAT_valentines {
    background-color: #FFB6C15E;
    transition: background-color 0.3s ease-in-out;
    border: solid 2px #FFB6C173;
}
.CAT_valentines:hover {
    background-color: #FFB6C1;
}
.CAT_stpat {
    background-color: #22AE314D;
    transition: background-color 0.3s ease-in-out;
    border: solid 2px #22AE3143;
}
.CAT_stpat:hover {
    background-color: #22AE319E;
}
.CAT_patriotic {
    background-color: #0040D63B;
    transition: background-color 0.3s ease-in-out;
    border: solid 2px #0040D633;
}
.CAT_patriotic:hover {
    background-color: #0040D67A;
}
.CAT_everyday {
    background-color: #fffad9;
    transition: background-color 0.3s ease-in-out;
    border: solid 2px #fffabd;
}
.CAT_everyday:hover {
    background-color: #fffaaf;
}
.CAT_fall {
    background-color: #e4d5b7;
    transition: background-color 0.3s ease-in-out;
    border: solid 2px #d9b99b;
}
.CAT_fall:hover {
    background-color: #d9b99b;
}
.CAT_holiday {
    background-color: #e9d79b;
    transition: background-color 0.3s ease-in-out;
    border: solid 2px #e9d79b;
}
.CAT_holiday:hover {
    background-color: #dbbf5e;
}
.CAT_cmas25 {
    background-color: #ffcaca;
    transition: background-color 0.3s ease-in-out;
    border: solid 2px #ffcaca;
}
.CAT_cmas25:hover {
    background-color: #d11e2c;
}

/************************************************
	Fall 2024 Collection 
************************************************/
.CAT_blueharvestmoon {
	background-color: rgba(22, 108, 152, 0.9);
}
.CAT_pumpkinspicedelight {
	background-color: rgba(246, 143, 6, 0.9);
}
.CAT_amethystdreams {
	background-color: rgba(111, 36, 195, 0.9);
}
.CAT_autumnsunset {
	background-color: rgba(243, 54, 27, 0.9);
}
.CAT_copperkissedblues {
	background-color: rgba(199, 96, 22, 0.9);
}
.CAT_autumnsunshine {
	background-color: rgba(247, 185, 42, 0.9);
}
.CAT_vividvines {
	background-color: rgba(139, 177, 61, 0.9);
}
.CAT_leopardelegance {
	background-color: rgba(87, 73, 69, 0.9);
}

/************************************************
	Spring 2025 Collection 
************************************************/
.CAT_XOLoveSplendor {
	background-color: rgba(223,2,5,0.9);
}
.CAT_ValentinesSweetheart {
	background-color: rgba(245,43,53,0.9);
}
.CAT_HeartfeltFuchsia {
	background-color: rgba(227,14,131,0.9);
}
.CAT_LuckyCharm {
	background-color: rgba(57,140,60,0.9);
}
.CAT_StarSpangledSplendor {
	background-color: rgba(8,53,220,0.9);
}
.CAT_AmericanLuxeStripes {
	background-color: rgba(0,36,195,0.9);
}
.CAT_HarlequinGlam {
	background-color: rgba(133,210,75,0.9);
}
.CAT_PinkVinylWaves {
	background-color: rgba(235,31,113,0.9);
}
.CAT_ChinoiserieCharm {
	background-color: rgba(14,42,145,0.9);
}
.CAT_TheCardinalsSong {
	background-color: rgba(65,158,219,0.9);
}
.CAT_StrawberryFields {
	background-color: rgba(219,2,85,0.9);
}
.CAT_FuchsiaGlitterMagic {
	background-color: rgba(241,0,135,0.9);
}
.CAT_PleatedElegance {
	background-color: rgba(169,195,53,0.9);
}
.CAT_JeweledFantasy {
	background-color: rgba(179,10,102,0.9);
}
.CAT_SpringBling {
	background-color: rgba(153,201,89,0.9);
}
.CAT_SpringBouquet {
	background-color: rgba(243,69,12,0.9);
}
.CAT_PlaidColorBurst {
	background-color: rgba(248,83,49,0.9);
}
.CAT_TurquoiseTreasures {
	background-color: rgba(35,179,227,0.9);
}
.CAT_InkKaleidoscopeDelight {
	background-color: rgba(225,8,120,0.9);
}
.CAT_OrangeTango {
	background-color: rgba(0,116,156,0.9);
}
.CAT_CandyBlossom {
	background-color: rgba(222,18,122,0.9);
}

/************************************************
	Holiday 2024 Collection 
************************************************/
.CAT_GildedSapphire {
	background-color: rgba(32,66,163,0.9);
}
.CAT_FestiveFuchsia {
	background-color: rgba(245,25,122,0.9);
}
.CAT_FrenchBlueFrost {
	background-color: rgba(106,152,181,0.9);
}
.CAT_ChristmasNoir {
	background-color: rgba(0,0,0,0.9);
}
.CAT_HarlequinMagic {
	background-color: rgba(22,83,26,0.9);
}
.CAT_AClassicChristmas {
	background-color: rgba(5,161,57,0.9);
}
.CAT_JewelOfTheSeason {
	background-color: rgba(254,107,57,0.9);
}
.CAT_HolidayCheer {
	background-color: rgba(193,1,5,0.9);
}
.CAT_ImperialVelvet {
	background-color: rgba(194,15,8,0.9);
}
.CAT_RegalRadiance {
	background-color: rgba(221,25,39,0.9);
}



/************************************************
	Magnify button styles
************************************************/
.magnify-button {
    position: absolute;
    top: 10px; /* Keep at the bottom */
    left: 10px; /* Align to the left */
    width: 25px; /* Reduced size */
    height: 25px;
    background-color: rgba(0, 0, 0, 0.8); /* Dark background */
    border: none;
    border-radius: 50%; /* Circular shape */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Subtle shadow for emphasis */
}

.magnify-button i,
.magnify-button svg {
    color: white;
    font-size: 14px; /* Adjusted icon size */
}

.magnify-button:hover {
    background-color: rgba(0, 0, 0, 1); /* Full black on hover */
    transform: scale(1.1); /* Slight zoom effect */
}
#zoom-modal .close {
  display: none;
}
#zoom-modal.show .close {
  display: block;
}
.COL_modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	transform: translateX(0%);
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8); /* Black background with opacity */
}
.COL_modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 800px;
    border-radius: 10px;
}
.close {
    position: absolute;
    top: 20px;
    right: 40px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}
.close:hover,
.close:focus {
    color: #f44336;
}



/************************************************
	Cat Container and Main IMG
************************************************/
.CAT_container {
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: space-between;
    border-radius: 10px;
    /* background-color: #fff; */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
    max-width: 1100px;
}
.CAT_main-image {
    position: relative; /* Set CAT_container to relative for positioning the name */
    max-width: 390px;
    height: 100%;
	display: flex;
    /* flex-grow: 1; */
    flex-shrink: 0; /* Prevents shrinking when the CAT_container gets smaller */
    align-items: center; /* Aligns thumbnails vertically */
}
.CAT_main-image img {
    width: auto;
    height: 100%;
    border-radius: 5px;
    object-fit: cover; /* Ensures the image fits the CAT_container without distortion */
    /* border-radius: 10px; */
    max-width: 500px;
    max-height: 325px;
    border: solid 2px #fff;
	transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for scale and shadow */
}
.CAT_main-image img:hover {
    transform: scale(1.05); /* Scale up to 105% of the original size */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); /* Optional: Add a shadow for depth */
}
.CAT_collection-name {
    position: absolute;
	width: 80%;
    top: 90%; /* Move the text lower on the image */
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center; /* Keeps the element centered on scale */
    background-color: rgba(0, 0, 0, 0.7); /* Darker background for better contrast */
    color: #fff; /* Keep the text white for contrast */
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 20px; /* Adjust font size for readability */
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.5px; /* Slightly space out the letters */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Optional: add shadow to the text */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for scaling */
}

.CAT_collection-name:hover {
    transform: translate(-50%, -50%) scale(1.1); /* Scale with the same origin and translation */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
}


/************************************************
	Cat Thumbnails Section
************************************************/
.CAT_thumbnails-section {
    display: flex;
    background-color: #fff;
    align-items: center;
    position: relative;
	width: 100%;
    max-width: 700px;
    /* border-radius: 15px; */
    border-radius: 5px;
    /* Subtle shadow */
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); */
    transition: box-shadow 0.3s ease;
	overflow: hidden;
}

.CAT_thumbnails-section:hover {
    /* Slight elevation on hover */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15); 
}
.CAT_thumbnails {
    display: flex;
    overflow: hidden;
    padding: 25px 0px 5px 0px;
}

.CAT_thumbnail {
    position: relative;
    flex: 0 0 auto;
    width: 150px;
    text-align: center;
    margin: 0 5px;
    transition: transform 0.3s ease-in-out;
}
.CAT_thumbnail:hover {
    transform: scale(1.05);
}

.CAT_thumbnail img {
    max-width: 150px;
    max-height: 125px;
    height: 125px;
    width: auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
}
.CAT_thumbnail img:hover {
    transform: scale(1.1);
}
.CAT_arrow {
    font-size: 20px;
    cursor: pointer;
    padding: 10px;
    /* margin: 0px 10px; */
    color: #000;
    border: none;
    border-radius: 15px;
    transition: opacity 0.5s ease;
    transition: color 0.3s ease;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}
.CAT_arrow:hover {
    opacity: 0.5;
    color: #111;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.text a {
	color: #333;
	text-decoration: none;
}
.text a:hover {
	text-decoration: underline;
}
.text p {
	margin-top: 10px;
}
.text {
	padding-top: 20px;
}

@media (max-width: 830px) {
    .CAT_container {
        /* flex-direction: column; */
		display: inline-block;
        align-items: center;
		/* max-width: 700px; */
		width: 95%;
    }
	.CAT_main-image {
		margin: auto;
		z-index: 1;
	}
	.CAT_thumbnails-section {
		margin: auto;
	}
    .CAT_thumbnails {
		width: 100%;
		display: inline-block;
        /* display: grid; */
        /* grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); */
        gap: 10px;
    }
	.CAT_thumbnail {
		display: inline-block;
		width: 145px;
	}

    .CAT_arrow {
        display: none; /* Hide arrows on small screens */
    }
}

@media (max-width: 650px) {

	.magnify-button {
		display: none;
	}

}
  
/****************************************************************
  END of Category Collection Styles
****************************************************************/


/****************************************************************
 START Remove breadcrum in category pages
****************************************************************/
#detail_breadcrumbs {
  display: none;
  }
.breadcrumb {
  display: none;
  }
/****************************************************************
 END Remove breadcrum in category pages
****************************************************************/
</style>

<!-- ko if: isActiveLayout('gallery') || oConfig.pageName == 'pc_product_detail.asp' -->
<style>
.prod-card {
  min-height: 500px;
}
</style>
<!-- /ko -->

<!-- Custom Code END - production - 525A0FA8F54646EBB31C02D511584C56 -->
<!-- Drawn from Cache -->
			<style>.app-logo__validip-info a {text-decoration: none; color: red; }</style>
			<script>
				document.addEventListener('DOMContentLoaded', function() {
					var newKeys = "525A0FA8F54646EBB31C02D511584C56,";
					var el = document.querySelector('a[title="Customize this page"]');
					if (el) { 
						el.textContent = 'Customized';
						existingKeys = el.getAttribute('data-keys');
						el.setAttribute('data-keys', existingKeys + newKeys);
					} 
				});
			</script>
<script src="/js/bundles/coreTop.js?9f677a219b12832d4aae06c98d8836edae2b535d" ></script>


<script src="/js/bundles/corePlugins.js?9f677a219b12832d4aae06c98d8836edae2b535d" ></script>


<script src="/js/bundles/coreVendors.js?9f677a219b12832d4aae06c98d8836edae2b535d" ></script>
<style>
    @media (min-width: 1025px) {
        .retail-header-0 .header__shop .header__shop--main .header__shop--main--toggle {
            display: block !important;
            padding: 0 15px;
            text-transform: uppercase;
        }
        .retail-header-0 .header__shop .header__shop--main .header__shop--main--toggle:after {
            display: none;
        }
        .retail-header-0 .header__shop .header__shop--main>li>ul {
            background: #fff;
            border: 1px solid #dfe1e1;
            box-sizing: border-box;
            display: none;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            left: 0;
            margin: 0 auto;
            max-width: 1050px;
            min-width: auto;
            padding: 20px;
            position: absolute;
            right: 0;
            text-align: left;
            top: 100%;
            width: 100%;
            z-index: 10;
        }
        .retail-header-0 .header__shop .header__shop--main>li>ul>li {
            margin: 0 10px;
            width: calc(20% - 20px);
        }
        .retail-header-0 .header__shop .header__shop--main>li>ul>li a {
            white-space: pre-line;
        }
        .retail-header-0 .header__shop .header__shop--main>li>ul>li a:hover,
        .retail-header-0 .header__shop .header__shop--main>li>ul>li a:focus {
            background: none !important;
            text-decoration: underline;
        }
        .retail-header-0 .header__shop .header__shop--main>li>ul>li>a {
            color: #a9a9a9 !important;
            font-size: 20px;
            padding: 0;
        }
        .retail-header-0 .header__shop .header__shop--main>li>ul>li>a:hover,
        .retail-header-0 .header__shop .header__shop--main>li>ul>li>a:focus {
            color: rgb(194,194,194) !important;
            text-decoration: none;
        }
        .retail-header-0 .header__shop .header__shop--main>.link-parent.open>ul {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }
        .retail-header-0 .header__shop .header__shop--main>.link-parent.open>ul ul {
            border: 0;
            display: block;
            padding: 0;
            position: static;
        }
    }
}
</style>


<style>
    @media (min-width: 1025px) {
        .retail-header-0 .header__shop .header__shop--prodcat>.link-parent>ul .nav-header {
            color: #b9b9b9 !important;
        }
    }
    @media (max-width: 1300px) {
        .retail-header-0 .header__shop .header__shop--main>li>ul>li>a {
            color: #a9a9a9 !important;
        }
        .retail-header-0 .header__shop .header__shop--main>li>ul>li>a:hover,
        .retail-header-0 .header__shop .header__shop--main>li>ul>li>a:focus {
            color: rgb(194,194,194) !important;
        }
    }
    @media (max-width: 1024px) {
        [class*="retail-header"] .logo-bar__right .linkset > li > a {
            background-color: #ffffff;
            color: #000000 !important;
        }
        [class*="retail-header"] .logo-bar__right .linkset > li > a:hover,
        [class*="retail-header"] .logo-bar__right .linkset > li > a:focus,
        [class*="retail-header"] .logo-bar__right .linkset > li > a:active {
            color: #000000 !important;
            background: rgb(230,230,230) !important;
        }
        .retail-header-0 .header__shop--main>li.link-parent>ul>li>a {
            color: #a9a9a9 !important;
        }
        .retail-header-0 .header__shop--main>li.link-parent>ul>li>a:hover,
        .retail-header-0 .header__shop--main>li.link-parent>ul>li>a:focus {
            color: rgb(194,194,194) !important;
        }
        .retail-header-0 .header__shop--prodcat>.link-parent>ul>li .nav-header,
        .retail-header-0 .header__shop--prodcat>.link-parent>ul .link-parent>.nav-header {
            background: none !important;
            color: #b9b9b9 !important;
        }
        .retail-header-0 .header__shop--main>.link-parent>ul .link-parent.open>a,
        .retail-header-0 .header__shop--main>.link-parent>ul .link-parent.open>a:hover,
        .retail-header-0 .header__shop--main>.link-parent>ul .link-parent.open>a:focus,
        .retail-header-0 .header__shop--prodcat>.link-parent>ul .link-parent.open>a,
        .retail-header-0 .header__shop--prodcat>.link-parent>ul .link-parent.open>.nav-header a {
            background: #b9b9b9 !important;
            color: #ffffff !important;
        }
        .retail-header-0 .header__shop--main>.link-parent>ul .link-parent.open>a:after,
        .retail-header-0 .header__shop--prodcat>.link-parent>ul .link-parent.open>a:after {
            color: #ffffff !important;
        }
    }
</style>

<script>
    //add class to open terms form page
    $(function() {
        var loc = window.location.href; // returns the full URL
        if(/1259BFC9F0404587B06F11AD870B1382/.test(loc)) {
            $('#form_builder').addClass('open-terms-account');
        }
    });
</script>
</head>
<body class="maintenance-page"> 

        <div id="maintenance_mode_container">
                <div class="maintenace_mode_logo">
                    <img src="https://d1og8h1quypvnf.cloudfront.net/images/reliantribbon-gradient-trademark-20200608_final.jpg?v=3987137439">
                </div>
            <div class="maintenace_mode_message">
                Our site is undergoing maintenance, please check back later.
            </div>
            
            <div class="maintenace_mode_contact">
                <a href="mailto:CustomerCare@ReliantRibbon.com">Need help? Please contact us</a>
            </div>
                <h3>Enter passcode to proceed</h3>
                <form action="maintenance.asp" method="post">
                    <input type="password" id="maintenance_pw" name="maintenance_pw">
                    <input type="hidden" value="checkpasscode" id="action" name="action">
                    <input type="hidden" value="/sitemap.asp?" id="autopage" name="autopage">
                    <input type="submit" value="Proceed" class="btn btn-primary">
                </form>
                <a href="maintenance.asp?validipbypass=true&autopage=%2Fsitemap%2Easp%3F" class="btn">[ValidIP] Bypass Maintenance Mode</a>
        </div>
    <div class="dashboard-bot-scripts">
        <div class="global-scripts">
    <script>

        var jsConfig = {
            static_pages: {
                content_key: '',
                content_type: ''
            }
        }
        if(processPageTitle){
            //$('.page-header h1').html('&nbsp;').show();
            var originalPageTitle = $('.page-header h1').html();
            var originalSubmitText = $('.form-actions button').html();
            var pageTitleText = "";
            if(pageTitleText.trim() != ''){
                $('.page-header h1').html(pageTitleText);
                $('.form-actions button').html( 'Save ' + pageTitleText);
                if(isWorkerDomain) pageTitleText = sitename.toUpperCase() + ' - ' + pageTitleText;
                document.title = pageTitleText;
            }else if (originalPageTitle){
                pageTitleText = originalPageTitle;
                $('.form-actions button').html( 'Save ' + pageTitleText);
                if(isWorkerDomain) pageTitleText = sitename.toUpperCase() + ' - ' + pageTitleText;
                document.title = pageTitleText;                
            }
            $('.page-header h1').show();
            $('.form-actions button').show();
        }
    </script>

    <script src="../hooks/js_custom_functions.js?9f677a2"></script>
    <script src="js/vendor/stretchy.min.js?9f677a2" data-filter=".stretchy, .stretchy *"></script>
<!-- Custom Code START - production - 524E3928563F4AA9A813E0A1957DE56C -->
<!-- Custom Code - production_code -->
<!--Start of Zendesk Chat Script-->
<script type="text/javascript">
		window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
		d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
		_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
		$.src="https://v2.zopim.com/?5GgEbLV0bF4w8IokM2OHN5nBkOkziMj9";z.t=+new Date;$.
		type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
</script>
<!--End of Zendesk Chat Script-->

<!-- ************************************************
 Start of Custom Scripts
 ************************************************ -->
<script type="text/javascript">

/* script.js */
document.addEventListener('DOMContentLoaded', () => {


	/****************************************************************
	 Start of Collections
	****************************************************************/

    // Add event listener for the entire document to handle multiple zoom buttons
    document.body.addEventListener('click', (e) => {
        if (e.target.closest('.magnify-button')) {
            const button = e.target.closest('.magnify-button');
            const section = button.closest('.CAT_main-image');
            const featuredImage = section.querySelector('.featured-image');

            // Modal elements
            const modal = document.getElementById('zoom-modal');
            const modalImage = document.getElementById('zoomed-image');
            const closeButton = document.querySelector('.close');

            // Show modal and update the image source
			modal.classList.add('show');
            modal.style.display = 'block';
            modalImage.src = featuredImage.src;

            // Close modal when clicking the close button
            closeButton.addEventListener('click', () => {
                modal.style.display = 'none';
				modal.classList.remove('show');
            });

            // Close modal when clicking outside the modal content
            window.addEventListener('click', (e) => {
                if (e.target === modal) {
                    modal.style.display = 'none';
					modal.classList.remove('show');
                }
            });
        }
    });

  

	// START added 20250806
	const thumbs = document.querySelectorAll('.CAT_thumbnails-section .CAT_thumbnails .CAT_thumbnail');
	// console.log(thumbs); 

	thumbs.forEach(thumb => {
		const img = thumb.querySelector('img');
		thumb.dataset.originalSrc = img.src;

		// Add magnify icon
		const icon = document.createElement("div");
		icon.className = "magnify-icon";
		icon.innerHTML = "+";
		thumb.appendChild(icon);

		icon.addEventListener("click", (e) => {
				e.stopPropagation();
				const xlSrc = img.src.replace(/_t\.jpg|_tl\.jpg|_l\.jpg/, "_l.jpg");

				// Create overlay
				const overlay = document.createElement("div");
				overlay.style.position = "fixed";
				overlay.style.top = "0";
				overlay.style.left = "0";
				overlay.style.width = "100%";
				overlay.style.height = "100%";
				overlay.style.backgroundColor = "rgba(0,0,0,0.85)";
				overlay.style.display = "flex";
				overlay.style.alignItems = "center";
				overlay.style.justifyContent = "center";
				overlay.style.zIndex = "9999";

				// Create close button
				const closeBtn = document.createElement("span");
				closeBtn.className = "IMG_zoom-close";
				closeBtn.textContent = "x";
				overlay.appendChild(closeBtn);

				// Create zoomed image
				const fullImg = document.createElement("img");
				fullImg.src = xlSrc;
				fullImg.style.maxWidth = "80%";
				fullImg.style.maxHeight = "80%"; fullImg.style.borderRadius = "6px";
				fullImg.style.boxShadow = "0 0 20px rgba(0,0,0,0.3)";
				//   fullImg.style.boxShadow = "0 0 20px #fff";
				overlay.appendChild(fullImg);

				// Close logic
				closeBtn.addEventListener("click", () => document.body.removeChild(overlay));
				overlay.addEventListener("click", (e) => {
					if (e.target === overlay) {
						document.body.removeChild(overlay);
					}
				});

				// overlay.addEventListener("click", () => document.body.removeChild(overlay));
				document.body.appendChild(overlay);
			});


	});
// END added 20250806


    const thumbnailSections = document.querySelectorAll('.CAT_thumbnails-section');
    thumbnailSections.forEach(section => {

		// count number of .Cat_thumbnail in this specific section of .CAT_thumbnails-section
		const thumbCount = section.querySelectorAll('.CAT_thumbnails .CAT_thumbnail').length;
		// console.log('Thumbnail count:', thumbCount);

		const CAT_ignoreinnerwidth = section.classList.contains('CAT_ignoreinnerwidth');
		// console.log('Ignore width adjustments:', CAT_ignoreinnerwidth);

		// if html width is greater than 830px
		// console.log('Viewport width less than or equal to 830px, skipping adjustments.');
		// if 3 then i want to change the css width of .CAT_thumbnails-section from 700 to 550px
		if (thumbCount <= 3 && window.innerWidth >= 830 || CAT_ignoreinnerwidth) {
			section.style.width = '550px';

			// check parent, get .CAT_main-image
			const parent = section.parentElement;
			const mainImageSection = parent.querySelector('.CAT_main-image');
			// console.log('Main image section:', mainImageSection);

			// make .CAT_main-image max-width: 526px
			if (mainImageSection) {
				mainImageSection.style.maxWidth = '526px';
			}

			// make .featured-image max-width: 526px and max-height 420px
			const featuredImage = mainImageSection.querySelector('.featured-image');
			if (featuredImage) {
				featuredImage.style.maxWidth = '526px';
				featuredImage.style.maxHeight = '420px';
			}
		}
		else if (thumbCount <= 3 && window.innerWidth <= 830) {
			section.style.minWidth = '400px';

			// check parent, get .CAT_main-image
			const parent = section.parentElement;
			const mainImageSection = parent.querySelector('.CAT_main-image');
			// console.log('Main image section:', mainImageSection);

			// make .CAT_main-image max-width: 526px
			if (mainImageSection) {
				mainImageSection.style.maxWidth = '';
			}

			// make .featured-image max-width: 526px and max-height 420px
			const featuredImage = mainImageSection.querySelector('.featured-image');
			if (featuredImage) {
				featuredImage.style.maxWidth = '';
				featuredImage.style.maxHeight = '';
			}
		}

    	
        const leftArrow = section.querySelector('.left-arrow');
        const rightArrow = section.querySelector('.right-arrow');
        const thumbnails = section.querySelector('.CAT_thumbnails');
        
        let scrollAmount = 0;
        const scrollStep = 450;

		// Count the number of ribbon items in the thumbnails container
		// const ribbonItems = thumbnails.children;
		// const ribbonCount = ribbonItems.length;
		
        // Show arrows only if there are more than 4 ribbons
        // if (ribbonCount <= 4) {
        //     leftArrow.style.opacity = '0';
        //     rightArrow.style.opacity = '0';
        //     return; // Exit the function early if there are 4 or fewer ribbons
        // }


        // Apply transition effect to arrows
        leftArrow.style.transition = 'opacity 0.5s';
        rightArrow.style.transition = 'opacity 0.5s';

        // Initially hide left arrow if at the start
        // if (thumbnails.scrollLeft === 0) {
            // leftArrow.style.opacity = '0';
        // }

        // Function to check scroll position and show/hide arrows
        const checkArrows = () => {
			
			// Check if the thumbnails container is overflowing
			const needsScroll = thumbnails.scrollWidth > thumbnails.clientWidth;

			if (!needsScroll) {
				leftArrow.style.opacity = '0';
				rightArrow.style.opacity = '0';
				return;
			}

            if (thumbnails.scrollLeft <= 0) {
                leftArrow.style.opacity = '0'; // Fully transparent when at the start
            } else {
                leftArrow.style.opacity = '1'; // Fully visible when not at the start
            }

            if (thumbnails.scrollLeft + thumbnails.clientWidth >= thumbnails.scrollWidth) {
                rightArrow.style.opacity = '0'; // Fully transparent when at the end
            } else {
                rightArrow.style.opacity = '1'; // Fully visible when not at the end
            }
        };

		// Scroll event check
		thumbnails.addEventListener('scroll', checkArrows);

        // Call checkArrows immediately on page load
        // checkArrows();  // <-- This ensures arrows are checked on page load

		// Recalculate arrows on window resize
		// window.addEventListener('resize', () => {
			// checkArrows();
		// });

        // Event listener for left arrow
        leftArrow.addEventListener('click', () => {
            thumbnails.scrollBy({ top: 0, left: -scrollStep, behavior: 'smooth' });
            setTimeout(checkArrows, 500);  // Delay to allow smooth scrolling to finish
        });

        // Event listener for right arrow
        rightArrow.addEventListener('click', () => {
            thumbnails.scrollBy({ top: 0, left: scrollStep, behavior: 'smooth' });
            setTimeout(checkArrows, 500);  // Delay to allow smooth scrolling to finish
        });

        // Check arrows on initial load and scroll events
		// thumbnails.addEventListener('scroll', checkArrows);
		
		// Resize watcher
		window.addEventListener('resize', () => {
			setTimeout(checkArrows, 250); // let layout stabilize
		});

		// Force recheck once layout is ready
		setTimeout(checkArrows, 100);
    });




	/****************************************************************
	 Start of FAQ
	****************************************************************/
    // FAQ toggle functionality
  document.querySelectorAll('.FAQ_faq').forEach(faq => {
    faq.addEventListener('click', () => {
        let answer = faq.querySelector('.FAQ_faq-answer');
        let question = faq.querySelector('.FAQ_faq-question');
        let isVisible = answer.style.display === 'block';

        // Toggle visibility
        answer.style.display = isVisible ? 'none' : 'block';

        // Toggle +/- sign
        question.textContent = (isVisible ? '+ ' : '- ') + question.textContent.substring(2);
    });
});


const faqTabsContainer = document.getElementById('FAQ_tabs-container');
if (faqTabsContainer) {
    faqTabsContainer.addEventListener('click', (event) => {
        if (event.target.classList.contains('FAQ_tab')) {
            document.querySelectorAll('.FAQ_tab').forEach(tab => tab.classList.remove('FAQ_active'));
            event.target.classList.add('FAQ_active');

            let category = event.target.dataset.category;
            document.querySelectorAll('.FAQ_faq').forEach(faq => {
                faq.style.display = (category === 'all' || faq.dataset.category === category) ? 'block' : 'none';
            });
        }
    });
}


const faqSearchInput = document.getElementById('FAQ_search');
if (faqSearchInput) {
    faqSearchInput.addEventListener('keyup', function () {
        let input = this.value.toLowerCase();
        document.querySelectorAll('.FAQ_faq').forEach(faq => {
            let question = faq.querySelector('.FAQ_faq-question').textContent.toLowerCase();
            faq.style.display = question.includes(input) ? 'block' : 'none';
        });
    });
}
  
  

});
  
  
document.addEventListener('DOMContentLoaded', function () {
	setTimeout(() => {

		/****************************************************************
		 Start of IMG ZOOM
		****************************************************************/
		const thumbs = document.querySelectorAll('#products_view .prod-card .prod-thumb');
		// console.log(thumbs);
		thumbs.forEach(thumb => {
			const img = thumb.querySelector('img');
			thumb.dataset.originalSrc = img.src;

let zoomTimer;
			
			thumb.addEventListener('mouseenter', () => {
    zoomTimer = setTimeout(() => {
				const originalSrc = img.src;

				// 4th method to swap to larger image
				const tlSrc = originalSrc.replace('_t.jpg', '_tl.jpg');
				const lSrc = originalSrc.replace('_t.jpg', '_l.jpg');

				const testImg = new Image();
				testImg.onload = () => {
					// _tl.jpg exists, use it
					img.src = tlSrc;
					thumb.classList.add('LMZ_zoom-active');
				};
				testImg.onerror = () => {
					// _tl.jpg failed to load, use _l.jpg instead
					img.src = lSrc;
					thumb.classList.add('LMZ_zoom-active');
				};

				testImg.src = tlSrc; // Begin test
    }, 150); // adjust delay as needed (150ms is a good balance)
			});
  
			thumb.addEventListener('mousemove', (e) => {
				const rect = thumb.getBoundingClientRect();
				const offsetX = e.clientX - rect.left;
				const offsetY = e.clientY - rect.top;
				const xPercent = offsetX / rect.width * 100;
				const yPercent = offsetY / rect.height * 100;

				img.style.transformOrigin = `${xPercent}% ${yPercent}%`;
			});

thumb.addEventListener('mouseleave', () => {
				// Restore original thumbnail
				// img.src = originalSrc;
				clearTimeout(zoomTimer); // cancel zoom if they leave too quickly
				setTimeout(() => {
					img.src = thumb.dataset.originalSrc;
					thumb.classList.remove('LMZ_zoom-active');
					img.style.transformOrigin = 'center center';
				}, 50); // 50ms delay to catch fast exit
			});

			// Add magnify icon
			const icon = document.createElement("div");
			icon.className = "magnify-icon";
			icon.innerHTML = "+";
			thumb.appendChild(icon);

			icon.addEventListener("click", (e) => {
				e.stopPropagation();
				const xlSrc = img.src.replace(/_t\.jpg|_tl\.jpg|_l\.jpg/, "_l.jpg");

				// Create overlay
				const overlay = document.createElement("div");
				overlay.style.position = "fixed";
				overlay.style.top = "0";
				overlay.style.left = "0";
				overlay.style.width = "100%";
				overlay.style.height = "100%";
				overlay.style.backgroundColor = "rgba(0,0,0,0.85)";
				overlay.style.display = "flex";
				overlay.style.alignItems = "center";
				overlay.style.justifyContent = "center";
				overlay.style.zIndex = "9999";

				// Create close button
				const closeBtn = document.createElement("span");
				closeBtn.className = "IMG_zoom-close";
				closeBtn.textContent = "x";
				overlay.appendChild(closeBtn);

				// Create zoomed image
				const fullImg = document.createElement("img");
				fullImg.src = xlSrc;
				fullImg.style.maxWidth = "80%";
				fullImg.style.maxHeight = "80%"; fullImg.style.borderRadius = "6px";
				fullImg.style.boxShadow = "0 0 20px rgba(0,0,0,0.3)";
				//   fullImg.style.boxShadow = "0 0 20px #fff";
				overlay.appendChild(fullImg);

				// Close logic
				closeBtn.addEventListener("click", () => document.body.removeChild(overlay));
				overlay.addEventListener("click", (e) => {
					if (e.target === overlay) {
						document.body.removeChild(overlay);
					}
				});

				// overlay.addEventListener("click", () => document.body.removeChild(overlay));
				document.body.appendChild(overlay);
			});

		});
	}, 1000); // wait 1 second to ensure content is rendered
});

document.addEventListener('DOMContentLoaded', function () {
	  
	  // Login error message
  const msg = document.querySelector('.login-error-alert .alert.alert-error');
  if (
    msg &&
    msg.textContent.includes('Your account is not yet approved.')
  ) {
    msg.innerHTML = 'Your account is not yet approved <br /> - Tax document is required for a wholesale account. <br />Please contact <a href="mailto:customercare@reliantribbon.com">CustomerCare@ReliantRibbon.com</a> for more info.';
  }

    // Product page - sign in / register
  const retailDiv = document.querySelector('.retail .text-small.muted');
  if (retailDiv) {
    const signInLink = retailDiv.querySelector('a');
    if (signInLink) {
      const clonedLink = signInLink.cloneNode(true);
      clonedLink.textContent = 'Sign in';
      retailDiv.innerHTML = '';
      retailDiv.appendChild(clonedLink);
      retailDiv.insertAdjacentHTML(
        'beforeend',
        ' or <a href="https://reliantribbon.com/customer_registration.asp">Register</a> for an account today to access <b>wholesale pricing</b> on this and thousands of other ribbon products!'
      );
    }
  }


  // Search / category page - sign in banner
  setTimeout(() => {
  const listHead = document.querySelector('#list_head');
  if (listHead && document.querySelector('.retail .text-small.muted')) {
    const href = 'security_logon.asp?autopage=' + encodeURIComponent(window.location.pathname + window.location.search) + '&target=_parent';
    const banner = document.createElement('div');
    banner.className = 'RR_signin-banner';
    banner.innerHTML = '<a href="' + href + '" class="global-modal" data-size="small" data-backdrop="static" title="Sign in to Your Account">Sign in</a> or <a href="https://reliantribbon.com/customer_registration.asp">Register</a> for an account today to access <b>wholesale pricing</b> on this and thousands of other ribbon products!';
    listHead.insertAdjacentElement('afterend', banner);
  }
}, 1000);

});

</script>
<!-- ************************************************
 End of Custom Scripts
 ************************************************ -->
<!-- Custom Code END - production - 524E3928563F4AA9A813E0A1957DE56C -->
<!-- Drawn from Cache -->
			<style>.app-logo__validip-info a {text-decoration: none; color: red; }</style>
			<script>
				document.addEventListener('DOMContentLoaded', function() {
					var newKeys = "524E3928563F4AA9A813E0A1957DE56C,";
					var el = document.querySelector('a[title="Customize this page"]');
					if (el) { 
						el.textContent = 'Customized';
						existingKeys = el.getAttribute('data-keys');
						el.setAttribute('data-keys', existingKeys + newKeys);
					} 
				});
			</script>

    <noscript class="noscript">
        WARNING: You will not be able to place an order or use most features of this site with JavaScript disabled
    </noscript>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" integrity="sha512-Sr1M6mlMOXTKahO1wcUzFu/kAb3iZVaQWGvxOEePRm7c2NjGRZ7ckRT6218PaSXlz8eEoFpKkDVvl2rTqKrQLA==" crossorigin="anonymous" referrerpolicy="no-referrer" async></script>

<script src="/js/bundles/coreBot.js?9f677a219b12832d4aae06c98d8836edae2b535d" ></script>


<script src="/js/bundles/coreBotPlugins.js?9f677a219b12832d4aae06c98d8836edae2b535d" ></script>
        <script src="js/dashboard.js?9f677a2"></script>
    </div>
</body>
</html>