1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><title>Oben | Tripods, Monopods & Tripod Accessories</title>
1<script src="https://www.datadoghq-browser-agent.com/us5/v5/datadog-rum.js" type="text/javascript"></script>
1<script type="text/javascript" src="https://www.datadoghq-browser-agent.com/us5/v5/datadog-logs.js"></script>
1<script src="/js/headerScripts.js?v=1.1.111&b=2NpklB0l1ImNR69X7wpyxDhkabmCvUZtAsrZ2ETlWCc="></script>
1<base href="/"><meta name="google-site-verification" content="oL9C85SuBkfOQ610v5h7AAhQ3m4fHyyGsLadyr8MXws"/><link defer rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"><link rel="stylesheet" media="all" href="//www.obensupports.com/css/main.css?v=1.1.111&b=2NpklB0l1ImNR69X7wpyxDhkabmCvUZtAsrZ2ETlWCc="><link rel="preload" href="//www.obensupports.com/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/webfonts/fonts/Light/OpenSans-Light.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/webfonts/fonts/Bold/OpenSans-Bold.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/webfonts/fonts/Regular/OpenSans-Regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/webfonts/fonts/Semibold/OpenSans-Semibold.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/webfonts/fa-light-300.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.obensupports.com/csslazy/lazy.css?v=1.1.111&b=2NpklB0l1ImNR69X7wpyxDhkabmCvUZtAsrZ2ETlWCc=" as="style"><link href="https://s3.amazonaws.com" rel="preconnect" crossorigin><link href="https://www.googleapis.com" rel="preconnect" crossorigin><link href="https://www.datadoghq-browser-agent.com" rel="preconnect" crossorigin><link href="https://www.google-analytics.com" rel="preconnect" crossorigin><link rel="dns-prefetch" href="//cdnjs.cloudflare.com"><link rel="dns-prefetch" href="//s3.amazonaws.com"><link rel="dns-prefetch" href="//www.googleapis.com"><link rel="dns-prefetch" href="//www.datadoghq-browser-agent.com"><link rel="dns-prefetch" href="//www.google-analytics.com"></head><body id="bodyEl" data-ng-csp><div ng-if="::webHelper" id="webHelper" ng-class="::{'visible':webHelper}">{{::webHelperMsg}}</div><div id="Oben" class="site_wrapper"><div class="main_wrapper" ng-controller="SiteController" ng-class="loaded" ng-cloak><div data-event-layer class="event_layer"></div><div ng-controller="MenuController" ng-class="{'visible':menu.visible}" class="header_wrapper" data-menu-resize-observer><div class="typeahead_bg" ng-class="{'visible':typeAheadVisible}" ng-click="cancelTypeAhead()"></div><div class="typeahead_mobile_keyboard" ng-class="{'visible':typeAheadVisible&&mobile_search_visible}"></div><div class="mobile_menu_bg" ng-class="{'visible':mobileMenuVisible}" ng-if="!menu.desktopMenu" ng-click="showMobileMenu();"></div><div class="menu_wrapper" ng-if="menu.ready"><div class="content_sizer"><div class="mobile_menu_wrapper" ng-class="{'visible':mobileMenuVisible}" ng-if="!menu.desktopMenu"><div class="mobile_menu" ng-class="{'visible':mobileMenuVisible,'hideRoot':menu.hideRoot}" ng-click="showMobileMenu();" data-element="Mobile Menu" data-dd-action-name="Mobile Menu"><div ng-repeat="item in menu.items" class="menu_items"><div class="menu_category"> <a href="/products/{{::item.categoryLink}}" class="menu_item_category_link" ng-if="::(!menu.hideRoot)" data-element="Mobile Menu - Root Category" data-dd-action-name="Mobile Menu - Root Category">{{::item.category}}</a> <span ng-if="::(menu.hideRoot)" class="mobile_menu_products_title">Products</span></div><div class="menu_items_sub_wrapper"><div ng-repeat="sub in ::item.subs" class="menu_items_sub" data-element="Mobile Menu - Sub Category" data-dd-action-name="Mobile Menu - Sub Category"> <a href="/products/{{::item.categoryLink}}/{{::sub.categoryLink}}" class="menu_item_link">{{::sub.category}}</a></div></div></div><div class="mobile_menu_others"> <a href="/downloads" class="menu_btn" ng-class="{'actual_route':actualLocation=='/downloads'}" ng-if="!core.hideDownloadCenter" data-element="Mobile Menu - Download Center" data-dd-action-name="Mobile Menu - Download Center">Download Center</a> <a href="/where-to-buy" class="menu_btn" ng-class="{'actual_route':actualLocation=='/where-to-buy'}" data-element="Mobile Menu - Where to Buy" data-dd-action-name="Mobile Menu - Where to Buy">Where to Buy</a> <a href="/about-us" class="menu_btn" ng-class="{'actual_route':actualLocation=='/about-us'}" data-element="Mobile Menu - About" data-dd-action-name="Mobile Menu - About">About</a> <a href="http://support.gradusgroup.com/" class="menu_btn" data-element="Mobile Menu - Contact Us" data-dd-action-name="Mobile Menu - Contact Us">Contact Us</a> <a ng-if="myAccount" href="/account" class="menu_btn" ng-class="{'actual_route':actualLocation=='/account'}" data-element="Mobile Menu - Account" data-dd-action-name="Mobile Menu - Account">Account</a> <a ng-if="myAccount" href="/account/orders" class="menu_btn" ng-class="{'actual_route':actualLocation=='/account/orders'}" data-element="Mobile Menu - Orders" data-dd-action-name="Mobile Menu - Orders">Orders</a> <a ng-if="myAccount" href="/account/addressBook" class="menu_btn" ng-class="{'actual_route':actualLocation=='/account/addressBook'}" data-element="Mobile Menu - Address Book" data-dd-action-name="Mobile Menu - Address Book">Address Book</a> <a ng-if="myAccount" href="/account/cart" class="menu_btn" ng-class="{'actual_route':actualLocation=='/account/cart'}" data-element="Mobile Menu - Cart" data-dd-action-name="Mobile Menu - Cart">Cart</a> <a ng-if="myAccount && isLoggedIn" href="/login" class="menu_btn" ng-class="{'actual_route':actualLocation=='/login'}" data-element="Mobile Menu - Logout" data-dd-action-name="Mobile Menu - Logout">Logout</a> <a ng-if="myAccount && !isLoggedIn" href="/login" class="menu_btn" ng-class="{'actual_route':actualLocation=='/login'}" data-element="Mobile Menu - Download Login" data-dd-action-name="Mobile Menu - Download Login">Login</a></div></div></div><div class="dropdown_menu" ng-class="{'menuWithImages':menu.menuWithImages,'animated':menu.visible,'fadeInDown':menu.visible,'fadeOutDown':!menu.visible,'hideRoot':menu.hideRoot}"><div ng-repeat="item in menu.items" class="menu_items"><div class="menu_category"> <a href="/products/{{::item.categoryLink}}" class="menu_item_category_link" ng-click="hideMenu();" data-element="Products - Root Category" data-dd-action-name="Products - Root Category"><img data-img-source ng-if="::menu.menuWithImages" data-sourceid="{{::product.
1sku}}" data-obj="item" data-type="list" data-size="560x560" class="menu_category_img"> {{::item.category}}</a></div><div ng-repeat="sub in ::item.subs" class="menu_items_sub"> <a href="/products/{{::item.categoryLink}}/{{::sub.categoryLink}}" class="menu_item_link" ng-class="{'actual_route':actualLocation=='/products/'+item.categoryLink+'/'+sub.categoryLink}" ng-click="hideMenu();" data-element="Products - Sub Category" data-dd-action-name="Products - Sub Category"><img data-img-source ng-if="::menu.menuWithImages" data-sourceid="{{::product.sku}}" data-obj="sub" data-type="list" data-size="560x560" class="sub_menu_category_img"><div class="menu_item_sub_cat_link_text">{{::sub.category}}</div></a></div></div></div></div></div><div class="typeahead_outside"><div class="content_sizer"><div class="typeahead_outer_wrapper" ng-class="{'visible':typeAheadVisible && ((core.typeahead && core.typeahead.typeahead.length>0) || typeAhead.length>1 || globalSearchFilter.length>2),'hasTypeaheadImage':hasTypeaheadImage,'loading':typeAheadLoading,'mobileTypeAhead':mobile_search_visible}"><div class="typeahead_wrapper" ng-class="{'visible':typeAheadVisible && ((core.typeahead && core.typeahead.typeahead.length>0) || typeAhead.length>1 || globalSearchFilter.length>2),'noTypeaheadMedia':core.typeaheadMedia.length==0}"><div class="typeahead_section"><div class="typeahead_heading" ng-bind-html="('<span class=\'typeahead_heading_query\'>'+(showingInitial ? 'Recommended Products' : ('<b>'+(typeAhead.length==0 ? '0' : typeAhead.length-1) + '</b> products matching '+'<b class=\'typeahead_search_query_match\'>'+globalSearchFilter+'</b>')) + '<span class=\'search_loader\'></span></span> ') | trust"></div><div class="typeahead_container"><div ng-repeat="entry in typeAhead track by $index" class="typeahead_entry" ng-class="{'highlight':typeAheadIndex==$index,'isTyped':$index==0}" data-typeahead-child data-element="TypeAhead - Entry" data-dd-action-name="TypeAhead - Entry"></div></div></div><div class="typeahead_section typeahead_category_section"><div class="typeahead_heading" ng-bind-html="('<span>'+(showingInitial ? 'Recommended Categories' : 'Related Categories') + '</span> <span class=\'search_loader\'></span>') | trust"></div><div class="typeahead_container"><div ng-repeat="entry in typeAheadCategories track by $index" class="typeahead_entry_category" data-typeahead-category-child data-element="TypeAhead - Category" data-dd-action-name="TypeAhead - Category"></div></div></div><div class="typeahead_section typeahead_video_section" ng-if="typeAheadVisible"><div class="typeahead_heading">Whats New</div><div class="typeahead_container"><a href="/video/{{media.mediaId}}" ng-repeat="media in core.typeaheadMedia" class="typeahead_media" data-element="TypeAhead - Video" data-dd-action-name="TypeAhead - Video"><div ng-style="{'background':'url(//i.ytimg.com/vi/'+media.mediaId+'/mqdefault.jpg)'}" class="typeahead_media_thumbnail"></div><div class="typeahead_media_text"> <span class="typeahead_media_title">{{media.title}}</span> <span class="typeahead_media_watch">Watch</span></div></a></div></div></div></div></div></div><div ng-if="employeePurchase" class="employee_purchase_banner"><div class="left_col">Employee Purchase</div><div class="center_col">For employees and immediate family only. Read official policy</div><div class="right_col"><a href="/login" class="ep_exit">Exit</a></div></div><header class="header" ng-class="{'myAccount':myAccount}"><div class="content_sizer"><div class="mobile_menu_trigger" ng-if="!menu.desktopMenu" ng-click="showMobileMenu();"><i class="fa fa-bars" aria-hidden="true"></i></div><div class="logo_wrapper" data-element="Header - Logo" data-dd-action-name="Header - Logo"> <a href="/" class="logo_link"><img ng-src="{{core.logo}}" class="logo"></a></div><div class="search_menu_wrapper find_your_accessory_enabled" ng-class="{'typeahead_visible':typeAheadVisible,'my_account_visible':core.showMyAccountBtn}"><div class="menu" ng-if="menu.desktopMenu"><div class="dropdown" ng-click="showMenu();" data-element="Header - Products" data-dd-action-name="Header - Products"> Products<i class="fa fa-caret-down" aria-hidden="true"></i></div><div class="menu_btns_direct_links" ng-class="{'hideDownloadCenter':core.hideDownloadCenter}"> <a href="/where-to-buy" class="menu_btn" ng-class="{'actual_route':actualLocation=='/where-to-buy'}" ng-click="hideMenu();" data-element="Header - Where to buy" data-dd-action-name="Header - Where to buy">Where to buy</a> <a href="/about-us" class="menu_btn" ng-class="{'actual_route':actualLocation=='/about-us'}" ng-click="hideMenu();" data-element="Header - About" data-dd-action-name="Header - About">About</a> <a href="/downloads" class="menu_btn menu_btn_downloads" ng-class="{'actual_route':actualLocation=='/downloads'}" ng-click="hideMenu();" data-element="Header - Downloads" data-dd-action-name="Header - Downloads">Downloads</a> <a href="http://support.gradusgroup.com/" class="menu_btn menu_btn_contact" ng-click="hideMenu();" data-element="Header - Contact Us" data-dd-action-name="Header - Contact Us">Contact Us</a></div></div><div class="find_your_accessory_wrapper"><div class="find_your_accessory_btn" ng-class="{'visible':core.accessoryBarEnabled}" ng-click="showAccessoryBar();
1" data-element="Header - Find Your Accessory" data-dd-action-name="Header - Find Your Accessory"> Find Your Accessory</div></div><div class="search" ng-class="{'mobile_search':mobile_search_visible}"><div class="search_wrapper" ng-class="{'loading':typeAheadLoading,'show_clear':globalSearchFilter.length>0}"> <input type="text" class="search_field" id="search_field" autocomplete="off" placeholder="Search" ng-model="globalSearchFilter" data-typeahead data-element="Search Field" data-dd-action-name="Search Field"><i class="fal fa-search" ng-click="doSearch();"></i><i class="fal fa-times-circle" ng-click="clearSearch($event);"></i><i class="search_loader"><i class="fas fa-sync-alt search_loader_img"></i></i></div></div><div class="my_account_btn" ng-class="{'showDropdown':showDropdown,'smallScreen':smallScreen}" ng-click="gotoMyAccount();" data-my-account-dropdown data-element="My Account Dropdown" data-dd-action-name="My Account Dropdown"><i class="fas fa-user-alt"></i><div class="my_account_dropdown_wrapper"><div class="my_account_dropdown"><div class="my_account_username" ng-if="userName && userName!=''" data-element="My Account Dropdown - UserName" data-dd-action-name="My Account Dropdown - UserName">{{userName}}</div> <a href="/account/orders" class="my_account_dropdown_lnk" data-element="My Account Dropdown - Orders" data-dd-action-name="My Account Dropdown - Orders">Orders</a> <a href="/account" class="my_account_dropdown_lnk" data-element="My Account Dropdown - Account" data-dd-action-name="My Account Dropdown - Account">Account</a> <a href="/account/addressBook" class="my_account_dropdown_lnk" ng-if="employeePurchase" data-element="My Account Dropdown - Address Book" data-dd-action-name="My Account Dropdown - Address Book">Address Book</a> <a href="/account/cart" class="my_account_dropdown_lnk" ng-if="employeePurchase" data-element="My Account Dropdown - Cart" data-dd-action-name="My Account Dropdown - Cart">Cart</a> <a href="/login" class="my_account_dropdown_lnk" data-element="My Account Dropdown - Sign Out" data-dd-action-name="My Account Dropdown - Sign Out">Sign Out</a></div></div></div></div><div class="my_cart" ng-controller="InCartController" ng-if="employeePurchase"><a href="/account/cart" data-element="Cart Icon" data-dd-action-name="Cart Icon"><i class="fa fa-shopping-cart" ng-if="!hasCart"></i><i class="fa fa-cart-arrow-down" ng-if="hasCart"></i></a></div></div><div class="mobile_only mobile_search_trigger" ng-class="{'visible':mobile_search_visible}" ng-click="show_mobile_search();"><i class="fal fa-search"></i><i class="fal fa-times"></i></div></header><div ng-include="'module_compatibility_finder.html'" class="module_compatibility" ng-if="core.accessoryBarEnabled" ng-class="{'visible':accessory_bar_visible}"></div><div class="notice_bar" ng-controller="NoticeBarController" ng-class="{'compBarVisible':accessory_bar_visible,'compBarEnabled':core.accessoryBarEnabled,'visible':showNoticeBar}" ng-bind-html="notice_message|trust"></div><div class="helper" ng-if="helper"><div ng-controller="HelperController"> <input type="button" value="Submit Bug" ng-click="helperForm();"><div class="helperLayerWrapper" ng-if="showHelper"><div class="helperBg" ng-click="helperForm();"></div><div class="helperLayer"> Message<br><textarea ng-model="data.helperText"></textarea> <input type="button" value="Send" ng-click="sendHelper();"></div></div></div></div><div class="dropdown_bg" ng-click="showMenu();" ng-if="menu.desktopMenu"></div></div><div class="loaderBg visible" ng-class="{'visible':preloader}"></div><div class="loader visible" ng-class="{'visible':preloader}"><svg width="200px" height="200px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-ripple" style="background: none;"><circle cx="50" cy="50" r="38.8204" fill="none" stroke="#2c5372" stroke-width="1"><animate attributeName="r" calcMode="spline" values="0;50" keyTimes="0;1" dur="4" keySplines="0 0.2 0.8 1" begin="-2s" repeatCount="indefinite"></animate><animate attributeName="opacity" calcMode="spline" values="1;0" keyTimes="0;1" dur="4" keySplines="0.2 0 0.8 1" begin="-2s" repeatCount="indef
1inite"></animate></circle><circle cx="50" cy="50" r="12.915" fill="none" stroke="#bdbdbf" stroke-width="1"><animate attributeName="r" calcMode="spline" values="0;50" keyTimes="0;1" dur="4" keySplines="0 0.2 0.8 1" begin="0s" repeatCount="indefinite"></animate><animate attributeName="opacity" calcMode="spline" values="1;0" keyTimes="0;1" dur="4" keySplines="0.2 0 0.8 1" begin="0s" repeatCount="indefinite"></animate></circle></svg></div><div ng-controller="ContentController" class="site" ng-class="{'navigate_back':back}" ng-style="{'min-height':contentMinHeight}" ng-click="contentClick(e);"><ng-include src="'banner.html'" data-include-replace></ng-include><div ng-view class="view_animate" ng-class="{'isloading':preloader}"></div></div><footer class="footer hidden" id="footer" ng-controller="FooterController" ng-class="{'hidden':hidden}"><div class="footer_top"><div class="content_sizer"><div class="submit_email_title half"> The Latest from Oben</div><div class="half email_submit_wrapper" ng-controller="NewsletterController"> <input type="text" class="submit_email_field" placeholder="Email address" ng-model="email"><div ng-click="signup();" class="newsletter_signup_btn" data-element="Newsletter Signup Button" data-dd-action-name="Newsletter Signup Button">Sign up</div></div></div></div><div class="footer_bottom"><div class="footer_content_links_wrapper"><div class="content_sizer"><div class="footer_bottom_links"><div class="logo_bottom"> <img ng-src="{{core.logoBottom}}"></div> <a href="/where-to-buy" class="menu_btn" data-element="Footer - Where To Buy" data-dd-action-name="Footer - Where To Buy">Where to Buy</a> <a href="/about-us" class="menu_btn" data-element="Footer - About" data-dd-action-name="Footer - About">About</a> <a href="http://support.gradusgroup.com/" class="menu_btn" data-element="Footer - Contact Us" data-dd-action-name="Footer - Contact Us">Contact Us</a></div></div></div><div class="footer_spacer"> </div><div class="footer_content_links_wrapper"><div class="footer_bottom_copyright"><div class="logo_bottom"> <img ng-src="{{core.logoBottom}}"></div><div class="menu_btn" data-element="Footer - Copyright" data-dd-action-name="Footer - Copyright"> ©{{CurrentYear}} Gradus Group LLC</div><div class="menu_btn"> <a href="/warranty" data-element="Footer - Warranty" data-dd-action-name="Footer - Warranty">Warranty</a></div><div class="menu_btn"> <a href="/user-agreement" data-element="Footer - User Agreement" data-dd-action-name="Footer - User Agreement">User Agreement & Disclaimers</a></div><div class="menu_btn"> <a href="/privacy-security" data-element="Footer - Privacy & Security" data-dd-action-name="Footer - Privacy & Security">Privacy & Security</a></div><div class="menu_btn"> <a href="/site-map" rel="nofollow" data-element="Footer - Site Map" data-dd-action-name="Footer - Site Map">Site Map</a></div></div></div></div></footer><div class="scroll_to_top" ng-click="scrollToTop();" ng-class="{'visible':scrollTopVisible}"><i class="fa fa-chevron-up" aria-hidden="true"></i></div></div><noscript><div class="javascript_disabled"><h1> We are sorry but our site requires Javascript Enabled <img src="/images/globals/noscript.gif"></h1></div></noscript>
1<script type="text/ng-template" id="home.html"><div ng-include="'module_BannerTop.html'" class="module_bannerTop"></div><div ng-include="'module_WelcomeMsg.html'" class="module_welcomeMsg"></div><div ng-include="'module_HomePageCategoryLinks.html'"></div><div ng-include="'HomePageMediaTemplate.html'"></div><div ng-include="'module_ListingPageOnHomePage.html'"></div></script>
1<script type="text/ng-template" id="about.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper about_us"><h1>About Us</h1><p> <b>You're On Steady Ground</b><br> Some brands are born in a boardroom, others in the mind. Oben, was born in the field, on accumulation of practical experiences, surveys, and rigorous testing. Our goal is to build and provide support systems that are developed based on real world needs and experiences.<br><br> Before any product is designed, field-research is conducted on all types of supports so that we can gather info on the features that are most needed, and assess the challenges professionals typically face while in the field. The development of Oben support products, then seeks to address the challenges, and offer the best in user features.<br><br> Once a support item has been created, it goes back in the field, for real-world testing, ensuring it can stand up to the harshest of production environments. Once adjustments are made to the production line, our supports are ready for market use. However, the development doesn't end there. We continuously test all of our supports â even those in market â to ensure the highest standards of quality.<br><br> Oben constantly seeks out the best in quality materials, so that our supports are durable, lightweight, and easy to operate. Whether it's high-grade aluminum, or lightweight carbon fiber, we're so confident in our supports, that they're backed by our company standard 5 year warranty. To complete the package, all support systems come with detailed User Manuals that offer step-by-step guidance on proper usage.<br><br> Ultimately, our goal is to ensure the products that bear the Oben name, can live up to it, and truly rise above the rest.<br><br> <b>Support Types</b><br><br> Tripod Legs â Oben offers a full lineup of multi-use tripod legs with a variety of user features. The lineup includes standard, folding, and lateral (boom arm) models made of aluminum or carbon fiber, and with several leg-lock types and configurations. All Tripod legs come with a padded carrying case, ready for production use. For those in need of ultra-compact support, we also offer tabletop tripods that include mini-ballheads.<br><br> Heads â Oben offers a full selection of pan-and-tilt heads, as well as ballheads, that can offer support for up to 26lbs of equipment (when combined with tripod legs).<br><br> Parts â Spare parts are readily available for all support systems, making it easy to replace any element as needed.</p></div></div></script>
1<script type="text/ng-template" id="conductor.html"><div ng-bind-html="::(content)|trust"></div></script>
1<script type="text/ng-template" id="warrantyLocal.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper"><h1>Warranty Information</h1><p> <span class="static_title">LIMITED FIVE-YEAR WARRANTY</span><br><br> Oben products are warranted to the original purchaser to be free from defects in materials and workmanship under normal consumer use for a period of FIVE (5) years from the original purchase date or thirty (30) days after replacement, whichever occurs later. The warranty provider's responsibility with respect to this limited warranty shall be limited solely to repair or replacement, at the provider's discretion, of any product that fails during normal use of this product in its intended manner and in its intended environment. Inoperability of the product or part(s) shall be determined by the warranty provider. If the product has been discontinued, the warranty provider reserves the right to replace it with a model of equivalent quality and function.<br><br> This warranty does not cover damage or defect caused by misuse, neglect, accident, alteration, abuse, improper installation or maintenance. EXCEPT AS PROVIDED HEREIN, THE WARRANTY PROVIDER MAKES NEITHER ANY EXPRESS WARRANTIES NOR ANY IMPLIED WARRANTIES, INCLUDING BUT NOT LIMITED TO ANY IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. This warranty provides you with specific legal rights, and you may also have additional rights that vary from state to state.<br><br> To obtain warranty coverage, contact the Oben Customer Service Department to obtain a return merchandise authorization ("RMA") number, and return the defective product to Oben along with the RMA number and proof of purchase. Shipment of the defective product is at the purchaser's own risk and expense.<br><br> For more information, or to arrange service, visit <a href="http://support.gradusgroup.com/">Support</a> or call Customer Service at <b>
1{{core.config.supportTel}}</b><br><br> Oben is a Gradus Group Brand.<br><br> Product warranty provided by the Gradus Group.<br><br> <a href="http://www.gradusgroup.com">www.gradusgroup.com</a><br><br> Oben is a registered trademark of the Gradus Group. ©{{CurrentYear}} Gradus Group LLC. All Rights Reserved.</p></div></div></script>
1<script type="text/ng-template" id="about_global.html"><div ng-if="core.config.enabledAboutUs"><div class="content_sizer content_wrapper" ng-if="desktopView"><div class="breadcrumbs" data-breadcrumbs></div></div><div ng-repeat="section in ::aboutUs"><div ng-class="{'about_us_banner': section.isBanner}" style="{{'background:url(\''+core.aboutUsImg+'\');background-position:center;background-repeat:no-repeat;background-size:cover;'}}"><div class="content_sizer"><div class="content_wrapper"><div ng-bind-html="::(section.content) | trust" class="{{::section.cssClass}}"></div></div></div></div></div></div><div ng-if="!core.config.enabledAboutUs" ng-include="'about.html'"></div></script>
1<script type="text/ng-template" id="breadcrumbs.html"><div class="breadcrumbs_wrapper" data-device="desktop"> <a href="/" class="breadcrumb_link" data-element="Breadcrumbs - Home" data-dd-action-name="Breadcrumbs - Home">Home</a> <span class="breadcrumb_separator">/</span> <span ng-if="compatibilityPage" class="breadcrumb_link selected">Products Compatible with</span> <a ng-if="::(subCategories && subCategories[0] && subCategories[0].rootCategory)" href="/products/{{subCategories[0].rootCategoryUrl}}" class="breadcrumb_link selected">{{subCategories[0].rootCategory}}</a> <a ng-if="::category.rootCategory && !core.config.hideRootCategories" href="/products/{{::category.rootCategoryUrl}}" class="breadcrumb_link" data-element="Breadcrumbs - Root Category" data-dd-action-name="Breadcrumbs - Root Category">{{::category.rootCategory}}</a> <span class="breadcrumb_separator" ng-if="::category.rootCategory && !core.config.hideRootCategories">/</span> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}" ng-if="::category.categoryUrl" class="breadcrumb_link" ng-class="{'selected':!product}" data-element="Breadcrumbs - Sub Category" data-dd-action-name="Breadcrumbs - Sub Category">{{::category.category}}</a> <a ng-if="::webHelper" href="http://system1/edit/edit/categories/{{::category._id}}" target="_blank" class="admin_breadcrumb">(System1)</a> <span ng-if="::(category.categoryUrl && product)" class="breadcrumb_separator">/</span>
1<a ng-if="::product" href="/product/{{::product.sku}}/{{::product.__system.urlKey}}" class="breadcrumb_link product_link_breadcrumb" ng-bind-html="::((product.itemCode || product.mfr_num) + ' - ' + product.name | trust)" data-element="Breadcrumbs - Product" data-dd-action-name="Breadcrumbs - Product"></a> <a href="{{::displayUrl}}" ng-if="::displayCategory" class="breadcrumb_link breadcrumb_search_result selected">{{::displayCategory}}</a> <a ng-if="::pageTitle" class="breadcrumb_link product_link_breadcrumb selected">{{::pageTitle}}</a></div><div class="breadcrumbs_wrapper" data-device="mobile"><a class="breadcrumb_link" href="/" ng-if="::category.category && !core.config.hideRootCategories"><</a> <a ng-if="::category.rootCategory && pageType!='productPage' && !core.config.hideRootCategories" href="/products/{{::category.rootCategoryUrl}}" class="breadcrumb_link">{{::category.rootCategory}}</a> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}" ng-if="::category.categoryUrl && pageType=='productPage'" class="breadcrumb_link" ng-class="{'selected':!product}">{{::category.category}}</a><div class="breadcrumb_dest"> <a ng-if="::(subCategories && subCategories[0] && subCategories[0].rootCategory)" href="/products/{{subCategories[0].rootCategoryUrl}}" class="breadcrumb_link selected">{{subCategories[0].rootCategory}}</a> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}" ng-if="::category.categoryUrl && pageType!='productPage' && !compatibilityPage" class="breadcrumb_link" ng-class="{'selected':!product}">{{::category.category}}</a><div ng-if="pageType=='productPage'"><h1 class="detail_page_product_title_mobile" ng-bind-html="::((product.mfr_num || product.itemCode) + ' ' +(product.name) | trust)"></h1><div class="detail_page_mfr"> MFR #{{::product.itemCode || product.mfr_num}}</div></div><div ng-if="compatibilityPage" class="compatibility_page_mobile_title"><h1 class="breadcrumb_link" ng-bind-html="::((mobilePageDestinationTitle) | trust)"></h1></div></div></div></script>
1<script type="text/ng-template" id="productDetailPage.html"><div itemscope itemtype="http://schema.org/Product" class="content_wrapper content_sizer detail_page" ng-cloak ng-if="productLoaded"><div class="breadcrumbs" data-breadcrumbs></div><div class="detail_page_image_gallery_wrapper" ng-controller="ProductImageController"><div ng-if="smallView" class="detail_page_badge_sharing_mobile_wrapper"><div class="badge" data-life-cycle="{{::dataLifeCycle}}" data-gg-product-badge></div><div class="sharing_options_wrapper" ng-class="{'sharing_options_visible':sharingOptionsVisible}"><i class="fal fa-share-alt" aria-hidden="true" ng-click="showSharingOptions($event)"></i><div class="sharing_options" class="sharing_options_icon"><span ng-repeat="socialSite in sharingOptionsUrls" class="sharing_options_icon" ng-click="openSharingOptionUrl(socialSite.url,socialSite.name)" data-element="Social - {{socialSite}}" data-dd-action-name="Social - {{socialSite}}"><i class="{{socialSite.icon}}"></i></span></div></div></div><div class="detail_page_main_video_wrapper" ng-show="product.media && product.media.length>0 && !imageVisible"><div ng-controller="YouTubeVideoController" class="detail_page_image_gallery_video" ng-class="{'visible':!imageVisible}"><div class="detail_page_main_video"><div id="mainVideoSingle"></div></div></div><div class="detail_page_video_title"> {{nowPlayingTitle}}</div></div><div class="detail_page_image_gallery_main_image" ng-show="imageVisible" ng-swipe-left="swipeLeft();" ng-swipe-right="swipeRight();"> <img itemprop="image" data-img-source data-sourceid="{{product.sku}}" data-liveobj="{{selectedImage}}" data-type="detail" data-watch="true" class="detail_page_image_gallery_main_image_img" ng-class="{'changingImage':changingImage,'coming-soon':!selectedImage.FILE_NAME}" ng-click="showGallery();" data-element="Product - Image Gallery" data-dd-action-name="Product - Image Gallery"></div><div ng-controller="MediaController" ng-if="::(product.__system.totalImages>1 || product.__system.totalMedia>0 || product.__system.totalCustomerMedia>0)"><div class="detail_page_media_source_toggle_container"><div class="detail_page_media_source_toggle_wrapper"><div class="detail_page_media_source_toggle" ng-class="{'selected':showImages}" ng-if="(((!showCustomerMedia && product.__system.totalImages>1) || (showCustomerMedia && product.__system.totalCustomerImages>0)) && (showCustomerMedia && product.__system.totalCustomerMedia>0) || (!showCustomerMedia && product.__system.totalMedia>0))" ng-click="showImagesOnly();">PHOTOS ({{showCustomerMedia ? product.__system.totalCustomerImages : product.__system.totalImages}})<i class="fa fa-chevron-down" ng-if="showImages"></i></div><div class="detail_page_media_source_toggle" ng-class="{'selected':showMedias}" ng-if="(showCustomerMedia ? product.__system.totalCustomerMedia>1 : product.media.length>1)" ng-click="showMediaOnly();">VIDEOS ({{showCustomerMedia ? product.__system.totalCustomerMedia : product.__system.totalMedia}})<i class="fa fa-chevron-down" ng-if="showMedias"></i></div><div class="detail_page_media_source_toggle customer_media_toggle" ng-class="{'selected':showCustomerMedia}" ng-if="(product.__system.totalCustomerMedia>0 || product.__system.totalCustomerImages>0)" ng-click="customerMediaMode();">CUSTOMER MEDIA ({{product.__system.totalCustomerMedia + product.__system.totalCustomerImages}})<i class="fa fa-chevron-down" ng-if="showCustomerMedia"></i></div></div></div><div class="detail_page_image_gallery_images" ng-class="{'allImagesVisible':allImagesVisible,'hasArrows':carousel_showRightArrow}"><div class="arrow_carousel" data-direction="left" ng-class="{'disabled':carousel_leftArrowDisabled}" ng-show="carousel_showLeftArrow" ng-click="carousel_move();" data-element="Media Left" data-dd-action-name="Media Left"><i class="fa fa-chevron-left"></i></div><div class="detail_page_image_wrapper_inner" data-carousel ng-style="{'transform': 'translateX('+carouselX+') translateY('+carouselY+')', '-webkit-transform': 'translateX('+carouselX+') translateY('+carouselY+')', '-ms-transform': 'translateX('+carouselX+') translateY('+carouselY+')'}"><div ng-repeat="media in product.media | detailPageImageGallery:showCustomerMedia | limitTo:(!showMedias ? 1 : product.media.length)" ng-show="(showMedias || (!showMedias && !showImages))" class="detail_page_image_gallery_wrapper_el detail_page_video_icon carousel_child" ng-class="{'now_playing':selectedIndex==media.mediaId}" ng-click="showMainVideo(media);" data-element="Video Thumbnail" data-dd-action-name="Video Thumbnail"><div class="detail_page_image_gallery_image video_thumbnail" ng-click="showMainVideo(media);" data-title="{{::media.title}}" style="background:url('//i.ytimg.com/vi/{{::media.mediaId}}/mqdefault.jpg');background-size:cover;"><i class="fab fa-youtube"></i></div></div><div ng-repeat="image in images | detailPageImageGallery:showCustomerMedia" class="detail_page_image_gallery_wrapper_el c
1arousel_child" ng-class="{'selected':$index==selectedIndex && imageVisible}" ng-show="showImages || (!showMedias && !showImages)" ng-click="showImage($index);" data-element="Image Thumbnail" data-dd-action-name="Image Thumbnail"><div class="detail_page_image_gallery_image"> <img data-img-source data-sourceid="{{product.sku}}" data-obj="image" data-size="100x100" class="detail_page_image_gallery_others"></div></div></div><div class="arrow_carousel" data-direction="right" ng-class="{'disabled':carousel_rightArrowDisabled}" ng-click="carousel_move(true);" ng-show="carousel_showRightArrow" data-element="Media Right" data-dd-action-name="Media Right"><i class="fa fa-chevron-right"></i></div></div></div></div><div ng-if="!desktopView"><div data-pricing></div></div><div class="mobile_only detail_page_cta_wrapper"><div class="cta_button" ng-if="employeePurchase" ng-click="addToCart(product.sku);"> Add To Cart</div></div><div class="detail_page_where_to_buy_static mobile_only" ng-if="showWhereToBuy"><div><a href="//www.bhphotovideo.com/c/product/{{::product.BHSKU}}-REG/{{::product.__system.urlKey}}.html?{{core.bhUTMSource|UTMSource:product.mfr_num}}
1&BI={{core.bhBi}}" class="whereToBuyLink" data-link-track data-element="Buy At B&H Button" data-dd-action-name="Buy At B&H Button"><div class="detail_page_bh_logo_wrapper"><img ng-src="/images/globals/bh_logo.png" class="whereToBuyImg"></div><div class="detail_page_where_to_buy_link">Buy at B&H</div></a></div></div><div class="detail_page_title_highlights_wrapper"><div class="badge_and_sharing_options_wrapper" ng-if="desktopView"><div class="badge" data-gg-product-badge data-life-cycle="{{dataLifeCycle}}"></div><div class="sharing_options_wrapper" ng-class="{'sharing_options_visible':sharingOptionsVisible}" ng-click="showSharingOptions($event)"><div class="share_text">Share</div><div><i class="fal fa-share-alt" aria-hidden="true"></i><div class="sharing_options"><div ng-repeat="socialSite in sharingOptionsUrls" class="sharing_options_icon" ng-click="openSharingOptionUrl(socialSite.url,socialSite.name)" data-element="Social - {{socialSite}}" data-dd-action-name="Social - {{socialSite}}"><i class="{{socialSite.icon}}"></i></div></div></div></div></div><h1 ng-class="{'product_name_mfr_num': product.prod_life_cycle}" itemprop="name" ng-bind-html="::((product.mfr_num || product.itemCode) + ' ' +(product.name) | trust)" data-element="Page Title" data-dd-action-name="Page Title"></h1></h1><meta itemprop="mpn" content="{{::product.mfr_num}}"><meta itemprop="brand" content="Oben"/><meta itemprop="sku" content="{{::product.sku}}"/><meta itemprop="gtin12" content="{{::product.upc}}"/><div class="detail_page_mfr desktop_only"> MFR #{{::product.itemCode || product.mfr_num}} <span ng-if="::webHelper">/ <a href="//www.bhphotovideo.com/c/product/{{::product.BHSKU}}-REG" target="_blank" class="webhelper_links" data-element="Buy At B&H Button" data-dd-action-name="Buy At B&H Button">BHSKU #{{::product.BHSKU}}</a> / <a href="http://system1/edit/edit/products/{{::product._id}}/" target="_blank" class="webhelper_links">SKU #{{::product.sku}}</a><br><br> <span>{{::product.prod_life_cycle}}</span></span></div><div class="detail_page_highlights"><ul><li ng-repeat="highlight in product.highlights | limitTo : (printing ? 999 : visibleHighlights)" ng-bind-html="::(highlight.SELL_POINT) | trust" data-element="Product Highlight" data-dd-action-name="Product Highlight"></li></ul><div class="more_highlights_btn" ng-click="showMoreHighlights();" ng-if="visibleHighlights<product.highlights.length">SHOW MORE</div><div ng-if="desktopView"><div data-pricing></div></div><div class="detail_page_cta_buttons_wrapper"><div class="detail_page_cta_buttons"><div class="cta_button desktop_only" ng-if="employeePurchase" ng-click="addToCart(product.sku);"> Add To Cart</div><div class="detail_page_where_to_buy_static desktop_only" ng-if="showWhereToBuy"><a href="//www.bhphotovideo.com/c/product/{{::product.BHSKU}}-REG/{{::product.__system.urlKey}}.html{{core.bhUTMSource|UTMSource:product.mfr_num}}
1&BI={{core.bhBi}}" class="whereToBuyLink" data-link-track data-element="Buy At B&H Button" data-dd-action-name="Buy At B&H Button"><div class="detail_page_bh_logo_wrapper"><img ng-src="/images/globals/bh_logo.png" class="whereToBuyImg"></div><div class="detail_page_where_to_buy_link">Buy at B&H</div></a></div></div></div><div ng-if="appLink" class="app_link_section"><div ng-if="product.appLinkShortDescription" class="app_link_short_description" ng-bind-html="::(product.appLinkShortDescription)|trust"></div><a ng-repeat="link in appLink" href="{{link.link}}" class="app_link_btn" data-element="App Link" data-dd-action-name="App Link"><div ng-class="{'app_store_btn':link.appleStore,'google_store_btn':link.googlePlay}"></div></a></div></div><div class="detail_page_banner_includer" ng-include="'banner.html'" data-bannerlocation="right" ng-controller="BannerLocationController"></div></div></div><div class="content_wrapper content_sizer"><div class="detail_page_menu_bar" id="menu_bar"><div class="detail_page_menu_btn" ng-class="{'selected':page=='featured'}" ng-if="data.hasFeatured"><div class="detail_page_menu_btn_a" ng-click="setPage('featured');"><a class="detail_page_menu_btn_anchor" data-element="Product Featured" data-dd-action-name="Product Featured">Featured</a></div></div><div class="detail_page_menu_btn" ng-class="{'selected':page=='overview'}"><div class="detail_page_menu_btn_a" ng-click="setPage('overview');"><a class="detail_page_menu_btn_anchor" data-element="Product Overview" data-dd-action-name="Product Overview">Overview</a></div></div><div class="detail_page_menu_btn" ng-class="{'selected':page=='specifications'}"><div class="detail_page_menu_btn_a" ng-if="product.specifications.length>0" ng-click="setPage('specifications');"><a class="detail_page_menu_btn_anchor" data-element="Product Specs" data-dd-action-name="Product Specs">Specs</a></div></div><div class="detail_page_menu_btn" ng-class="{'selected':page=='accessories'}" ng-if="accessories>0"><div class="detail_page_menu_btn_a" ng-click="setPage('accessories');"><a class="detail_page_menu_btn_anchor" data-element="Product Accessories" data-dd-action-name="Product Accessories">Accessories</a></div></div><div class="detail_page_menu_btn" ng-class="{'selected':page=='support'}" ng-if="support && !smallView"><div class="detail_page_menu_btn_a" ng-click="setPage('support');"><a class="detail_page_menu_btn_anchor" data-element="Product Support" data-dd-action-name="Product Support">Support</a></div></div></div></div><div ng-if="smallView && product.pagesIncluded && product.pagesIncluded.length>0" class="pages_included_wrapper"><div ng-repeat="pages in product.pagesIncluded" ng-if="pages.sections.indexOf(page)!==-1 || (pages.sections.indexOf('featured')!==-1 && page=='featured')"><div class="pages_content pages" id="pages_controller" ng-controller="PagesController"><div ng-repeat="section in data.obj.sections"><pages-element-repeat ng-repeat="element in section.elements" data-include-replace></pages-element-repeat></div></div></div></div><div class="content_wrapper content_sizer content_container"><div class="detail_page_content"><div class="mobile_section_titles" data-element="Mobile - Product Section Title" data-dd-action-name="Mobile - Product Section Title"> Overview</div><section class="detail_page_section detail_page_overview_section" ng-if="page=='overview' || smallView"><div class="detail_page_overview_wrapper"><div class="detail_page_banner_includer" ng-include="'banner.html'" data-bannerlocation="overview" ng-controller="BannerLocationController"></div><meta itemprop="description" content="{{::product.overview}}"><h2 ng-bind-html="::(product.brand + ' ' + (product.itemCode || product.mfr_num) + ' <span class=\'h2_secondary\'>OVERVIEW</span>' | trust)" class="detail_page_product_section_title" data-element="Product Section Title" data-dd-action-name="Product Section Title"></h2><div class="detail_page_overview" ng-bind-html="::(product.overview) | trust"></div><div class="detail_page_overview_note" ng-if="::(product.overviewNote)" ng-bind-html="::(product.overviewNote) | trust"></div><div class="detail_page_features" ng-if="product.features.length>0"><div class="detail_page_features_title" data-element="Product Section Title" data-dd-action-name="Product Section Title"> Features</div><div class="detail_page_features_ul"><ul><li ng-repeat="item in ::product.features track by $index"><span ng-bind-html="::item.FEATURE_NAME | trust" class="detail_page_features_name"></span><span ng-bind-html="::item.FEATURES_RAW | trust" class="detail_page_features_content"></span></li></ul></div></div><div ng-if="::product.upc">
1<angular-barcode ng-model="product.upc" bc-options="bc" bc-class="barcode" bc-type="svg"></angular-barcode></div></div><div class="detail_page_includes"><div class="detail_page_includes_title" data-element="Product Section Title" data-dd-action-name="Product Section Title"> In the Box</div><div class="detail_page_includes_product" ng-bind-html="((product.itemCode || product.mfr_num) + ' - ' + product.name | trust)"></div><div class="detail_page_includes_items"><ul><li ng-repeat="item in ::product.includes"><a href="/product/{{::item.LINK_SKU}}/{{::core.helpers.fixUrl(item.INCLUDES_RAW)}}" class="detail_page_includes_item_link" ng-if="::item.LINK_SKU && item.LINK_SKU!='' " ng-bind-html="::(item.INCLUDED_QTY + ' x ' + item.INCLUDES_RAW) | trust"></a><div ng-if="::!item.LINK_SKU || item.LINK_SKU==''" ng-bind-html="::((item.INCLUDED_QTY>1 ? item.INCLUDED_QTY + ' x ' : '') + item.INCLUDES_RAW) | trust" class="detail_page_includes_text"></div></li></ul></div><div class="detail_page_need_replacement"><a href="http://support.gradusgroup.com/" class="detail_page_contact_link" data-element="Need a replacement part? Contact us." data-dd-action-name="Need a replacement part? Contact us."><i class="fa fa-wrench" aria-hidden="true"></i> Need a replacement part? Contact us.</a></div><div class="detail_page_support" ng-if="::manuals.length>0"><div class="detail_page_support_title"></div><div ng-if="::manuals.length>0" class="detail_page_user_manual_single"><div ng-repeat="manual in ::manuals" class="detail_page_user_manual"><a href="{{::manual.__system.urlKey}}" class="detail_page_user_manual_link" target="_blank" ng-click="downloadManual(manual.__system.urlKey,manual);"><div class="detail_page_user_manual_image"> <img ng-src="{{::manual.displayImage}}" class="detail_page_user_manual_img"></div><div class="detail_page_user_manual_title"> {{::manual.CAPTION}} <i ng-if="::(manual['FILE_SIZE'] && manual['FILE_SIZE']!='')">({{::manual.FILE_SIZE}})</i> <i ng-if="::(manual['fileExt'])">(.{{::manual['fileExt']}})</i></div></a></div></div></div></div><div class="detail_page_product_notice" ng-if="::product.notice"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Note: Due to variations in cell phone manufacturing, the included mobile cable may not work on all models of cell phones. For full functionality on Android phones, a third-party app such as Headset Button Controller may be required.</div></section><div ng-if="page=='specifications' || smallView || printing" class="section_wrapper"><div class="mobile_section_titles" data-element="Mobile - Product Section Title" data-dd-action-name="Mobile - Product Section Title"> Specs</div><section class="detail_page_section detail_page_overview_section"><h2 ng-bind-html="::(product.brand + ' ' + (product.itemCode || product.mfr_num) + ' <span class=\'h2_secondary\'>SPECS</span>' | trust)" class="detail_page_product_section_title"></h2><div class="detail_page_specs_wrapper"><div ng-repeat="item in ::product.specifications track by $index" ng-if="item.HEADER || (item.SPEC_VALUE!='' && !item.SPEC_VALUE.toLowerCase().match('not specified by manufacturer')) || (item.SPEC_VALUE=='' && item.SPEC_NAME!='' && item.HEADER)" data-specs></div></div></section></div><div ng-if="(page=='accessories' || smallView) && accessories>0" class="section_wrapper" data-in-viewport><div class="mobile_section_titles" data-element="Mobile - Product Section Title" data-dd-action-name="Mobile - Product Section Title"> Accessories</div><section ng-if="inViewport" class="detail_page_section detail_page_overview_section detail_page_accessories_outer_wrapper" ng-controller="AccessoryController" ng-class="{'filtersVisible':categoryFiltersVisible}" ng-show="data.accessories.length>0"><h2 ng-bind-html="::(product.brand + ' ' + (product.itemCode || product.mfr_num) + ' <span class=\'h2_secondary\'>ACCESSORIES</span>' | trust)" class="detail_page_product_section_title detail_page_accessories_remove_for_print" data-scroll-hit data-element="Product Section Title" data-dd-action-name="Product Section Title"></h2><div class="detail_page_accessory_filters_toggle_wrapper" ng-if="data.showcased.length>2"><div class="detail_page_accessory_filters_toggle_btn" ng-click="showAccessoryFilters();"><i class="fal fa-sliders-h"></i> Filters</div><div class="detail_page_accessory_sort" id="detail_page_accessory_sort" ng-if="smallView"><div class="listing_page_sort_wrapper"><div class="display_items_count_text">Sort by:</div><div class="display_select"> <select ng-options="item.text for item in sortBy" ng-model="data.sortBy" class="select_dropdown" ng-change="hideAccessoryFilters();"></select></div><div class="sorter_direction"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i></div></div></div></div><div class="detail_page_accessory_options_layer" ng-if="data.showcased.length>
12" ng-class="{'visible':accessoryFiltersVisible}"><div class="product_layer_close"><i class="fal fa-times" ng-click="showAccessoryFilters();"></i></div><div class="detail_page_accessory_options_wrapper"><div class="detail_page_accessory_options"><div class="detail_page_accessory_brand_selector"><div class="display_select"> <select ng-options="brand.text for brand in brands" ng-model="data.brand" class="select_dropdown" ng-change="changeBrand();"></select></div></div><div class="detail_page_brands_toggle" ng-if="data.showAllBrands"> <i class="detail_page_category_filters_all_brands_i">Gradus Group is a leading manufacturer of photo, video and audio gear. <b class="uppercase">Oben</b> is one of our brands.</i></div></div></div><div class="detail_page_accessories_showcased_container"><div class="detail_page_accessories_showcased_heading" data-element="Product Section Title" data-dd-action-name="Product Section Title"> Filter by Category</div><div class="detail_page_accessories_showcased_container_wrapper"><div ng-repeat="cat in data.showcased" ng-if="(!data.showAllBrands && cat.hasBrand) || data.showAllBrands" class="detail_page_accessories_showcased_wrapper" ng-init="product=cat.accessory;" ng-click="setActiveCategoryFilter(cat.category);" ng-class="{'active':data.categoryFilters.indexOf(cat.category)!==-1||data.categoryFilters.length==0 && $index==0}"><div class="detail_page_accessories_showcased_image"> <img data-img-source data-type="list" data-obj="product" class="detail_page_image_gallery_others" ng-if="product.__system.img_list"><div class="detail_page_accessories_showcased_label">{{cat.category}}</div></div></div></div></div><div class="detail_page_accessory_sort" id="detail_page_accessory_sort"><div class="listing_page_sort_wrapper"><div class="display_items_count_text">Sort by:</div><div class="display_select"> <select ng-options="item.text for item in sortBy" ng-model="data.sortBy" class="select_dropdown" ng-change="hideAccessoryFilters();"></select></div><div class="sorter_direction"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i></div></div></div></div><div class="detail_page_accessories_wrapper"><div ng-repeat="cat in data.accessories" ng-if="(!data.showAllBrands && cat.hasBrand) || data.showAllBrands" class="detail_page_accessories_cat_wrapper"><div class="detail_page_accessories_cat_label" id="{{formatId('acc_label_'+cat.category)}}" ng-if="data.showcased.length>2">{{cat.category}}</div><div class="detail_page_accessories_cat_items" ng-if="cat.accessories.length>0"><div ng-repeat="product in cat.accessories|orderBy:data.sortBy.value:data.sortBy.direction" class="listing_page_product" ng-include="'_listingPageProduct.html'"></div></div></div></div></section></div><div ng-if=" (page=='support' && !smallView) && support" class="section_wrapper"><div class="mobile_section_titles" data-element="Mobile - Product Section Title" data-dd-action-name="Mobile - Product Section Title"> Support</div><section class="detail_page_section detail_page_overview_section" ng-include="'support.html'"></section></div><div ng-if="product.pageLink" class="row detail_page_promo_page_included"><div ng-repeat="pageLink in ::product.pageLink" class="row" ng-if="pageLink.tab == page || pageLink.tab == '*'"><div data-include-promo-page data-url="{{pageLink.promoPageUrl}}" class="promo_page_container"></div></div></div></div></div><div ng-if="!smallView && product.pagesIncluded && product.pagesIncluded.length>0" class="pages_included_wrapper"><div ng-repeat="pages in product.pagesIncluded" ng-if="pages.sections.indexOf(page)!==-1 || (pages.sections.indexOf('featured')!==-1 && page=='featured')"><div class="pages_content pages" id="pages_controller" ng-controller="PagesController"><div ng-repeat="section in data.obj.sections"><pages-element-repeat ng-repeat="element in section.elements" data-include-replace></pages-element-repeat></div></div></div></div></script>
1<script type="text/ng-template" id="productListingPage.html"><div class="content_wrapper_fixer"><div ng-if="::webHelper" class="content_sizer listing_page_helper"> <input type="checkbox" id="ignoreLifeCycles" ng-model="data.ignoreLifeCycles"><label for="ignoreLifeCycles">Ignore Life Cycles</label></div><div class="content_wrapper content_sizer" ng-if="::!hideOptions"><div class="breadcrumbs" ng-class="::{'hidden':noResults}" data-breadcrumbs></div><div class="listing_filters" ng-if="::hasFilters"></div></div><div class="sub_category_listing_page_banner_wrapper" ng-style="{'background':'url('+bannerImg+')','background-size':'cover','background-repeat':'no-repeat','background-position':'top'}" ng-if="bannerImg"><div class="content_wrapper content_sizer"><div ng-bind-html="::(bannerCode) | trust"></div></div></div><div class="content_wrapper content_sizer"><div class="listing_page_no_results" ng-class="{'visible':noResults}"><h1 class="listing_page_no_results_h1">We could not return any results</h1></div><div class="listing_page_results_wrapper" ng-class="{'hasFilters':hasFilters,'hidden':noResults}"><div class="sorting_bar"><div class="item_count"><div class="page_destination_title" ng-bind-html="(pageDestinationTitle)|trust"></div><div class="page_counter" ng-if="::!hideOptions"><div class="page_counter_txt">Page {{page}} of <span ng-bind-html="totalPages | trust" class="item_count_total"></span></div><div class="page_counter_divider">|</div><div class="page_total_results">{{totalResults}} Items</div></div></div><div class="display_items_count_wrapper" ng-if="::!hideOptions"><div class="display_items_count_text">Display:</div><div class="display_select" ng-hide="pageType=='Search' || totalResults<=16"> <select ng-options="item.text for item in limit" ng-model="data.limitSelected" ng-change="updateUrl();" class="select_dropdown"></select></div><div class="sorter_direction"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i></div></div><div class="listing_page_sort_wrapper" ng-if="!listingPageIncluded && sortBy.length>0 && totalResults>1"><div class="display_items_count_text">Sort by:</div><div class="display_select"> <select ng-options="item.text for item in sortBy" ng-model="data.sortBySelected" class="select_dropdown" ng-change="updateUrl();"></select></div><div class="sorter_direction"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i></div></div></div><div class="listing_page_filters"><div ng-repeat="filter in filters" class="listing_page_filter_wrapper"> <span class="listing_page_filter_title">{{filter.filter}}</span> <a ng-repeat="fil in filter.data" class="listing_page_filter_link" rel="nofollow" ng-class="{'active':isFilterActive(filter.filter,fil.val)}" href="/compatibility/{{compatibilityBrand}}/{{compModel}}/{{getActiveFilters()}}" ng-click="addFilter($event,filter.filter,fil.val);"><span class="styled_checkbox">{{fil.val}}</span></a></div></div><div class="listing_page_items_view" ng-if="::webHelper"><div ng-repeat="product in products" class="listing_page_product" ng-include="'_listingPageProductWebHelper.html'"></div></div><div class="listing_page_items_view" ng-if="::!webHelper"><div ng-repeat="product in products" class="listing_page_product" ng-include="'_listingPageProduct.html'"></div></div></div><div class="listing_page_pagination" ng-if="!hideOptions && data.limitSelected.value!='all'"><div class="listing_page_pagination_wrapper"><div></div><div class="listing_page_page_arrow listing_page_page_arrow_double" ng-if="page>1"><a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/1/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}"><i class="fa fa-chevron-left"></i><i class="fa fa-chevron-left"></i></a></div><div class="listing_page_page_arrow" ng-if="page>1"><a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{page-1}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}"><i class="fa fa-chevron-left"></i></a></div><div class="listing_page_page_number" ng-if="page-2>0"> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{page-2}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}">{{page-2}}</a></div><div class="listing_page_page_number" ng-if="page-1>0"> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{page-1}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}">{{page-1}}</a></div><div class="listing_page_page_number selected" ng-if="totalPagesCount>1"> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{$index+1}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}">{{page}}</a></div><div class="listing_page_page_number" ng-if="page+1<totalPagesCount+1"> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{page+1}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}">{{page+1}}</a></div><div class="listing_page_page_number" ng-if="page+2<totalPagesCount+1"> <a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{page+2}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}">{{page+2}}</a></div><div class="listing_page_page_arrow" ng-if="page<totalPagesCount"><a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{page+1}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}"><i class="fa fa-chevron-right"></i></a></div><div class="listing_page_page_arrow listing_page_page_arrow_double" ng-if="page<totalPagesCount"><a href="/products/{{::category.rootCategoryUrl}}/{{::category.categoryUrl}}/page/{{totalPagesCount}}/count/{{data.limitSelected.text}}/{{data.sortBySelected.value}}/{{data.sortBySelected.direction}}"><i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i></a></div></div></div></div></div></script>
1<script type="text/ng-template" id="subCategoryListingPage.html"><div class="content_wrapper_fixer"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="sub_category_listing_page_banner_wrapper" ng-style="{'background':'url('+bannerImg+')','background-size':'cover','background-repeat':'no-repeat'}" ng-if="bannerImg"><div ng-bind-html="bannerCode | trust"></div></div><div class="sub_category_listing_page"><div ng-repeat="cat in subCategories" class="sub_category_listing_page_item"><a href="/products/{{cat.rootCategoryUrl}}/{{cat.categoryUrl}}" class="sub_category_listing_page_link"><div class="sub_category_listing_page_image"> <img data-img-source data-obj="cat" data-sourceid="{{cat._id}}" data-size="" data-type="list" class="listing_page_product_image" ng-class="{'changingImage':changingImage}"></div><div class="sub_category_listing_title"> {{cat.category}}</div></a></div></div></div></div></script>
1<script type="text/ng-template" id="whereToBuy.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper"><h1>Where to Buy</h1><div class="where_to_buy" ng-repeat="where in whereToBuy"> <a href="{{where.link}}{{core.bhUTMSource|UTMSource:}}where_to_buy&BI={{core.bhBi}}" target="_blank"><img ng-src="/images/globals/{{where.img}}" class="where_to_buy_img"></a></div></div></div></script>
1<script type="text/ng-template" id="pricing.html"><div class="pricing_wrapper" itemprop="offers" itemtype="http://schema.org/Offer" itemscope ng-click="showPricingInfo($event);" data-element="Amount" data-dd-action-name="Amount"><link itemprop="url" href="{{::url}}"/><link itemprop="availability" href="{{::availability}}"/><meta itemprop="priceCurrency" content="USD"/><meta itemprop="priceValidUntil" content="{{::priceValidUntil}}"/><link itemprop="itemCondition" href="{{::itemCondition}}" content="NewCondition"/><meta itemprop="price" content="{{::dollars}}"/> <span class="pricing_msrp" ng-if="::(dollars>0)">MSRP<i class="fal fa-info-circle"></i><div data-simple-dropdown data-dropdown-class="small"> Note: This price reflects our suggested selling price to the retailer. The final price is decided by the retailer, however, and is often different.</div></span> <span class="pricing_msrp_price" ng-class="{'strike':employeePurchase}">${{::dollarsText||'0'}}.<sup class="pricing_msrp_price_cents">{{::centsText||'.00'}}</sup></span><span class="pricing_msrp" ng-if="::(employeePurchase)"><i class="fas fa-user-tag" style="color:#ff7000;"></i> Price</span> <span class="pricing_msrp_price" ng-if="::employeePurchase" title="Employee Purchase Price">${{::epDollarsText||'0'}}.<sup class="pricing_msrp_price_cents">{{::epCentsText||'.00'}}</sup></span> <span class="pricing_refund_wrapper"ng-if="::(hasRefund || hasFullRefund)"><span class="pricing_refund_text">{{::refundText}}</span><span class="pricing_refund">{{::dollarsRefundText}}.<sup class="pricing_msrp_price_cents">{{::centsRefundText}}</sup></span></span></div></script>
1<script type="text/ng-template" id="thankyou.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs"> <a href="/" class="breadcrumb_link">Home</a> <span class="breadcrumb_separator">/</span> <a href="/warranty" class="breadcrumb_link selected">Thank You</a></div><div class="static_content_wrapper"><h1>Support</h1><p>Thank you for contacting us. Please allow up to 2 business days for a response.</p></div></div></script>
1<script type="text/ng-template" id="contact.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper contact_form_wrapper"><form name="contactForm" ng-submit="vm.signup(contactForm.$valid)"><h1>Contact Us</h1><div class="section_toggle"><div class="section_toggle_btn" ng-class="{'selected':selected=='contact'}" ng-click="changeSection('contact');"> Contact Us</div><div class="section_toggle_btn" ng-class="{'selected':selected=='hours'}" ng-click="changeSection('hours');"> Hours</div></div><div class="support_left" ng-class="{'selected':selected=='contact'}"><div class="row"> <label for="subject">Subject<span class="required_field">*</span></label> <select ng-model="data.subject" class="" ng-options="subject.key as subject.value for subject in subjects"></select></div><div class="row" ng-if="data.subject!='generalInquiry'"> <label for="catalog">Catalog/MFR Number<span class="required_field">*</span></label> <input type="text" ng-model="data.catalog" id="catalog" required char-limit="255" class="contactForm_limit_field"></div><div class="row" ng-if="data.subject=='warrantyService'"> <label for="retailer">Retailer<span class="required_field">*</span></label> <input type="text" ng-model="data.retailer" id="retailer" required char-limit="100"></div><div class="row" ng-if="data.subject=='warrantyService'"><div class="half"> <label for="webOrderNumber">Web Order Number</label> <input type="text" ng-model="data.webOrderNumber" id="webOrderNumber" char-limit="20"></div><div class="half"> <label for="order">Order Number<span class="required_field">*</span></label> <input type="text" ng-model="data.order" id="order" required char-limit="20"></div></div><div class="row"><div class="section_value"> Contact Info</div></div><div class="row"><div class="half"> <label for="firstName">First Name<span class="required_field">*</span></label> <input type="text" name="firstName" id="firstName" ng-model="data.firstName" required char-limit="50" class="contactForm_limit_field"></div><div class="half"> <label for="lastName">Last Name<span class="required_field">*</span></label> <input type="text" name="lastName" id="lastName" ng-model="data.lastName" required char-limit="50" class="contactForm_limit_field"></div></div><div class="row"><div class="half"> <label for="tel">Telephone Number</label> <input type="text" name="tel" id="tel" ng-model="data.tel" char-limit="20"></div><div class="half"> <label for="email">Email Address<span class="required_field">*</span></label> <input type="email" name="email" id="email" ng-model="data.email" required char-limit="255"></div></div><div class="support_address_info"><div class="row"><div class="section_value"> Address</div></div><div class="row"> <label for="address">Address 1<span class="required_field">*</span></label> <input type="text" name="address" id="address" ng-model="data.address" required char-limit="80"></div><div class="row"> <label for="address2">Address 2</label> <input type="text" name="address2" id="address2" ng-model="data.address2" char-limit="80"></div><div class="row"><div class="half"> <label for="city">City<span class="required_field">*</span></label> <input type="text" name="city" id="city" ng-model="data.city" required char-limit="100"></div><div class="half"> <label for="state">State / Province</label> <select name="state" id="state" ng-model="data.state"><option value="">-- Please Select --</option><option value="Alabama">Alabama</option><option value="Alaska">Alaska</option><option value="American Samoa">American Samoa</option><option value="Arizona">Arizona</option><option value="Arkansas">Arkansas</option><option value="Armed Forces Africa">Armed Forces Africa</option><option value="Armed Forces Americas">Armed Forces Americas</option><option value="Armed Forces Canada">Armed Forces Canada</option><option value="Armed Forces Europe">Armed Forces Europe</option><option value="Armed Forces Middle East">Armed Forces Middle East</option><option value="Armed Forces Pacific">Armed Forces Pacific</option><option value="California">California</option><option value="Colorado">Colorado</option><option value="Connecticut">Connecticut</option><option value="Delaware">Delaware</option><option value="District of Columbia">District of Columbia</option><option value="Federated States Of Micronesia">Federated States Of Micronesia</option><option value="Florida">Florida</option><option value="Georgia">Georgia</option><option value="Guam">Guam</option><option value="Hawaii">Hawaii</option><option value="Idaho">Idaho</option><option value="Illinois">Illinois</option><option value="Indiana">Indiana</option><option value="Iowa">Iowa</option><option value="Kansas">Kansas</option><option value="Kentucky">Kentucky</option><option value="Louisiana">Louisiana</option><option value="Maine">Maine</option><option value="Marshall Islands">Marshall Islands</option><option value="Maryland">Maryland</option><option value="Massachusetts">Massachusetts</option><option value="Michigan">Michigan</option><option value="Minnesota">Minnesota</option><option value="Mississippi">Mississippi</option><option value="Missouri">Missouri</option><option value="Montana">Montana</option><option value="Nebraska">Nebraska</option><option value="Nevada">Nevada</option><option value="New Hampshire">New Hampshire</option><option value="New Jersey">New Jersey</option><option value="New Mexico">New Mexico</option><option value="New York">New York</option><option value="North Carolina">North Carolina</option><option value="North Dakota">North Dakota</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Ohio">Ohio</option><option value="Oklahoma">Oklahoma</option><option value="Oregon">Oregon</option><option value="Palau">Palau</option><option value="Pennsylvania">Pennsylvania</option><option value="Puerto Rico">Puerto Rico</option><option value="Rhode Island">Rhode Island</option><option value="South Carolina">South Carolina</option><option value="South Dakota">South Dakota</option><option value="Tennessee">Tennessee</option><option value="Texas">Texas</option><option value="Utah">Utah</option><option value="Vermont">Vermont</option><option value="Virgin Islands">Virgin Islands</option><option value="Virginia">Virginia</option><option value="Washington">Washington</option><option value="West Virginia">West Virginia</option><option value="Wisconsin">Wisconsin</option><option value="Wyoming">Wyoming</option></select></div></div><div class="row"><div class="half"> <label for="zip">Zip/Postal Code<span class="required_field">*</span></label> <input type="text" name="zip" id="zip" ng-model="data.zip" required char-limit="50"></div><div class="half"> <label for="country">Country<span class="required_field">*</span></label> <select name="country" id="country" ng-model="data.country" required><option value="">-- Please Select --</option><option value="AF"> Afghanistan</option><option value="AX"> Ã
land Islands</option><option value="AL"> Albania</option><option value="DZ"> Algeria</option><option value="AS"> American Samoa</option><option value="AD"> Andorra</option><option value="AO"> Angola</option><option value="AI"> Anguilla</option><option value="AQ"> Antarctica</option><option value="AG"> Antigua and Barbuda</option><option value="AR"> Argentina</option><option value="AM"> Armenia</option><option value="AW"> Aruba</option><option value="AU"> Australia</option><option value="AT">
1 Austria</option><option value="AZ"> Azerbaijan</option><option value="BS"> Bahamas</option><option value="BH"> Bahrain</option><option value="BD"> Bangladesh</option><option value="BB"> Barbados</option><option value="BY"> Belarus</option><option value="BE"> Belgium</option><option value="BZ"> Belize</option><option value="BJ"> Benin</option><option value="BM"> Bermuda</option><option value="BT"> Bhutan</option><option value="BO"> Bolivia</option><option value="BA"> Bosnia and Herzegovina</option><option value="BW"> Botswana</option><option value="BV"> Bouvet Island</option><option value="BR"> Brazil</option><option value="IO"> British Indian Ocean Territory</option><option value="VG"> British Virgin Islands</option><option value="BN"> Brunei</option><option value="BG"> Bulgaria</option><option value="BF"> Burkina Faso</option><option value="BI"> Burundi</option><option value="KH"> Cambodia</option><option value="CM"> Cameroon</option><option value="CA"> Canada</option><option value="CV"> Cape Verde</option><option value="KY"> Cayman Islands</option><option value="CF"> Central African Republic</option><option value="TD"> Chad</option><option value="CL"> Chile</option><option value="CN"> China</option><option value="CX"> Christmas Island</option><option value="CC"> Cocos [Keeling] Islands</option><option value="CO"> Colombia</option><option value="KM"> Comoros</option><option value="CG"> Congo - Brazzaville</option><option value="CD"> Congo - Kinshasa</option><option value="CK"> Cook Islands</option><option value="CR"> Costa Rica</option><option value="CI"> Côte dâIvoire</option><option value="HR"> Croatia</option><option value="CU"> Cuba</option><option value="CY"> Cyprus</option><option value="CZ"> Czech Republic</option><option value="DK"> Denmark</option><option value="DJ"> Djibouti</option><option value="DM"> Dominica</option><option value="DO"> Dominican Republic</option><option value="EC"> Ecuador</option><option value="EG"> Egypt</option><option value="SV"> El Salvador</option><option value="GQ"> Equatorial Guinea</option><option value="ER"> Eritrea</option><option value="EE"> Estonia</option><option value="ET"> Ethiopia</option><option value="FK"> Falkland Islands</option><option value="FO"> Faroe Islands</option><option value="FJ"> Fiji</option><option value="FI"> Finland</option><option value="FR"> France</option><option value="GF"> French Guiana</option><option value="PF"> French Polynesia</option><option value="TF"> French Southern Territories</option><option value="GA"> Gabon</option><option value="GM"> Gambia</option><option value="GE"> Georgia</option><option value="DE"> Germany</option><option value="GH"> Ghana</option><option value="GI"> Gibraltar</option><option value="GR"> Greece</option><option value="GL"> Greenland</option><option value="GD"> Grenada</option><option value="GP"> Guadeloupe</option><option value="GU"> Guam</option><option value="GT"> Guatemala</option><option value="GG"> Guernsey</option><option value="GN"> Guinea</option><option value="GW"> Guinea-Bissau</option><option value="GY"> Guyana</option><option value="HT"> Haiti</option><option value="HM"> Heard Island and McDonald Islands</option><option value="HN"> Honduras</option><option value="HK"> Hong Kong SAR China</option><option value="HU"> Hungary</option><option value="IS"> Iceland</option><option value="IN"> India</option><option value="ID"> Indonesia</option><option value="IR"> Iran</option><option value="IQ"> Iraq</option><option value="IE"> Ireland</option><option value="IM"> Isle of Man</option><option value="IL"> Israel</option><option value="IT"> Italy</option><option value="JM"> Jamaica</option><option value="JP"> Japan</option><option value="JE"> Jersey</option><option value="JO"> Jordan</option><option value="KZ"> Kazakhstan</option><option value="KE"> Kenya</option><option value="KI"> Kiribati</option><option value="KW"> Kuwait</option><option value="KG"> Kyrgyzstan</option><option value="LA"> Laos</option><option value="LV"> Latvia</option><option value="LB"> Lebanon</option><option value="LS"> Lesotho</option><option value="LR"> Liberia</option><option value="LY"> Libya</option><option value="LI"> Liechtenstein</option><option value="LT"> Lithuania</option><option value="LU"> Luxembourg</option><option value="MO"> Macau SAR China</option><option value="MK"> Macedonia</option><option value="MG"> Madagascar</option><option value="MW"> Malawi</option><option value="MY"> Malaysia</option><option value="MV"> Maldives</option><option value="ML"> Mali</option><option value="MT"> Malta</option><option value="MH"> Marshall Islands</option><option value="MQ"> Martinique</option><option value="MR"> Mauritania</option><option value="MU"> Mauritius</option><option value="YT"> Mayotte</option><option value="MX"> Mexico</option><option value="FM"> Micronesia</option><option value="MD"> Moldova</option><option value="MC"> Monaco</option><option value="MN"> Mongolia</option><option value="ME"> Montenegro</option><option value="MS"> Montserrat</option><option value="MA"> Morocco</option><option value="MZ"> Mozambique</option><option value="MM"> Myanmar [Burma]</option><option value="NA"> Namibia</option><option value="NR"> Nauru</option><option value="NP"> Nepal</option><option value="NL"> Netherlands</option><option value="AN"> Netherlands Antilles</option><option value="NC"> New Caledonia</option><option value="NZ"> New Zealand</option><option value="NI"> Nicaragua</option><option value="NE"> Niger</option><option value="NG"> Nigeria</option><option value="NU"> Niue</option><option value="NF"> Norfolk Island</option><option value="MP"> Northern Mariana Islands</option><option value="KP"> North Korea</option><option value="NO"> Norway</option><option value="OM"> Oman</option><option value="PK"> Pakistan</option><option value="PW"> Palau</option><option value="PS"> Palestinian Territories</option><option value="PA"> Panama</option><option value="PG"> Papua New Guinea</option><option value="PY"> Paraguay</option><option value="PE"> Peru</option><option value="PH"> Philippines</option><option value="PN"> Pitcairn Islands</option><option value="PL"> Poland</option><option value="PT"> Portugal</option><option value="PR"> Puerto Rico</option><option value="QA"> Qatar</option><option value="RE"> Réunion</option><option value="RO"> Romania</option><option value="RU"> Russia</option><option value="RW"> Rwanda</option><option value="BL"> Saint Barthélemy</option><option value="SH"> Saint Helena</option><option value="KN"> Saint Kitts and Nevis</option><option value="LC"> Saint Lucia</option><option value="MF"> Saint Martin</option><option value="PM"> Saint Pierre and Miquelon</option><option value="VC"> Saint Vincent and the Grenadines</option><option value="WS"> Samoa</option><option value="SM"> San Marino</option><option value="ST"> São Tomé and PrÃncipe</option><option value="SA"> Saudi Arabia</option><option value="SN"> Senegal</option><option value="RS"> Serbia</option><option value="SC"> Seychelles</option><option value="SL"> Sierra Leone</option><option value="SG"> Singapore</option><option value="SK"> Slovakia</option><option value="SI"> Slovenia</option><option value="SB"> Solomon Islands</option><option value="SO"> Somalia</option><option value="ZA"> South Africa</option><option value="GS"> South Georgia and the South Sandwich Islands</option><option value="KR"> South Korea</option><option value="ES"> Spain</option><option value="LK"> Sri Lanka</option><option value="SD"> Sudan</option><option value="SR"> Suriname</option><option value="SJ"> Svalbard and Jan Mayen</option><option value="SZ"> Swaziland</option><option value="SE"> Sweden</option><option value="CH"> Switzerland</option><option value="SY"> Syria</option><option value="TW"> Taiwan</option><option value="TJ"> Tajikistan</option><option value="TZ"> Tanzania</option><option value="TH"> Thailand</option><option value="TL"> Timor-Leste</option><option value="TG"> Togo</option><option value="TK"> Tokelau</option><option value="TO"> Tonga</option><option value="TT"> Trinidad and Tobago</option><option value="TN"> Tunisia</option><option value="TR"> Turkey</option><option value="TM"> Turkmenistan</option><option value="TC"> Turks and Caicos Islands</option><option value="TV"> Tuvalu</option><option value="UG"> Uganda</option><option value="UA"> Ukraine</option><option value="AE"> United Arab Emirates</option><option value="GB"> United Kingdom</option><option value="US" selected="selected"> United States</option><option value="UY"> Uruguay</option><option value="UM"> U.S. Minor Outlying Islands</option><option value="VI"> U.S. Virgin Islands</option><option value="UZ"> Uzbekistan</option><option value="VU"> Vanuatu</option><option value="VA"> Vatican City</option><option value="VE"> Venezuela</option><option value="VN"> Vietnam</option><option value="WF"> Wallis and Futuna</option><option value="EH"> Western Sahara</option><option value="YE"> Yemen</option><option value="ZM"> Zambia</option><option value="ZW"> Zimbabwe</option></select></div></div></div><div class="row"> <label for="message">Message<span class="required_field">*</span></label><textarea name="message" id="message" ng-model="data.msg" required char-limit="1000"></textarea></div><div class="row"><div class="google-recaptcha-mobile"><div data-vc-recaptcha data-key="vm.publicKey"></div></div><div class="submit_btn"> <input type="submit" value="Submit" ng-class="{'enabled':contactForm.$valid}"></div></div></div><div class="support_right" ng-class="{'selected':selected=='hours'}"><div class="contact_info_area"><div class="section_value"> Customer Support</div><div class="contact_number"> <b>
1<a href="tel:{{core.config.supportTel}}">{{::core.config.supportTel}}</a></b></div><div ng-repeat="day in ::core.customerServiceSchedule track by $index"><div class="contact_days"> {{::day.Days}}</div><div class="contact_time"> {{::day.Hours}}</div></div><div class="holiday_schedule_link"> <a href="/holiday-schedule">Holiday Schedule</a></div><div class="email_link"> Email: <a href="mailto:{{::core.config.infoEmail}}">{{::core.config.infoEmail}}</a></div></div></div></form></div></div></script>
1<script type="text/ng-template" id="privacy.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper"><h1>Privacy Policy</h1><p> <span class="static_title">Security</span><br><br> The privacy and security of your personal information is very important to us.<br><br> <span class="static_title">Cookies</span><br><br> When you visit our site, we will ask your browser to place a permanent "cookie" (a very small text file) on your computer. If your browser is configured to accept cookies, it will accept the cookie and place it on your computer's hard drive. We collect this information to analyze where our customers are coming from and how often they visit our site. We also collect certain technical information from your computer, like your IP address and the address of a referring web site, if any. This information will allow us to enhance our site to our customer's preferences. This information is used only for your benefit, as well as ours. You can visit our site without cookies if you choose to do so. To visit our site without cookies, you can configure your browser to reject all cookies or to notify you when a cookie is set. Check the browsers help menu to learn how to change your cookie preferences.<br><br> <span class="static_title">Links</span><br><br> Our Site may contain links to other websites. We are not responsible for the privacy practices, security, or content of web sites mention on our site. If you click on third party links, you will be redirected to their web site and, in doing so; you may provide information directly to them. Therefore, you should refer to their privacy policies to understand how they handle your information and what choices you have.<br><br> <span class="static_title">Use of Information</span><br><br> We may use your information in a number of ways, including the following:<br><br><ul><li>To improve the content on our website. For example, we may use cookies to find out which parts of our site or our products are visited most often.</li><li>For marketing and promotional purposes.</li></ul> <span class="static_title">Sharing Information</span><br><br> We may share your information when we are required by law or to protect our interests or property. This may include, without limitation, sharing information with other companies, lawyers, credit bureaus, agents or government agencies in connection with issues related to fraud, credit or debt collection.<br><br> <span class="static_title">Our Commitment to Children's Privacy</span><br><br> We never collect or maintain information at our website from those we actually know are under 13, nor is any part of our website structured to attract anyone under 13.<br><br> <span class="static_title">Changes to the Oben Privacy Policy</span><br><br> By visiting our site you consent to our collection and use of your information as described above. From time to time we may update or change this Privacy Policy. We reserve the right to modify this Privacy Policy at any time by posting updated text on this site. We urge you to periodically visit and review this Privacy Policy to remain apprised of any changes to its terms.<br><br> <span class="static_title">Your California Privacy Policy Rights</span><br><br> If you are a California resident, you have the right to receive: (a) information identifying all third party companies to whom we may have disclosed, within the past year, personal information pertaining to you and your family for that company's direct marketing purposes; and (b) a description of the categories of personal information disclosed. To obtain this information, please e-mail us by clicking here. Please allow 30 days for a response.</p></div></div></script>
1<script type="text/ng-template" id="userAgreement.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper"><h1>User Agreements and Disclaimers</h1><p> <span class="static_title">PLEASE READ THE FOLLOWING TERMS AND CONDITIONS CAREFULLY BEFORE USING THIS SITE.</span><br><br> Access to and use of this site is subject to the following terms and conditions and all applicable laws. Please review these terms and conditions on a periodic basis, as they are subject to modification, alteration, or update at any time and at the sole discretion of Oben. If you do not agree to any term or condition, you should not use this site.<br><br> <span class="static_title">1. COPYRIGHT NOTICE</span><br><br> This World Wide Website and all of its content, including but not limited to the text and images used herein and their arrangement, is copyright ©2016 Gradus Group LLC.<br><br> <span class="static_title">2. TRADEMARKS NOTICE</span><br><br> Gradus Group LLC, Oben, and all other Oben names, businesses, and products referenced herein are trademarks or registered trademarks. All other products and company names referenced herein, if any, may be the trademarks of their respective owners. We do not authorize the use of any trade name, trademark, registered trademark, logo, or any copyrighted material referenced herein for any purpose whatsoever, including non-commercial applications.<br><br> <span class="static_title">3. RESTRICTIONS ON USE</span><br><br> No permission is granted for use the materials, information, text or graphics, and/or to hyperlink other Websites with this Website, or to use the materials on your Website in any way or for any reason without prior specific authorization from us. We reserve all rights not expressly granted herein.<br><br> <span class="static_title">4. THIRD PARTY SITES</span><br><br> We may from time to time provide links and pointers to Internet sites maintained by third parties ("third party sites") and it may from time to time provide materials from third parties on this Website. These third party sites and any third party materials are provided for your convenience only. We do not operate or control in any respect any information, products or services available on these third party sites and we are not responsible for their content. We make no representations whatsoever concerning the content of these sites and the fact that we have provided a link to such sites is NOT an endorsement, authorization, sponsorship, or affiliation by Oben with respect to such sites, its services, the products displayed, its owners, or its providers. You access these sites at your own risk.<br><br> <span class="static_title">5. DISCLAIMER</span><br><br> There are certain risks in using any information, software, or products found on the Internet; and we caution you to make certain that you completely understand these risks before retrieving, using, relying upon, or purchasing anything via the Internet.<br><br> Visitors to this Website assume all responsibility and risk for the use of this Website. Information published on this Website is provided without charge as a convenience to visitors, to be used for informational purposes only. NOTHING IN THIS WEBSITE CONSTITUTES A RECOMMENDATION OR ENDORSEMENT OF ANY ITEM, PRODUCT OR BRAND.<br><br> ALTHOUGH REASONABLE CARE HAS BEEN TAKEN WITH REGARD TO THIS SITE'S CONTENT, WE DO NOT WARRANT OR REPRESENT THAT THIS SITE'S CONTENT IS ACCURATE, COMPLETE, OR UP-TO-DATE, NOR DO WE WARRANT OR REPRESENT THAT ACCESS TO AND USE OF THIS SITE OR THE SERVER WHICH MAKES IT AVAILABLE WILL BE UNINTERRUPTED, ERROR-FREE, AND FREE OF COMPUTER VIRUSES OR OTHER HARMFUL COMPONENTS. THE CONTENT OF THIS SITE MAY INCLUDE TECHNICAL INACCURACIES OR TYPOGRAPHICAL ERRORS FOR WHICH WE ASSUME NO RESPONSIBILITY.<br><br> ALL OF THE MATERIALS PROVIDED HEREIN, INCLUDING ALL OF THE MATERIALS AVAILABLE ON THIRD PARTY SITES, ARE PROVIDED ON AN "AS IS" AND "AS AVAILABLE" BASIS AND WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED.<br><br> TO THE FULLEST EXTENT PERMISSIBLE PURSUANT TO APPLICABLE LAW, WE DISCLAIM ALL WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.<br><br> <span class="static_title">6. LIMITATION OF LIABILITY</span><br><br> We are not responsible for any infections, contaminations, delay in operation or transmission, line failure, errors, omissions, interruptions, or defects arising out of your use of this site or with respect to the material provided and/or contained on this site.<br><br> In no event shall we be liable for any special, direct, indirect, incidental, or consequential damages, or any other damages of any kind, resulting from whatever cause, including but not limited to loss of use, loss profits, or loss of data, whether in an action under theories of contract, negligence, strict liability, or otherwise, arising out of or in any way in connection with the use of or inability to use the information or materials on, or accessed through, the our Website.<br><br> Notwithstanding the above, in no event shall our total liability to you for any and all claims, damages, losses, and causes of action exceed the amounts paid to Oben by you in connection with the transaction claimed by you to give rise to your claim.<br><br> <span class="static_title">7. COMMUNICATIONS AND SUBMISSIONS</span><br><br> All personal data transmitted to us over the internet pursuant to placing an order, logging in or registering an account, such as name, e-mail address, physical address, telephone number and payment information, shall be treated as confidential information. Any communication or other materials which you submit to us or this Website (including, but not limited to, e-mail, product reviews or other postings) relating to products, experiences, suggestions or other subject matter will be treated as non-confidential and n
1on-proprietary "Submissions." All Submissions made to public areas, such as product reviews, are not subject to our Privacy Policy.<br><br> By transmitting or posting any Submissions to us or to this Website you grant us and our affiliates a non-exclusive, royalty-free, perpetual, irrevocable, and fully sublicensable right to use the content of such Submissions for any purpose, including, but not limited to, the rights to reproduce, modify, adapt, publish, translate, create derivative works from, distribute, and display such content throughout the world in any media. You also grant us and our affiliates and sublicensees the right, at our sole discretion without obligation to do so, to use the name that you submit in connection with such content. You further agree that the license granted herein includes all of the rights to use or authorize the use of any ideas, concepts, know-how or techniques contained in such Submissions for any purpose whatsoever, including, but not limited to, developing, manufacturing and marketing products or services incorporating such information.<br><br> You represent and warrant that you own or otherwise control all of the rights to the content of your Submissions; that the content is accurate; that use of the content you supply does not violate any terms of this User Agreement and will not cause injury to any person or entity; and that you will indemnify us and our for all claims resulting from content you supply. You agree that neither us nor our licensees will be liable to you for any use of any Submission. We have the right but not the obligation to monitor and edit or remove any activity or content.<br><br> You acknowledge and agree that you are solely responsible for any Submissions you submit to us or this Website and further agree that you, not us, have full responsibility for the content of any such Submissions, including their legality, reliability and appropriateness.<br><br> <span class="static_title">8. JURISDICTION AND CHOICE-OF-LAW</span><br><br> We operate this Website from our offices located in New York, New York, in the United States of America. We makes no representations that the materials in this site are appropriate or available for use in other locations. Those who choose to access this Website from other locations do so at their own risk and are responsible for compliance with any and all local laws, if and to the extent local laws are applicable.<br><br> This agreement, and any dispute, which arises from and out of this Website, shall be construed with the laws of the state of New York. Any legal action regarding this agreement or this Website shall be brought only in either the State or Federal Courts located within the City of New York, New York and by using this site you consent to personal jurisdiction within these courts.<br><br> <span class="static_title">9. INQUIRIES</span><br><br> If you have any questions regarding any portion of this Agreement, or if you wish to inquire, regarding rights of use not explicitly granted herein, please direct questions via email to [email protected]<br><br> <span class="static_title">TERMINATION</span><br><br> We or you may terminate this Agreement at any time. You may terminate this Agreement by destroying all materials obtained from this Website. We may terminate this Agreement immediately without notice if, in its sole judgment, you breach any term or condition of this Agreement. Upon termination, you must destroy all materials obtained from this Website.<br><br> <span class="static_title">INTEGRATION</span><br><br> This agreement constitutes the entire Agreement between you and us and supersedes any prior oral or written arguments, understandings, or other communications between parties. This Agreement may not be modified except in writing signed by both you and our authorized signatory.<br><br> <span class="static_title">OTHER</span><br><br> The headings in this agreement are for reference purposes only and have no legal effect. If any portion of this agreement is void or unenforceable in whole or in part, the remaining provisions of this agreement shall remain in effect.</p></div></div></script>
1<script type="text/ng-template" id="warranty.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper"><h1>Warranty Information</h1><p> <span class="static_title">LIMITED ONE-YEAR WARRANTY</span><br><br> Oben products are warranted to the original purchaser to be free from defects in materials and workmanship under normal consumer use for a period of ONE (1) years from the original purchase date or thirty (30) days after replacement, whichever occurs later. The warranty provider's responsibility with respect to this limited warranty shall be limited solely to repair or replacement, at the provider's discretion, of any product that fails during normal use of this product in its intended manner and in its intended environment. Inoperability of the product or part(s) shall be determined by the warranty provider. If the product has been discontinued, the warranty provider reserves the right to replace it with a model of equivalent quality and function.<br><br> This warranty does not cover damage or defect caused by misuse, neglect, accident, alteration, abuse, improper installation or maintenance. EXCEPT AS PROVIDED HEREIN, THE WARRANTY PROVIDER MAKES NEITHER ANY EXPRESS WARRANTIES NOR ANY IMPLIED WARRANTIES, INCLUDING BUT NOT LIMITED TO ANY IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. This warranty provides you with specific legal rights, and you may also have additional rights that vary from state to state.<br><br> To obtain warranty coverage, contact the Oben Customer Service Department to obtain a return merchandise authorization ("RMA") number, and return the defective product to Oben along with the RMA number and proof of purchase. Shipment of the defective product is at the purchaser's own risk and expense.<br><br> For more information, or to arrange service, visit <a href="http://support.gradusgroup.com/">Support</a> or call Customer Service at <b>
1{{core.config.supportTel}}</b><br><br> Oben is a Gradus Group Brand.<br><br> Product warranty provided by the Gradus Group.<br><br> <a href="http://www.gradusgroup.com">www.gradusgroup.com</a><br><br> Oben is a registered trademark of the Gradus Group. ©{{CurrentYear}} Gradus Group LLC. All Rights Reserved.</p></div></div></script>
1<script type="text/ng-template" id="holidaySchedule.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs"> <a href="/" class="breadcrumb_link">Home</a> <span class="breadcrumb_separator">/</span> <a href="/holiday-schedule" class="breadcrumb_link selected">Holiday Schedule</a></div><div class="static_content_wrapper"><h1>Holiday Schedule</h1><div class="customer_service_schedule"><table cellpadding="0" cellspacing="0" border="0" class="schedule_table"><tr><td colspan="2"><i class="fa fa-wrench" aria-hidden="true"></i>Customer Service</td></tr><tr ng-repeat="row in customerServiceSchedule"><td>{{::row.Days}}</td><td>{{::row.Hours}}</td></tr><tr><td colspan="2"> {{timeZone}}</td></tr></table></div><div class="holiday_schedule"><table cellpadding="0" cellspacing="0" border="0" class="schedule_table"><tr><td colspan="3"><i class="fa fa-calendar" aria-hidden="true"></i> {{::Year}} Holiday Calendar</td></tr><tr ng-repeat="row in holidayCalendar" ng-if="::!row.hide"><td>{{::row.Day}}</td><td>{{::row.Date}}</td><td ng-class="::{'open':row.open}">{{::row.open ? "Open" : "Closed"}}</td></tr></table></div></div></div></script>
1<script type="text/ng-template" id="404.html"><div class="content_wrapper content_sizer alternative_results_wrapper" ng-if="loaded"><div class="static_content_wrapper"><div ng-if="!alternative"><h1>404 Page Not Found</h1> We are sorry but the url could not be found</div><div ng-if="alternative"><h1>Please see suggestions below</h1></div></div><div class="listing_page_items_view" ng-if="alternative && products && products.length>0"><div ng-repeat="product in products" class="listing_page_product" ng-include="'_listingPageProduct.html'"></div></div><div class="category_alternative" ng-if="alternative && product && product.ItemInCategory && product.ItemInCategory[0]"><h2>Browse by Category</h2> <a href="/products/{{::categoryUrlLink}}" class="listing_page_link">{{product.ItemInCategory[0].category}}</a></div></div></script>
1<script type="text/ng-template" id="productNotFound.html"><div class="content_wrapper content_sizer"><div class="static_content_wrapper"><div class="product_not_found_wrapper"><h1>Product not found</h1> <b>{{product.title}}</b></div></div></div></script>
1<script type="text/ng-template" id="lp.html"><div ng-bind-html="(code)|trust" id="lpCode"></div></script>
1<script type="text/ng-template" id="promoPage.html"><div class="content_wrapper content_sizer"><h1 ng-if="title">{{title}}</h1><div ng-repeat="section in content" ng-bind-html="::(section.content | templateVars)" class="promo_page_section {{section.cssClass}}"></div></div></script>
1<script type="text/ng-template" id="dynamicPromoPage.html"><div class="promo_page dynamic_promo_page"><div ng-repeat="module in content" class="{{module.cssClass}}"><div ng-if="module.customTemplate && module.customTemplate!=''" ng-include="module.customTemplate"></div><div ng-if="!module.customTemplate || module.customTemplate==''" ng-class="{'container_full':module.moduleWidth=='Full Width'}" ng-style="{'height':module.fixedHeight?module.fixedHeight:'auto'}" data-module="{{$index+1}}" add-class-on-scroll data-distance="-300"><div ng-if="module.backgroundType=='YouTube'" data-single-media data-mediaid="{{module.backgroundSource[0].mediaId}}"></div><div ng-if="module.backgroundType=='Image'" class="container_full_background" ng-style="{'background':'url('+core.amazonImageUrlPath + pageId + '/images/compressed/' + module.backgroundSource[0]['FILE_NAME']+')'}"></div><div class="container_center"><div ng-if="module.moduleConfig=='Text Only Center'" class="text_align_center"><div class="promo_page_text_module" ng-bind-html="::(module.content | templateVars)"></div></div><div ng-if="module.moduleConfig=='Text Only Left' || module.moduleConfig=='Text Left / Image Right'" class=""><div class="container_left"><div class="promo_page_text_module" data-bg="black"><div class="promo_page_text_module_opacity_bg" ng-if="module.opacityLayer && module.opacityLayer.enabled"></div><div class="promo_page_text_module_content" ng-bind-html="::(module.content | templateVars)"></div></div></div><div class="container_right"></div></div><div ng-if="module.moduleConfig=='Text Only Right' || module.moduleConfig=='Image Left / Text Right'" class=""><div class="container_left"><div class="promo_page_bg_img"></div></div><div class="container_right"><div class="promo_page_text_module" data-bg="black"><div class="promo_page_text_module_opacity_bg" ng-if="module.opacityLayer && module.opacityLayer.enabled"></div><div class="promo_page_text_module_content" ng-bind-html="::(module.content | templateVars)"></div></div></div></div></div></div></div></div></script>
1<script type="text/ng-template" id="bannerIncluded.html"><div ng-repeat="section in content" ng-bind-html="::(section.content | templateVars)" class="promo_page_section {{section.cssClass}}"></div></script>
1<script type="text/ng-template" id="HomePageMediaTemplate.html"><div class="content_wrapper content_sizer"><div ng-controller="MediaController"><div ng-controller="YouTubeVideoController"><div class="youtube_videos_wrapper" ng-if="media && media[0]"><div class="main_video_wrapper"><div id="mainVideo"></div></div><div class="detail_page_video_title">{{nowPlayingTitle}}</div><div class="media_carousel_container" ng-if="media && media.length>1"><div class="arrow_carousel" data-direction="left" ng-class="{'disabled':carousel_leftArrowDisabled}" ng-show="carousel_showLeftArrow" ng-click="carousel_move(false);" style="" data-element="Homepage - Media Left" data-dd-action-name="Homepage - Media Left"><i class="fa fa-chevron-left"></i></div><div class="media_carousel" data-carousel><div class="media_carousel_wrapper" ng-style="{'transform': 'translateX('+carouselX+') translateY('+carouselY+')', '-webkit-transform': 'translateX('+carouselX+') translateY('+carouselY+')', '-ms-transform': 'translateX('+carouselX+') translateY('+carouselY+')'}"><div ng-repeat="media in media" class="carousel_child" ng-class="{'now_playing':nowPlaying==media.mediaId}"><div class="video_thumbnails_wrapper"><div class="video_thumbnails" data-title="{{::media.title}}" ng-click="changeVideo(media);"> <img ng-src="//i.ytimg.com/vi/{{::media.mediaId}}/mqdefault.jpg" class="video_thumbnails_img"><i class="fab fa-youtube"></i></div></div></div></div></div><div class="arrow_carousel" data-direction="right" ng-class="{'disabled':carousel_rightArrowDisabled}" ng-show="carousel_showRightArrow" ng-click="carousel_move(true);" style="" data-element="Homepage - Media Right" data-dd-action-name="Homepage - Media Right"><i class="fa fa-chevron-right"></i></div></div></div></div></div></div></script>
1<script type="text/ng-template" id="banner.html"><div ng-controller="BannerController" ng-class="{'isHomepageBanner':isHomepageBanner}"><div ng-if="showBanner" class="banner_controller"><div ng-repeat="banner in banners track by $index" class="banner {{banner.bannerCssClass ? banner.bannerCssClass : ''}}" ng-style="{'height':(smallView ? banner.bannerHeightMobile : banner.bannerHeight)+'px'}" data-banner-timer><div class="banner_nav banner_nav_left" ng-click="changeBanner(0,banner);" ng-if="banner.showNav && banner.content.length>1"><i class="fal fa-chevron-square-left"></i></div><div class="banner_nav banner_nav_right" ng-click="changeBanner(1,banner);" ng-if="banner.showNav && banner.content.length>1"><i class="fal fa-chevron-square-right"></i></div><div class="banner_nav_pause" ng-click="pausePlayer();" ng-if="banner.showPause"><i class="fal fa-pause-circle" ng-if="!overrideAutoPlay"></i><i class="fal fa-play" ng-if="overrideAutoPlay"></i></div><div ng-repeat="content in banner.content" ng-init="outerIndex=$index;" class="banner_content {{content.cssClass}}" ng-if="content.enabled" ng-class="{'visible':$index==bannerVisible}"><a href="{{content.linkTo}}" ng-if="content.linkTo && content.linkTo!=''" ng-include="'banner_inner.html'" class="banner_link"></a><div ng-include="'banner_inner.html'" ng-if="!content.linkTo || content.linkTo==''"></div></div><div class="banner_pages_counter" ng-if="(banner.showNav || banner.showNavDots) && banner.content.length>1"><div class="banner_pages_counter_bg"></div><div ng-repeat="count in countToArray(banner.content.length) track by $index" ng-class="{'active':$index==bannerVisible}" class="banner_pages_counter_btn" ng-click="setBanner($index);"></div></div></div></div></div></script>
1<script type="text/ng-template" id="banner_inner.html"><div ng-if="content.bgType=='Media'" data-single-media data-mediaid="{{content.media[0].mediaId}}"></div><div ng-if="content.bgType=='Image'" class="banner_content_bg" style="background:url({{core.amazonImageUrlPath + banner._id + '/images/compressed/'+content.images[0]['FILE_NAME']}});"></div><div ng-if="banner.textWithOpacityBg && content.content!=''" class="content_sizer"><div class="banner_content_text_container"><div class="banner_content_text_bg"></div><div class="banner_content_code" ng-bind-html="content.content|trust"></div></div></div><div ng-if="!banner.textWithOpacityBg && content.content!=''" class="content_sizer"><div ng-bind-html="content.content|trust" class="banner_content_sizer"></div></div></script>
1<script type="text/ng-template" id="video.html"><div class="content_wrapper content_sizer"><div class="breadcrumbs" data-breadcrumbs></div><div class="static_content_wrapper about_us"><h1>Oben Videos</h1><div ng-include="'HomePageMediaTemplate.html'"></div></div></div></script>
1<script type="text/ng-template" id="typeaheadChild.html"><a href="{{entry.__system.link}}" ng-click="searchLog('product',typeAheadIndex);" class="typeahead_link" ng-class="{'visible':loaded}"><i ng-if="entry.__system.icon" class="typeahead_img {{entry.__system.icon}}"></i> <img ng-if="!entry.__system.icon && (entry.__system.internal_image || entry.__system.img_list)" ng-src="{{entry.__system.internal_image ? '/images/sites/Oben/'+entry.__system.internal_image : entry.__system.img_list}}" class="typeahead_img"> <img ng-if="!entry.__system.icon && (!entry.__system.internal_image && !entry.__system.img_list)" src="/images/globals/coming-soon.png" class="typeahead_img"><span class="typeahead_title" ng-bind-html="((entry.displayTitle ? entry.displayTitle : entry.query) | trust)"></span></a></script>
1<script type="text/ng-template" id="module_compatibility_finder.html"><div class="content_wrapper"><div ng-controller="CompatibilityController" class="content_sizer compatibility_container"><div class="compatibility_wrapper"><div class="compatibility_txt">FIND YOUR ACCESSORY</div><div class="compatibility_brand_wrapper"> <select class="compatibility_brand_selector" ng-model="selectedBrand" ng-options="item.brand as item.brand for item in compItems"></select></div><div class="compatibility_model_wrapper" ng-show="showModels"> <select class="compatibility_brand_selector" ng-model="model" ng-change="compGoto($index)" ng-options="item.model as item.model for item in selectedModel.models"></select></div><div class="compatibility_txt compatibility_txt_or" ng-if="showModelSearch">OR</div><div class="compatibility_model_wrapper compatibility_model_search_wrapper" ng-if="showModelSearch"> <input type="text" ng-model="modelSearch" placeholder="Enter Model #" class="compatibility_model_search" data-comp-type-ahead><div class="compatibility_type_ahead" ng-class="{'visible':showCompTypeAhead}"><div ng-repeat="model in itemsListFiltered" class="compatibility_type_ahead_model" ng-click="compGoto($index);" ng-class="{'selected':compTypeAheadIndex==$index}">{{::model.brand}} {{::model.model}}</div></div></div></div><div class="compatibility_wrapper_close"><span class="fa fa-times-circle" ng-click="showAccessoryBar();"></span></div></div></div></script>
1<script type="text/ng-template" id="downloads.html"><div class="desktop_banner downloads_banner" style="{{(core.downloadCenterBanner ? 'background:url(\''+core.downloadCenterBanner+'\');background-position:top center;background-repeat:no-repeat;background-size:cover;' : '')}}"><div class="content_sizer"><div class="site_banner_txt"><div class="content_bg"></div><div class="banner_code"><h1>Download Center</h1></div></div></div></div><div class="downloads_content"><div class="content_sizer downloads_container"><div class="downloads_model_selector"><div class="downloads_model_dropdown" ng-class="{'disabled':mfr}"> <span class="downloads_model_txt">Select Your Model</span> <select ng-model="mfr_dropdown" ng-options="mfr.mfr_num as mfr.mfr_num for mfr in mfrs" class="downloads_select"></select></div><div class="downloads_model_wrapper"> <span class="downloads_model_txt">or Enter a Model #</span><div class="downloads_model_container"><i class="fal fa-search"></i> <input type="text" data-downloads-type-ahead class="downloads_model downloads_input" ng-model="mfr" placeholder="Enter Device Model #"><div class="downloads_type_ahead" ng-class="{'visible':showDownloadsTypeAhead}"><div ng-repeat="model in mfrsFiltered" class="downloads_type_ahead_model" ng-click="downloadsGoto($index);" ng-class="{'selected':downloadsTypeAheadIndex==$index}">{{::model.mfr_num}}</div></div></div></div></div></div><div class="content_sizer downloads_content_section" ng-if="showSupport"><section class="detail_page_section detail_page_overview_section" ng-include="'support.html'"></section></div></div></script>
1<script type="text/ng-template" id="support.html"><h2 ng-bind-html="(product.brand + ' ' + (product.itemCode || product.mfr_num) + ' <span class=\'h2_secondary\'>SUPPORT</span>' | trust)" class="detail_page_product_section_title"></h2><div class="detail_page_specs_wrapper"><div class="tabs"><div ng-repeat="(key,value) in support" ng-if="supportSectionCount>1" class="tab" ng-class="{'selected':key==supportSection.selected}" ng-click="change_support_section(key);">{{key}}</div></div><div class="tabs_content"><div ng-if="platformSupport.length>2" class="tabs_section"><div class="tabs_section_title">Select OS</div><div class="tabs_select"><div class="select"> <select ng-options="os as os for os in platformSupport" ng-model="data.selectedOs" ng-class="custom_select"></select></div></div></div><div ng-repeat="(k,v) in supportSection.items" class="tabs_section"><div class="tabs_section_title">{{k}}s</div><div ng-if="k=='app' && appLink && product.appLinkDescription" class="tabs_app_link_description"><div ng-bind-html="product.appLinkDescription|trust" class="tabs_app_link_txt"></div></div><div class="tabs_section_content" ng-if="k!='app'"><div class="tabs_section_content_obj" ng-repeat="obj in v"><div class="tabs_section_item" ng-show="data.selectedOs=='Any' || data.selectedOs==obj.os"> <img ng-src="{{obj.displayImage}}" class="tabs_section_content_img"><a class="tabs_section_link" href="{{obj.__system.urlKey}}">{{obj.CAPTION}} <span class="tabs_section_file_props">[{{obj.fileExt}} / {{core.formatBytes(obj.FILE_SIZE)}}]</span> <span ng-if="platformSupport.length>1">({{obj.os}})</span></a></div></div></div><div class="tabs_apps_section" ng-if="k=='app'" ng-repeat="obj in v"><div class="tabs_section_content"><div class="tabs_app_short_description">{{obj.description}}</div><a href="{{obj.link}}" class="app_link_btn app_link_icon"><div ng-class="{'app_store_btn':obj.appleStore,'google_store_btn':obj.googlePlay}"></div></a></div></div></div></div></div></script>
1<script type="text/ng-template" id="sitemap.html"><div><div class="content_sizer"><div class="sitemap_section"><div class="sitemap_heading"><h2>Products</h2></div><div class="sitemap_items"><div ng-repeat="item in menu.items" class="sitemap_items_container"> <a href="/products/{{::item.categoryLink}}" class="sitemap_subheading">{{::item.category}}</a> <a ng-repeat="sub in ::item.subs" href="/products/{{::item.categoryLink}}/{{::sub.categoryLink}}" class="sitemap_link">{{::sub.category}}</a></div></div></div></div></div><div><div class="content_sizer"><div class="sitemap_section"><div class="sitemap_heading"><h2>Company</h2></div><div class="sitemap_items sitemap_company_section"><div class="sitemap_company_container"> <a href="/contact-us" class="sitemap_subheading">Contact Us</a> <a href="/holiday-schedule" class="sitemap_link">Holiday Schedule</a></div><div class="sitemap_company_container"> <a href="/about-us" class="sitemap_subheading">About Us</a> <a href="/warranty" class="sitemap_link">Warranty</a> <a href="/user-agreement" class="sitemap_link">User Agreement & Disclaimers</a> <a href="/privacy-security" class="sitemap_link">Privacy & Security</a></div><div class="sitemap_company_container"> <a href="/where-to-buy" class="sitemap_subheading">Where to Buy</a></div></div></div></div></div><div ng-if="core.accessoryBarEnabled"><div class="content_sizer"><div class="sitemap_section"><div class="sitemap_heading"><h2>Find Your Accessory</h2></div><div class="sitemap_items sitemap_accessory_section"><div class="sitemap_accessory_item" ng-repeat="brand in compatibility_items" ng-init="brand.showmore=false;"> <span class="sitemap_subheading no_hover">{{::brand.brand}}</span><div class="sitemap_models_wrapper" ng-class="{'max':brand.showmore}"> <a href="/compatibility/{{::fixBrandUrl(brand.brand)}}/{{::fixModelUrl(model.model)}}" rel="nofollow" ng-repeat="model in brand.models" class="sitemap_link">{{::model.model}}</a></div><div ng-if="brand.models.length>9" class="sitemap_show_more" ng-click="brand.showmore=!brand.showmore;">Show {{brand.showmore ? 'Less' : 'More'}}<i class="fa fa-chevron-right"></i></div></div></div></div></div></div></script>
1<script type="text/ng-template" id="login.html"><div><div ng-if="webOrderNumber || x3QuoteNumber" class="order_quote_row"><div ng-if="!isPaid">Your Quote #{{webOrderNumber||x3QuoteNumber}} is ready for payment</div><div ng-if="isPaid" class="order_paid">The Quote #{{webOrderNumber||x3QuoteNumber}} has already been paid</div></div><div class="content_sizer"><div class="login_wrapper"><div class="login_form"><form autocomplete="on" name="loginForm" ng-submit="processLogin(loginForm.$valid)" ng-if="formState<10"><div class="login_heading"><h1 class="login_h" ng-bind-html="(formStateMsg|trust)"></h1></div><div class="login_email row"><div class="input_field_group"> <input tabindex="1" type="email" class="input_field_group_field" required="required" ng-blur="emailBlur=true;" pattern="^[\S-]{1,}@[\S-]{1,}(.*)$" autocomplete="username" name="username" id="username" ng-model="formData.email" data-focus-email><span class="input_field_group_bar"></span> <label class="input_field_group_label">Email</label></div><div class="login_password_rule" ng-if="loginForm.email.$dirty && loginForm.email.$invalid && emailBlur"> Please enter a valid email</div></div><div class="login_password_reset" ng-if="formState!=3"><div class="login_links login_link_forgot" ng-click="forgotPassword()">Forgot Your Password?</div></div><div class="login_password row" ng-if="formState!=3"><div class="input_field_group"> <input tabindex="2" ng-if="formState==1" type="{{passwordVisible ? 'text' : 'password'}}" class="input_field_group_field" ng-blur="setPasswordBlurred(loginForm.password.$dirty);" required="required" pattern="^(?=.*[0-9])(?=.*[a-zA-Z])(?=\S+$).{8,}$" name="password" autocomplete="current-password" id="current-password" data-focus-password ng-model="formData.password"> <input tabindex="2" ng-if="formState!=1" type="{{passwordVisible ? 'text' : 'password'}}" class="input_field_group_field" ng-blur="setPasswordBlurred(loginForm.password.$dirty);" required="required" pattern="^(?=.*[0-9])(?=.*[a-zA-Z])(?=\S+$).{8,}$" name="password" autocomplete="new-password" id="new-password" data-focus-password ng-model="formData.password"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Password</label><div class="fa fa-eye show_password_toggle" ng-click="passwordVisible=!passwordVisible" title="Click here to {{passwordVisible ? 'hide' : 'show'}} your password"></div></div><div class="login_password_rule" ng-if="passwordBlur && (loginForm.password.$dirty && loginForm.password.$invalid && loginForm.password.$touched)"> Password must have at least 8 characters, and include letters and numbers.</div></div><div class="login_btn_row row"><div data-vc-recaptcha data-key="vm.publicKey" class="login_recaptcha" tabindex="3"></div></div><div class="login_btn_row row"><div class="login_input"> <input tabindex="4" type="submit" class="login_btn cta_btn" value="{{formState==1 ? 'Login' : formStateMsg}}" ng-class="{'disabled':!loginForm.$valid}"></div><div ng-if="errorMsg" class="login_errors" ng-bind-html="(errorMsg|trust)"></div><div ng-if="info" class="login_info" ng-bind-html="(info|trust)"></div></div><div class="login_btn_row row" style="text-align:left;"><div class="login_input login_create_account_wrapper" ng-if="formState==1"> <span class="login_links_text">No Account?</span> <span class="login_links login_link_create" tabindex="5" ng-click="createAccount()">Sign up</span></div><div class="login_input" ng-if="formState!=1"> <span class="login_links_text">Have an account?</span> <span class="login_links login_link_create" ng-click="back()">Log in</span></div><div class="request_help_container"><a href="http://support.gradusgroup.com/" class="login_links">Request Help</a></div></div></form><div ng-if="formState==10" class="row login_reset_wrapper"><div class="login_heading"><h1 class="login_h">We sent an email to</h1></div><div class="login_reset_email">{{formData.email}}</div><div class="login_reset_txt">Please check your email and follow the directions to reset your password.</div><div class="login_reset_txt login_reset_no_email">Didn't receive an email?</div><div class="login_reset_txt_lnk" ng-click="reEnterEmail();">Re-enter email</div></div><div ng-if="formState==15" class="row login_reset_wrapper"><div class="login_heading"><h1 class="login_h" style="color:green;">Activation Email Sent!</h1><br><div class="login_reset_txt" ng-bind-html="(info|trust)"></div></div></div><div ng-if="formState==20" class="row login_reset_wrapper"><div class="login_heading"><h1 class="login_h" style="color:red;">
1Account Activation Error!</h1><br><div class="login_reset_txt"> Please call customer service at<br><br> <a href="tel:{{core.config.supportTel}}">{{::core.config.supportTel}}</a><br><br> Something went wrong trying to activate your account</div></div></div></div></div></div></div></script>
1<script type="text/ng-template" id="survey.html"><div ng-if="surveyCompleted"><div class="content_sizer survey_completed"><div class="survey_completed_top"><div class="fa fa-shield-check"></div></div><div class="survey_completed_bottom"><div>Thanks for Sharing Your Feedback</div><div>Although we take great care to review all feedback submitted to us, we may not be able to immediately respond to your comments.</div><div>Need help? Please contact us:</div><div><a href="tel:{{core.config.supportTel}}">{{::core.config.supportTel}}</a> | <a href="mailto:{{::core.config.infoEmail}}">{{::core.config.infoEmail}}</a></div></div></div></div><form name="surveyForm" ng-submit="saveSurvey(surveyForm.$valid)" ng-if="surveyLoaded && !surveyCompleted"><div class="content_sizer survey"><h1>Customer Service Survey</h1><div class="survey_section_2"><div> Was your issue resolved? *</div><div><div><input type="radio" required="true" name="issueResolved" id="issueResolved_yes" ng-model="survey.resolved" value="Yes"><label for="issueResolved_yes">Yes</label></div><div><input type="radio" required="true" name="issueResolved" id="issueResolved_no" ng-model="survey.resolved" value="No"><label for="issueResolved_no">No</label></div></div></div><div class="survey_section_3" ng-if="survey.resolved!='No'"><div> How quickly were we able to resolve your issue? (Scale: 1-5, with 1 being "Very Slow" and 5 being "Very Fast") *</div><div><div><input type="radio" required="true" name="speed" id="speed_1" ng-model="survey.speed" value="1"><label for="speed_1">1</label></div><div><input type="radio" required="true" name="speed" id="speed_2" ng-model="survey.speed" value="2"><label for="speed_2">2</label></div><div><input type="radio" required="true" name="speed" id="speed_3" ng-model="survey.speed" value="3"><label for="speed_3">3</label></div><div><input type="radio" required="true" name="speed" id="speed_4" ng-model="survey.speed" value="4"><label for="speed_4">4</label></div><div><input type="radio" required="true" name="speed" id="speed_5" ng-model="survey.speed" value="5"><label for="speed_5">5</label></div></div></div><div class="survey_section_4"><div> How well did our agent understand your need? (Scale: 1-5, with 1 being "Poor" and 5 being "Excellent") *</div><div><div><input type="radio" required="true" name="understanding" id="understanding_1" ng-model="survey.understanding" value="1"><label for="understanding_1">1</label></div><div><input type="radio" required="true" name="understanding" id="understanding_2" ng-model="survey.understanding" value="2"><label for="understanding_2">2</label></div><div><input type="radio" required="true" name="understanding" id="understanding_3" ng-model="survey.understanding" value="3"><label for="understanding_3">3</label></div><div><input type="radio" required="true" name="understanding" id="understanding_4" ng-model="survey.understanding" value="4"><label for="understanding_4">4</label></div><div><input type="radio" required="true" name="understanding" id="understanding_5" ng-model="survey.understanding" value="5"><label for="understanding_5">5</label></div></div></div><div class="survey_section_5"><div> Additional Comments:</div><div><textarea name="" id="" cols="30" rows="10" ng-model="survey.comments" class="survey_comments" placeholder="Please feel free to share any additional feedback or comments..."></textarea></div></div><div class="survey_section_6"> <input type="submit" class="survey_submit" value="SUBMIT"></div></div></form></script>
1<script type="text/ng-template" id="survey-completed.html"><div><div class="content_sizer survey_completed"><div class="survey_completed_top"><div class="fa fa-shield-check"></div></div><div class="survey_completed_bottom"><div>Thanks for Sharing Your Feedback</div><div>Although we take great care to review all feedback submitted to us, we may not be able to immediately respond to your comments.</div><div>Need help? Please contact us:</div><div><a href="tel:{{core.config.supportTel}}">{{core.config.supportTel}}</a> | <a href="mailto:{{core.config.infoEmail}}">{{core.config.infoEmail}}</a></div></div></div></div></script>
1<script type="text/ng-template" id="account.html"><div class="content_sizer" ng-if="section"><div class="account_breadcrumbs"> <a href="/account">Account</a> / <span ng-if="section=='orders'"><b>Orders</b></span> <span ng-if="section=='cart'"><b>Cart</b></span> <span ng-if="section=='orderDetails'"><a href="/account/orders">Orders</a> / <b>Order Details</b></span> <span ng-if="section=='addressBook'"><b>Address Book</b></span> <span ng-if="section=='editAddress'"><a href="/account/addressBook">Address Book</a> / <b>Edit Address</b></span> <span ng-if="section=='invoice'"><a href="/account/orders">Orders</a> / <a href="/account/orderDetails/{{paramId}}">Order Details</a> / <b>Invoice</b></span> <span ng-if="section=='trackingDetails'"><a href="/account/orders">Orders</a> / <a href="/account/orderDetails/{{paramId}}">Order Details</a> / <b>Tracking Details</b></span></div></div><div class="my_account_wrapper" ng-class="{'visible':visible}" ng-if="visible"><div class="content_sizer content_wrapper"><div class="my_account_middle"><div class="my_account_nav_wrapper"><div class="my_account_nav"><a class="my_account_nav_btn" href="{{btn.route}}" ng-class="{'selected':btn.matchRoute.includes(currentRoute)}" ng-repeat="btn in btns" ng-bind-html="(btn.text)|trust"></a></div></div><div class="my_account_content"><div ng-if="currentRoute=='/account/editAddress'" class="my_account_account"><h1 class="section_heading">Address Book</h1><div ng-include="'editAddress.html'" ng-controller="EditAddressController"></div></div><div ng-if="currentRoute=='/account/orderDetails'" class="my_account_account" ng-include="'orderDetails.html'" ng-controller="OrderDetailsController"></div><div ng-if="currentRoute=='/account/trackingDetails'" class="my_account_account" ng-include="'trackingDetails.html'"></div><div ng-if="currentRoute=='/account/addressBook'" class="my_account_account" ng-include="'addressBook.html'"></div><div ng-if="currentRoute=='/account/invoice'" class="my_account_account" ng-include="'invoice.html'"></div><div ng-if="currentRoute=='/account/cart'" class="my_account_account" ng-include="'cart.html'"></div><div ng-if="currentRoute=='/account'" class="my_account_account"><div ng-if="!profileEdit"><div class="my_account_heading">Account</div><div class="my_account_section"><div class="my_account_section_info"><div class="my_account_section_profile_text"><div class="small_bold_header">Name</div> {{user.firstName}} {{user.lastName}}</div><div class="my_account_section_profile_text"><div class="small_bold_header">Email</div> {{user.emailChangedTo||user.email}}</div><div class="my_account_section_profile_text"><div class="small_bold_header">Password</div> **********</div></div><div class="my_account_section_options"><div class="my_account_section_options_wrapper"><div class="cta_button" ng-click="sectionEdit('profileEdit');">Edit</div></div></div></div></div><div ng-if="profileEdit"><form ng-if="!passwordChange && !emailChange" autocomplete="off" name="profileChangeForm" ng-submit="processProfileChange(profileChangeForm.$valid)"><div class="my_account_heading">Edit My Profile</div><div class="my_account_section"><div class="my_account_section_editor"><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-model="user.firstName" name="firstName"><span class="input_field_group_bar"></span> <label class="input_field_group_label">First Name</label></div></div><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-model="user.lastName" name="lastName"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Last Name</label></div></div></div></div><div class="my_account_section my_account_section_spacer"><div class="my_account_section_info"><div class="my_account_label">Email:</div><div class="my_account_label">{{user.emailChangedTo||user.email}}</div></div><div class="my_account_section_options"><div class="my_account_section_edit_btn" ng-click="changeEmail(true);">Edit</div></div></div><div class="my_account_section my_account_section_spacer"><div class="my_account_section_info"><div class="my_account_label">Password:</div><div class="my_account_label">**********</div></div><div class="my_account_section_options"><div class="my_account_section_edit_btn" ng-click="changePassword();">Edit</div></div></div><div class="generic_messages" ng-if="msgs"> {{msgs}}</div><div class="my_account_section_editor_btns"><div data-vc-recaptcha data-key="vm.publicKey" class="login_recaptcha"></div></div><div class="my_account_section_editor_btns"> <span class="my_account_section_editor_cancel" ng-click="sectionEdit('profileEdit');">Cancel</span> <input type="submit" class="my_account_section_editor_save" value="Save" ng-class="{'disabled':!profileChangeForm.$valid}"></div></form><form ng-if="passwordChange" autocomplete="off" name="passwordChangeForm" ng-submit="processChangePassword(passwordChangeForm.$valid)"><div class="my_account_section password_change_section"><div class="my_account_section_editor"><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="password" class="input_field_group_field" ng-required ng-model="user.currentPassword" name="curPass"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Current Password</label></div></div><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="password" class="input_field_group_field" ng-required ng-model="user.newPassword" name="newPass"><span class="input_field_group_bar"></span> <label class="input_field_group_label">New Password</label></div></div><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="password" class="input_field_group_field" ng-required ng-model="user.newPasswordConfirm" name="newPassConf"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Confirm New Password</label></div></div></div></div><div class="generic_error_messages" ng-if="errors"> {{errors}}</div><div class="generic_messages" ng-if="msgs"> {{msgs}}</div><div class="my_account_section_editor_btns"><div data-vc-recaptcha data-key="vm.publicKey" class="login_recaptcha"></div></div><div class="my_account_section_editor_btns"> <span class="my_account_section_editor_cancel" ng-click="changePassword();">Cancel</span> <input type="submit" class="my_account_section_editor_save" value="Change" ng-class="{'disabled':!passwordChangeForm.$valid}"></div></form><form ng-if="emailChange" novalidate autocomplete="off" name="emailChangeForm" ng-submit="processChangeEmail(emailChangeForm.$valid)"><div class="my_account_section password_change_section"><div class="my_account_section_editor"><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="email" class="input_field_group_field active" disabled ng-model="user.email" name="curEmail"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Current email</label></div></div><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="text" novalidate="novalidate" class="input_field_group_field" ng-required ng-model="user.newEmail" name="newEmail" ng-blur="checkEmailAddress(user.newEmail);"><span class="input_field_group_bar"></span> <label class="input_field_group_label">New email</label>
1<div class="input_field_value_check input_field_invalid" ng-if="newEmailInUse || (emailChangeForm.newEmail.$touched && !newEmailValid)"><i class="fal fa-times"></i></div><div class="input_field_value_check input_field_valid" ng-if="!newEmailInUse && emailChangeForm.newEmail.$touched && newEmailValid"><i class="fal fa-check"></i></div></div></div><div class="my_account_section_editor_field"><div class="input_field_group"> <input type="text" novalidate="novalidate" class="input_field_group_field" ng-required ng-model="user.newEmailConfirm" name="newEmailConf" ng-pattern="user.newEmail"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Confirm New email</label></div></div><div class="error_messages"><div ng-show="user.newEmailConfirm != user.newEmail && emailChangeForm.newEmailConf.$dirty" class="input_password_mismatch">The emails do not match!</div></div></div></div><div class="generic_error_messages" ng-if="errors"> {{errors}}</div><div class="generic_messages" ng-if="msgs"> {{msgs}}</div><div class="my_account_section_editor_btns"><div data-vc-recaptcha data-key="vm.publicKey" class="login_recaptcha"></div></div><div class="my_account_section_editor_btns"> <span class="my_account_section_editor_cancel" ng-click="changeEmail();">Cancel</span> <input type="submit" class="my_account_section_editor_save" value="Change" ng-class="{'disabled':!emailChangeForm.$valid}"></div></form></div></div><div ng-if="currentRoute=='/account/orders'" class="" ng-include="'account_orders.html'"></div></div></div></div></div></script>
1<script type="text/ng-template" id="specs.html"><div ng-class="::{'spec_header':isHeader, 'detail_page_spec':isSpecNameAndValueOdd}"><div ng-bind-html="::item.SPEC_NAME | trust" class="detail_page_spec_name"></div><div ng-bind-html="::item.SPEC_VALUE | trust" class="detail_page_spec_content" ng-if="::!item.HEADER"></div><div ng-if="::item.SPEC_NAME === 'Capacity (Wh)' && (core.batteryMsgEnabled || rootCategoryBatteryMsgEnabled || categoryBatteryMsgEnabled)" class="spec_battery_note">We believe in honesty, and we therefore list our real, actual capacity.</div></div></script>
1<script type="text/ng-template" id="checkout.html"><h1 class="section_heading checkout_header">Checkout</h1><form name="ccForm" novalidate="true" ng-if="controllerReady" ng-submit="placeOrder(ccForm.$valid)"><div class="checkout_container"><div class="checkout"><div class="checkout_left"><div class="order_details_info_wrapper"><h2>Customer Information</h2><div class="order_details_info"><div class="order_details_info_container"><div class="order_details_small_header">Shipping Address</div><div><span ng-if="data.shipTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="data.shipTo.title" style="text-transform:capitalize;">{{data.shipTo.title}}.</span> {{data.shipTo.firstName}} {{data.shipTo.lastName}}</div><div ng-if="data.shipTo.company"><span ng-if="data.shipTo.careOf">C/O</span> {{data.shipTo.company}}</div><div>{{data.shipTo.address1}}</div><div ng-if="data.shipTo.address2!=''">{{data.shipTo.address2}}</div><div ng-if="data.shipTo.address3!=''">{{data.shipTo.address3}}</div><div>{{data.shipTo.city}} {{data.shipTo.state}} {{data.shipTo.zip}}</div><div>{{data.shipTo.country}}</div></div><div class="order_details_info_container"><div class="order_details_small_header">Billing Address</div><div><span ng-if="data.billTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="data.billTo.title">{{data.billTo.title}}</span> {{data.billTo.firstName}} {{data.billTo.lastName}}</div><div ng-if="data.billTo.company"><span ng-if="data.billTo.careOf">C/O</span> {{data.billTo.company}}</div><div>{{data.billTo.address1}}</div><div ng-if="data.billTo.address2!=''">{{data.billTo.address2}}</div><div ng-if="data.billTo.address3!=''">{{data.billTo.address3}}</div><div>{{data.billTo.city}} {{data.billTo.state}} {{data.billTo.zip}}</div><div>{{data.billTo.country}}</div></div></div></div></div><div class="checkout_right" ng-include="'orderSummary.html'"></div></div></div></form></script>
1<script type="text/ng-template" id="productBadge.html"><div ng-if="dataLifeCycle" class="badge_wrapper"><div>{{lifeCycleStatus}}</div><div ng-if="eta" class="badge_coming_soon_eta">{{eta}}</div></div></script>
1<script type="text/ng-template" id="customerInfoLabel.html"><div> customerInfoLabel</div></script>
1<script type="text/ng-template" id="addressForm.html"><div class="address_form"><div class="checkout_field_wrapper"><div class="checkout_select_label">Country <span class="checkout_required_field_marker">*</span></div><div class="select"> <select ng-model="addressForm.country" ng-required="true" ng-options="country.shortName as country.longName for country in countries"></select></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-required="true" name="{{formName}}_firstName" id="{{formName}}_firstName" ng-model="addressForm.firstName"><span class="input_field_group_bar"></span> <label class="input_field_group_label">First Name <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_firstName'].$dirty && !ccForm[formName+'_firstName'].$valid">Field is required</span></label></div><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-required="true" name="{{formName}}_lastName" id="{{formName}}_lastName" ng-model="addressForm.lastName"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Last Name <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_lastName'].$dirty && !ccForm[formName+'_lastName'].$valid">Field is required</span></label></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="text" class="input_field_group_field" name="{{formName}}_company" id="{{formName}}_company" ng-model="addressForm.company"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Company Name</label></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-required="true" name="{{formName}}_address1" id="{{formName}}_address1" ng-model="addressForm.address1"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Address 1 <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_address1'].$dirty && !ccForm[formName+'_address1'].$valid">Field is required</span></label></div><div class="input_field_group"> <input type="text" class="input_field_group_field" name="{{formName}}_address2" id="{{formName}}_address2" ng-model="addressForm.address2"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Address 2</label></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-required="true" name="{{formName}}_zip" id="{{formName}}_zip" ng-model="addressForm.zip"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Zip <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_zip'].$dirty && !ccForm[formName+'_zip'].$valid">Field is required</span></label></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-required="true" name="{{formName}}_city" id="{{formName}}_city" ng-model="addressForm.city"><span class="input_field_group_bar"></span> <label class="input_field_group_label">City <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_city'].$dirty && !ccForm[formName+'_city'].$valid">Field is required</span></label></div><div class="half" ng-if="addressForm.country=='United States'"><div class="checkout_select_label">State <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_state'].$dirty && !ccForm[formName+'_state'].$valid">Field is required</span></div><div class="select"> <select ng-model="addressForm.state" name="{{formName}}_state" id="{{formName}}_state" ng-options="state as state for state in states" ng-required="true"></select></div></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="text" class="input_field_group_field" ng-required="true" name="{{formName}}_tel" id="{{formName}}_tel" ng-model="addressForm.tel"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Phone <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_tel'].$dirty && !ccForm[formName+'_tel'].$valid">Field is required</span></label></div><div class="half"><div class="input_field_group"> <input type="text" class="input_field_group_field" name="{{formName}}_ext" id="{{formName}}_ext" ng-model="addressForm.ext"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Ext</label></div></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="email" class="input_field_group_field" ng-required="true" name="{{formName}}_email" id="{{formName}}_email" ng-model="addressForm.email"><span class="input_field_group_bar"></span> <label class="input_field_group_label">Email <span class="checkout_required_field_marker">*</span> <span class="checkout_required_field" ng-if="ccForm[formName+'_email'].$dirty && !ccForm[formName+'_email'].$valid">Field is required</span></label></div></div><div class="checkout_field_wrapper"><div class="input_field_group"> <input type="text" class="input_field_group_field" name="{{formName}}_po" id="{{formName}}_po" ng-model="addressForm.po"><span class="input_field_group_bar"></span> <label class="input_field_group_label">P/O or Reference #</label></div></div></div></script>
1<script type="text/ng-template" id="orderDetails.html"><div class="order_details_top_heading_wrapper"><div><h1>Order Details</h1></div><div class="view_invoice_wrapper" ng-if="!isSystem1"><a class="cta_button" href="/account/invoice/{{order.x3OrderNumber||order.webOrderNumber}}">View Invoice</a></div><div class="view_invoice_wrapper" ng-if="isSystem1"><a class="cta_button" ng-click="showInvoiceInLayer(order);">View Invoice</a></div></div><div class="content_sizer"><div class="order_details"><div class="left"><div class="order_details_top"><div class="order_details_top_column"> <span>Ordered Date :</span> <b>{{order.orderDate||order.quoteDate|date:'MMMM d yyyy':'America/New_York'}}</b></div><div class="order_details_top_column" ng-if="order.totalShipments>0"> <span>Tracking :</span> <span ng-repeat="product in order.products"><b ng-if="product.shipmentNumber && product.shipmentNumber>0">{{product.shipment.trackingNumber}}</b></span></div><div ng-if="order.x3OrderNumber || order.x3QuoteNumber" class="order_details_top_column"> <span>{{order.x3OrderNumber ? 'Order' : 'Quote'}} :</span> <b>{{order.x3OrderNumber||order.x3QuoteNumber}}</b></div><div class="order_details_top_column" ng-if="order.totalShipments>0"> <span>Shipments :</span> <b>{{order.totalShipments}}</b></div><div class="order_details_top_column" ng-if="order.webOrderNumber"> <span>Web Id :</span> <b>{{order.webOrderNumber}}</b></div><div class="order_details_top_column order_details_view_map"></div></div><div class="order_details_info_wrapper"><h2>Customer Information</h2><div class="order_details_info"><div class="order_details_info_container"><div class="order_details_small_header">Shipping Address</div><div><span ng-if="order.shipTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="order.shipTo.title" style="text-transform:capitalize;">{{order.shipTo.title}}.</span> {{order.shipTo.firstName}} {{order.shipTo.lastName}}</div><div ng-if="order.shipTo.company"><span ng-if="order.shipTo.careOf">C/O</span> {{order.shipTo.company}}</div><div>{{order.shipTo.address1}}</div><div ng-if="order.shipTo.address2!=''">{{order.shipTo.address2}}</div><div ng-if="order.shipTo.address3!=''">{{order.shipTo.address3}}</div><div>{{order.shipTo.city}} {{order.shipTo.state}} {{order.shipTo.zip}}</div><div>{{order.shipTo.country}}</div></div><div class="order_details_info_container"><div class="order_details_small_header">Billing Address</div><div><span ng-if="order.billTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="order.billTo.title">{{order.billTo.title}}</span> {{order.billTo.firstName}} {{order.billTo.lastName}}</div><div ng-if="order.billTo.company"><span ng-if="order.billTo.careOf">C/O</span> {{order.billTo.company}}</div><div>{{order.billTo.address1}}</div><div ng-if="order.billTo.address2!=''">{{order.billTo.address2}}</div><div ng-if="order.billTo.address3!=''">{{order.billTo.address3}}</div><div>{{order.billTo.city}} {{order.billTo.state}} {{order.billTo.zip}}</div><div>{{order.billTo.country}}</div></div></div></div><div class="order_details_trackers"><div ng-repeat="product in order.products" class="" ng-init="detailsVisible=false;" ng-class="{'hasProductFullRefundStatus':hasProductFullRefundStatus,'hasProductReturnedAllStatus':hasProductReturnedAllStatus,'hasProductRefundStatus':hasProductRefundStatus,'hasProductPartialReturnStatus':hasProductPartialReturnStatus}"><div class="my_orders_shipping_tracker" ng-class="{'first_tracker':$index==0}" ng-if="::(product.shipment && product.shipmentStatus && product.shipmentStatus.length>0)"><div class="my_orders_shipping_shipments_indicator" ng-if="order.totalShipments>0">{{order.totalShipments>1 ? 'Partial ' : ''}}Shipment {{order.totalShipments>1 ? product.shipmentNumber + ' of': ''}} {{order.totalShipments>1 ? order.totalShipments : ''}} ({{product.lastShipmentStatus}})</div><div class="my_orders_shipping_shipments_indicator_tracking_number"><a href="{{getCarrierUrl(product.shipment.trackers[$index].carrier,product.shipment.trackers[$index].trackingNumber)}}" target="_blank"><span class="my_orders_shipping_shipments_indicator_delivery_method">{{product.shipment.deliveryMethod}}</span> - {{product.shipment.trackers[$index].carrier}} #{{product.shipment.trackers[$index].trackingNumber}}</a></div><div class="my_orders_shipping_status"><div class="my_orders_shipping_bar">
1<div ng-repeat-start="status in ::product.shipmentStatus" ng-if="::$first" class="my_orders_shipping_milestone"><div class="milestone_data no_transform"><div class="milestone_label" ng-class="::{'align_left':$first,'align_right':$last}">{{::status.status}}</div><div class="milestone_date" ng-class="::{'align_left':$first,'align_right':$last}">{{::(status.date)|date:'MMM dd yyyy' : 'America/New_York'}}</div></div></div><div class="trackPath" ng-if="::!$first" ng-class="{'disabled':!status.date}"></div><div ng-repeat-end="" ng-if="::!$first" class="my_orders_shipping_milestone" ng-class="{'disabled':!status.date}"><div class="milestone_data " ng-class="::{'no_transform':$last}"><div class="milestone_label" ng-class="::{'align_left':$first,'align_right':$last}">{{::status.status}}</div><div class="milestone_date" ng-class="::{'align_left':$first,'align_right':$last}" ng-if="::status.date">{{::(status.date)|date:'MMM dd yyyy' : 'America/New_York'}}</div></div></div></div></div></div><div class="order_details_cta_wrapper" ng-if="::(product.shipment && product.shipmentStatus && product.shipmentStatus.length>0)"> <a class="cta_button" href="/account/trackingDetails/{{order.x3OrderNumber}}">View Tracking</a></div></div></div></div><div class="right" ng-include="'orderSummary.html'" ng-if="order.products.length>0"></div></div></div></script>
1<script type="text/ng-template" id="order.html"></script>
1<script type="text/ng-template" id="quote.html"><div class="my_orders_header_mobile"><div class="my_orders_header_mobile_left"> {{!quote.orderDate ? "Quote" : "Order"}} Placed <b>{{::(quote.orderDate||quote.quoteDate)|date:'MMMM dd yyyy' : 'America/New_York'}}</b><br><span data-order-status></span></div><div class="my_orders_header_mobile_right"> Total <b>${{::quote.amounts.total}}</b></div></div><div class="my_orders_header_desktop"><table class="my_orders_header_table" cellpadding="0" cellspacing="0" border="0"><tr><td> {{!quote.orderPlacedDate && !quote.orderDate ? "Quote" : "Order"}} Placed</td><td></td><td> <span>{{quote.isPaid ? 'Shipped to' : 'Shipping address'}}</span></td><td>Total</td><td rowspan="2"><div ng-if="::quote.webOrderNumber"><b>WebOrder# {{:: quote.webOrderNumber}}</b></div><div ng-if="::quote.x3OrderNumber"><b>Order# {{:: quote.x3OrderNumber}}</b></div><div ng-if="::quote.x3QuoteNumber"><b>Quote# {{:: quote.x3QuoteNumber}}</b></div><div ng-if="::isSystem1"><b>Customer# {{:: quote.customerNumber}}</b></div><div class="my_orders_header_see_invoice" ng-if="::quote.isPaid && !isSystem1"> <a href="/invoice/{{::quote.webOrderNumber||quote.x3OrderNumber}}/{{quote.webOrderNumber ? '' : quote.fromX3}}" class="my_orders_header_see_invoice_lnk">See Invoice</a></div></td></tr><tr><td> <b>{{::(quote.orderPlacedDate||quote.orderDate||quote.quoteDate)|date:'MMMM dd yyyy' : 'America/New_York'}}</b></td><td></td><td> <span class="shipped_to_btn">{{::quote.shipTo.firstName}} {{::quote.shipTo.lastName}}<div data-simple-dropdown> {{::quote.shipTo.company}}<br> {{::quote.shipTo.firstName}} {{::quote.shipTo.lastName}}<br> {{::quote.shipTo.address1}}<br> {{::quote.shipTo.city}}, {{::quote.shipTo.state}} {{::quote.shipTo.zip}}</div></span></td><td ng-if="::((!quote.amounts.totalShipCreditAmt || quote.amounts.totalShipCreditAmt==0) && (!quote.amounts.totalTaxCreditAmt || quote.amounts.totalTaxCreditAmt==0))"> <b>{{::quote.amounts.total | currency:"$"}}</b></td><td ng-if="::(quote.amounts.totalShipCreditAmt>0 || quote.amounts.totalTaxCreditAmt>0)"> <b>{{::(quote.amounts.total - quote.amounts.totalShipCreditAmt - quote.amounts.totalTaxCreditAmt)| currency:"$"}}</b></td></tr></table></div><div class="my_orders_container"><div class="my_orders_order_left"><div class="my_orders_order_shipping"></div><div class="my_orders_order_products"><div ng-repeat="product in quote.products | limitTo : repeatLimit" class="" ng-init="detailsVisible=false;" ng-class="{'hasProductFullRefundStatus':hasProductFullRefundStatus,'hasProductReturnedAllStatus':hasProductReturnedAllStatus,'hasProductRefundStatus':hasProductRefundStatus,'hasProductPartialReturnStatus':hasProductPartialReturnStatus}"><div class="my_orders_shipping_tracker" ng-class="{'first_tracker':$index==0}" ng-if="::(product.shipment && product.shipmentStatus && product.shipmentStatus.length>0)"><div class="my_orders_shipping_shipments_indicator" ng-if="quote.totalShipments>0">{{quote.totalShipments>1 ? 'Partial ' : ''}}Shipment {{quote.totalShipments>1 ? product.shipmentNumber + ' of': ''}} {{quote.totalShipments>1 ? quote.totalShipments : ''}} ({{product.shipmentStatus[product.shipmentStatus.length-1].status}})</div><div class="my_orders_shipping_shipments_indicator_tracking_number"><a href="{{getCarrierUrl(product.shipment.trackers[$index].carrier,product.shipment.trackers[$index].trackingNumber)}}" target="_blank"><span class="my_orders_shipping_shipments_indicator_delivery_method">{{product.shipment.deliveryMethod}}</span> - {{product.shipment.trackers[$index].carrier}} #{{product.shipment.trackers[$index].trackingNumber}}</a></div><div class="my_orders_shipping_status"><div class="my_orders_shipping_bar"><div ng-repeat-start="status in ::product.shipmentStatus" ng-if="::$first" class="my_orders_shipping_milestone"><div class="milestone_data no_transform"><div class="milestone_label" ng-class="::{'align_left':$first,'align_right':$last}">{{::status.status}}</div><div class="milestone_date" ng-class="::{'align_left':$first,'align_right':$last}">
1{{::(status.date)|date:'MMM dd yyyy' : 'America/New_York'}}</div></div></div><div class="trackPath" ng-if="::!$first" ng-class="{'disabled':!status.date}"></div><div ng-repeat-end="" ng-if="::!$first" class="my_orders_shipping_milestone" ng-class="{'disabled':!status.date}"><div class="milestone_data " ng-class="::{'no_transform':$last}"><div class="milestone_label" ng-class="::{'align_left':$first,'align_right':$last}">{{::status.status}}</div><div class="milestone_date" ng-class="::{'align_left':$first,'align_right':$last}" ng-if="::status.date">{{::(status.date)|date:'MMM dd yyyy' : 'America/New_York'}}</div></div></div></div></div><div class="" ng-controller="trackingDetailsController" ng-if="product.shipmentNumber && product.shipmentNumber>0"><div class="my_orders_track_package" ng-if="::quote.hasShipment" ng-click="showTrackingDetails();"> Tracking Details</div><div class="my_orders_tracking_history_wrapper"><div class="my_orders_tracking_history" data-max-height ng-style="{'max-height':detailsVisible ? maxHeight + 'px' : ''}" ng-class="{'visible':detailsVisible}"><div class="my_orders_tracking_history_title">Tracking Details</div><div ng-repeat="detail in product.shipment.trackers | orderBy:'-'" class="my_orders_tracking_history_wrapper"><div class="my_orders_tracking_history_step" ng-class="{'last_status':$first}"> <span class="my_orders_tracking_history_step_time">{{::(detail.datetime)|date:'MMM dd' : 'America/New_York'}} -<div class="my_orders_tracking_history_step_time_hours">{{::(detail.datetime)|date:'h:mm a' : 'America/New_York'}}</div></span><span class="my_orders_tracking_history_step_graphic"><span class="graphic_top_line"></span><span class="graphic_circle"></span><span class="graphic_bottom_line"></span></span> <span class="my_orders_tracking_history_message">{{detail.message}}</span> <span class="my_orders_tracking_history_location">{{detail.tracking_location && detail.tracking_location.city ? detail.tracking_location.city+(detail.tracking_location.state ? ','+detail.tracking_location.state : '') : ''}}</span></div></div></div></div></div></div><div class="my_orders_product"><div class="my_orders_product_img"> <img data-img-source data-type="list" data-obj="product" data-size="560x560" data-lookdeep="true" class="my_orders_product_image"></div><div class="my_orders_product_info"><span ng-click="productLayer($event,product);" href="{{::product.__system.urlKey}}" class="my_orders_product_link" ng-bind-html="(product.qty +' x '+ product.mfr_num + ' ' + product.name) | trust"></span> <span ng-if="product.totalCreditQty>0" class="my_orders_return">- (Received {{product.totalInvQty}}, Returned {{product.totalCreditQty}})</span><br><span class="my_orders_price"><div data-pricing></div></span></div></div></div><div class="my_orders_order_right"><div class="my_orders_btns"><div class="my_orders_order_number"></div><div class="my_orders_order_action paynow" ng-if="::(!quote.webOrderNumber && !quote.x3OrderNumber && !isSystem1)"> <a href="/checkout/{{::quote.x3QuoteNumber}}">Pay Now</a></div><div class="my_orders_order_action" ng-if="::(quote.x3OrderNumber || quote.webOrderNumber) && !isSystem1"> <a href="/orderDetails/{{::quote.webOrderNumber||quote.x3OrderNumber}}/{{quote.webOrderNumber ? '' : quote.fromX3}}">Order Details</a></div><div class="my_orders_order_action" ng-if="::(quote.x3OrderNumber || quote.webOrderNumber) && isSystem1 && !inLayer"> <a href="#" ng-click="showOrderDetails(quote);">Order Details</a></div></div></div></div></div></div></script>
1<script type="text/ng-template" id="grid.html"><div class="grid grid_{{section}}" ng-controller="SimpleGridController" ng-class="{'loading':data.loading}"><div class="grid_row" ng-repeat="row in gridData[0]" ng-style="{'grid-template-columns':'repeat('+row.length+',1fr)'}"><div data-dd-action-name="Grid - Orders - Header - {{field.column}}" class="grid_field grid_field_column" ng-repeat="field in row" ng-style="{'text-align':field.textAlign}" ng-click="field.columnBroadcastEventOnClick ? columnBroadcastEventOnClick(field.columnBroadcastEventOnClick) : '';"> {{field.column ? field.column : ""}}</div></div><div class="grid_row" ng-repeat="row in gridData" ng-init="outerIndex=$index;" ng-style="{'grid-template-columns':'repeat('+row.fields.length+',1fr)'}"><div data-qty="{{field.qty}}" class="grid_field grid_field{{$index}}" ng-repeat="field in row.fields" ng-include="field.template" ng-style="{'text-align':field.textAlign}"></div></div></div></script>
1<script type="text/ng-template" id="quote_details.html"><div class="my_orders_order_products"><div ng-repeat="product in quote.products | limitTo : repeatLimit" class="my_orders_product" ng-class="{'hasProductFullRefundStatus':hasProductFullRefundStatus,'hasProductReturnedAllStatus':hasProductReturnedAllStatus,'hasProductRefundStatus':hasProductRefundStatus,'hasProductPartialReturnStatus':hasProductPartialReturnStatus}"><div class="my_orders_product_img"> <img data-img-source data-type="list" data-obj="product" data-size="560x560" data-lookdeep="true" class="my_orders_product_image"></div><div class="my_orders_product_info"><span href="{{::product.__system.urlKey}}" class="my_orders_product_link" ng-bind-html="(product.qty +' x '+ product.mfr_num + ' ' + product.name) | trust"></span><span class="my_orders_product_status" data-order-product-status></span><br><span class="my_orders_price"><div data-pricing></div></span></div></div></div></script>
1<script type="text/ng-template" id="invoice.html"><div class="order_details_top_heading_wrapper"><div><h1>Invoice</h1></div><div class="view_invoice_wrapper"><div class="cta_button" ng-click="downloadInvoice();">Download</div></div></div><div class="invoice_container"><div class="invoice_wrapper"><div class="invoice_wrapper_top"><div class="invoice_logo"> <img src="/images/globals/gradus_invoice_logo.png" alt=""></div><div class="invoice_ship_to_address"><div class="invoice_small_header">Shipping Address</div><div><span ng-if="order.shipTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="order.shipTo.title" style="text-transform:capitalize;">{{order.shipTo.title}}.</span> {{order.shipTo.firstName}} {{order.shipTo.lastName}}</div><div ng-if="order.shipTo.company"><span ng-if="order.shipTo.careOf">C/O</span> {{order.shipTo.company}}</div><div>{{order.shipTo.address1}}</div><div ng-if="order.shipTo.address2!=''">{{order.shipTo.address2}}</div><div ng-if="order.shipTo.address3!=''">{{order.shipTo.address3}}</div><div>{{order.shipTo.city}} {{order.shipTo.state}} {{order.shipTo.zip}}</div><div>{{order.shipTo.country}}</div></div><div class="invoice_bill_to_address"><div class="invoice_small_header">Billing Address</div><div><span ng-if="order.billTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="order.billTo.title">{{order.billTo.title}}</span> {{order.billTo.firstName}} {{order.billTo.lastName}}</div><div ng-if="order.billTo.company"><span ng-if="order.billTo.careOf">C/O</span> {{order.billTo.company}}</div><div>{{order.billTo.address1}}</div><div ng-if="order.billTo.address2!=''">{{order.billTo.address2}}</div><div ng-if="order.billTo.address3!=''">{{order.billTo.address3}}</div><div>{{order.billTo.city}} {{order.billTo.state}} {{order.billTo.zip}}</div><div>{{order.billTo.country}}</div></div></div><div class="invoice_order_number_section"><div class="invoice_title">Invoice</div><div class="invoice_paid_stamp"> <img src="/images/globals/paid_stamp.png"></div><div class="invoice_order_number"><div class="invoice_order_number_small_header">Invoice</div><div class="invoice_text_align_right">{{order.webOrderNumber}}</div><div class="invoice_order_number_small_header">Date</div><div class="invoice_text_align_right">{{order.orderDate|date:'MMMM d yyyy':'America/New_York'}}</div><div class="invoice_order_number_small_header">Customer</div><div class="invoice_text_align_right">{{order.customerNumber}}</div><div class="invoice_order_number_small_header">Order</div><div class="invoice_text_align_right">{{order.x3OrderNumber}}</div></div></div><div class="invoice_products"><div class="invoice_product_row headings"><div> Item</div><div> Description</div><div class="right"> Unit Price</div><div class="center"> Qty</div><div class="right"> Price</div></div><div ng-repeat="product in order.products" class="invoice_product_row"><div> {{product.mfr_num}}</div><div ng-bind-html="(product.brand + ' ' + product.name)|trust"></div><div class="right"> {{product.net_price|currency}}</div><div class="center"> {{product.qty}}</div><div class="right"> {{product.final_price|currency}}</div></div></div><div class="invoice_totals_wrapper"><div class="invoice_totals_container"><div class="invoice_totals"><div class="invoice_total_headings">Subtotal</div><div class="invoice_total_amounts">{{order.amounts.subtotal|currency}}</div><div class="invoice_total_headings">Shipping</div><div class="invoice_total_amounts">{{order.amounts.shipping|currency}}</div><div class="invoice_total_headings">Tax</div><div class="invoice_total_amounts">{{order.amounts.tax|currency}}</div></div><div class="invoice_totals_total"><div class="invoice_total_headings">Total</div><div class="invoice_total_amounts">{{order.amounts.total|currency}}</div></div></div></div></div></div></script>
1<script type="text/ng-template" id="account_orders.html"><div class="my_account_account"><div class="" ng-if="!isSystem1"><div class="my_account_heading">{{noOrders ? 'No Orders Found' : 'Orders'}}</div></div><div class="" ng-if="isSystem1 && quotes.length==0 && orders.length==0"><div class="my_account_heading">No Orders or Quotes Found</div></div><div ng-if="!noOrders && dataLoaded"><div class="grid_top_controls_wrapper"><div class="grid_top_controls"><div class="grid_filter_by_btn" ng-class="{'selected':data.status.text=='All'}" ng-click="filterOrders(0);">All</div><div class="grid_filter_by_btn" ng-class="{'selected':data.status.text=='Paid'}" ng-click="filterOrders(1);">Paid</div><div class="grid_filter_by_btn" ng-class="{'selected':data.status.text=='Not Paid'}" ng-click="filterOrders(2);">Not Paid</div></div></div><div class="my_orders_wrapper" ng-include="isSystem1 ? 'newgrid.html' : 'grid.html'"></div></div></div></script>
1<script type="text/ng-template" id="cart.html"><h1 class="cart_header">Cart</h1><div class="cart_wrapper" ng-controller="CartController"><div class="cart"><div ng-include="'grid.html'" ng-if="products.length>0"></div><div ng-if="products.length==0">Your cart is empty</div></div><div class="cart_right" ng-include="'orderSummary.html'" ng-if="products.length>0"></div></div></script>
1<script type="text/ng-template" id="order_confirmation.html"><h1 class="section_heading order_confirmation_header">Order Confirmation</h1><div class="content_sizer"><div class="order_confirmation"><div class="left"><div class="order_confirmation_name_heading"><h1>{{order.shipTo.company ? order.shipTo.company : order.shipTo.firstName + ' ' + order.shipTo.lastName}}</h1></div><div class="order_confirmation_order_number_wrapper"><div class="order_confirmation_circle"><i class="fa fa-check"></i></div><div class="order_confirmation_order_number"><div class="order_confirmation_order_number_number">Order # {{order.webOrderNumber}}</div><div class="order_confirmation_order_number_text">Thank You</div></div></div><div class="order_confirmation_map_container"><div class="order_confirmation_map_wrapper"><iframe zoom="0" class="googleMapsIframe" width="450" height="250" frameborder="0" style="border:0" referrerpolicy="no-referrer-when-downgrade" ng-src="{{googleIframeSrc}}" allowfullscreen></iframe></div><div class="order_confirmation_confirmed_message"><div class="order_confirmation_confirmed_message_title"> Your order is confirmed</div><div class="order_confirmation_confirmed_message_text"> We have accepted your order and we are getting it ready. A confirmation email has been sent to {{order.email}}.</div></div></div><div class="order_confirmation_bottom_container"><div class="order_details_info_wrapper"><h2>Customer Information</h2><div class="order_details_info"><div class="order_details_info_container"><div class="order_details_small_header">Shipping Address</div><div><span ng-if="order.shipTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="order.shipTo.title" style="text-transform:capitalize;">{{order.shipTo.title}}.</span> {{order.shipTo.firstName}} {{order.shipTo.lastName}}</div><div ng-if="order.shipTo.company"><span ng-if="order.shipTo.careOf">C/O</span> {{order.shipTo.company}}</div><div>{{order.shipTo.address1}}</div><div ng-if="order.shipTo.address2!=''">{{order.shipTo.address2}}</div><div ng-if="order.shipTo.address3!=''">{{order.shipTo.address3}}</div><div>{{order.shipTo.city}} {{order.shipTo.state}} {{order.shipTo.zip}}</div><div>{{order.shipTo.country}}</div></div><div class="order_details_info_container"><div class="order_details_small_header">Billing Address</div><div><span ng-if="order.billTo.attn" style="font-weight:bold;color:black;">Attn:</span> <span ng-if="order.billTo.title">{{order.billTo.title}}</span> {{order.billTo.firstName}} {{order.billTo.lastName}}</div><div ng-if="order.billTo.company"><span ng-if="order.billTo.careOf">C/O</span> {{order.billTo.company}}</div><div>{{order.billTo.address1}}</div><div ng-if="order.billTo.address2!=''">{{order.billTo.address2}}</div><div ng-if="order.billTo.address3!=''">{{order.billTo.address3}}</div><div>{{order.billTo.city}} {{order.billTo.state}} {{order.billTo.zip}}</div><div>{{order.billTo.country}}</div></div></div></div></div><div class="order_confirmation_btn_wrapper"> <a class="cta_button" href="/account/orders">Back to Orders</a></div></div><div ng-include="'orderSummary.html'"></div></div></div></script>
1<script type="text/ng-template" id="pages.html"><div class="pages_content pages" id="pages_controller"><ng-include src="'sections.html'" data-include-replace></ng-include></div></script>
1<div class="msg_wrapper" ng-class="{'visible':data.visible}" ng-controller="SimpleMsgController" ng-cloak><div class="msg_bg"></div><div class="msg_content"><div class="msg_content_wrapper"><div class="msg_text" ng-bind-html="data.msg | trust" style="{{data.style}}"></div><div class="msg_buttons"><div class="msg_confirm_button" ng-if="data.showAcceptBtn" ng-click="hide_msg()"> {{data.acceptBtn}}</div></div></div></div></div><div><div class="gallery_outer_wrapper" ng-class="{'visible':data.visible}" ng-controller="GalleryController" ng-cloak><div class="gallery_wrapper" ng-class="{'visible':data.visible}" ng-if="data.visible"><div class="gallery_close" ng-click="close();"><i class="far fa-times-circle" aria-hidden="true"></i></div><div class="gallery_content" data-msd-wheel="changeZoom($event, $delta, $deltaX, $deltaY)"><div class="gallery_nav_left" ng-click="changeImage();"><i class="fa fa-chevron-left" aria-hidden="true"></i></div><div class="gallery_main_image"> <img ng-if="data.visible" data-img-source data-sourceid="{{product.sku}}" data-liveobj="{{selectedImage}}" data-type="detail" data-watch="true" data-size="2500x2500" class="gallery_main_image_img" ng-style="{'transform': 'scale('+zoomLevel+') translateZ(0) translateX('+translateX+') translateY('+translateY+')', '-webkit-transform': 'scale('+zoomLevel+') translateZ(0) translateX('+translateX+') translateY('+translateY+')', '-ms-transform': 'scale('+zoomLevel+') translateZ(0) translateX('+translateX+') translateY('+translateY+')','max-height':maxheight+'px' }" ng-class="{'changingImage':changingImage}" data-movable></div><div class="gallery_nav_right" ng-click="changeImage(true);"><i class="fa fa-chevron-right" aria-hidden="true"></i></div></div><div class="gallery_footer"><div class="gallery_selected_image_caption"> {{selectedImage.CAPTION}}</div><div class="gallery_images_wrapper"><div class="gallery_images_container"><div ng-repeat="image in images" ng-if="data.visible" class="gallery_images" ng-class="{'selected':image.FILE_NAME==selectedImage.FILE_NAME}"><div class="gallery_images_img"> <img data-img-source data-sourceid="{{::product.sku}}" data-obj="image" data-size="100x100" class="detail_page_image_gallery_others" ng-click="showImage($index)"></div></div></div></div></div></div></div></div><div class="media_layer" ng-controller="MediaLayerController" ng-class="{'visible':visible}"><div class="media_layer_bg" ng-click="closeMediaPlayer();"></div><div class="media_layer_content" ng-if="visible && mediaId"><div class="media_layer_close"><i class="fal fa-times" ng-click="closeMediaPlayer();"></i></div><div data-single-media data-mediaclass="media_in_layer" data-mediaid="{{mediaId}}"></div></div></div><div class="product_layer" ng-controller="ProductLayerController" ng-class="{'visible':productLayerVisible}"><div class="product_layer_bg" ng-click="closeProductLayer();"></div><div class="product_layer_content" ng-if="productLayerVisible && product"><div class="product_layer_top_bar"> <img ng-src="{{data.brand.logo}}" class="product_layer_logo"><div class="product_layer_close"><i class="fal fa-times" ng-click="closeProductLayer();"></i></div></div><div class="product_layer_logo_caption"> A Gradus Group Brand</div><div class="product_layer_inner"><div class="product_layer_inner_left"><div class="product_layer_badges_wrapper"><div data-gg-product-badge class="badge badge_listing_page" data-life-cycle="{{::dataLifeCycle}}"></div></div> <img data-img-source data-size="560x560" data-obj="product" data-type="detail" class="product_layer_inner_img"></div><div class="product_layer_inner_right"><div class="listing_page_product_flag_wrapper"><div data-gg-product-flag></div></div><h1 itemprop="name" ng-bind-html="::((product.mfr_num || product.itemCode) + ' ' +(product.name) | trust)"></h1></h1><meta itemprop="mpn" content="{{::product.mfr_num}}"><meta itemprop="brand" content="{{::data.brand.brand}}"/><meta itemprop="sku" content="{{::product.sku}}"/><div class="detail_page_mfr"> MFR #{{::product.mfr_num}}</div><div class="detail_page_highlights"><ul><li ng-repeat="highlight in product.highlights | limitTo : 999" ng-bind-html="::(highlight.SELL_POINT) | trust"></li></ul><div data-pricing></div><div class="product_layer_site_link_wrapper" ng-if="::product.BHSKU"> <a ng-if="data.brand.brand!='Oben'" href="{{data.brand.domain}}/product/{{product.sku}}/{{product.__system.urlKey}}" class="product_layer_site_link" target="_blank">View product details on our <b class="uppercase">{{data.brand.brand}}</b> website ></a> <a ng-if="data.brand.brand=='Oben'" href="/product/{{product.sku}}/{{product.__system.urlKey}}" class="product_layer_site_link" ng-click="closeProductLayer();">View product details ></a></div><div class="detail_page_where_to_buy_static desktop_only" ng-if="::product.BHSKU"><a href="//www.bhphotovideo.com/c/product/{{::product.BHSKU}}-REG/{{::product.__system.urlKey}}.html{{core.bhUTMSource|UTMSource:product.mfr_num}}" class="whereToBuyLink" data-link-track><div class="detail_page_bh_logo_wrapper"><img ng-src="/images/globals/bh_logo.png" class="whereToBuyImg"></div><div class="detail_page_where_to_buy_link">Buy at B&H</div></a></div><div class="detail_page_where_to_buy_static mobile_only" ng-if="::product.BHSKU"><a href="//www.bhphotovideo.com/c/product/{{::product.BHSKU}}-REG/{{::product.__system.urlKey}}.html?{{core.bhUTMSource|UTMSource:product.mfr_num}}" class="whereToBuyLink" data-link-track><div class="detail_page_bh_logo_wrapper"><img ng-src="/images/globals/bh_logo.png" class="whereToBuyImg"></div><div class="detail_page_where_to_buy_link">Buy at B&H</div></a></div></div></div></div></div></div><div class="modal" ng-controller="ModalController"><div ng-if="modalVisible"><div class="modal_bg" ng-click="closeModal();"></div><div class="modal_content"><div ng-if="showCloseIcon" class="modal_close"><i class="fal fa-times" ng-click="closeModal();"></i></div><ng-include src="modal.template"></ng-include></div></div></div>
1<script type="text/ng-template" id="help.html"><form name="helpForm" novalidate="true" ng-submit="submitForm(helpForm.$valid)"><div class="content_sizer help_requested"><h1 class="section_header">Help</h1><div class="help_requested_wrapper"><div ng-if="submitted"> Thank you for contacting us. Please contact customer service on (212) 594-2120 and give them the email <b>"{{obj.email}}"</b> you have submitted.</div><div ng-if="!submitted"><div> In order for us to help you online please enter your email and check i'm not a robot' below then click "Submit".</div><div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;"><div style="margin-top:30px;border-bottom:2px solid #1976d2;"><text-field data-label="'First Name'" data-field="obj.firstName"></text-field></div><div style="margin-top:30px;border-bottom:2px solid #1976d2;"><text-field data-label="'Last Name'" data-field="obj.lastName"></text-field></div></div><div style="margin-top:30px;border-bottom:2px solid #1976d2;"><text-field data-label="'Tel'" data-field="obj.tel"></text-field></div><div style="margin-top:30px;border-bottom:2px solid #1976d2;"><text-field data-label="'Email'" data-field="obj.email"></text-field></div><div style="margin-top:30px;"><div style="font-size:12px;color:#898989;padding-left:12px;margin-bottom:20px;">Description</div><textarea ng-model="obj.description" name="" id="" cols="30" rows="10" style="border:2px solid #1976d2;width:100%;"></textarea></div><div style="margin-top:30px;"><div style="width:0px;"><div data-vc-recaptcha data-key="vm.publicKey" class="login_recaptcha"></div></div></div><div style="margin-top:30px;"> <input type="submit" class="cta_button" value="Submit"></div><div style="margin-top:30px;"> After clicking "Submit" Please contact customer service on {{::core.config.supp
1ortTel}} and give them the email you have submitted.</div></div><div></div></div></div></form></script>
1<script type="text/ng-template" id="_listingPageProduct.html"><div data-gg-product-badge class="badge badge_listing_page" data-life-cycle="{{::dataLifeCycle}}"></div><div class="listing_page_product_brand_logo" ng-if="showBrandLogoOnProduct && data.brandLogos"><img ng-src="{{data.brandLogos[product.brand].logo}}" class="listing_page_product_brand_logo_img"></div><div><a itemscope itemtype="http://schema.org/Product" href="{{data.brandLogos && data.brandLogos[product.brand] ? data.brandLogos[product.brand].domain : ''}}/product/{{::product.sku}}/{{::product.__system.urlKey}}" class="listing_page_link" ng-click="openProductInLayer ? productLayer($event,product) : '';"><div class="listing_page_product_image_wrapper" ng-class="{'hasFlip':(product.__system.img_flip||product.__system.img_flip_only)&&desktopView}"><div class="listing_page_product_image_container"> <img itemprop="image" data-img-source data-obj="product" data-size="560x560" data-type="list" class="listing_page_product_image imglazy" ng-click="showGallery();"></div><div class="listing_page_product_image_container listing_page_product_image_flip" ng-if="::product.__system.img_flip"> <img itemprop="image" data-img-source data-obj="product" data-size="560x560" data-type="flip" class="listing_page_product_image imglazy" ng-click="showGallery();"></div><div class="listing_page_product_image_container listing_page_product_image_flip" ng-if="::product.__system.img_flip_only"> <img itemprop="image" data-img-source data-obj="product" data-size="560x560" data-type="flip_only" class="listing_page_product_image imglazy" ng-click="showGallery();"></div></div><div class="listing_page_product_flag_wrapper"><div data-gg-product-flag></div></div><div itemprop="name" class="listing_page_product_name" ng-bind-html="::((product.mfr_num || product.itemCode) + ' ' + product.name | trust)"></div><meta itemprop="mpn" content="{{::product.mfr_num}}"><meta itemprop="sku" content="{{::product.sku}}"><meta itemprop="brand" content="Oben"/><div class="listing_page_product_mfr"> MFR #{{::product.mfr_num || product.itemCode}}</div><div class="listing_page_product_highlights"><ul><li ng-repeat="highlight in ::product.highlights track by $index" ng-bind-html="::(highlight.SELL_POINT) | trust"></li></ul></div><div data-pricing></div></a></div></script>
1<script type="text/ng-template" id="_listingPageProductWebHelper.html"><gg-product-badge class="badge badge_listing_page" data-life-cycle="{{::dataLifeCycle}}"></gg-product-badge><div class="listing_page_link webHelper"> <a class="listing_page_product_image_wrapper" href="/product/{{::product.sku}}/{{::product.__system.urlKey}}"><img data-img-source data-obj="product" data-size="240x240" data-type="list" class="listing_page_product_image imglazy" ng-click="showGallery();"></a><div class="listing_page_multi_image_wrapper"><div ng-repeat="image in ::product.images track by $index" class="detail_page_image_gallery_wrapper_el carousel_child"><div class="detail_page_image_gallery_image"> <img data-img-source data-sourceid="{{::product.sku}}" data-obj="image" data-size="100x100" class="detail_page_image_gallery_others"></div></div></div><a href="/product/{{::product.sku}}/{{::product.__system.urlKey}}" class="listing_page_product_name" ng-bind-html="::((product.mfr_num || product.itemCode) + ' ' + product.name | trust)"></a><div class="listing_page_system_btn"> <a href="http://system1/edit/edit/products/{{::product._id}}" target="_blank">Open In System1</a></div><div class="listing_page_system_btn open_on_bh"> <a href="https://www.bhphotovideo.com/c/product/{{::product.BHSKU}}-REG/" target="_blank">Open On BH</a></div><div class="listing_page_product_mfr"> Life Cycle : {{::product.prod_life_cycle}}</div><div class="listing_page_product_mfr"> QTY InStock : {{::product.qty}}</div><div class="listing_page_product_mfr"> <span ng-click="copyToClipboard(product.mfr_num);">MFR #{{::product.mfr_num || product.itemCode}}</span></div><div class="listing_page_product_mfr"> <span ng-click="copyToClipboard(product.sku);">SKU #{{::product.sku}}</span> | <span ng-click="copyToClipboard(product.BHSKU);">BHSKU #{{::product.BHSKU}}</span></div><div class="listing_page_product_highlights"><ul><li>Images : {{::product.images.length}}</li><li>Highlights : {{::product.highlights.length}}</li><li>Features : {{::product.features.length}}</li><li>In The Box : {{::product.includes.length}}</li><li>Accessories : {{::product.accessories.length}}</li><li>Specifications : {{::product.specifications.length}}</li></ul></div><div data-pricing></div></div></script>
1<script type="text/ng-template" id="module_ProductTemplate.html"><div ng-if="product" class="module_default_spacing"><div class="half module_product_image"><div class="" ng-controller="ProductImageController"><div class="detail_page_image_gallery_main_image" ng-swipe-left="swipeLeft();" ng-swipe-right="swipeRight();"> <img data-img-source data-sourceid="{{product.sku}}" data-liveobj="{{selectedImage}}" data-type="detail" data-watch="true" class="detail_page_image_gallery_main_image_img" ng-class="{'changingImage':changingImage,'coming-soon':!selectedImage.FILE_NAME}" ng-click="showGallery();"></div><div ng-controller="MediaController"><div class="detail_page_image_gallery_images" ng-class="{'hasArrows':carousel_showRightArrow}"><div class="arrow_carousel" data-direction="left" ng-class="{'disabled':carousel_leftArrowDisabled}" ng-show="carousel_showLeftArrow" ng-click="carousel_move();"><i class="fa fa-chevron-left"></i></div><div class="detail_page_image_wrapper_inner" data-carousel ng-style="{'transform': 'translateX('+carouselX+') translateY('+carouselY+')', '-webkit-transform': 'translateX('+carouselX+') translateY('+carouselY+')', '-ms-transform': 'translateX('+carouselX+') translateY('+carouselY+')'}"><div ng-repeat="image in ::images track by $index" class="detail_page_image_gallery_wrapper_el carousel_child" ng-class="{'selected':$index==selectedIndex && imageVisible}" ng-show="showImages || (!showMedias && !showImages)" ng-click="showImage($index);"><div class="detail_page_image_gallery_image"> <img data-img-source data-sourceid="{{::product.sku}}" data-obj="image" data-size="100x100" class="detail_page_image_gallery_others"></div></div></div><div class="arrow_carousel" data-direction="right" ng-class="{'disabled':carousel_rightArrowDisabled}" ng-click="carousel_move(true);" ng-show="carousel_showRightArrow"><i class="fa fa-chevron-right"></i></div></div></div></div></div><div class="half module_product_info"><h2 ng-bind-html="::((product.mfr_num || product.itemCode) + ' ' +(product.name) | trust)"></h1><div class="detail_page_mfr desktop_only"> MFR #{{::product.itemCode || product.mfr_num}}</div><div class="detail_page_highlights"><ul><li ng-repeat="highlight in ::product.highlights" ng-bind-html="::(highlight.SELL_POINT) | trust"></li></ul></div><div class="detail_page_includes_title"> In the Box</div><div class="detail_page_includes_items"><ul><li ng-repeat="item in ::product.includes"><a href="/product/{{::item.LINK_SKU}}/{{::core.helpers.fixUrl(item.INCLUDES_RAW)}}" class="detail_page_includes_item_link" ng-if="::item.LINK_SKU && item.LINK_SKU!='' " ng-bind-html="::(item.INCLUDED_QTY + ' x ' + item.INCLUDES_RAW) | trust"></a><div ng-if="::!item.LINK_SKU || item.LINK_SKU==''" ng-bind-html="::((item.INCLUDED_QTY>1 ? item.INCLUDED_QTY + ' x ' : '') + item.INCLUDES_RAW) | trust" class="detail_page_includes_text"></div></li></ul></div><div class="detail_page_support" ng-if="::manuals.length>0"><div ng-if="::manuals.length>0" class="detail_page_user_manual_single"><div ng-repeat="manual in ::manuals" class="detail_page_user_manual "><a href="{{::manual.__system.urlKey}}" class="detail_page_user_manual_link" target="_blank" ng-click="downloadManual(manual.__system.urlKey);"><div class="detail_page_user_manual_image"> <img ng-src="{{::manual.displayImage}}" class="detail_page_user_manual_img"></div><div class="detail_page_user_manual_title"> {{::manual.CAPTION}} <i ng-if="::(manual['FILE_SIZE'] && manual['FILE_SIZE']!='')">({{::manual.FILE_SIZE}})</i></div></a></div></div></div><div class="row"><a href="/product/{{product.sku}}/{{product.__system.urlKey}}"><div class="cta_btn"> LEARN MORE</div></a></div></div></div></script>
1<script type="text/ng-template" id="module_ProductAccessoryTemplate.html"><div ng-if="product" class="module_default_spacing module_acc"><div class="half module_product_acc_image"> <img data-img-source data-sourceid="{{product.sku}}" data-obj="product" data-type="list" class="module_acc_img"></div><div class="half module_product_info"><h2 ng-bind-html="::((product.mfr_num || product.itemCode) + ' ' +(product.name) | trust)"></h1><div class="detail_page_mfr desktop_only"> MFR #{{::product.itemCode || product.mfr_num}}</div><div class="row"><a href="/product/{{product.sku}}/{{product.__system.urlKey}}"><div class="cta_btn"> LEARN MORE</div></a></div></div></div></script>
1<script type="text/ng-template" id="module_FileDownload.html"><div class="download_btn_wrapper"><div class="title padder">{{downloadTitle}}</div><a href="{{downloadUrl}}" class="download_btn_a"><div class="download_btn"><i class="far fa-arrow-alt-circle-down"></i> Download</div></a></div></script>
1<script type="text/ng-template" id="module_FileDownloadWithIcon.html"><div class="download_btn_with_icon_wrapper"><a href="{{downloadUrl}}" class="download_btn_with_icon_a"><div class="download_btn_with_icon_img"><img ng-src="{{fileIcon}}"></div><div class="download_btn_with_icon_txt"> Download {{downloadTitle}}</div><div class="download_btn_with_ext"> (.{{fileExt}})</div></a></div></script>
1<script type="text/ng-template" id="module_PromoPage.html"><div class="promo_page_module"><div ng-if="title" class="row"><h2>{{title}}</h2></div><div ng-repeat="data in content track by $index" class="promo_page_module_section {{data.cssClass}}"><a ng-if="data.linkTo" href="{{data.linkTo}}"><div class="promo_page_left"><div class="img_wrapper"> <img class="promo_page_module_img" ng-if="data.images" data-img-source data-sourceid="{{mainId}}" data-obj="data" data-usefirstimage="true" class=""> </div></div><div class="promo_page_right"><h3>{{data.title}}</h3><div ng-bind-html="::(data.content)|trust" class="promo_page_text"></div></div></a><div ng-if="!data.linkTo"><div class="promo_page_left"><div class="img_wrapper"> <img class="promo_page_module_img" ng-if="data.images" data-img-source data-sourceid="{{mainId}}" data-obj="data" data-usefirstimage="true" class=""> </div></div><div class="promo_page_right"><h3>{{data.title}}</h3><div ng-bind-html="::(data.content)|trust" class="promo_page_text"></div></div></div></div></div></script>
1<script type="text/ng-template" id="module_PromoPageHTMLTemplate.html"><div ng-bind-html="::(content)|trust"></div></script>
1<script type="text/ng-template" id="module_BannerTop.html"><div class="desktop_banner" style="{{(core.homepageBanner ? 'background:url(\''+core.homepageBanner+'\');background-position:top center;background-repeat:no-repeat;background-size:cover;' : '')}}"><div class="content_sizer"><div class="site_banner_txt"><div class="content_bg"></div><div ng-bind-html="::(core.bannerCode)|trust" class="banner_code"></div></div></div></div></script>
1<script type="text/ng-template" id="module_HomePageCategoryLinks.html"><div class="content_wrapper content_sizer" ng-if="core.homepageLinks.length>0"><div ng-controller="HomepageCategoryLinksController" class="home_page_links"><div ng-repeat="link in ::data.homepageLinks" class="home_page_links_link"> <a href="/products/{{::link.categoryLink}}" class="home_page_links_a"><img ng-src="{{::link.img}}" class="img_hover"><br> <span class="home_page_links_span">{{::link.category}}</span></a></div></div></div></script>
1<script type="text/ng-template" id="module_ListingPageOnHomePage.html"><div class="content_wrapper content_sizer" ng-controller="ListingPageIncludedController" ng-if="core.hpShowListingPage"><div ng-controller="ListingPageController"><div ng-include="'productListingPage.html'"></div></div></div></script>
1<script type="text/ng-template" id="module_WelcomeMsg.html"><div class="content_wrapper content_sizer"><div class="" ng-bind-html="::(core.welcomeMsg)|trust" ng-if="::(core.welcomeMsg)"></div><div class="no_welcome_msg" ng-if="::(!core.welcomeMsg)"></div></div></script>
1<script type="text/ng-template" id="sections.html"><div ng-repeat="section in data.obj.sections" class="pages_section {{'page_'+pageId}}" data-height-setter id="pages_section_{{$index}}" ng-init="section.sectionIndex = $index;"><pages-element-repeat-root ng-repeat="element in section.elements" data-include-replace></pages-element-repeat-root></div></script>
1<script type="text/ng-template" id="pages_element_product.html"><div data-pages-data-source="{{elementSelected.attrs.data_source}}" data-pages-data-source-linker></div></script>
1<script type="text/ng-template" id="pages_element_product_inner.html"><div ng-class="{'selected':elementSelected==element}" class="pages_template_product_wrapper {{element.attrs.data_source_css_class}} {{elementSelected.attrs.component_flex_grid_highlight ? 'grid_highlight' : ''}} {{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element {{element.attrs.component_flex_items_per_row>0 ? 'pages_grid_items_per_row'+element.attrs.component_flex_items_per_row : ''}} {{element.attrs.component_flex_items_per_row_mobile>0 ? 'pages_grid_items_per_row_mobile'+element.attrs.component_flex_items_per_row_mobile : ''}} {{(element.attrs.component_bg_type=='image' && element.images && element.images[0] ? 'hasBackgroundImage' : '')}} {{isRoot ? 'pages_section_container_'+section.sectionIndex : ''}} {{isRoot ? 'isRoot' : ''}}" ng-click="selectElement($event);"><div class="pages_template_product" ng-repeat="data in dataSource"><a itemscope itemtype="http://schema.org/Product" href="{{data.detailPageUrl}}" class="pages_template_product_a"><meta itemprop="mpn" content="{{data.mfr_num}}"><meta itemprop="sku" content="{{data.sku}}"><meta itemprop="brand" content="Oben"><div class="pages_template_product_img_wrapper"> <img src="{{data.imagesUrls.isDetail}}" alt="" class="pages_template_product_img"> <img ng-if="data.imagesUrls.isFlip" src="{{data.imagesUrls.isFlip}}" alt="" class="pages_template_product_img_flip"> <img ng-if="data.imagesUrls.isFlipOnly" src="{{data.imagesUrls.isFlipOnly}}" alt="" class="pages_template_product_img_flip"></div><div class="pages_template_product_name"> {{data.mfr_num}} {{data.name}}</div><div class="pages_template_product_mfr"> Mfr# :{{data.mfr_num}}</div><div class="pages_template_product_highlights"><ul class="pages_template_product_ul"><li ng-repeat="highlight in data.highlights" class="pages_template_product_li">{{highlight.SELL_POINT}}</li></ul></div></a><div class="pages_template_product_bottom_wrapper"><div class="pages_template_product_pricing_wrapper"><div data-pricing></div></div><a href="{{data.detailPageUrl}}" class="pages_cta_btn"><div class="pages_template_product_cta"> Buy Now</div></a></div></div></div></script>
1<script type="text/ng-template" id="pages_element_div.html"><div data-add-class-on-scroll data-addclass="pages_class_on_scroll" data-animate="true" data-animate-in-view="{{element[attrsRef]['component_animation_effect'] && element[attrsRef]['component_animation_effect']!='None' ? 'true' : 'false'}}" data-animate-effect="{{element[attrsRef]['component_animation_effect']}}" data-animate-when="{{element[attrsRef]['component_animation_when']}}" ng-class="{'selected':elementSelected==element}" class=" 2 animate__animated 3 {{element[attrsRef]['component_background_image'] ? 'lazy_background' : element['attrs']['component_background_image'] ? 'lazy_background' : ''}} 4 {{element[attrsRef]['component_animation_repeat'] ? (element[attrsRef]['component_animation_repeat']=='infinite' ? 'animate__' : 'animate__repeat-')+element[attrsRef]['component_animation_repeat'] : ''}} 5 {{element[attrsRef]['component_animation_delay'] && element[attrsRef]['component_animation_delay']!='None' ? (element[attrsRef]['component_animation_delay'].length>2 ? 'animate__' : 'animate__delay-')+element[attrsRef]['component_animation_delay'] : ''}} 6 7 {{element[attrsRef]['component_animation_effect_switcher'] ? element[attrsRef]['component_animation_effect_switcher'] : ''}} 8 9 {{element[attrsRef]['class_on_hover_active'] && element[attrsRef]['class_on_hover_active']!='' ? element[attrsRef]['class_on_hover_active'] : ''}} 10 11 {{elementSelected.attrs.component_flex_grid_highlight ? 'grid_highlight' : ''}} 12 {{element.attrs.component_unique_class}} 13 {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} 14 {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element {{element.attrs.component_flex_items_per_row>0 ? 'pages_grid_items_per_row'+element.attrs.component_flex_items_per_row : ''}} {{element.attrs.component_flex_items_per_row_mobile>0 ? 'pages_grid_items_per_row_mobile'+element.attrs.component_flex_items_per_row_mobile : ''}} {{(element.attrs.component_bg_type=='image' && element.images && element.images[0] ? 'hasBackgroundImage' : '')}} {{isRoot ? 'pages_section_container_'+section.sectionIndex : ''}} {{isRoot ? 'isRoot' : ''}} 15 " id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" ng-click="selectElement($event);" ng-mouseenter="hoverElement($event)" ng-mouseleave="hoverElement($event)"><pages-element-repeat ng-repeat="element in element.elements as children" data-include-replace></pages-element-repeat></div></script>
15<script type="text/ng-template" id="pages_element_span.html"><span ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" ng-click="selectElement($event);" data-pages-content-editable ng-model="element.html"><pages-element-repeat ng-repeat="element in element.elements as children" data-include-replace></pages-element-repeat></span></script>
15<script type="text/ng-template" id="pages_element_button.html"> <button ng-click="pagesBroadcastEvent(elementSelected.attrs.button_on_click_broadcast_event,elementSelected.attrs.button_event_properties);" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}}"> {{elementSelected.attrs.button_text}}</button></script>
15<script type="text/ng-template" id="pages_element_ul.html"><ul ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" ng-click="selectElement($event);"><pages-element-repeat ng-repeat="element in element.elements as children" data-include-replace></pages-element-repeat></ul></script>
15<script type="text/ng-template" id="pages_element_ol.html"><ol ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" ng-click="selectElement($event);" data-pages-content-editable><ng-bind-html ng-bind-html="(element.html)|trust"></ng-bind-html><pages-element-repeat ng-repeat="element in element.elements as children" data-include-replace></pages-element-repeat></ol></script>
15<script type="text/ng-template" id="pages_element_li.html"><li ng-if="element.elements.length==0" ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" ng-click="selectElement($event);" data-pages-content-editable ng-model="element.html"></li><li ng-if="element.elements.length>0" ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" ng-click="selectElement($event);"><pages-element-repeat ng-repeat="element in element.elements as children"></pages-element-repeat></li></script>
15<script type="text/ng-template" id="pages_element_a.html"> <a href="{{element.attrs['anchor_url']}}" class=" {{element[attrsRef]['component_background_image'] ? 'lazy_background' : element['attrs']['component_background_image'] ? 'lazy_background' : ''}} {{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}}" title="{{element.attrs['anchor_url_title']}}" target="{{element.attrs['anchor_url_target']}}" ng-click="selectElement($event);(element.attrs['anchor_media_id'] && element.attrs['anchor_media_id']!='' ? openMediaLayer($event,element.attrs['anchor_media_id']) : '')">{{element.attrs['anchor_url_text']}}</a></script>
15<script type="text/ng-template" id="pages_element_h1.html"><h1 ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" data-pages-content-editable data-drags ng-model="element.html" ng-click="selectElement($event);"></h1></script>
15<script type="text/ng-template" id="pages_element_h2.html"><h2 ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" data-pages-content-editable data-drags ng-model="element.html" ng-click="selectElement($event);"></h2></script>
15<script type="text/ng-template" id="pages_element_h3.html"><h3 ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" data-pages-content-editable data-drags ng-model="element.html" ng-click="selectElement($event);"></h3></script>
15<script type="text/ng-template" id="pages_element_h4.html"><h4 ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" data-pages-content-editable data-drags ng-model="element.html" ng-click="selectElement($event);"></h4></script>
15<script type="text/ng-template" id="pages_element_h5.html"><h5 ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" data-pages-content-editable data-drags ng-model="element.html" ng-click="selectElement($event);"></h5></script>
15<script type="text/ng-template" id="pages_element_h6.html"><h6 ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" data-pages-content-editable data-drags ng-model="element.html" ng-click="selectElement($event);"></h6></script>
15<script type="text/ng-template" id="pages_element_img.html"><div ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element lazy_img" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" ng-click="selectElement($event);" data-drags> <img class="pages_img imglazy" ng-src="{{amazonImageUrlPath}}{{data.obj._id}}/images/compressed/{{element.images[0]['FILE_NAME']}}" alt=""><div data-pages-resizer ng-if="isSystem1" class="pages_resizer_handle"><i class="fal fa-expand-arrows"></i></div></div></script>
15<script type="text/ng-template" id="pages_element_media.html"><div class="pages_media {{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} " ng-class="{'selected':elementSelected==element}" ng-click="selectElement($event);"><div ng-if="element[attrsRef].component_media_opacity_layer" class="pages_media_opacity_layer"></div><div class="pagesMedia" id="pagesMedia_{{mediaId}}_{{pagesMediaCounters}}" data-pages-media data-mediaid="{{element.media[0].mediaId}}"></div></div></script>
15<script type="text/ng-template" id="pages_element_p.html"><p ng-class="{'selected':elementSelected==element}" class="{{element.attrs.component_unique_class}} {{mobileMode ? element.attrs_mobile.component_unique_class : ''}} {{element.attrs.component_class ? element.attrs.component_class : ''}} pages_element_div pages_element" id="{{element.attrs.component_id ? element.attrs.component_id : ''}}" data-pages-content-editable data-drags ng-click="selectElement($event);" ng-model="element.html"></p></script>
15<script type="text/ng-template" id="trackingDetails.html"><h1 class="section_heading">Tracking Details</h1><div class="content_sizer"><div class="tracking_details"><div class="tracking_details_bottom"><div class="trackers_order_details"><div ng-repeat="product in order.products" class="" ng-init="detailsVisible=false;" ng-class="{'hasProductFullRefundStatus':hasProductFullRefundStatus,'hasProductReturnedAllStatus':hasProductReturnedAllStatus,'hasProductRefundStatus':hasProductRefundStatus,'hasProductPartialReturnStatus':hasProductPartialReturnStatus}"><div class="my_orders_shipping_tracker" ng-class="{'first_tracker':$index==0}" ng-if="::(product.shipment && product.shipmentStatus && product.shipmentStatus.length>0)"><div class="my_orders_shipping_shipments_indicator" ng-if="order.totalShipments>0">{{order.totalShipments>1 ? 'Partial ' : ''}}Shipment {{order.totalShipments>1 ? product.shipmentNumber + ' of': ''}} {{order.totalShipments>1 ? order.totalShipments : ''}} ({{product.lastShipmentStatus}})</div><div class="my_orders_shipping_shipments_indicator_tracking_number"><a href="{{getCarrierUrl(product.shipment.trackers[$index].carrier,product.shipment.trackers[$index].trackingNumber)}}" target="_blank"><span class="my_orders_shipping_shipments_indicator_delivery_method">{{product.shipment.deliveryMethod}}</span> - <span class="carrier_link">{{product.shipment.trackers[$index].carrier}}</span> #{{product.shipment.trackers[$index].trackingNumber}}</a></div><div class="my_orders_shipping_status"><div class="my_orders_shipping_bar"><div ng-repeat-start="status in ::product.shipmentStatus" ng-if="::$first" class="my_orders_shipping_milestone"><div class="milestone_data no_transform"><div class="milestone_label" ng-class="::{'align_left':$first,'align_right':$last}">{{::status.status}}</div><div class="milestone_date" ng-class="::{'align_left':$first,'align_right':$last}">{{::(status.date)|date:'MMM dd yyyy' : 'America/New_York'}}</div></div></div><div class="trackPath" ng-if="::!$first" ng-class="{'disabled':!status.date}"></div><div ng-repeat-end="" ng-if="::!$first" class="my_orders_shipping_milestone" ng-class="{'disabled':!status.date}"><div class="milestone_data " ng-class="::{'no_transform':$last}"><div class="milestone_label" ng-class="::{'align_left':$first,'align_right':$last}">{{::status.status}}</div><div class="milestone_date" ng-class="::{'align_left':$first,'align_right':$last}" ng-if="::status.date">{{::(status.date)|date:'MMM dd yyyy' : 'America/New_York'}}</div></div></div></div></div><div ng-if="product.shipmentNumber && product.shipmentNumber>0"><div class="my_orders_tracking_history_wrapper"><div class="my_orders_tracking_history"><h2>Shipment Tracking Details</h2><div ng-repeat="detail in product.shipment.trackers | orderBy:'-'" class="my_orders_tracking_history_wrapper"><div class="my_orders_tracking_history_step" ng-class="{'last_status':$first}"> <span class="my_orders_tracking_history_step_time">{{::(detail.datetime)|date:'MMM dd' : 'America/New_York'}} -<div class="my_orders_tracking_history_step_time_hours">{{::(detail.datetime)|date:'h:mm a' : 'America/New_York'}}</div></span><span class="my_orders_tracking_history_step_graphic"><span class="graphic_top_line"></span><span class="graphic_circle"></span><span class="graphic_bottom_line"></span></span> <span class="my_orders_tracking_history_message">{{detail.message}}</span> <span class="my_orders_tracking_history_location">{{detail.tracking_location && detail.tracking_location.city ? detail.tracking_location.city+(detail.tracking_location.state ? ','+detail.tracking_location.state : '') : ''}}</span></div></div></div></div></div></div></div></div></div></div></div></script>
15<script type="text/ng-template" id="orderSummary.html"><div class="order_summary_wrapper" ng-controller="OrderSummaryController"><div class="order_summary_title">Order Summary</div><div class="order_summary_products" ng-repeat="product in products"><div class="order_summary_image_wrapper"><img ng-src="{{product.image}}" alt="" class="order_summary_image"></div><div class="order_summary_product" ng-bind-html="product.qty + ' x ' + product.name|trust"></div><div class="order_summary_price">{{product.final_price|currency}}</div></div><div class="order_summary_totals"><div class="order_summary_totals_text">Subtotal</div><div class="order_summary_totals_amounts">{{amounts.subtotal|currency}}</div><div class="order_summary_totals_text">Shipping & Handling</div><div class="order_summary_totals_amounts">{{amounts.shipping|currency}}</div><div class="order_summary_totals_text">Tax</div><div class="order_summary_totals_amounts">{{amounts.tax|currency}}</div></div><div class="order_summary_totals bold"><div class="order_summary_totals_text">Total</div><div class="order_summary_totals_amounts">{{amounts.total|currency}}</div></div><div class="order_summary_checkout_wrapper"> <a class="order_summary_checkout_btn" href="{{checkoutButtonUrl}}" ng-if="!getFullCart && checkoutButtonVisible">{{checkoutButtonText}}</a><div ng-if="getFullCart" class="order_summary_payment_wrapper"><div class="order_summary_credit_card_wrapper"><div class="order_summary_credit_card_heading"> Credit Card #</div><div id="card-element" data-stripe-form></div></div><div class="order_summary_recaptcha"><div data-vc-recaptcha data-key="vm.publicKey" class="login_recaptcha"></div></div></div><div ng-if="data.hasClickedPlaceOrder && (!data.cardFormValid || !ccForm.$valid)" class="order_summary_checkout_helper"> <span ng-if="!data.cardFormValid">Please make sure that you have entered a valid <b>credit card number</b>, <b>expiration date</b>, <b>CVC code</b> and your <b>Zip code</b>.</span> <span ng-if="!ccForm.$valid">Check "I'm not a robot" and then click Place Order</span></div> <input ng-if="getFullCart" type="submit" class="order_summary_checkout_btn" value="Place Order" ng-class="{'readyForPayment':ccForm.$valid && data.cardFormValid}"></div></div></script>
15<script type="text/ng-template" id="addressBook.html"><h1 class="address_header">Address Book</h1><div class="address_wrapper"><div class="address_book" ng-controller="AddressBookController"><div ng-include="'grid.html'" ng-if="data.gridData.length>0"></div></div><div class="cta_wrapper"> <a class="cta_button" href="/account/editAddress">Add Address</a></div></div></script>
15<script type="text/ng-template" id="editAddress.html"><div class="edit_address"><div class="edit_address_wrapper"><div ng-if="!hideOptions" class="margin_bottom_40"><h2 class="address_heading2">Contact Information</h2><div class="address_edit_grid"><div><text-field data-label="'Email'" data-field="address.email"></text-field></div><div><text-field data-label="'Phone Number'" data-field="address.tel"></text-field></div></div><div class="address_edit_grid columns_1"><div><text-field data-label="'Company'" data-field="address.company"></text-field></div></div></div><h2 class="address_heading2">{{addressHeading ? addressHeading : 'Address'}}</h2><div class="address_edit_grid"><div><text-field data-label="'First Name'" data-field="address.firstName"></text-field></div><div><text-field data-label="'Last Name'" data-field="address.lastName"></text-field></div></div><div class="address_edit_grid columns_1"><div><text-field data-label="'Address 1'" data-field="address.address1"></text-field></div></div><div class="address_edit_grid columns_1"><div><text-field data-label="'Address 2'" data-field="address.address2"></text-field></div></div><div class="address_edit_grid columns_1"><div><text-field data-label="'Address 3'" data-field="address.address3"></text-field></div></div><div class="address_edit_grid columns_3"><div><text-field data-label="'City'" data-field="address.city"></text-field></div><div><dropdown-field data-label="'State'" data-field="address.state" data-options="states"></dropdown-field></div><div><text-field data-label="'Zip'" data-field="address.zip"></text-field></div></div><div class="address_edit_grid columns_1"><div><dropdown-field data-label="'Country'" data-field="address.country" data-options="countries"></dropdown-field></div></div><div class="address_edit_grid columns_2" ng-if="!hideOptions"><div><slider-field data-label="'Set as default Billing <i class=\'fa fa-dollar-sign icon_blue\' title=\'Default Billing Address\'></i> address '" data-field="address.defaultBilling"></slider-field></div><div><slider-field data-label="'Set as default Shipping <i class=\'fa fa-truck icon_blue\' title=\'Default Shipping Address\'></i> address'" data-field="address.defaultShipping"></slider-field></div></div><div class="cta_button" ng-click="saveAddress();" ng-if="!hideOptions">Save</div><div class="address_delete_button_wrapper" ng-if="!hideOptions"><div class="cta_button delete" ng-click="deleteAddress();">Delete</div></div></div></div></script>
15<script type="text/ng-template" id="textFieldDirective.html"><label class="text_field_label gg_form_element" for="{{textFieldId}}" ng-class="{'focused':textFieldFocused,'hovering':textFieldHovering}" ng-mouseenter="toggle('textFieldHovering');" ng-mouseleave="toggle('textFieldHovering');"><div class="text_field_wrapper"><div class="text_field_wrapper_inner" tabindex="-1"><div class="text_field_container"> <input class="text_field" ng-model="field" tabindex="0" name="{{label}}" id="{{textFieldId}}" type="text" ng-focus="toggle('textFieldFocused');" ng-blur="toggle('textFieldFocused');"><div class="text_field_text">{{label}}</div></div></div></div></label></script>
15<script type="text/ng-template" id="dropdownFieldDirective.html"><label class="text_field_label gg_form_element" for="{{textFieldId}}" ng-class="{'focused':textFieldFocused,'hovering':textFieldHovering}" ng-mouseenter="toggle('textFieldHovering');" ng-mouseleave="toggle('textFieldHovering');"><div class="text_field_wrapper"><div class="text_field_wrapper_inner" tabindex="-1"><div class="text_field_container"> <select name="{{label}}" id="" ng-model="field" class="text_field" ng-options="option as option for option in options" ng-focus="toggle('textFieldFocused');" ng-blur="toggle('textFieldFocused');"></select><div class="text_field_text">{{label}}</div></div></div></div></label></script>
15<script type="text/ng-template" id="sliderFieldDirective.html"> <label class="pure-material-switch"><input type="checkbox" ng-model="field" name="{{label}}"><span ng-bind-html="label|trust"></span></label></script>
15<script type="text/ng-template" id="grid_field_date.html"> {{::(field.value|date:'MMMM dd yyyy' : 'America/New_York')}}</script>
15<script type="text/ng-template" id="grid_field_text.html"><span class="grid_field_span {{::field.class}}" ng-bind-html="::field.value|trust"></span><div data-simple-dropdown ng-if="field.dropdownHTMLOnHover"><div ng-bind-html="field.dropdownHTMLOnHover|trust"></div></div></script>
15<script type="text/ng-template" id="grid_field_image.html"><div class="field_grid_value_wrapper grid_field_image_class_wrapper" data-quantity="{{val.quantity||field.quantity}}"> <img ng-src="{{val.value||field.value}}" alt="" class="grid_field_image_class"></div></script>
15<script type="text/ng-template" id="grid_field_array.html"><div class="grid_field_array_wrapper"><div ng-repeat="val in field.value|limitTo:2" ng-include="val.template"></div><div ng-if="field.value.length>2" class="field_value_array_count">+{{field.value.length-2}} more</div></div></script>
15<script type="text/ng-template" id="grid_field_money.html"> {{::field.value|currency}}</script>
15<script type="text/ng-template" id="grid_field_link.html"> <a class="grid_field_link_class {{::field.class}}" href="{{field.url}}" data-dd-action-name="Grid - Field - Link - {{field.value}}">{{field.value}}</a></script>
15<script type="text/ng-template" id="grid_field_modal.html"><div class="grid_field_link_class {{::field.class}}" ng-bind-html="::(field.value|trust)" ng-click="showModalMessage(field);"></div></script>
15<script type="text/ng-template" id="grid_field_incrementer.html"><div class="grid_field_incrementer_container" data-simple-grid-incrementer><div class="grid_field_incrementer_decrease" ng-click="field.value = field.value>1 ? field.value = field.value - 1 : 0;broadcast('decrease',field.incrementData,field.value);"><i class="fa fa-minus"></i></div><div class="grid_field_incrementer_input_container"><input type="text" disabled ng-model="field.value" class="grid_field_incrementer_input"></div><div class="grid_field_incrementer_increase" ng-click="field.value = field.value>=0 ? field.value = field.value + 1 : 1;broadcast('increase',field.incrementData,field.value);"><i class="fa fa-plus"></i></div></div></script>
15<script type="text/ng-template" id="grid_field_order_details_layer.html"> <a class="grid_field_link_class {{::field.class}}" ng-click="openOrderDetailsLayer(field.x3OrderNumber,field.x3QuoteNumber,field.customerNumber,field.webOrderNumber);">{{field.value}}</a></script>
15</div>
15<script src="js/libraries.js?v=2NpklB0l1ImNR69X7wpyxDhkabmCvUZtAsrZ2ETlWCc="></script>
15</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.