CINXE.COM
Bombardier US
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <!-- Start New Relic Browser Monitoring --> <script src="/Scripts/NewRelic/BrowserMonitoringNR_Prod.min.js"></script> <!-- End New Relic Browser Monitoring --> <script nonce="U3RvcmVBbmFseXRpY3M" data-cfasync="false" type="text/javascript"> window.znodeDataLayer = window.znodeDataLayer || []; </script> <!-- Google Tag Manager --> <script nonce="U3RvcmVBbmFseXRpY3M" data-cfasync="false" type="text/javascript"> (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', 'znodeDataLayer', 'GTM-M88N72G'); </script> <!-- End Google Tag Manager --> <script src="/bundles/jquery?v=brvkvpKIMlvf23HGfjv1mtiJfPpdjviXSAqVjDmBFnw1"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=1.0" /> <title>Bombardier US</title> <meta property="og:image" content="" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="https://spponeimages.azureedge.net/prod/2118f317-d639-4f55-b44b-18d3ea537bbffavicon.ico" rel="shortcut icon" type="image/x-icon" onerror="this.onerror = null; this.src = 'favicon.ico'"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="robots" content="NOINDEX,NOFOLLOW" /> <link rel="canonical" href="https://bombardieraviationstoreus.corpmerchandise.com/" /> <link href="/Views/Themes/RedPanda/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <link href="/Views/Themes/PurplePlatypus-RedPanda_child/Content/css/site.css?v=20250204094236" rel="stylesheet" /> <style> @charset "UTF-8"; /* CSS Document */ /* BOMBARDIER US - 2024*/ /* /* Colors Black #000000 Off-white #fdfbf3 Gold #89674a Dark gray #202020*/ /* Bombardier FONTS */ @font-face { font-family: 'bbd-bold'; src: url('https://spponeimages.azureedge.net/prod/adb7e94a-77c8-42cc-aaa6-4f97be2a3c88bombardier-medium.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/db7fddc6-4c05-4916-bced-42401020e9dfbombardier-medium.woff2?v=0') format('woff2'); } @font-face { font-family: 'bbd-bold-italic'; src: url('https://spponeimages.azureedge.net/prod/36693baa-16ab-463f-b84c-b05acf2b2b07bombardier-mediumitalic.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/8b7874a9-2923-40d4-af25-dae0506bea58bombardier-mediumitalic.woff2?v=0') format('woff2'); } @font-face { font-family: 'bbd-regular'; src: url('https://spponeimages.azureedge.net/prod/0e1d775a-b912-4cc4-b890-02c6595231c5bombardier-regular.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/d844236b-e536-4142-aee5-6977924aba33bombardier-regular.woff2?v=0') format('woff2'); } @font-face { font-family: 'bbd-italic'; src: url('https://spponeimages.azureedge.net/prod/4493cb88-c974-4a03-a183-d4671f229003bombardier-regularitalic.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/d96fe645-a5db-45ae-b29e-420285c1e77dbombardier-regularitalic.woff2?v=0') format('woff2'); } html, body { font-family: Arial, "sans-serif"; font-weight: 100; margin: 0; font-size: 12px; } /* HEADER */ header { background-color: #fff; border-bottom: 1px solid #939597; } .upper-header { background-color: #000; padding-top: 25px; } .upper-header .link-panel-widget { align-items: center; font-family: Arial, "sans-serif"; font-weight: bold; text-transform: uppercase; } .upper-header a { font-family: Arial, "sans-serif"; font-weight: bold; text-transform: uppercase; } img.img-responsive { min-width: 40px; max-width: 40px; } .lower-header { padding: 2% 0; } .lower-header .logo img { width: 150% !important; } .lower-header .header-logo svg, .lower-header .header-logo img { max-height: 150% !important; max-width: 150% !important; } .lower-header .right-side { justify-content: flex-end; } ul.link-panel-widget li a, .headerQuantity, .headerSubtotal, a#loginLink, a#log-off { color: #fff; font-family: Arial, "sans-serif"; font-weight: bold; text-transform: uppercase; } .navigation nav li a { color: #000; font-family: Arial, "sans-serif"; font-weight: bold; text-transform: uppercase; } .navigation .hasSub ul li { background: #fdfbf3; } .navigation nav li:hover:not(.itemLevel1) { background: #89674a; } .headerSubtotal { padding-left: 20px; } .icon-shopping-cart:before { color: #fff; font-size: 16px; } .locale-header .locale-drowdown .dropdown-toggle:active, .locale-header .locale-drowdown .dropdown-toggle:hover { background-color: #fff; color: #000; } .locale-header .locale-drowdown .dropdown-toggle { padding: .5rem 1.5rem; } .btn-primary, .btn-bg-primary { background: #000!important; border: 1px solid #fff!important; color: #fff!important; border-radius: 0!important; } .btn-primary:hover, .btn-bg-primary:hover { background: #fff!important; border: 1px solid #000!important; color: #000!important; } input#searchTextBox { border: 1px solid #fff; } header #MobileSearch .search-widget { padding: 0.75em 1.5em; } /*-- MOBILE ---*/ @media only screen and (max-width: 600px) { .main_texts { position: absolute; width: 100% !important; margin: 0 auto !important; z-index: 0 !important; padding-top: 5%; text-align: center !important; } .main_title { line-height: 2vw !important; } .main_title h1 { font-size: 5vw !important; } .main_title h2 { font-size: 4vw !important; } .main_button { font-size: 4vw !important; } .main_images { margin-top: 40% !important; } .featureditems { flex-direction: column !important; margin: 8% 0 !important; } .featured_title { width: 100% !important; font-size: 5vw !important; text-align: center !important; padding-left: 0 !important; } .featured { flex-direction: column !important; } .featured_item { padding-bottom: 5%; } .featured_info { font-size: 3vw !important; line-height: 5.5vw !important; } .promo1, .promo3 { flex-direction: column !important; } .promo2 { flex-direction: column-reverse !important; } .promo_img { width: 100% !important; } .promo_texts { width: 100% !important; margin-left: 0 !important; text-align: center !important; } .promo_title { font-size: 5vw !important; line-height: 6vw !important; } .promo_title span { font-size: 3vw !important; } .promo_sub { font-size: 3vw !important; line-height: 4vw !important; } .promo_button { font-size: 3vw !important; } .optin_texts h1 { font-size: 4vw !important; text-align: center !important; } .optin_texts p { text-align: center !important; padding: 5% 0 !important; width: 80%; margin: 0 auto; } .home-opt-in .opt-in-field { margin-top: 10% !important; } .mktoForm .mktoFieldWrap input#Email { width: 75vw !important; } .mktoButtonRow span { padding-left: 25vw !important; } button.mktoButton { font-size: 3vw !important; } .footer-copyright-text { display: flex; font-size: 8px !important; flex-direction: row; align-items: normal !important; flex-wrap: inherit; justify-content: center; } } /*-- DESKTOP ---*/ .mainbanner { display: flex; width: 100%; background-color: #fdfbf3; } .main_texts { width: 60%; margin: 8% 0 0 5%; text-align: left; } .main_title { line-height: 1vw; } .main_title h1{ font-family: 'bbd-bold', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 3vw; color: #89674a; } .main_title h1 span{ font-family: 'bbd-regular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #89674a; } .main_title h2 { font-family: Arial, "sans-serif"; font-size: 2vw; font-weight: 100; color: #000; text-transform: uppercase; line-height: 3vw; } .main_sub { font-family: Arial, "sans-serif"; font-size: 1vw; font-weight: 100; color: #000; } .main_button { font-family: Arial, "sans-serif"; font-size: 2vw; font-weight: bold; margin-top: 5%; } .main_button a, .promo_button a { color: #000; text-decoration: none; text-transform: uppercase; position: relative; text-decoration: none; } .main_button a::before, .promo_button a::before { content: ""; position: absolute; display: block; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #000; transform: scaleX(0); transform-origin: top left; transition: transform 0.3s ease; } .main_button a:hover::before, .promo_button a:hover::before { transform: scaleX(1); } .main_images { display: flex; flex-direction: row; } .main_img_left img, .main_img_right img { width: 100%; } .main_images .vl{ border-left: 2px solid #89674a; height: 100%; } /* --- animation ---*/ .fade-in { height: 100%; width: 100%; margin-bottom: 0; opactiy:0; transform: translateY(40%); transition: all 2s ease-out; } .active { opacity: 4; transform: translateY(0); } .featureditems { display: flex; flex-direction: row; align-items: center; width: 100%; margin: 5% 0; } .featured_title { width: 20%; font-family: 'bbd-bold', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 3vw; line-height: 4vw; color: #89674a; text-align: left; padding-left: 5%; } .featured { display: flex; width: 80%; flex-direction: row; justify-content: space-around; align-items: center; } .featured_item { min-width: 20%; min-height: 250px; justify-content: center; transition: 1s ease; } .featured_img img { width: 100% !important; } .featured_info { font-family: Arial, "sans-serif"; font-size: 1vw; font-weight: 100; line-height: 1.5vw; text-align: center; } .featured_item a { color: #000; text-decoration: none; } .featured_item:hover { webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transition: 1s ease; } .promoboxes { width: 100%; margin-bottom: 5%; } .promo1, .promo3 { display: flex; width: 100%; flex-direction: row; justify-content: flex-start; align-items: center; padding-top: 5%; } .promo2 { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; align-items: center; padding-top: 5%; } .promo_img { width: 50%; -webkit-filter: brightness(75%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .promo_img:hover { -webkit-filter: brightness(100%); } .promo_img img{ width: 100%; } .promo_texts { width: 50%; margin-left: 5%; text-align: left; } .promo_title { font-family: 'bbd-bold', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 3vw; line-height: 3vw; color: #89674a; } .promo_title span { font-family: Arial, "sans-serif"; font-size: 1vw; font-weight: bold; color: #89674a; } .promo_sub { font-family: Arial, "sans-serif"; font-size: 1vw; font-weight: 100; line-height: 1.75vw; padding-top: 3%; } .promo_button { font-family: Arial, "sans-serif"; font-size: 1vw; font-weight: bold; padding-top: 3%; } /* Opt-in */ .home-opt-in { display: flex; /*display: none !important;*/ background-color: #fdfbf3; background-image: url("https://spponeimages.azureedge.net/prod/d90d882b-af34-41e0-9a6f-1a15d0b72eabbbd_us_optin.jpg?v=0"); background-repeat: no-repeat; background-size: cover; width: 100%; } /*.optinwrapper { background-color: #007681; width: 100%; margin: 6px 0 10px 0; }*/ .optinsection { display: flex; flex-direction: row; } .optincopy { display: flex; flex-direction: column; padding: 20px; justify-content: flex-start; max-width: 660px; margin: 0 auto; } .optinheadline { font-family: 'Arial, Helvetica, sans-serif; font-size: 32px; color: #89674a; text-align: left; } .optinsubhead { font-family: 'Arial, sans-serif; font-size: 24px; color: #000; text-align: left; } .marketoForm { display: flex; flex-direction: flex-start; } .mktoForm { text-align: center; width: 100% !important; } .mktoForm .mktoFieldWrap input#Email { height: 50px; width: 75vw !important; text-indent: 10px; font-family: 'Arial, sans-serif; color: #000; font-size: 16px; } .mktoOffset { width: 0 !important; } button.mktoButton, .newsletter-widget .btn-secondary, .newsletter-widget .btn-bg-secondary { } button.mktoButton:hover, .btn-secondary #btnNewsLetterSignUp button:hover, .newsletter-widget .btn-secondary:hover { color: #000; border: 1px solid #000; background-color: #89674a; } button.mktoButton { text-transform: uppercase; font-family: Arial, sans-serif; font-size: 1vw; color: #fff; border: 1px solid #000; border-radius: 0; text-decoration: none; letter-spacing: 1px; background-color: #000; padding: 15px 50px; } button.mktoButton:hover { color: #000; border: 1px solid #000; background-color: #fdfbf3; } .mktoForm .mktoRequiredField .mktoAsterix { display: none !important; } .mktoButtonRow span { margin-left: 0 !important; } .home-opt-in .opt-in-field .newsLetter { display: none !important; } /*.optinfact { display: none; }*/ /* Opt-in Input */ /*.OptInEmail h4 { display: none; }*/ .home-opt-in .opt-in-field { width: 100% !important; align-items: flex-start !important; text-align: left !important; margin: 5% 0 5% 5%; } .home-opt-in .opt-in-field #newsletter.input-group { justify-content: flex-start; } .optin_texts { line-height: 2.5em; width: 100%; } .optin_texts h1 { font-family: 'bbd-bold', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #89674a; font-size: 2vw; line-height: 2vw; } .optin_texts p { font-family: Arial, sans-serif; color: #000; font-size: 16px; width: 75%; } .newsLetter .input-group input, .newsLetter .input-group textarea { font-family: Arial, sans-serif;; font-size: 1.5em; color: #000; background: #FFF; padding: 0.5em 2em; border: 1px solid #000; } .newsLetter .input-group .btn-secondary, .newsLetter .input-group .btn-bg-secondary { background-color: #FFF; font-family: Arial, sans-serif; font-size: 1.5em; color: #000; text-transform: uppercase; padding: 1em 2em; } .input-group .btn-secondary:hover, .input-group .btn-bg-secondary:hover { background-color: #000; border: 1px solid #ffcc00; color: #fff; } .aiSiteOptInEmail-ai{ margin-left: -40px; } .OptInEmailControls ul{ padding:0; margin-top:-15px; margin: 0 auto; max-width: 700px; margin-left: 40px; } .OptInEmailControls li{ color: transparent; } .OptInEmail{ color: transparent; } .OptInEmailControls li .BodyButton{ padding: 8px; background-color: #000; color:#fff; font-size: 1em; border: 1px solid transparent; float:right; font-family: 'Arial, sans-serif; margin-top: 20px; border-radius: 0; } .OptInEmailControls li .BodyButton:hover{ padding: 8px; color:#fff; font-size: 1em; border: 1px solid #fff; float:right; font-family: 'Arial, sans-serif; margin-top: 20px; border-radius: 0; background-color: #000; } .emailbox ul{ list-style-type:none; margin:0; padding:0 0 0 5px; } .emailbox ul lis{ list-style-type:none; } .OptInEmailControls{ margin:0; padding:0; } .OptInEmailInput input{ float:left; width: 96%; height: 35px; border:solid 1px #000; background-color: transparent; color: #000; font-family: Arial, sans-serif; font-size: 1.2em; padding-left: 10px; border-radius: 0px; margin-top: 20px; } /*end of opt-in input box*/ #Home #layout-content { padding: 0 0 0 0 !important; } /* Footer */ .footer_links { width: 100%; padding: 2% 0 2% 5%; line-height: 3em; text-align: left; } .footer_title { font-family: Arial, "sans-serif"; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 18px; padding-left: 0.5em; } .footer_links ul li a, .footer_links ul li a:visited { font-family:, Arial, "sans-serif"; color: #fff; font-size: 16px; text-decoration: none; } .footer_links ul li a span { font-style: italic; } .footer_links ul li a:hover { text-decoration: underline; } .footercopy { font-family: Arial, "sans-serif"; font-size: 1.5em; color: #fff; text-align: center; line-height: 1.7; display: flex; flex-direction: column; justify-content: space-around; width: 40%; margin: 0 auto; } .dividerLine { display: none; } .footercopy a{font-family: Arial, sans-serif;color: #fff; text-decoration: none; } .footercopy a:hover{ font-family: Arial, sans-serif;color: #3b4047; text-decoration: none; } .footercopybold a { font-family: 'Arial, sans-serif; text-decoration: none; color: #fff; } .footercopybold a:hover { font-family: Arial, sans-serif;text-decoration: none; color: #3b4047; } .container.footerLinks { display: none !important; } footer { background: #202020; height: auto !important; text-align: center; padding: 2% 0 3% 0; } .footerLinks [data-link-name="CA Flag"] a { display: none; } footer .links { font-family: Arial, "sans-serif"; text-decoration: none; margin: 0; } .footerLinks { padding: 30px 0px 10px 0px; } .footerLinks .links ul li { display: inline; padding: 0 2% !important; border-right: 1px solid #fff; } footer .links ul li:last-child { border-right: none; } footer .links ul li:first-child { border-right: none; } .footerCopyright { padding-top: 2%; background-color: #202020; color: #fff; font-family: Arial, "sans-serif"; font-size: 12px; } .footerCopyright .container { justify-content: flex-end; } .footerCopyright a { color: #fff; padding: 0 20px; } .footer-copyright-text #currentYear { padding-right: 10px; } .footer-copyright-text { display: flex; flex-direction: row; align-items: flex-end; } .spotlight { order: 1; } .banner-1 { order: 2; } .banner-2 { order: 3; } .banner-3 { order: 4; } .home-opt-in { order: 5; } /* SPOTLIGHT */ .spotlight { padding: 0 0; } /* FAQ ACCORDION */ .FAQaccordion { width: 100%; margin: 0 auto; } .transition, .FAQaccordion ul li i:before, .FAQaccordion ul li i:after, .FAQaccordion p { transition: all 0.25s ease-in-out; } .flipIn, .FAQaccordion ul li, .FAQaccordion h1 { animation: flipdown 0.5s ease both; } .no-select, .FAQaccordion h2 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -html-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .FAQaccordion h2 { font-size: 1.4em !important; line-height: 1.2; display: block; margin: 0; cursor: pointer; margin-right: 50px; } .FAQaccordion p { font-size: 14px; line-height: 20px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin: 14px 50px 0 0; z-index: 2; } .FAQaccordion ul { list-style: none; perspective: 900; padding: 0; margin: 0; } .FAQaccordion ul li { position: relative; margin: 0; padding: 20px 0; border-bottom: 1px dotted #161616; } .FAQaccordion ul li:nth-of-type(1) { animation-delay: 0.5s; } .FAQaccordion ul li:nth-of-type(2) { animation-delay: 0.75s; } .FAQaccordion ul li:nth-of-type(3) { animation-delay: 1s; } .FAQaccordion ul li:nth-of-type(4) { animation-delay: 1.25s; } .FAQaccordion ul li:nth-of-type(5) { animation-delay: 1.5s; } .FAQaccordion ul li:nth-of-type(6) { animation-delay: 1.75s; } .FAQaccordion ul li:nth-of-type(7) { animation-delay: 2s; } .FAQaccordion ul li:nth-of-type(8) { animation-delay: 2.25s; } .FAQaccordion ul li:nth-of-type(9) { animation-delay: 2.5s; } .FAQaccordion ul li:nth-of-type(10) { animation-delay: 2.75s; } .FAQaccordion ul li:nth-of-type(11) { animation-delay: 3s; } .FAQaccordion ul li:nth-of-type(12) { animation-delay: 3.25s; } .FAQaccordion ul li:nth-of-type(13) { animation-delay: 3.5s; } .FAQaccordion ul li:nth-of-type(14) { animation-delay: 3.75s; } .FAQaccordion ul li:nth-of-type(15) { animation-delay: 4s; } .FAQaccordion ul li:nth-of-type(16) { animation-delay: 4.25s; } .FAQaccordion ul li:nth-of-type(17) { animation-delay: 4.5s; } .FAQaccordion ul li i { position: absolute; transform: translate(-6px, 0); margin-top: 16px; right: 20px; } .FAQaccordion ul li i:before, .FAQaccordion ul li i:after { content: ""; position: absolute; background-color: #000; width: 3px; height: 9px; } .FAQaccordion ul li i:before { transform: translate(-2px, 0) rotate(45deg); } .FAQaccordion ul li i:after { transform: translate(2px, 0) rotate(-45deg); } .FAQaccordion ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; } .FAQaccordion ul li input[type=checkbox]:checked ~ p { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .FAQaccordion ul li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); } .FAQaccordion ul li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } /*------ Static Pages ------*/ .staticPageWrapper { padding: 0 20px; width:80%; max-width:1280px; margin:50px auto; } .staticPageWrapper h1 { font-size: 24px; padding-top:10px; font-family: Arial, "sans-serif"; font-weight: bold; color: #89674a; } .staticPageWrapper h2 { font-size: 18px; font-family: Arial, "sans-serif"; font-weight: bold; color: #89674a; margin-top: 15px; line-height: 1.5; } .staticPageWrapper p { font-family: Arial, "sans-serif"; font-weight: 100; font-size: 14px; line-height: 1.3; } .staticPageWrapper a { font-family: Arial, "sans-serif"; font-weight: bold; color: #89674a; } .international_order { background-color: #fdfbf3; padding: 5%; margin-top: 50px; } @media screen and (max-width: 767px){ .staticPageWrapper { width: 100%; }} /*------ Open New Window Icon ------*/ a[target="_blank"]::after { content: ''; width: 1em; height: 1em; display: inline-block; background: url(https://spponeimages.azureedge.net/prod/e99e5254-c775-4fbd-a9a6-c577032f6903New_Window.svg); background-size: 100%; } .footer_linksRight a[target="_blank"]::after { content: ''; width: 1em; height: 1em; display: inline-block; background: url(https://spponeimages.azureedge.net/prod/d7ff3934-58ba-4b82-aade-08b5a95f47d7New_Window_wht.svg); background-size: 100%; } /* canada hot tags css */ /*HOT TAGS - standard css for all hot tags*/ .HotTag1, .hot-tag-2 { /* positioned top right. Use the top and right properties to align the hottags. Use the width as your max spacing. */ position: relative; top: 5px; right: 5px; width: 40px; } /*for multiple hot tags not to overlap:*/ .image .HotTag1:nth-of-type(2) { margin: 45px 0px 0 0; } .HotTag1, .hot-tag-2 { /* positioned top right. Use the top and right properties to align the hottags. Use the width as your max spacing. */ position: absolute; width: 40px; } .hot-tag-2 { top: 5px !important; right: 10px !important; } .HotTag1.image-background-loader, .HotTag2.image-background-loader { background: none; height: auto; } .HotTag1.image-background-loader { background: none; height: auto; } /* HOT TAGS - end standard css for all hot tags*/ .hot-tag-MadeInCanada { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/425e6503-0373-4998-81d9-545e8edb25e0Canada_made-in-canada-pos-hot-tag.svg?v=0) 0 0/40px 40px no-repeat #ffffff; border: 1px solid #000000; } .hot-tag-MadeInCanada-white { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/bc766889-0109-45b8-8a50-0423834f7518Canada_made-in-canada-neg-hot-tag.svg?v=0) 0 0/40px 40px no-repeat #000000; } .hot-tag-canadaEco { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/a01f04e6-befc-44d2-9ed9-2049c09042a5Canada_eco_pos_hot-tag.svg?v=0) 0 0/40px 40px no-repeat #ffffff; border: 1px solid #000000; } .hot-tag-canadaEco-white { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/14438064-a026-4f7e-b2a8-b1a31b5ae87eCanada_eco_neg_hot-tag.svg?v=0) 0 0/40px 40px no-repeat #000000; } .hot-tag-canadaSale { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/bd472752-ca53-4f7a-b702-64326d4f973cCanada_onSale-blk-hot-tag.svg?v=0) 0 0/40px 40px no-repeat #ffffff; border: 1px solid #000000; } .hot-tag-canadaSale-white { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/23d9134b-fe7e-4de7-b3ba-6ffcf0764150Canada_onSale-ko-hot-tag.svg?v=0) 0 0/40px 40px no-repeat #000000; } .hot-tag-canadaNew { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/2af5dbb3-7167-4e92-b1d2-f41fc5820b16Canada_newItems-black-hot-tag.svg?v=0) 0 0/40px 40px no-repeat #ffffff; border: 1px solid #000000; } .hot-tag-canadaNew_Fre { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/da9b5823-b980-4e10-a8b2-fa686a93ee4eCanada_newItems-black-hot-tag-FR.svg?v=0) 0 0/40px 40px no-repeat #ffffff; border: 1px solid #000000; } .hot-tag-canadaNew-white { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/e02c1efa-e9b7-4139-9045-82f7dbe7eaecCanada_newItems-hot-tag-rev.svg?v=0) 0 0/40px 40px no-repeat #000000; } .hot-tag-canadaNew-white_Fre { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/afb2ab46-a309-40a4-994e-11d5deb6372bCanada_newItems-hot-tag-rev-FR.svg?v=0) 0 0/40px 40px no-repeat #000000; } .hot-tag-canadaDiverse { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/b20bf03f-ef4d-4309-8b4b-1238b76c0eb8Canada_diverseVendors_pos.svg?v=0) 0 0/40px 40px no-repeat #ffffff; border: 1px solid #000000; } .hot-tag-canadaDiverse_ko { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/99c2f4ed-11dc-480a-83b5-ebb8407cdfd9Canada_diverseVendors_neg.svg?v=0) 0 0/40px 40px no-repeat #000000; } .hot-tag-canadaWBE { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/3a92d26d-75f2-4a67-92ab-3f16036da81bCanada_wbe_hot-tag.svg?v=0) 0 0/40px 40px no-repeat #ffffff; border: 1px solid #000000; } .hot-tag-canadaWBE_ko { /* Styling for the “new” hot tag. Padding and overflow is used to hid the text associated with the tag. Remove these if you want just text to show. */ width: 40px; height: 40px; margin-bottom: 5px; padding: 40px 0 0 40px; overflow: hidden; border-radius: 50%; background: url(https://spponeimages.azureedge.net/prod/c1a4acda-a824-436c-83d3-e12b835178d0Canada_wbe_hot-tag_ko.svg?v=0) 0 0/40px 40px no-repeat #000000; } /* end hot tags */ /* check out note */ .checkout_note { width: 100%; background-color: #003E51; padding: 2% 2%; margin: 1% 0; text-align: left; color: #fff; } /*login page msg*/ .LoginPageMessage { width:100%; margin:30px auto; text-align:left; border:1px solid #000000; padding:10px 30px; max-width:1500px; } .LoginPageMessage h1 { font-size:2rem !important; padding: 0 !important; font-family: Arial, "sans-serif"; font-weight: bold; display:flex; } .LoginPageMessage h2 { font-size:1.4rem !important; font-family: Arial, "sans-serif"; font-weight: 100; } /* note Skinny Banner */ .note_SkinnyBanner { width: 100%; background-color: #89674a !important; display: flex; justify-content: center; } .note_image{ padding: 10px; position: relative; z-index: 10; /*margin-left: 30px;*/ align-self: center; } .note_SkinnyBanner img{ width: 35px; height: 35px; } .note_text{ /*width: 90%;*/ font-family: Arial, "sans-serif"; font-size: 1.1em; line-height: 2em; text-align: center !important; text-decoration: none; text-transform: uppercase; color: #ffffff !important; align-self: center; padding: 5px 0; } .note_text span { font-family: Arial, "sans-serif"; } .note_text a{ /*width: 90%;*/ font-family: Arial, "sans-serif"; text-align: left !important; text-decoration: underline; color: #ffffff !important; align-self: center; } .skinnybanner2 { background: #89674a; width: 100%; height: 30px; margin: 0 auto; display: flex; justify-content: center; align-items: center; color: #FFF; font-size: 1.1em; } .skinnybanner_slider { overflow: hidden; display: inline-block; vertical-align: top; height: 20px; margin: 0 auto; text-align: center; } .skinnybanner_slider_inner { animation: scroll 10s ease-in-out infinite; } .skinnybanner_slider_note { font-size: 1.1em; font-family: Arial, "sans-serif"; color: #ffffff !important; } .skinnybanner_slider_note span { font-family: Arial, "sans-serif"; color: #ffffff !important; } .skinnybanner_slider_note a{ text-decoration: underline; color: #ffffff !important; } @keyframes scroll { 0%, 50% { transform: translateY(0); } 55%,100% { transform: translateY(-20px); } /* 0%, 20% { transform: translateY(0); } 25%,45% { transform: translateY(-25px); } 50%,100% { transform: translateY(-64px); } 55%,95% { transform: translateY(-96px); } 100% { transform: translateY(-124px); }*/ } /* CART AND CHECKOUT MESSAGE */ .checkoutMsg { width: 100%; margin: 40px auto; padding: 20px; text-align: center; border: 1px solid #565656; font-weight: bold; color: #d03a39; } .checkoutMsg p { margin: 0; font-size: 1rem; color: #d03a39; font-weight: bold; } /*--- BBD MAIN BOOK ---*/ .main_images { padding: 5% 2%; } .main_title h1 span { font-size: 1.25vw; text-transform: uppercase; } .main_title h2, .main_title p { color: #89674a; } .bbd_book_gallery { --d: 20s; /* duration */ display: grid; overflow: hidden; width: 600px; padding: 5% 10% 5% 5%; -webkit-mask: linear-gradient(90deg, #0000, #000 10% 90%, #0000); } .bbd_book_gallery > img { grid-area: 1/1; width: 100%; aspect-ratio: 1.5; object-fit: cover; animation: r var(--d) linear infinite; } .bbd_book_gallery > img:nth-child(2) { animation-delay: calc(-0.2*var(--d)); } .bbd_book_gallery > img:nth-child(3) { animation-delay: calc(-0.4*var(--d)); } .bbd_book_gallery > img:nth-child(4) { animation-delay: calc(-0.6*var(--d)); } .bbd_book_gallery > img:nth-child(5) { animation-delay: calc(-0.8*var(--d)); } @keyframes r { 80% { transform: translate(-400%); } 80.01% { transform: translate(100%); } } /*--- BBD Book Mobile --*/ @media only screen and (max-width: 600px) { .main_title h1 span { font-size: 2.25vw !important; } .main_images { margin: 40% 0 0 0 !important; } } </style> <script src="/Views/Themes/RedPanda/Content/bootstrap/js/bootstrap.min.js" async></script> <script src="/Views/Themes/RedPanda/Scripts/lib/event.min.js"></script> <script> window.addEventListener('pageshow', function (event) { if (event.persisted || (window.performance && window.performance.navigation.type === 2)) { window.location.reload(true); } }); </script> <script src='/bundles/CoreJs?v=MbkiXVM01KGZ3uYuHK38lUvr5FGw5H6fMop1rroqxFM1' ></script> <script src='/bundles/ZnodeCoreJs?v=DQtuyP8k9O6QA-9-Dgg9a8X0tEOMCVkjxtkOJmDkigA1' ></script> <script src='/bundles/SPPCustomJs?v=-O7yX8DiMQBlTftZctLicVUvKbIY0fO174928ZxFQpc1' ></script> </head> <body id="Home" class="Index " pageType="home" data-controller="Home" data-view="Index" data-portalID="1063" data-culture="en-US" data-txtSelectedBrandProductName="" data-selectedbrandname=""> <a id="skip-to-main" href="#layout-content">Skip to main content</a> <!--Below hidden field is used to get current theme name in dynamicGrid.ts--> <input type="hidden" id="currentThemePath" value="PurplePlatypus-RedPanda_child"> <input id="ws" name="ws" type="hidden" value="01" /> <input id="isDefaultViewAll" name="isDefaultViewAll" type="hidden" value="True" /> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M88N72G" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div id="layout" class="wrapper"> <section class="site-message-block"> <!-- Content Block | GlobalMessageBlock--> <!--<center> <div style="padding: 2em 4em 1em 2em; background: #ccc;"><strong> IMPORTANT MESSAGE: </strong>We're temporarily experiencing technical issues generating product images and are working to resolve this. For immediate assistance please reach out to our customer service team at <u><a href="mailto:SPPCustomerService@staples.com">SPPCustomerService@staples.com</a></u>.</div> </center>--><!-- Dummy characters for Tiny MCE --> <style><!-- ._TotalTable { display: flex; flex-direction: column; } ._TotalTable .form-group { display: flex; } ._TotalTable div:nth-of-type(2):not(.nopadding), ._TotalTable div:nth-of-type(3):not(.nopadding), ._TotalTable div:nth-of-type(4):not(.nopadding) { display: flex; justify-content: space-between; } ._TotalTable div:nth-of-type(2):not(.nopadding) div:nth-of-type(1):not(.left-sm-shift){ width: 50%; } ._TotalTable .no-gutters.mt-2 .col-xs-6 { width: 75%; } ._TotalTable .text-right { width: 56%; } ._TotalTable #dynamic-shipping-amount, ._TotalTable #dynamic-tax-amount { white-space: nowrap; } ._TotalTable .no-gutters.mt-2 p { font-weight: normal; line-height: normal; padding-bottom: 1em; } .div-shopping-cart .cartSummary .form-group { margin-bottom: 0; padding: .5em 0; } --></style> <!-- CC & ApplePay maint, en-us <center> <div style="padding: 2em 4em 1em 2em; background: #ccc;"><strong>Please note: </strong>Credit Card and Apple Pay payment options will be unavailable from midnight to 6AM EST. We apologize for any inconvenience.</div> </center> --> <!-- Layout | Sitewide Notification Message --> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> </div> </z-widget> </section> <!--Header Widgets--> <z-widget> <div class="menuOverlay"></div> <!--WidgetHeader | Add Code to Header--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <!--<div class="note_SkinnyBanner"> <div class="note_text"><strong>Introducing a Flat $10 Shipping rate on all orders shipping within the US - Express shipments excluded!</strong><span></span></div>--> <!--- skinny banner slider ---> <div class="skinnybanner2"> <div class="text-container"> <div class="skinnybanner_slider"> <div class="skinnybanner_slider_inner"> <div class="skinnybanner_slider_note">Introducing a Flat $10 Shipping rate on all orders shipping within the US - Express shipments excluded!</div> <div class="skinnybanner_slider_note">Get an extra 20% off on already reduced items in our Last Chance section! Apply the promo code <strong>BBD20US</strong> at checkout. Don’t miss out!</div> </div> </div> </div> </div> <!-- skinny banner closing --> </div> </z-widget> <header> <div class="status-bar"> </div> <div class="upper-header " id="impersonateheader"> <div> <z-widget> <ul class="link-panel-widget primary-link-group" data-test-selector="listLinkPanelContainer"> <li data-link-name="US Flag"> <a target="_self" data-test-selector="linkTitle"> <img class="img-responsive b-lazy" data-src="https://spponeimages.azureedge.net/prod/Thumbnail/e2baa6d1-ed3b-4334-ac66-df7866d2a9b5icon_US.png" alt="Image" title="US Flag" data-test-selector="imgTitle" /> </a> </li> <li data-link-name="My Account"> <a href=../../../../../user/dashboard target="_self" data-test-selector="linkTitle">My Account</a> </li> <li data-link-name="Custom Orders"> <a href=../../../../../customorder target="_self" data-test-selector="linkTitle">Custom Orders</a> </li> <li data-link-name="Click here to visit Canada Site"> <a href=https://boutiqueaviateur.corpmerchandise.com/ target="_self" data-test-selector="linkTitle">Click here to visit Canada Site</a> </li> </ul> </z-widget> <div class="right-side"> <!--Donut#18E53E58320A3971D8E69DE7C5203EC4E40A0479ABBAECD4BF27BFBC0B73AC0CC156BB3F64F33038DF588401DBD82AB7DF6208D0FAA5900E7B6F969C9D891307B8C194DA2BA197449776C75ADDFAC59AB1259B00EEC3ACFD6EF2D4576821EDB851C99000D5473A741BE692F84C706271A6B0F33BE0136F9D8305E63C66A278AA98ACB0CED5692F6548F5EB5F7E238610C92BF90D5CA44BD54B305AA56CA0CCB0D6A3DF28B3C736460E02596580F9B7F340857B7570258949A47054DC354F38420C04B4316711E4C5887890612F905C0F5B73F817C17AA6092FEF7B6D2B317D9644F6C0857A99AE3C3D009F01182E21135AC378F0FAA2F62CD944634A7DA0D1195BCB8980DF58E563B0AFF8F79FCFE9EE22B1CCC5DB6DA2B02B015B5FCCCD175C214D1F02F96BD93626BFDE13A682747438D1B2FE9FE2072B30D9D056E82C8974AC889C16CA5DFB9455A087A5DF7C47736AE03484121E698E670B57F5BC48BE11F586E3275C310F13D911F17F3F950DC648E45DDE762D7B286FD3AAC1F246DFF4#--> <a href="#" id="loginLink" class="login_btn" name="anclogin" data-test-selector="linkLogIn">Log In</a> <script src="/Scripts/Core/Znode/_LoginPartial.js?v=20250204225041"></script> <!--EndDonut--> <div class="cart"> <span id="eCertTotalAvailableBalanceHeader"> <z-widget> </z-widget> </span> <!-- <div class="has-tooltip"> --> <a href="/cart" id="headerCart" class="" data-cartTotalData="0#0"> <span class="icon-shopping-cart" data-test-selector="spnIcon"></span> <span class="headerQuantity" data-test-selector="spnQuantity">0</span> <span class="headerSubtotal" data-test-selector="spnSubTotal">$0.00</span> </a> <!-- <div class="tooltip"> <a href="/cart" id="headerCart"> <span class="headerQuantity" data-test-selector="spnQuantity"></span> <span class="headerSubtotal" data-test-selector="spnSubTotal"></span> </a> </div> </div> --> </div> <div id="DesktopSearch" class="search"> <z-widget> <div class="search-widget customize-search-box" data-test-selector="divSearchWidget" data-culturecode="en-US"> <form action="/search" method="GET" data-test-selector="frmSearchDetails" id="searchForm"> <div class="left-inner-icon input-group search-wrapper"> <span class="twitter-typeahead"> <label aria-labelledby="search-input"></label> <input type="text" id="searchTextBox" placeholder="Search.." class="typeahead tt-hint" name="searchterm" data-test-selector="txtSearch" maxlength="256" spellcheck="false" tabindex="-1" dir="auto" autocomplete="off" title="input-search" /> <pre aria-hidden="true"></pre> </span> <div class="search-result-wrapper"> <div id="suggestedsynonyms" class="synonymsresult-wrapper"></div> <div class="typeahead-results-wrapper"> <span class="tt-dropdown-menu" id="typeahead-results"></span> </div> </div> <span class="input-group-btn" data-test-selector="spnButtonGroup"> <button type="submit" class="btn-text btn-bg-primary" id="btnSearchTerm" data-test-selector="btnSearch">Go</button> </span> </div> <div id="typeahead-results" class="ui-autocomplete-home"></div> </form> <div class="_WidgetSearch"> <input type="hidden" class="isChromeSpecificVoiceSearch" value="false" /> <input type="hidden" class="regionName" value="en-US" /> </div> </div> <script src="/Scripts/Core/Znode/_WidgetSearch.js?v=20250204225041"></script> </z-widget> </div> <div class="locale-header"> <z-widget> <form action="/home/changelocale" data-test-selector="frmChangeLocale" method="post"><input name="__RequestVerificationToken" type="hidden" value="hefjyLs3camoad6byrorN3pUNH2Toi731MMi6IZSeHsT7t84iEfybL3nE6b-9BbUkEL9E_ePGoQseN4BpiANFVpb0dHGYmGhCUhHK8Ug45o1" /> <div class="local-widget locale-drowdown" data-test-selector="divLocalWidget"> <div class="dropdown"> <span class="dropdown-toggle" data-toggle="dropdown" data-test-selector="drpLocalList" tabindex="0"> English </span> <ul class="dropdown-menu dropdown-menu-right" data-test-selector="listLocaleContainer"> <li> <span class="headings" data-test-selector="hdgLocale">Select language:</span> <div> <ul data-test-selector="listDropdownContainer"> <li><a href='/home/changelocale?localeid=1&localecode=en-US' data-test-selector='linkLocale'>English</a></li> <li><a href='/home/changelocale?localeid=13&localecode=fr-CA' data-test-selector='linkLocale'>French - Canada</a></li> </ul> </div> </li> </ul> </div> </div> </form> </z-widget> </div> </div> </div> </div> <div class="lower-header"> <div class="logo"> <!--This is the logo image placeholder--> <a href="/" class="header-logo" aria-label="home page link"> <!--WidgetHeader | Header Logo--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <img src="https://spponeimages.azureedge.net/prod/72a5732b-a038-45f1-9121-f9965e9fae05bbd_us_logo.svg?v=0" /> </div> </z-widget> </a> </div> <div class="right-side"> <div class="navigation"> <button class="hamburger hamburger--collapse" type="button" aria-label="toggle navigation menu"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <z-widget> <ul class="link-panel-widget primary-link-group" data-test-selector="listLinkPanelContainer"> </ul> </z-widget> <!--WidgetHeader | TopLevelNavigation--> <z-widget> <nav role="navigation"> <ul class="topLevel" data-test-selector="listNavigationContainer"> <li class="itemLevel1 " data-category-name="Assouline"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="13036" href="/category/13036" data-test-selector="linkCategoryName">Assouline</a> </li> <li class="itemLevel1 hasSub" data-category-name="SHOP BY CATEGORY"> <a id="customCategoryValidation" class="categoryValidate hasSub" data-category-id="9223" href="/category/9223" data-test-selector="linkCategoryName">SHOP BY CATEGORY</a> <ul class="secondLevel" data-test-selector="listNavigationSecondLevelContainer"> <li class="" data-category-name="Accessories"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9224" data-test-selector="linkSubCategoryItemList">Accessories</a> </li> <li class="" data-category-name="Aircraft Models"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9225" data-test-selector="linkSubCategoryItemList">Aircraft Models</a> </li> <li class="" data-category-name="Apparel"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9226" data-test-selector="linkSubCategoryItemList">Apparel</a> </li> <li class="" data-category-name="Assouline"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/13044" data-test-selector="linkSubCategoryItemList">Assouline</a> </li> <li class="" data-category-name="Bags and Travel"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9227" data-test-selector="linkSubCategoryItemList">Bags and Travel</a> </li> <li class="" data-category-name="Drinkware"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9228" data-test-selector="linkSubCategoryItemList">Drinkware</a> </li> <li class="" data-category-name="eCertificates"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9229" data-test-selector="linkSubCategoryItemList">eCertificates</a> </li> <li class="" data-category-name="Gift Baskets"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9230" data-test-selector="linkSubCategoryItemList">Gift Baskets</a> </li> <li class="" data-category-name="Golf"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9231" data-test-selector="linkSubCategoryItemList">Golf</a> </li> <li class="" data-category-name="Headwear"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9232" data-test-selector="linkSubCategoryItemList">Headwear</a> </li> <li class="" data-category-name="Kids"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9233" data-test-selector="linkSubCategoryItemList">Kids</a> </li> <li class="" data-category-name="Office Products"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9235" data-test-selector="linkSubCategoryItemList">Office Products</a> </li> <li class="" data-category-name="Technology"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9223" href="/category/9236" data-test-selector="linkSubCategoryItemList">Technology</a> </li> </ul> </li> <li class="itemLevel1 " data-category-name="View All"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="9238" href="/category/9238" data-test-selector="linkCategoryName">View All</a> </li> <li class="itemLevel1 " data-category-name="New Merchandise 2024"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="11751" href="/category/11751" data-test-selector="linkCategoryName">New Merchandise 2024</a> </li> <li class="itemLevel1 " data-category-name="LAST CHANCE"> <a id="customCategoryValidation" class="categoryValidate " data-category-id="12487" href="/category/12487" data-test-selector="linkCategoryName">LAST CHANCE</a> </li> </ul> <div class="mobile-only"> <!--WidgetTopLevelNavigation | Top Links--> <z-widget> <ul class="link-panel-widget primary-link-group" data-test-selector="listLinkPanelContainer"> <li data-link-name="US Flag"> <a target="_self" data-test-selector="linkTitle"> <img class="img-responsive b-lazy" data-src="https://spponeimages.azureedge.net/prod/Thumbnail/e2baa6d1-ed3b-4334-ac66-df7866d2a9b5icon_US.png" alt="Image" title="US Flag" data-test-selector="imgTitle" /> </a> </li> <li data-link-name="My Account"> <a href=../../../../../user/dashboard target="_self" data-test-selector="linkTitle">My Account</a> </li> <li data-link-name="Custom Orders"> <a href=../../../../../customorder target="_self" data-test-selector="linkTitle">Custom Orders</a> </li> <li data-link-name="Click here to visit Canada Site"> <a href=https://boutiqueaviateur.corpmerchandise.com/ target="_self" data-test-selector="linkTitle">Click here to visit Canada Site</a> </li> </ul> </z-widget> </div> <ul class="mobile-only"> <li> <!--Donut#03E4D05865B714262C96883077D49D993842E147DA87B2B1E12EC189C65D909A7EE58C965BF62328C2E6605266FEC13A96A27FBCBE84B0645F0FF18DBC560135AC3F55B3F9B9FB91B1D76EA43943CE400B846117F32DA190E35AEE3FE98418A337B7B25233A62BF26E065E37FDC31286FC296E8536E9CCBFEBDEC58FA252D9881040A94B3D1F008E8EACB18199506AD9FE450527CB05633396D6A91CA3249B1F7DE4677CF811BEE09882EDD60A10810C8CF4C10508C783EB98315C93F153AB5123B1EC6BF089C767752668F218EF6E043AB9EEFB8CED7732DD44205D3D3597D5184F186AF29CD7E74756ECBE411044C3445F77E1B56F8EDBDC4B06CD03D5F65E712887C1E2499F9C0DFECC94BAB41B945C989E9CB94F88C57B13110CE1394E943FA5D45772548C2003B9FEDA88A263727C2AD9D14B86705E991F2B962023299FD9D0DA91423E9187247ADC8235CCF2F4C23D48691D05A701C4B870F4226CE377DC98570EFC7D1F6589107B09E86BC423EE46D99A646BA52BD49EE4665EA9FC3D#--> <a href="#" id="loginLink" class="login_btn" name="anclogin" data-test-selector="linkLogIn">Log In</a> <script src="/Scripts/Core/Znode/_LoginPartial.js?v=20250204225041"></script> <!--EndDonut--> </li> <li class="cart"> <a href="/cart"><span class="icon-shopping-cart"></span> <span class="headerSubtotal">¤0.00</span></a> </li> </ul> </nav> </z-widget> <div class="dropdown-linksPanel"> <z-widget> <ul class="link-panel-widget primary-link-group" data-test-selector="listLinkPanelContainer"> </ul> </z-widget> </div> </div> </div> </div> <z-widget id="MobileSearch"> <div class="search-widget customize-search-box" data-test-selector="divSearchWidget" data-culturecode="en-US"> <form action="/search" method="GET" data-test-selector="frmSearchDetails" id="searchForm"> <div class="left-inner-icon input-group search-wrapper"> <span class="twitter-typeahead"> <label aria-labelledby="search-input"></label> <input type="text" id="searchTextBox" placeholder="Search.." class="typeahead tt-hint" name="searchterm" data-test-selector="txtSearch" maxlength="256" spellcheck="false" tabindex="-1" dir="auto" autocomplete="off" title="input-search" /> <pre aria-hidden="true"></pre> </span> <div class="search-result-wrapper"> <div id="suggestedsynonyms" class="synonymsresult-wrapper"></div> <div class="typeahead-results-wrapper"> <span class="tt-dropdown-menu" id="typeahead-results"></span> </div> </div> <span class="input-group-btn" data-test-selector="spnButtonGroup"> <button type="submit" class="btn-text btn-bg-primary" id="btnSearchTerm" data-test-selector="btnSearch">Go</button> </span> </div> <div id="typeahead-results" class="ui-autocomplete-home"></div> </form> <div class="_WidgetSearch"> <input type="hidden" class="isChromeSpecificVoiceSearch" value="false" /> <input type="hidden" class="regionName" value="en-US" /> </div> </div> <script src="/Scripts/Core/Znode/_WidgetSearch.js?v=20250204225041"></script> </z-widget> </header> <div id="_WidgetHeader"> <input type="hidden" value="True" class="showPriceToLoggedInCustomersOnly" /> <input type="hidden" value="False" class="brandEnabled" /> <input id="enableDisplayAsPointValue" name="enableDisplayAsPointValue" type="hidden" value="False" /> <script src="/Scripts/Core/Znode/_WidgetHeader.js?v=20250204225041"></script> <script src="/Scripts/Custom/_CustomWidgetHeader.js?v=20250204225041"></script> <script src="/Scripts/Custom/CustomSearch.js?v=20250204225041"></script> </div></z-widget> <div id="layout-content"> <div class="container-fluid" id="SuccessMessage"> </div> <!-- Notification Msg --> <div class="container padding-none"> <div class="row"> <div class="notification-msg" id="body" data-test-selector="ValNotificationMessage"> <div class="messageBoxContainer" id="messageBoxContainerId" data-message=""></div> </div> </div> </div> <main id="layout-home" data-test-selector="divHomeMain"> <section class="spotlight"> <!--Home Content | Spotlight Widget--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <div class="mainbanner"> <div class="main_texts"> <div data-aos="fade-right"> <div class="main_title"> <h1><span>Available Now!</span></h1> <h2 style="font-size: 1.5vw;">The new</h2> <h1 style="font-size: 2vw; line-height: 2.75vw;">Assouline Bombardier Legends Edition<br /> coffee table book</h1> <p>Limited quantities available</p> </div> <div class="main_sub"></div> <div class="main_button"><a href="../product/722419-legends-collection-book-en" style="font-size: 1vw;">Order Today⟶</a></div> </div> </div> <div class="main_images"> <div class="bbd_book_gallery"><img src="https://spponeimages.azureedge.net/prod/caf7253f-cb4a-4933-bb45-f4cb342beffabbd_book1.png?v=0" alt="cover" /> <img src="https://spponeimages.azureedge.net/prod/9fa91007-756e-45f7-bfec-b7e115319076bbd_book4.png?v=0" alt="spread page with texts" /> <img src="https://spponeimages.azureedge.net/prod/269fed11-617a-4548-be4e-7d58abae026abbd_book5.png?v=0" alt="spread page with airplane" /> <img src="https://spponeimages.azureedge.net/prod/20290948-ce4b-45e1-a0fb-07228862f1e1bbd_book2.png?v=0" alt="book with open case" /> <img src="https://spponeimages.azureedge.net/prod/d07adaff-fcaa-42c8-a0f9-9fa6e54bde64bbd_book3.png?v=0" alt="book with case" /></div> </div> </div> <!-- GENERIC BANNER --> <!--<div class="mainbanner"> <div class="main_texts"> <div data-aos="fade-right"> <div class="main_title"> <h2>Welcome to the</h2> <h1><span>New</span> Bombardier Boutique</h1> </div> <div class="main_sub"></div> <div class="main_button"><a href="../category/11751">Explore here ⟶</a></div> </div> </div> <div class="main_images"> <div class="main_img_left"> <div class="fade-in"><img src="https://spponeimages.azureedge.net/prod/4d387053-d6f2-49df-97bd-fd0a61542bb3bbd_main_left2.png?v=0" /></div> </div> <div class="vl"></div> <div class="main_img_right"> <div class="fade-in"><img src="https://spponeimages.azureedge.net/prod/199e15e0-d695-4e23-bce6-a36064d759bfbbd_main_right_2.png?v=0" /></div> </div> </div> <script>// <![CDATA[ const elements = document.querySelectorAll('.fade-in'); const options = { root: null, rootMargin: '0px', threshold: .4 } const callbacks = (entries) => { entries.forEach(entry => { if (entry.isIntersecting){ entry.target.classList.add('active'); } }); } let observer = new IntersectionObserver(callbacks, options); elements.forEach(element => { observer.observe(element); }); // ]]></script> </div>--> </div> </z-widget> </section> <section class="home-opt-in"> <div class="opt-in-field"> <div class="newsletter-opt-in"> <!--Home Content | Newsletter Opt-in--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <div class="optin_texts"> <h1>Receive Exclusive Offers and Promotions</h1> <p>Be the first to know about exclusive Bombardier Store promotions and discounts. Enter your email address below. You can unsubscribe at any time.</p> </div> <div class="marketoForm"> <div class="mkto_english"> <script src="//app-sj30.marketo.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_3907"></form> <script>// <![CDATA[ MktoForms2.loadForm("//app-sj30.marketo.com", "636-NFB-754", 3907); // ]]></script> </div> </div> </div> </z-widget> </div> <div class="newsLetter"> <z-widget><div class="newsletter-widget"> <div class="input-field"> <form action="/home/signupfornewsletter?Length=4" data-ajax="true" id="searchform" method="post"> <div class="input-group" id="newsletter"> <label for="txtNewsLetterSignUp">Subscribe</label> <input class="input-text" id="txtNewsLetterSignUp" name="txtNewsLetterSignUp" placeholder="Your Email ID" type="text" value="" /> <span class="input-group-btn"> <button class="btn-secondary" id="btnNewsLetterSignUp" type="button">Subscribe <i class="icon-subscribe-longarrow"></i></button> </span> </div> </form> <p id="newslettererrormessage" style="display:none" data-test-selector="valNewsLetter"></p> </div> </div> </z-widget> </div> </div> <div class="opt-in-fact"> <!--Home Content | Opt-in fact--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> </div> </z-widget> </div> </section> <section class="banner-1"> <!--Home Content | Section 1--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <div class="featureditems"> <div class="featured_title"> <div data-aos="fade-right">Featured Items</div> </div> <div class="featured"> <div class="featured_item"><a href="../product/1082991"> <div class="featured_img"><img src="https://spponeimages.azureedge.net/prod/8e1b8e12-26ce-4230-9dc8-a2fcf7be5e79bbd_feature_jacket.jpg?v=0" /></div> <div class="featured_info">Ozone Hooded Shell<br />$74.60</div> </a></div> <div class="featured_item"><a href="../product/689510-crownlux-ladies-polo"> <div class="featured_img"><img src="https://spponeimages.azureedge.net/prod/6eb56172-e7b8-4a5c-b568-2de25c2731e0bbd_us_feature2.jpg?v=0" /></div> <div class="featured_info">Devon & Jones Range Flex Polo <br />$51.70</div> </a></div> <div class="featured_item"><a href="../product/689519-titleist-pro-v1x-golf-balls"> <div class="featured_img"><img src="https://spponeimages.azureedge.net/prod/8f4840d0-756b-4e62-aaea-3065f883cf97bbd_us_feature3.jpg?v=0" /></div> <div class="featured_info">Titleist Pro V1x Golf Balls <br />$79.95</div> </a></div> <div class="featured_item"><a href="../product/689528-airpods-pro-w-magsafe-case"> <div class="featured_img"><img src="https://spponeimages.azureedge.net/prod/ce768c4d-8f27-427a-be6f-5d5bfe973876bbd_us_feature4.jpg?v=0" /></div> <div class="featured_info">Apple AirPods Pro (2nd Gen) <br />$423.10</div> </a></div> </div> </div> </div> </z-widget> </section> <section class="banner-2"> <!--Home Content | Section 2--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <div class="promoboxes"> <div class="promo1"> <div class="promo_img"> <div data-aos="fade-right"><img src="https://spponeimages.azureedge.net/prod/4d36d55d-d6db-49ed-b33e-785ed463a321bbd_us_promo.jpg?v=0" /></div> </div> <div class="promo_texts"> <div class="promo_title"><span>FEATURED</span><br />Apparel</div> <div class="promo_sub">Ease into our stylish collection of apparel pieces.</div> <div class="promo_button"><a href="#">Shop ⟶</a></div> </div> </div> <!--<div class="promo2"> <div class="promo_texts"> <div class="promo_title"><span>FEATURED</span><br />Golf</div> <div class="promo_sub">Take a swing at organizing a winning event with Bombardier branded golf items.</div> <div class="promo_button"><a href="/category/9360">Shop ⟶</a></div> </div> <div class="promo_img"> <div data-aos="fade-left"><img src="https://spponeimages.azureedge.net/prod/f9db8593-b0c6-47d2-b8d4-9a3ffe3de951bbd_promo2.jpg?v=0" /></div> </div> </div>--> <div class="promo2"> <div class="promo_texts"> <div class="promo_title"><span>Looking for something you don't see on the site?</span><br />Custom Orders</div> <div class="promo_sub">Order from thousands of items!</div> <div class="promo_button"><a href="../customorder">Find out How ⟶</a></div> </div> <div class="promo_img"> <div data-aos="fade-right"><img src="https://spponeimages.azureedge.net/prod/070d683f-75cf-4663-97b5-7c8c6c40bd9ebbd_promo_customorders.jpg?v=0" /></div> </div> </div> </div> </div> </z-widget> </section> <section class="banner-3"> <!--Home Content | Section 3--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> </div> </z-widget> </section> <section class="global-marketing-content"> <!-- Content Block | GlobalMarketingBlock--> <!-- Global Marketing, such as Seasonal Idea Books goes here! Yipee --> <style><!-- .brand-marketing-content { display: none; width: 100%; margin: 0 auto; font-family: motiva-sans,sans-serif !important; justify-content: center; padding-right: 48px; color: black; background: white; } .marketing-content-inside { display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin: 0 auto; padding: 2em 0; } .marketing-content-inside .image { width: 10%; z-index: 1; position: relative; left: 48px; top: 22px; } .marketing-content-inside .image img { width: 100%; } .marketing-content-inside .copy { width: 90%; display: flex; background: #dddddd; border-radius: 2em; justify-content: space-evenly; padding: 2em 2em 2em 3em; } .marketing-content-inside .copy-inside { color: black; width: 60%; } .marketing-content-inside .copy h2 { font-weight: 900; font-style: unset; font-size: 1.5em; } .marketing-content-inside .copy .cta { width: 30%; } .marketing-content-inside .cta button { background: #cc0000; color: white; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; width: 100%; padding: 1em; border: none; border-radius: 2em; } .marketing-content-inside .cta button:hover { background: #850000; transition: 0.2s; } @media (max-width: 2000px) { .brand-marketing-content { padding: 0px; } .marketing-content-inside .copy { padding: 2em; } .marketing-content-inside .image { width: 6%; } } @media (max-width: 1600px) { .brand-marketing-content { padding-right: 48px; } .marketing-content-inside .image { width: 7%; } .marketing-content-inside .copy { padding: 2em 2em 2em 3em; } } @media (max-width: 1440px) { .marketing-content-inside .image { width: 10%; } } @media (max-width: 768px) { .marketing-content-inside .copy { width: 80%; flex-wrap: wrap; flex-direction: column; } .marketing-content-inside .image { width: 20%; } .marketing-content-inside .copy { padding: 2em 2em 2em 4em } .marketing-content-inside .copy-inside { width: 100%; } .marketing-content-inside .copy .cta { width: 100%; } } --></style> <!-- <div class="brand-marketing-content"> <div class="marketing-content-inside"> <div class="image"><a href="https://staplespromo.com/holiday-gift-guide" target="_blank"> <img src="https://spponeimages.azureedge.net/prod/0a614752-ad7b-4b40-8e70-3c14f076cce3holiday-gift-bag.png?v=0" alt="Staples Promotional Products Holiday Gift Guide" /> </a></div> <div class="copy"> <div class="copy-inside"><a href="https://staplespromo.com/holiday-gift-guide" target="_blank"> <h2>Looking for Additional Holiday Gifting Ideas?</h2> </a> Together with our brand partner, Staples Promotional Products, discover ways to capture the spirit of gift giving. </div> <div class="cta"><a href="https://staplespromo.com/holiday-gift-guide?utm_source=Brand+Marketing&utm_medium=referral&utm_campaign=2023+ENT+Holiday+Gift+Guide+Client+eStore+Banner" target="_blank"> <button type="button" name="button">Explore Now</button> </a></div> </div> </div> </div>--> </section> </main> <!--</div>--> </div> <!--Footer Widgets--> <footer id="layout-footer" data-test-selector="divFooter"> <z-widget> <div class="container footerLinks"> <div class="links"> <!--WidgetFooter | Top Links--> <z-widget> <ul class="link-panel-widget primary-link-group" data-test-selector="listLinkPanelContainer"> <li data-link-name="US Flag"> <a target="_self" data-test-selector="linkTitle"> <img class="img-responsive b-lazy" data-src="https://spponeimages.azureedge.net/prod/Thumbnail/e2baa6d1-ed3b-4334-ac66-df7866d2a9b5icon_US.png" alt="Image" title="US Flag" data-test-selector="imgTitle" /> </a> </li> <li data-link-name="My Account"> <a href=../../../../../user/dashboard target="_self" data-test-selector="linkTitle">My Account</a> </li> <li data-link-name="Custom Orders"> <a href=../../../../../customorder target="_self" data-test-selector="linkTitle">Custom Orders</a> </li> <li data-link-name="Click here to visit Canada Site"> <a href=https://boutiqueaviateur.corpmerchandise.com/ target="_self" data-test-selector="linkTitle">Click here to visit Canada Site</a> </li> </ul> </z-widget> </div> </div> <!--WidgetFooter | Footer Content--> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <div class="footer_main"> <div class="footer_links"> <div class="footer_title">Important Links</div> <ul> <li><a href="../user/dashboard">My Account</a></li> <li><a href="../customroder">Custom Orders</a></li> <li><a href="../contactus">Contact Us</a></li> <li><a href="../helpcenter">Help Centre</a></li> <li><a href="https://businessaircraft.bombardier.com/en" target="_blank">Discover <span>Bombardier Business Aircraft</span></a></li> </ul> </div> </div> </div> </z-widget> <div class="footerCopyright"> <div class="container"> <div class="footer-copyright-text"> <p><div class="footerAbove"> Copyright <span id="currentYear"></span> Staples, Inc. All Rights Reserved. </div> <div class="footerBelow"> <a href="https://spponeimages.azureedge.net/prod/a0a97d40-c357-4f21-a90e-6cb929bf686aVulnerability-Disclosure-Policy-v1.0.pdf?v=0" target="_blank">Vulnerability Disclosure Policy</a><a href="https://staplespromo.com/accessibility-statement" target="_blank">Accessibility Statement</a><a href="https://staplespromo.com/privacy" target="_blank">Privacy Notice</a><a href="https://staplespromo.com/california-notice" target="_blank" class="has-gtm">California Notice</a> <div style="display: inline;" id="teconsent"></div> <div style="display: inline;" id="irmlink" title="Do not Sell"></div> </div> <div id="consent_blackbar"></div> <script>// <![CDATA[ let hasGtm; //check for TagManager script reference document.querySelectorAll('script').forEach((item) => { if (item.src.includes("https://www.googletagmanager.com")) { hasGtm = true }; }); if (hasGtm) { document.querySelectorAll('.has-gtm').forEach((item) => { item.style.borderRight = "1px solid"; }); //populate TrustArc reference to DOM const js = document.createElement("script"); js.async = "async"; js.src = "//consent.trustarc.com/notice?domain=spp.com&c=teconsent&js=nj¬iceType=bb&text=true&irmc=irmlink>m=1"; document.querySelector('head').appendChild(js); }; // ]]></script> <script type="text/javascript">// <![CDATA[ const theDate = new Date(); document.getElementById("currentYear").innerHTML = theDate.getFullYear(); // ]]></script> <style><!-- /* TEMP: CONSENT STYLING FIX */ div#consent_blackbar { width: 100%; left: 0; } div#truste-consent-buttons { display: block; } button#truste-consent-button { display: block; width: 100%; margin: 0 auto; text-align: center; } div#truste-consent-content { text-align: center; } div#truste-consent-text { display: block; width: 100%; } --></style> <style><!-- .truste-banner { margin: 0 auto; } .truste-messageColumn { font-family: Arial, sans-serif; font-size: 12px; color: #fff; margin: 15px 0px 15px 5px; float: left; } .truste-buttonsColumn { float: right; margin: 10px 5px 10px 0px; } .truste-button1, .truste-button2 { font-family: Arial, sans-serif; background: #b3b3b3; color: #fff; font-size: 14px; width: 170px; height: auto; cursor: pointer; margin-left: 5px; padding: 5px; border: 0px none; } .truste-button3 { font-family: Arial, sans-serif; font-size: 12px; width: 140px; height: auto; cursor: pointer; margin-left: 5px; padding: 5px; color: #00559c; border: none; background-color: transparent; outline: none; } .hidedesktop { display: none; font-family: Arial, sans-serif; font-size: 14px; cursor: pointer; color: #00559c; text-decoration: none; } .truste-cookie-link { font-family: Arial, sans-serif; font-size: 12px; cursor: pointer; color: #fff; text-decoration: underline; display: inline-block; padding: 5px; } /* SPP overrides to the <style> section in the document header */ #consent_blackbar { position: fixed; bottom: 0; font-family: sans-serif; font-size: 16px; line-height: 125%; } #consent_blackbar a { color: #fff !important; } /* SOO overrides to the <style> section in #consent_blackbar */ #truste-consent-track { border: 0 none !important; background-color: rgba(77, 77, 79, .9) !important; } .truste-buttonsColumn { float: none !important; } #truste-consent-required, #truste-show-consent, #truste-consent-button { border: 0 none !important; padding: 10px 0 !important; color: #fff !important; cursor: pointer !important; } #truste-consent-button { float: right !important; background-color: #4D4D4F !important; padding: 10px 100px !important; } #truste-consent-button:focus { outline: none; -webkit-box-shadow: 0px 0px 6px 0px #FFFFFF; box-shadow: 0px 0px 6px 0px #FFFFFF; } #truste-consent-button:active { outline: none; -webkit-box-shadow: inset 0px 0px 6px 0px #FFFFFF; box-shadow: inset 0px 0px 6px 0px #FFFFFF; } #truste-consent-required, #truste-show-consent { margin-right: 20px !important; background-color: transparent !important; text-decoration: underline !important; } #truste-consent-required:focus, #truste-show-consent:focus, #truste-consent-required:active, #truste-show-consent:active { outline: none; text-shadow: 0px 0px 3px #fff; } /* MEDIA QUERIES */ @media screen and (max-width: 420px) { .truste-banner { margin: 0 10px; } .truste-messageColumn, .truste-buttonsColumn { float: left; width: 100%; } .truste-messageColumn { margin: 15px 0px 10px 0px; } .truste-buttonsColumn { float: right; margin: 10px 0px 10px 0px; } .truste-button1, .truste-button2 { margin-top: 5px; margin-left: 0px; width: 100%; } .truste-button3 { display: none; } .hidedesktop { display: inline; font-size: 14px; cursor: pointer; color: #00559c; text-decoration: none; } } @media screen and (min-width: 421px) and (max-width: 856px) { .truste-banner { margin: 0 10px; } .truste-messageColumn, .truste-buttonsColumn { float: left; width: 100%; } .truste-messageColumn { margin: 15px 0px 10px 0px; } .truste-buttonsColumn { margin: 10px 0px 10px 0px; } .truste-button1, .truste-button2 { margin-top: 0px; margin-left: 0px; width: 49%; float: left; } .truste-button2 { margin-right: 5px; } .truste-button3 { display: none; } .hidedesktop { display: inline; font-size: 14px; cursor: pointer; color: #00559c; text-decoration: none; } } --></style> <style><!-- /* Copyright Links' Borders */ .footerBelow a { border-right: 1px solid; padding: 0 0.5em; } .footerBelow > a:first-child { padding: 0 0.5em 0 0; } .footerBelow > a:last-of-type, .footerBelow > div a:last-of-type { border-right: none; } .footerBelow > div a.truste_cursor_pointer { border-right: 1px solid; } --></style></p> </div> </div> </div> <a href="#layout" class="back-to-top">Back to top <span class="icon-angle-down"></span></a> </z-widget> </footer> </div> <div class="modal fade preview-popup" id="preview-popup-popup-ipad" tabindex="-1" role="dialog" aria-label="preview pop up"> <div class="popup-container modal-dialog modal-lg"> <div class="modal-body" data-test-selector="popPreviewMessage"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-test-selector="popBtnPreviewClose"><span id="close-preview-popup-ipad" aria-hidden="true" data-test-selector="spnClose"><i class="zf-close"></i></span></button> <div id="preview-popup-content"> Loading.... </div> </div> </div> </div> <div id="brand-popup-ipad" class="modal fade brand-popup" tabindex="-1" role="dialog" aria-label="brand pop up"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body brandPopupBody"> <button type="button" class="close nopadding" data-dismiss="modal" aria-label="Close" data-test-selector="popBtnBrandClose"> <span id="close-preview-popup-ipad" aria-hidden="true" data-test-selector="spnClose"><i class="zf-close"></i></span> </button> <div class="brand-popup-main"> <h2 data-test-selector="hdgBrand">Select your brand/logo to start shopping</h2> <p class="brand-details" data-test-selector="paraBrandDetails">Select a brand for a list of products tailored specifically to your needs.</p> <p id="brandSearchLabelText" class="select-brand" data-test-selector="paraBrandSearch">Search for your brand/logo</p> <div class="brand-search"> <i class="zf-search"></i> <input id="txtSearchBrandList" type="text" class="search" aria-labelledby="brandSearchLabelText" data-test-selector="txtBrandSearch" /> </div> <div class="error-msg" style="display:none;"><p data-test-selector="paraBrandError">The brand you have selected does not apply to this item(s). You will be redirected to the home page</p></div> <div class="error-msg error-msg-required" style="display:none;"><p data-test-selector="paraBrandError">Please select any brand.</p></div> <div id="brand-content" data-test-selector="btnSelectBrand"> <input id="isFromPopUp" name="isFromPopUp" type="hidden" value="True" /> <div id="brandPopUpPage"> <img src="/Views/Themes/PurplePlatypus-RedPanda_child/Images/loading.gif" alt="Loading" /> </div> </div> </div> </div> <div class="modal-footer"> <a href="#" id="idShowBrand" class="btn btn-primary">Show Brand</a> </div> </div> </div> </div> <script src="/Scripts/Core/Znode/_BrandList.js?v=20250204225041"></script> <script id="tmpl-typeahead-results" nonce="X0lubGluZVRlbXBsYXRlcy10bXBsLXR5cGVhaGVhZC1yZXN1bHRz" type="text/template"> <a href="#" class="close" data-test-selector="linkClose"><i class="zf-close close"></i></a> <ul data-test-selector="listSearchTermContainer"> {{#matches}} <li><a href="/search?searchterm={{term}}&category={{category}}" data-test-selector="linkTerm"><strong>{{product}}</strong> {{suffix}}</a></li> {{/matches}} </ul> </script> <script id="tmpl-alertmessage" nonce="X0lubGluZVRlbXBsYXRlcy10bXBsLWFsZXJ0bWVzc2FnZQ" type="text/template"> <div id="status-message" class="{{style}} alert alert-info text-center">{{message}}</div> </script> <input id="hdnWebStoreUrl" name="hdnWebStoreUrl" type="hidden" value="https://bombardieraviationstoreus.corpmerchandise.com" /> <input id="loggedInStatus" name="loggedInStatus" type="hidden" value="GuestUser" /> <div class="modal fade quick-view-popup" id="quick-view-popup-ipad" tabindex="-1" role="dialog" aria-label="quick view popup"> <div class="popup-container modal-dialog"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-test-selector="btnQuickViewClose"><span id="close-quick-view-popup-ipad" aria-hidden="true"><i class="zf-close"></i></span></button> <div id="quick-view-content" data-test-selector="divQuickViewContent"> </div> </div> </div> <div id="divAddedForCompare" class="modal fade comparepopup" role="dialog" aria-label="compare pop up"> <div class="compare-product-popup" id="popUp_content" data-test-selector="popCompareMessage"> </div> </div> <button id="btnAddCompare" style="display:none" data-toggle="modal" data-target=".comparepopup" data-test-selector="popBtnCompare">Compare</button> <script src="/Scripts/Core/Znode/LayoutScripts.js?v=20250204225041"></script> <!-- Content Block | GlobalEndOfBody--> <style><!-- .admin-footer .footer-contain.pb-5 { display: none; } --></style> <epro_only><!-- epro only stuff --> </epro_only> <sso_only><!-- sso only only stuff --> </sso_only> <div class="admin-footer"> <div class="footer-contain pb-5"> <p>Powered by Znode. © Copyright 2022, Znode LLC, All Rights Reserved.</p> </div> </div> </body> </html>