<script>
var pgw = sessionStorage.getItem("pgw"); // page width
var navw = sessionStorage.getItem("navw"); // navigation width
var navr = sessionStorage.getItem("navr"); // nav-row width
var navt = sessionStorage.getItem("navt"); // navigation type desktop/mobile
var nott = localStorage.getItem("nott"); // detection of notouch/touch
[-- IF VAR.TextACollapsible "true" --][-- IF STORE.TextA --]var tacl = sessionStorage.getItem("tacl"); // has text a been closed? true/false[-- END_IF --][-- END_IF --]
</script>
<script>if (pgw != ss_jQuery(window).width()) {localStorage.setItem("nott","");sessionStorage.setItem("pgw","");sessionStorage.setItem("navt","")} else if (navt === "mobile") {ss_jQuery("body").toggleClass("desktop mobile")};if (nott == "touch"){ss_jQuery("body").toggleClass("notouch touch")}</script>
<aside><a class="skip-main" href="#main-content">Skip to main content</a></aside>
#
###### Header 1 - This is a WP style header
[-- IF VAR.HeaderVariation "1" --]
    <header[-- IF VAR.AffixHeader "yes" --] class="sticky-top"[-- END_IF --]>
[-- IF VAR.HeaderDisplay "fullHeader" --][-- IF VAR.HeaderDisplay NE "logoOnly" --]<div id="top-bar" class="text-center p-1"><div class="container[-- VAR.HeaderFluid --] d-flex justify-content-between align-items-center"><div id="top-bar-left" class="d-flex justify-items-start align-items-center">[-- IF STORE.CompanyPhone --]<div class="px-2"><a href="tel:[-- STORE.CompanyPhone --]" class="phone"><span class="fas fa-mobile-alt"></span> [-- STORE.CompanyPhone --]</a></div>[-- END_IF --][-- IF STORE.TextA --]<div>[-- STORE.TextA --]</div>[-- END_IF --]</div><div id="top-bar-right" class="d-flex justify-items-end align-items-center">[-- IF SC_Registration --]<div id="user-links"  class="pl-4 ml-2 dropdown"><a class="block py-2" href="#" role="button" id="dropdownRegistration" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[-- STORE.YourAccount --]"><span class="fas fa-user"></span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownRegistration"><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=3&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.YourAccount --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&func=ywl">[-- STORE.wl_WishList --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a><div class="dropdown-divider"></div><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=4&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.SignOut --]</a></div></div><div id="sign-in-links" class="pl-4 ml-2"><span class="far fa-user" role="button" data-toggle="modal" data-target="#registrationModal" aria-label="[-- STORE.SignInButtonText --]"></span></div>[-- END_IF --]<div id="minicart" class="pl-4">[-- INCLUDE Element-MiniCart.sst PROCESS --]</div>[-- IF Accepting_PayPal --]<div class="pl-4">[-- Accepting_PayPal --]</div>[-- END_IF --]</div></div></div>[-- END_IF --][-- END_IF --]
[-- IF VAR.Header "OneLine" --]
      <div id="[-- VAR.Header --]">
        <div class="container[-- VAR.HeaderFluid --]">
[-- IF VAR.LogoAligned "center" --]
          <div class="row">
            <div class="col-[-- IF STORE.UseCompanyLogo --][-- IF VAR.LogoSize "small" --]5[-- ELSE --]4[-- END_IF --][-- ELSE --]6[-- END_IF --] text-[-- VAR.NavigationAligned --] oneline-left" id="nav-row">[-- IF VAR.HeaderDisplay NE "logoOnly" --][-- IF PageMenu --][-- INCLUDE Element-Navigation.sst PROCESS --][-- END_IF --][-- END_IF --]</div>
            [-- IF STORE.UseCompanyLogo --]<div class="col-[-- IF VAR.LogoSize "small" --]2[-- ELSE --]4[-- END_IF --] text-center oneline-logo">[-- IF STORE.CompanyLogo --]<a href="[-- IF STORE.CompanyURL --][-- STORE.CompanyURL --][-- ELSE --][-- MyStoreURL --][-- END_IF --]"><img src="[-- STORE.CompanyLogo URL_ONLY --]" [-- IF STORE.CompanyLogoDesc --]alt="[-- STORE.CompanyLogoDesc --]" title="[-- STORE.CompanyLogoDesc --]"[-- ELSE --]alt="[-- STORE.Name REMOVE_HTML --]" title="[-- STORE.Name REMOVE_HTML --]"[-- END_IF --] class="logo logo-lg"></a>[-- END_IF --][-- IF HEADER --][-- IF VAR.Type "page" --][-- IF PAGE.DisplayPageHeader --][-- HEADER --][-- END_IF --][-- ELSE_IF VAR.Type "moreinfo" --][-- IF MORE_INFO.DisplayPageHeader --][-- HEADER --][-- END_IF --][-- END_IF --][-- END_IF --]</div>[-- END_IF --]
            <div class="col-[-- IF STORE.UseCompanyLogo --][-- IF VAR.LogoSize "small" --]5[-- ELSE --]4[-- END_IF --][-- ELSE --]6[-- END_IF --] d-flex align-items-center justify-content[-- IF VAR.NavigationAligned "left" --]end[-- ELSE --]start[-- END_IF --] oneline-right">[-- IF VAR.HeaderDisplay NE "logoOnly" --][-- IF VAR.DisplaySearch "yes" --][-- IF VAR.SideMenus "none" --]<div id="search" class="position-relative"><div id="collapseSearch" class="collapse position-absolute">[-- INCLUDE Element-Search.sst PROCESS --]</div><span class="fas fa-search block py-3 px-2" data-toggle="collapse" data-target="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span></div>[-- ELSE --][-- VAR.SearchInHeader "no" --][-- END_IF --][-- END_IF --][-- END_IF --]</div>
          </div>
# else logo not aligned center, logo aligned left.
[-- ELSE --]
          <div class="d-flex align-items-center justify-content-[-- IF STORE.UseCompanyLogo --]between[-- ELSE --]center[-- END_IF --]">
            [-- IF STORE.UseCompanyLogo --]<div [-- IF VAR.NavigationAligned "left" --]id="nav-row" [-- END_IF --]class="oneline-logo">[-- IF STORE.CompanyLogo --]<a href="[-- IF STORE.CompanyURL --][-- STORE.CompanyURL --][-- ELSE --][-- MyStoreURL --][-- END_IF --]"><img src="[-- STORE.CompanyLogo URL_ONLY --]" [-- IF STORE.CompanyLogoDesc --]alt="[-- STORE.CompanyLogoDesc --]" title="[-- STORE.CompanyLogoDesc --]"[-- ELSE --]alt="[-- STORE.Name REMOVE_HTML --]" title="[-- STORE.Name REMOVE_HTML --]"[-- END_IF --] class="logo logo-lg"></a>[-- END_IF --][-- IF HEADER --][-- IF VAR.Type "page" --][-- IF PAGE.DisplayPageHeader --][-- HEADER --][-- END_IF --][-- ELSE_IF VAR.Type "moreinfo" --][-- IF MORE_INFO.DisplayPageHeader --][-- HEADER --][-- END_IF --][-- END_IF --][-- END_IF --][-- IF VAR.HeaderDisplay NE "logoOnly" --][-- IF VAR.NavigationAligned "left" --][-- IF PageMenu --][-- INCLUDE Element-Navigation.sst PROCESS --][-- END_IF --][-- END_IF --][-- END_IF --]</div>
            [-- ELSE --]<div class="text-center" id="nav-row">[-- IF VAR.HeaderDisplay NE "logoOnly" --][-- IF PageMenu --][-- INCLUDE Element-Navigation.sst PROCESS --][-- END_IF --][-- END_IF --]</div>
            [-- END_IF --]
            [-- IF VAR.HeaderDisplay NE "logoOnly" --]<div [-- IF VAR.NavigationAligned "right" --]id="nav-row" [-- END_IF --]class="d-flex align-items-center justify-content-end oneline-right">[-- IF STORE.UseCompanyLogo --][-- IF VAR.NavigationAligned "right" --][-- IF PageMenu --][-- INCLUDE Element-Navigation.sst PROCESS --][-- END_IF --][-- END_IF --][-- END_IF --][-- IF VAR.DisplaySearch "yes" --][-- IF VAR.SideMenus "none" --]<div id="search" class="position-relative"><div id="collapseSearch" class="collapse position-absolute">[-- INCLUDE Element-Search.sst PROCESS --]</div><span class="fas fa-search block py-3 pl-4" data-toggle="collapse" data-target="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')"></span></div>[-- ELSE --][-- VAR.SearchInHeader "no" --][-- END_IF --][-- END_IF --]</div>[-- END_IF --]
          </div>
[-- END_IF --]
        </div>
      </div>
[-- END_IF --]
    </header>
[-- IF VAR.HeaderDisplay "fullHeader" --][-- IF VAR.SideMenus "none" --][-- IF STORE.TextB --]<div id="textb" class="text-center bg-color"><div class="container[-- VAR.HeaderFluid --]">[-- STORE.TextB --]</div></div>[-- END_IF --][-- END_IF --][-- END_IF --]
####################################################################################
###### Header 2
[-- ELSE_IF VAR.HeaderVariation "2" --]
    <header[-- IF VAR.AffixHeader "yes" --] class="sticky-top"[-- END_IF --]>
[-- IF VAR.Header "OneLine" --]
      <div>
[-- IF VAR.LogoAligned "center" --]
[-- IF VAR.HeaderDisplay "logoOnly" --][-- ELSE_IF VAR.DisplaySearch "yes" --][-- IF STORE.TextA --]<div id="above-h"><div class="collapse-a container[-- VAR.HeaderFluid --] py-2 text-center"><div id="h-line-texta">[-- STORE.TextA --]</div></div></div>[-- END_IF --][-- END_IF --]
[-- IF HEADER --][-- IF VAR.Type "page" --][-- IF PAGE.DisplayPageHeader --]<div class="container[-- VAR.HeaderFluid --]">[-- HEADER --]</div>[-- END_IF --][-- ELSE_IF VAR.Type "moreinfo" --][-- IF MORE_INFO.DisplayPageHeader --]<div class="container[-- VAR.HeaderFluid --]">[-- HEADER --]</div>[-- END_IF --][-- END_IF --][-- END_IF --]
        <div class="container[-- VAR.HeaderFluid --]">
          [-- IF VAR.DisplaySearch "yes" --]<div class="collapse py-2" id="collapseFullSearch">[-- INCLUDE Element-Search.sst PROCESS --]</div>[-- END_IF --]
          <div class="row d-flex align-items-center">
            <div class="col-4 col-xl-5 d-flex justify-content-start align-items-center flex-wrap" id="h-line-left">[-- IF VAR.HeaderDisplay "fullHeader" --][-- IF PageMenu --][-- INCLUDE Element-Navigation.sst PROCESS --][-- END_IF --][-- IF VAR.DisplaySearch "yes" --][-- IF VAR.SearchDisplay "icon" --]<div class="d-inline-block py-3 px-2 ml-3"><span class="fas fa-search" data-toggle="collapse" data-target="#collapseFullSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span></div>[-- END_IF --][-- IF VAR.SearchDisplay "full" --]<div id="search" class="position-relative"><div class="d-none d-lg-block">[-- INCLUDE Element-Search.sst PROCESS --]</div></div><span class="fas fa-search d-inline-block d-lg-none py-3 px-2 ml-3" data-toggle="collapse" data-target="#collapseFullSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span>[-- END_IF --][-- ELSE_IF STORE.TextA --]<div id="h-line-texta">[-- STORE.TextA --]</div>[-- END_IF --][-- END_IF --]</div>
            <div class="col-4 col-xl-2 text-center oneline-logo" id="h-line-center">[-- IF STORE.UseCompanyLogo --][-- IF STORE.CompanyLogo --]<a href="[-- IF STORE.CompanyURL --][-- STORE.CompanyURL --][-- ELSE --][-- MyStoreURL --][-- END_IF --]" class="d-block m-auto"><img src="[-- STORE.CompanyLogo URL_ONLY --]" [-- IF STORE.CompanyLogoDesc --]alt="[-- STORE.CompanyLogoDesc --]" title="[-- STORE.CompanyLogoDesc --]"[-- ELSE --]alt="[-- STORE.Name REMOVE_HTML --]" title="[-- STORE.Name REMOVE_HTML --]"[-- END_IF --] class="logo logo-lg img-fluid"></a>[-- ELSE --]<a id="make-logo" href="[-- MyStoreURL --]">[-- STORE.Name --]</a>[-- END_IF --][-- END_IF --]</div>
            <div class="col-4 col-xl-5 d-flex justify-content-end align-items-center" id="h-line-right">[-- IF VAR.HeaderDisplay "fullHeader" --][-- IF STORE.CompanyPhone --]<div class="px-2"><a href="tel:[-- STORE.CompanyPhone --]" class="phone"><span class="fas fa-mobile-alt"></span><span class="d-none d-lg-inline-block pl-2">[-- STORE.CompanyPhone --]</span></a></div>[-- END_IF --][-- IF SC_Registration --]<div id="user-links"  class="px-2 dropdown"><a class="block py-2" href="#" role="button" id="dropdownRegistration" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="[-- STORE.YourAccount --]"><span class="fas fa-user"></span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownRegistration"><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=3&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.YourAccount --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&func=ywl">[-- STORE.wl_WishList --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a><div class="dropdown-divider"></div><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=4&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.SignOut --]</a></div></div><div id="sign-in-links" class="p-2"><span class="far fa-user" role="button" data-toggle="modal" data-target="#registrationModal" title="[-- STORE.SignInButtonText --]"></span></div>[-- END_IF --]<div id="minicart" class="p-2 px-md-3 ml-md-3">[-- INCLUDE Element-MiniCart.sst PROCESS --]</div>[-- IF Accepting_PayPal --]<div class="p-2 px-md-3 ml-md-3">[-- Accepting_PayPal --]</div>[-- END_IF --][-- END_IF --]</div>
          </div>
        </div>
# else logo not aligned center, logo aligned left.
[-- ELSE --]
[-- IF VAR.HeaderDisplay "logoOnly" --][-- ELSE_IF VAR.DisplaySearch "yes" --][-- IF VAR.SearchDisplay "full" --][-- IF STORE.TextA --]<div id="above-h"><div class="collapse-a container[-- VAR.HeaderFluid --] py-2 text-center"><div id="h-line-texta">[-- STORE.TextA --]</div></div></div>[-- END_IF --][-- ELSE --][-- IF STORE.TextA --]<div id="above-h"><div class="collapse-a container[-- VAR.HeaderFluid --] py-2 text-center"><div id="h-line-texta">[-- STORE.TextA --]</div></div></div>[-- END_IF --][-- END_IF --][-- END_IF --]
[-- IF HEADER --][-- IF VAR.Type "page" --][-- IF PAGE.DisplayPageHeader --]<div class="container[-- VAR.HeaderFluid --]">[-- HEADER --]</div>[-- END_IF --][-- ELSE_IF VAR.Type "moreinfo" --][-- IF MORE_INFO.DisplayPageHeader --]<div class="container[-- VAR.HeaderFluid --]">[-- HEADER --]</div>[-- END_IF --][-- END_IF --][-- END_IF --]
        <div class="container[-- VAR.HeaderFluid --]">
          [-- IF VAR.DisplaySearch "yes" --]<div class="collapse py-2" id="collapseFullSearch"><div class="[-- IF VAR.HeaderFluid "-fluid" --]container[-- ELSE --]px-0[-- END_IF --]">[-- INCLUDE Element-Search.sst PROCESS --]</div></div>[-- END_IF --]
          <div class="d-flex align-items-center justify-content-between">
            [-- IF STORE.UseCompanyLogo --][-- IF STORE.CompanyLogo --]<a href="[-- IF STORE.CompanyURL --][-- STORE.CompanyURL --][-- ELSE --][-- MyStoreURL --][-- END_IF --]" class="d-block m-auto col-3 col-xl-2"><img src="[-- STORE.CompanyLogo URL_ONLY --]" [-- IF STORE.CompanyLogoDesc --]alt="[-- STORE.CompanyLogoDesc --]" title="[-- STORE.CompanyLogoDesc --]"[-- ELSE --]alt="[-- STORE.Name REMOVE_HTML --]" title="[-- STORE.Name REMOVE_HTML --]"[-- END_IF --] class="logo logo-lg img-fluid"></a>[-- ELSE --]<a id="make-logo" href="[-- MyStoreURL --]">[-- STORE.Name --]</a>[-- END_IF --][-- END_IF --]
            [-- IF VAR.HeaderDisplay "fullHeader" --][-- IF VAR.DisplaySearch "yes" --][-- IF VAR.SearchDisplay "full" --]<div id="search" class="position-relative flex-fill px-3"><div class="d-none d-lg-block">[-- INCLUDE Element-Search.sst PROCESS --]</div></div><span class="fas fa-search d-inline-block d-lg-none py-3 px-2 ml-3" data-toggle="collapse" data-target="#collapseFullSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span>[-- END_IF --][-- END_IF --][-- IF PageMenu --]<div class="flex-fill pl-3">[-- INCLUDE Element-Navigation.sst PROCESS --]</div>[-- END_IF --][-- IF VAR.DisplaySearch "yes" --][-- IF VAR.SearchDisplay "icon" --]<div class="d-inline-block py-3 px-2 mx-2"><span class="fas fa-search" data-toggle="collapse" data-target="#collapseFullSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span></div>[-- END_IF --][-- END_IF --][-- IF Accepting_PayPal --]<div class="px-2">[-- Accepting_PayPal --]</div>[-- END_IF --][-- IF STORE.CompanyPhone --]<div class="px-2"><a href="tel:[-- STORE.CompanyPhone --]" class="phone"><span class="fas fa-mobile-alt"></span><span class="d-none d-lg-inline-block pl-2">[-- STORE.CompanyPhone --]</span></a></div>[-- END_IF --][-- IF SC_Registration --]<div id="user-links"  class="px-2 dropdown"><a class="block py-2" href="#" role="button" id="dropdownRegistration" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="[-- STORE.YourAccount --]"><span class="fas fa-user"></span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownRegistration"><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=3&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.YourAccount --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&func=ywl">[-- STORE.wl_WishList --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a><div class="dropdown-divider"></div><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=4&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.SignOut --]</a></div></div><div id="sign-in-links" class="p-2"><span class="far fa-user" role="button" data-toggle="modal" data-target="#registrationModal" title="[-- STORE.SignInButtonText --]"></span></div>[-- END_IF --]<div id="minicart" class="py-2 px-3 ml-3">[-- INCLUDE Element-MiniCart.sst PROCESS --]</div>[-- END_IF --]
          </div>
        </div>
[-- END_IF --]
      </div>
[-- END_IF --]
    </header>
[-- IF VAR.HeaderDisplay "fullHeader" --][-- IF VAR.SideMenus "none" --][-- IF STORE.TextB --]<div id="textb" class="text-center bg-color"><div class="container[-- VAR.HeaderFluid --]">[-- STORE.TextB --]</div></div>[-- END_IF --][-- END_IF --][-- END_IF --]
####################################################################################
###### Header 3
[-- ELSE_IF VAR.HeaderVariation "3" --]
####################################################################################
###### Header 4 - goes with a side navigation menu - no logo here
[-- ELSE_IF VAR.HeaderVariation "4" --]
[-- IF VAR.AffixHeader "no" --][-- VAR.FixedSide "regular-sidenav" --][-- END_IF --]
[-- IF VAR.HeaderDisplay "fullHeader" --]
    <header[-- IF VAR.AffixHeader "yes" --] class="sticky-top"[-- END_IF --]>
[-- IF HEADER --][-- IF VAR.Type "page" --][-- IF PAGE.DisplayPageHeader --]<div class="container[-- VAR.HeaderFluid --]">[-- HEADER --]</div>[-- END_IF --][-- ELSE_IF VAR.Type "moreinfo" --][-- IF MORE_INFO.DisplayPageHeader --]<div class="container[-- VAR.HeaderFluid --]">[-- HEADER --]</div>[-- END_IF --][-- END_IF --][-- END_IF --]
        <div class="container[-- VAR.HeaderFluid --]">
[-- IF VAR.SearchDisplay "full" --]
        [-- IF VAR.DisplaySearch "yes" --]<div class="collapse py-2" id="collapseFullSearch">[-- INCLUDE Element-Search.sst PROCESS --]</div>[-- END_IF --]
          <div class="d-flex justify-content-between align-items-center">
            [-- IF Accepting_PayPal --]<div class="">[-- Accepting_PayPal --]</div>[-- END_IF --]
            [-- IF VAR.DisplaySearch "yes" --]<div id="search" class="position-relative d-none d-lg-block">[-- INCLUDE Element-Search.sst PROCESS --]</div><span class="fas fa-search d-inline-block d-lg-none py-3 px-2 ml-3" data-toggle="collapse" data-target="#collapseFullSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span>[-- END_IF --]
            <div id="h-line-left" class="d-none d-md-flex">[-- IF STORE.TextA --]<div>[-- STORE.TextA --]</div>[-- END_IF --]</div>
            <div class="d-flex justify-content-end align-items-center" id="h-line-right">[-- IF STORE.CompanyPhone --]<div class="px-3"><a href="tel:[-- STORE.CompanyPhone --]" class="phone"><span class="fas fa-mobile-alt"></span><span class="d-none d-lg-inline-block pl-2">[-- STORE.CompanyPhone --]</span></a></div>[-- END_IF --][-- IF SC_Registration --]<div id="user-links"  class="px-3 dropdown"><a class="block py-2" href="#" role="button" id="dropdownRegistration" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="[-- STORE.YourAccount --]"><span class="fas fa-user"></span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownRegistration"><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=3&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.YourAccount --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&func=ywl">[-- STORE.wl_WishList --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a><div class="dropdown-divider"></div><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=4&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.SignOut --]</a></div></div><div id="sign-in-links" class="px-3"><span class="far fa-user" role="button" data-toggle="modal" data-target="#registrationModal" title="[-- STORE.SignInButtonText --]"></span></div>[-- END_IF --]<div id="minicart" class="pl-3">[-- INCLUDE Element-MiniCart.sst PROCESS --]</div></div>
          </div>
[-- ELSE --]
        [-- IF VAR.DisplaySearch "yes" --]<div class="collapse py-2" id="collapseFullSearch">[-- INCLUDE Element-Search.sst PROCESS --]</div>[-- END_IF --]
          <div class="d-flex justify-content-between align-items-center">
            <div id="h-line-left">[-- IF STORE.TextA --]<div>[-- STORE.TextA --]</div>[-- END_IF --]</div>
            <div class="d-flex justify-content-end align-items-center" id="h-line-right">[-- IF VAR.DisplaySearch "yes" --]<div class="px-3"><span class="fas fa-search" data-toggle="collapse" data-target="#collapseFullSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span></div>[-- END_IF --][-- IF STORE.CompanyPhone --]<div class="px-3"><a href="tel:[-- STORE.CompanyPhone --]" class="phone"><span class="fas fa-mobile-alt"></span><span class="d-none d-lg-inline-block pl-2">[-- STORE.CompanyPhone --]</span></a></div>[-- END_IF --][-- IF SC_Registration --]<div id="user-links"  class="px-3 dropdown"><a class="block py-2" href="#" role="button" id="dropdownRegistration" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="[-- STORE.YourAccount --]"><span class="fas fa-user"></span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownRegistration"><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=3&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.YourAccount --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&func=ywl">[-- STORE.wl_WishList --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a><div class="dropdown-divider"></div><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=4&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.SignOut --]</a></div></div><div id="sign-in-links" class="px-3"><span class="far fa-user" role="button" data-toggle="modal" data-target="#registrationModal" title="[-- STORE.SignInButtonText --]"></span></div>[-- END_IF --]<div id="minicart" class="pl-3">[-- INCLUDE Element-MiniCart.sst PROCESS --]</div></div>
          </div>
[-- END_IF --]
        </div>
    </header>
[-- END_IF --]
[-- IF VAR.HeaderDisplay "fullHeader" --][-- IF VAR.SideMenus "none" --][-- IF STORE.TextB --]<div id="textb" class="text-center bg-color"><div class="container[-- VAR.HeaderFluid --]">[-- STORE.TextB --]</div></div>[-- END_IF --][-- END_IF --][-- END_IF --]
####################################################################################
###### Header 5
[-- ELSE_IF VAR.HeaderVariation "5" --]
[-- IF VAR.HeaderDisplay "logoOnly" --][-- ELSE_IF STORE.TextA --]<div id="above-h"><div class="collapse-a container[-- VAR.HeaderFluid --] py-2 text-center"><div id="h-line-texta">[-- STORE.TextA --]</div></div></div>[-- END_IF --]
    <header[-- IF VAR.AffixHeader "yes" --] class="sticky-top"[-- END_IF --]>
      <div id="[-- VAR.Header --]" class="d-flex d-md-block justify-content-between align-items-center">
        <div class="container[-- VAR.HeaderFluid --]">
          <div class="d-flex align-items-center justify-content-between">
            [-- IF STORE.UseCompanyLogo --]<div class="oneline-logo mr-3 flex-fill flex-md-grow-0">[-- IF STORE.CompanyLogo --]<a href="[-- IF STORE.CompanyURL --][-- STORE.CompanyURL --][-- ELSE --][-- MyStoreURL --][-- END_IF --]"><img src="[-- STORE.CompanyLogo URL_ONLY --]" [-- IF STORE.CompanyLogoDesc --]alt="[-- STORE.CompanyLogoDesc --]" title="[-- STORE.CompanyLogoDesc --]"[-- ELSE --]alt="[-- STORE.Name REMOVE_HTML --]" title="[-- STORE.Name REMOVE_HTML --]"[-- END_IF --] class="logo logo-lg"></a>[-- ELSE --]<a href="[-- MyStoreURL --]" id="make-logo">[-- STORE.Name --]</a>[-- END_IF --]</div>[-- END_IF --]
            [-- IF HEADER --][-- IF VAR.Type "page" --][-- IF PAGE.DisplayPageHeader --]<div class="m[-- IF STORE.UseCompanyLogo --]x[-- ELSE --]r[-- END_IF --]-3">[-- HEADER --]</div>[-- END_IF --][-- ELSE_IF VAR.Type "moreinfo" --][-- IF MORE_INFO.DisplayPageHeader --]<div class="m[-- IF STORE.UseCompanyLogo --]x[-- ELSE --]r[-- END_IF --]-3">[-- HEADER --]</div>[-- END_IF --][-- END_IF --][-- END_IF --]
            [-- IF VAR.HeaderDisplay NE "logoOnly" --]
              [-- IF VAR.DisplaySearch "yes" --]<div id="search" class="flex-fill position-relative d-none d-md-block mx-3">[-- INCLUDE Element-Search.sst PROCESS --]</div><span class="fas fa-search d-inline-block d-md-none px-3" data-toggle="collapse" data-target="#collapseFullSearch" aria-expanded="false" aria-controls="collapseSearch" onClick="toggleClass(this,'fa-search','fa-times')" title="Search"></span>[-- END_IF --]
              [-- IF Accepting_PayPal --]<div class="mx-3">[-- Accepting_PayPal --]</div>[-- END_IF --]
              [-- IF SC_Registration --]<div id="user-links"  class="mx-3 dropdown"><a class="block" href="#" role="button" id="dropdownRegistration" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[-- STORE.YourAccount --]"><span class="fas fa-user"></span><span class="d-none d-lg-inline-block ml-1">[-- STORE.YourAccount --]</span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownRegistration"><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=3&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.YourAccount --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&func=ywl">[-- STORE.wl_WishList --]</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a><div class="dropdown-divider"></div><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/order.cgi?func=4&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.SignOut --]</a></div></div><div id="sign-in-links" class="mx-3"><span class="far fa-user" role="button" data-toggle="modal" data-target="#registrationModal" aria-label="[-- STORE.SignIn --]"></span><span class="d-none d-lg-inline-block ml-1">[-- STORE.SignIn --]</span></div>[-- END_IF --]
              [-- IF WishList --]<div class="mx-3 dropdown"><a class="block" href="#" role="button" id="dropdownWishList" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[-- STORE.wl_WishList --]"><span class="far fa-heart"></span><span class="d-none d-lg-inline-block ml-1">[-- STORE.wl_WishList --]</span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownWishList"><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&amp;func=wl">[-- STORE.wl_WishList --]s</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&amp;func=ywl">Your Wish Lists</a><a class="dropdown-item" href="[-- SHOPPING_CART_URL Base --]/wishlist.cgi?storeid=[-- STORE.Id --]&amp;func=create">Create Wish List</a></div></div>[-- END_IF --]
              <div id="minicart" class="ml-3">[-- INCLUDE Element-MiniCart.sst PROCESS --]</div>
            [-- END_IF --]
          </div>
        </div>
[-- IF VAR.HeaderDisplay NE "logoOnly" --][-- IF PageMenu --]<div id="navbar"><div class="container[-- VAR.HeaderFluid --]">[-- INCLUDE Element-Navigation.sst PROCESS --]</div></div>[-- END_IF --][-- END_IF --]
      </div>
      [-- IF VAR.DisplaySearch "yes" --]<div class="collapse py-2" id="collapseFullSearch">[-- INCLUDE Element-Search.sst PROCESS --]</div>[-- END_IF --]
    </header>
[-- IF VAR.HeaderDisplay "fullHeader" --][-- IF VAR.SideMenus "none" --][-- IF STORE.TextB --]<div id="textb" class="text-center bg-color"><div class="container[-- VAR.HeaderFluid --]">[-- STORE.TextB --]</div></div>[-- END_IF --][-- END_IF --][-- END_IF --]
####################################################################################
[-- END_IF --]