


<!DOCTYPE html>
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Spices at Penzeys</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">


    <!-- <meta http-equiv="Cache-control" content="no-cache, must-revalidate"> -->
    <!-- <meta http-equiv="Pragma" content="no-cache"> -->
    <!-- <META HTTP-EQUIV="Expires" CONTENT="-1"> -->
    <!-- FAVICON -->
    <link rel="shortcut icon" href='/images/favicon.ico?v=11'>

    <link href="/css/bootstrap.min.css?release=11" rel="stylesheet">
    <link href='/css/angular-carousel.css?v=11?v=11' rel="stylesheet" media="screen" />
    <link href='/css/penzeys.css?v=11?v=11' rel="stylesheet" media="screen" />
    <link href='/css/print.css?v=11' type="text/css" rel="stylesheet" media="print" />
    <link href='/css/toastr.min.css?v=11' rel="stylesheet" />

        <script src="https://www.convergepay.com/hosted-payments/Checkout.js "></script>
    <script src='/scripts/jquery-1.10.2.min.js?v=11'></script>
    <script src='/scripts/angular.min.js?v=11'></script>
    <script src='/scripts/angular-touch.min.js?v=11'></script>
    <script src='/scripts/jquery.cookie.js?v=11'></script>
    <script src='/scripts/ui-bootstrap-tpls-0.12.1.min.js?v=11'></script>
    <script src='/scripts/moment.min.js?v=11'></script>
    <script src='/scripts/toastr.min.js?v=11'></script>

    <script src='/scripts/underscore.min.js?v=11'></script>
    <script src='/scripts/ucommerce.bootstrap.js?v=11?v=11'></script>
    <script src='/scripts/ucommerce.servicestack.js?v=11?v=11'></script>
    <script src='/scripts/ucommerce.jquery.js?v=11?v=11'></script>
    <script src='/scripts/uCommerce.facets.js?v=11?v=11'></script>
    <script src='/scripts/bootstrap.min.js?v=11'></script>
    <script src='/scripts/angular-carousel.js?v=11'></script>
    <script src='/scripts/spin.min.js?v=11'></script>
    <script src='/scripts/app/penzeys.app.js?v=11?v=11'></script>
    <script src='/scripts/app/penzeys.common.js?v=11?v=11'></script>
    <script src='/scripts/app/penzeys.directives.js?v=11?v=11'></script>
    <script src='/scripts/app/penzeys.services.js?v=11?v=11'></script>
    <script src='/scripts/app/penzeys.shell.js?v=11?v=11'></script>
    <script src='/scripts/app/penzeys.topnavigation.js?v=11?v=11'></script>
    <script src='/scripts/app/penzeys.login.js??v=11?v=11'></script>
    <script src='/scripts/app/penzeys.introduceYourFriends.js??v=11?v=11'></script>
    <script src="//www.paypalobjects.com/api/checkout.js" async></script>
    <!--[if lt IE 9]>
        <script src="/scripts/html5shiv.min.js"></script>
        <script src="/scripts/respond.min.js"></script>
    <![endif]-->
    <!--Facebook Pixel JS Code: Start-->
    <!-- Facebook Pixel Code -->
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function () {
                n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window,
            document,
            'script',
            'https://connect.facebook.net/en_US/fbevents.js');

        fbq('init', '587208158108768');
        fbq('track', "PageView");
    </script>

    <noscript>
        <img height="1" width="1" style="display: none"
             src="https://www.facebook.com/tr?id=587208158108768&ev=PageView&noscript=1" />
    </noscript>
    <!-- End Facebook Pixel Code -->
    <!--Facebook Pixel JS Code: End-->

    
	
    <meta property="og:site_name" content="Penzeys" />
    <meta property="og:title" content="$50 Card of Hope" />
    <meta property="og:type" content="product" />
    <meta property="og:url" content="https://www.penzeys.com/online-catalog/%2450-card-of-hope/c-24/p-3127" />
    <meta property="og:description" content="$50 Card of Hope" />
    <meta property="og:image" content="https://www.penzeys.com/media/7860/giftcard_embrace_hope_blue.jpg" />
    <meta property="product:price:amount" content="25.0000" />
    <meta property="product:price:currency" content="USD" />
    <meta property="og:availability" content="In Stock" />
	<script src='/scripts/app/penzeys.productdetail.js?v=11?v=11'></script>



    <script>var PenzeysTollFree = '1-800-741-7787';</script>
</head>
<body class="product-template" ng-app="penzeysOnline">
    <div data-ng-controller="poShellCtrl">
        <div ng-cloak class="ng-cloak">
            <div style="clear: both">
                <div data-ng-show="cartService.loading" class="overlayBackground">
                    <div data-cc-spinner="spinnerOptions"></div>
                </div>
            </div>
        </div>
        <header>
            <!-- navigation -->
            <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="container">

                    <div class="logincontainer">
                        <span class="logincontainer-item" data-ng-cloak>
                            <span ng-show="loggedin">Welcome! <b>{{currentMember.FirstName}} {{currentMember.LastName}}</b> | </span>

                            <a href="#" ng-click="logOut()" ng-show="loggedin">
                                <span>Signout</span>
                            </a>
                            <a href="/login/" ng-hide="loggedin">
                                <span>Signin</span>
                            </a>

                        </span>

                    </div>

                    <a href="#" ng-click="goToCart()" class="basket" ng-show="cartService.showCart" data-ng-cloak>
                        <table>
                            <tr>
                                <td class="hidden-xs hidden-sm">
                                    <img alt="Checkout" src='/images/ShopcIcon_30x35.png?v=11' />
                                </td>
                                <td>
                                    <div class="basket-detail">
                                        <span class="basket-item">{{cartService.itemCount}}</span> item(s) <span class="basket-price">{{cartService.formattedSubTotal}}</span> <button type="button" class="btn btn-primary btn-checkout btn-xs">Checkout</button>
                                    </div>
                                    <div class="basket-detail-freeshipping"><span>{{getCartMessage(cartService.totalAmount)}}</span></div>
                                </td>
                            </tr>
                        </table>
                    </a>
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>


                        <a class="navbar-brand" href="/">
                            <div class="logo"></div>
                        </a>
                    </div>

                    <div class="navbar-collapse collapse navbar-sec">
                        <ul class="nav navbar-nav navbar-right">
                            <li title="One Click Kindness"><a id="OneClickKindness" href="#" ng-click="goToOneClickKindness()"><span class="glyphicon glyphicon-heart navbar-sec-special"></span><span class="navbar-sm"> One Click Kindness</span></a></li>
                            <li title=" My Penzeys"><a href="/account/"><span class="glyphicon glyphicon-user"></span><span class="navbar-sm"> My Penzeys</span></a></li>
                            
                            <li title="Store Locator" class="facebookicon-spacing" style="margin-top: -5px"><a href="/locations/"><span><img class="facebookicon" src="/images/map-pin-icon-32x32.png" /></span><span class="navbar-sm">Store Locator</span></a></li>
                            <li title="facebook" class="facebookicon-spacing"><a href="https://www.facebook.com/Penzeys/" target="_blank"><span><img class="facebookicon" src="/images/facebook_icon_20x20.png" /></span><span class="navbar-sm">Facebook</span></a></li>
                            <li>
                                <div class="callusat">
                                    <a href="#">
                                        <b>
                                            <script>document.write(PenzeysTollFree)</script>
                                        </b>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <form class="navbar-form" role="form">
                            <div class="input-group col-md-offset-2">
                                <input id="searchTerm" type="text" ng-model="searchTerm" class="form-control navbar-globalsearch" placeholder="Search Penzeys" />
                                <span class="input-group-btn">
                                    <button ng-click="goToSearch()" class="btn btn-default navbar-globalsearch-button" type="button"><span class="glyphicon glyphicon-search"></span></button>
                                </span>
                            </div><!-- /input-group -->
                        </form>
                    </div><!--/.navbar-collapse -->
                </div>

                

                <div ng-controller="topNavigationCtrl">
                    
    <input type="hidden" id='selectedMenu' value="SHOP" />
     

                    <div class="navbar-site-sections-container">
            <div id="CookingMenu" class="navbar-site-sections-cooking" ng-class="getMenuClass('COOK')"><a href="/?m=c" ng-click="setMenu('COOK')"><span ng-show="isMenuActive('COOK')"><font size="1">&#9660;</font></span><font size="1">&nbsp;</font> COOKING<font size="1">&nbsp;</font></a></div>
            <div id="ShoppingMenu" class="navbar-site-sections-shopping" ng-class="getMenuClass('SHOP')"><a href="/?m=s" ng-click="setMenu('SHOP')"><font size="1">&nbsp;</font>SHOPPING <span ng-show="isMenuActive('SHOP')"><font size="1">&#9660;</font></span><font size="1">&nbsp;</font></a></div>
</div>

        <div class="navbar-subnav-cooking navbar-active" ng-show="showMenu('COOK')">
                <a href="/cook/themes/">Stories</a>
                <a href="/cook/cooking-teasers/"></a>
                <a href="/cook/one-click-kindness/"></a>
            <a href="/shop/recipes/">Recipes</a>
        </div>
        <div class="navbar-subnav-shopping navbar-active" ng-show="showMenu('SHOP')">
                <a href="/shop/spices/">Spices</a>
                <a href="/shop/gift-boxes/">Gift Boxes</a>
                <a href="/shop/fun-stuff/">Fun Stuff</a>
                <a href="/shop/express-order/">Express Order</a>
                <a href="/shop/shopping-ad-teasers/"></a>
        </div>
                </div>
                <!--div class="scrolling_message">
                <span class="marquee" ng-bind-html="cartService.getUserMessage()"> </span>
                </!--div>-->
            </nav>
        </header><!-- //header -->
        
     
    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
(function(d){
    var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
    p.type = 'text/javascript';
    p.async = true;
    p.src = '//assets.pinterest.com/js/pinit.js';
    f.parentNode.insertBefore(p, f);
}(document));
</script>
    <input type="hidden" id="sku" value="82417" />
    <input type="hidden" id="displayname" value="$50 Card of Hope" />
    <div class="container product-main" ng-app="penzeysOnline">
        <div ng-controller="productDetailCtrl">

            <div id="prodVars" class="row">
                <div class="col-sm-5">
                    <div class="content">
                        <!-- small screens -->
                        <div class="product-details-small">
                            <h2>$50 Card of Hope</h2>
                        </div>


                        <div class="social-share">
                            <div class="fb-like fb-share-button" data-href="https://www.penzeys.com/online-catalog/%2450-card-of-hope/c-24/p-3127" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
                            <a href="//www.pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.penzeys.com%2fonline-catalog%2f%252450-card-of-hope%2fc-24%2fp-3127&media=https%3a%2f%2fwww.penzeys.com%2fmedia%2f7860%2fgiftcard_embrace_hope_blue.jpg&description=%2450+Card+of+Hope"
                               data-pin-do="buttonPin" data-pin-config="beside" data-pin-color="red"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /></a>
                        </div>
                        <div class="product-imgs clearfix" align="center">
                            <a title="$50 Card of Hope" href="#" ng-show="selectableVariantCount() > 0 && selectedProductVariant.SkuImageURL != null && selectedProductVariant.SkuImageURL.length > 0">

                                <img class="main-img img-responsive" id="img1" alt="$50 Card of Hope" ng-src="{{selectedProductVariant.SkuImageURL}}" align="center" />

                            </a>
                            <a title="$50 Card of Hope" href="#" ng-show="selectableVariantCount() == 0 || selectedProductVariant.SkuImageURL == null || selectedProductVariant.SkuImageURL.length == 0">

                                    <img src="https://www.penzeys.com/media/7860/giftcard_embrace_hope_blue.jpg?v=11" />

                            </a>
                        </div>
                    </div> <!-- // content -->
                </div><!-- // col-sm-5 -->
                <div class="col-sm-7">
                    <div class="content">
                        <!--large screens -->
                        <div class="product-details-large">
                            <h2>$50 Card of Hope</h2>
                        </div>

                        <!-- Product description -->
                        <p><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;">For years, quietly, when a customer lost their home through fire or other disaster, we helped replace their Spices, on us. We've found this means so much to Cooks. I've always pondered how we would handle doing this after a major disaster; I've never quite figured it out.</span></span></p>
<p><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;">In the comments of <a href="https://www.facebook.com/Penzeys/posts/10155815546502834:0" target="_self">a Facebook post</a>&nbsp;</span></span><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;">we did shortly after Hurricane Harvey, thousands liked, and hundreds commented positively on the desire to simply flat-out purchase replacement Spices for those who lost their kitchens to the flooding of Harvey's 40+ inches of rain. Your kindness was the inspiration that set the Card of Hope in motion.&nbsp;</span></span></p>
<p><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;"><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;">From what we've learned with previous hurricanes, disasters have a way of leaving those of us riding them out confronted with a sense of being cut off from human kindness, of being cut off from anyone who cares about us. No matter how strong we are, this takes a real toll. In $50 worth of Spices there are hundreds and hundreds of shakes and measures. Through your gift, with each use and every meal made will come the reminder that someone out there cares, that you Care. Each of these cards holds a lot of healing..</span></span></span></span></p>
<p><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;"><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;">If you know of someone who lost their kitchen to this year's hurricanes or fires, please </span></span><a style="font-family: arial, sans-serif; font-size: 12.8px;" href="https://www.penzeys.com/card-of-hope/#?referrer=harvey" target="_self">direct them to this link</a><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;">&nbsp;to provide a few brief details of their loss. This is new territory to us and we imagine demand will be greater than what we will be able to give, so some form of selection process will still need to happen before the Hope Cards are shared. <strong>If you are looking to make sure Spices get to a specific Cook, </strong></span></span><strong><a style="font-family: arial, sans-serif; font-size: 12.8px;" href="https://www.penzeys.com/online-catalog/gift-card/c-24/p-1651/pd-s" target="_self">our regular gift cards</a><span style="font-family: arial, sans-serif;"><span style="font-size: 12.8px;"> are still your best bet. &mdash;Thanks.</span></span></strong><br /><br /></span></span></p>
<p><span style="font-size: medium;"><span style="font-family: arial, sans-serif;"><strong>Please read before adding to your cart</strong>&nbsp;</span></span><span style="font-family: arial, sans-serif; font-size: medium;">- your generous contribution of $25 will generate a $50 card that will be sent directly to where they are needed. Rest assured that your kindness will reach someone who has a real need for it.<br />Thanks for your help.</span></p>

                        <div class="sizescontainer">
                            <div ng-repeat="productVariant in productVariants">
                                <div ng-if="productVariant.Active">
                                    <div ng-class="getSkuStyle(productVariant)">
                                        <a href="#" class="view-item" ng-show="canSelect(productVariant)" ng-click="skuSelected(productVariant)">Select</a>
                                        <div class="label-size"><span>{{productVariant.Weight}} {{productVariant.Size}}</span></div>
                                        <div class="label-size" ng-show="productVariant.Weight.length == 0 && productVariant.Size.length == 0"><span>{{productVariant.ProductName}}</span></div>
                                        <div class="label-productcode"><span>#{{productVariant.VariantSku}}</span></div>
                                        <div class="label-price"><span>{{productVariant.DisplayPrice}}</span></div>
                                        <div class="label-stock"><span class="label outofstock" ng-hide="productVariant.InStock">Out Of Stock</span></div>
                                        <div class="buyproductaction">
                                            <form class="form-inline">
                                                <div class="form-group">
                                                    <input class="input-sm form-control" type="text" placeholder="Quantity" ng-model="productVariant.Quantity" valid-number>
                                                    <button class="btn btn-atc" ng-click="addProductToCart(productVariant)" ng-disabled="selectedProductVariant.Quantity.length == 0">Add to cart</button>
                                                </div>
                                            </form>
                                            <div ng-show="productVariant.QuantityError">
                                                <span class="errortext">Please choose 50 or less</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <form class="form-inline largesc" role="form" ng-show="selectableVariantCount() > 0">
                                <hr />
                                <div class="form-group">
                                    <input class="input-sm form-control" type="text" placeholder="Quantity" ng-model="selectedProductVariant.Quantity" valid-number />
                                </div>
                                <button class="btn btn-atc" ng-click="addToCart()" ng-disabled="selectedProductVariant.Quantity.length == 0">Add to cart</button>
                            </form>
                            <div ng-show="selectedProductVariant.QuantityError">
                                <span class="errortext">Please choose 50 or less</span>
                            </div>

                        </div><!-- //sizecontainer -->
                    </div><!-- //content -->
                </div><!-- //col-sm-7 -->
            </div><!-- //row -->
            <div class="relatedproducts" ng-show="products.length > 0">
                <h3>You may also like these...</h3>
                <div class="row" data-ng-cloak>
                    <div class="col-lg-3 col-sm-6 template-tile" ng-repeat="relatedProduct in products | limitTo:4">
                        <div class="thumbnail product-sp-item">
                            <div class="product-listing-thumbnail">
                                <a title="relatedProduct.DisplayName" href="{{relatedProduct.Url}}">
                                    <img class="main-img img-responsive" id="img1" alt="relatedProduct.DisplayName" ng-show="relatedProduct.SkuImageURL.length > 0" ng-src="{{relatedProduct.SkuImageURL}}" align="center" />
                                </a>
                            </div>
                            <div class="ellipsis-container">
                                <div class="ellipsis-wrapper">
                                    <p class="ellipsis-content">
                                    <p class="product-name"><a title="relatedProduct.DisplayName" href="{{relatedProduct.Url}}">{{relatedProduct.DisplayName}}</a></p>
                                    <p class="product-desc">{{relatedProduct.ShortDescription}}</p>
                                    </p>
                                </div>
                                <span class="ellipsis">&hellip;</span>
                            </div>
                            <p ng-show="relatedProduct.ProductDefinitionName == 'Spice'">
                                <span>
                                    <select ng-model="relatedProduct.SelectedVariation" ng-options="relVar.Weight + ' ' + relVar.Size + ' &#187; ' + relVar.DisplayPrice for relVar in relatedProduct.Variations"></select>
                                </span>

                                <button class="btn btn-atc" ng-click="addVariantToCart(relatedProduct)">Add to cart</button>
                            </p>

                            <p ng-show="relatedProduct.ProductDefinitionName == 'Gift Box'">
                                <span class="itemprice">{{relatedProduct.DisplayPrice}}</span>
                                <span class="itemcodetag">#{{relatedProduct.Sku}}</span>
                                <button class="btn btn-atc" ng-click="addGiftBoxToCart(relatedProduct)">Add to cart</button>
                            </p>

                        </div><!--//thumbnail-->
                    </div><!--//templatetile-->
                </div><!-- //row-->
            </div><!--//related products-->
        </div>
    </div><!--//container product main -->


        <footer>
            
     

            <div class="container">
                <div class="row footer-hordivider">
                    <div class="col-sm-7 col-md-5">
                        <img src='/images/penzeys-whitelogo.png?v=11' alt="...">
                        <span class="footer-copyright">Penzeys Spices &#169; copyright 2014	</span>
                    </div>

                    <div class="col-sm-5 col-md-7 footer-group-policies">
                        <span><a href="/contact-us/"> &#9670; Contact us</a></span>
                        <span><a href="/return-policy/"> &#9670; Return Policy</a></span>
                        <span><a href="/shipping-policy/"> &#9670; * Shipping Policy</a></span>
                        <span><a href="/Privacy-policy/"> &#9670; Privacy Policy</a></span>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 footer-group-about">
		    <div class="footer-sectionheader"><span class="glyphicon glyphicon-heart-empty"></span> Get to Know Us</div>
                <a href="/cook/themes/">Stories</a>
                <a href="/cook/career-with-us/">Careers</a>
                <a href="/cook/cooking-teasers/"></a>
                <a href="/cook/one-click-kindness/"></a>
            
            <a href="/Email">Sign up for email</a>
            <a href="/locations/">Store&nbsp;<span class="glyphicon glyphicon-map-marker" style="display:inline"></span>&nbsp;Locator</a>
            <a href="https://www.penzeys.com/media/7901/donations-letter.pdf" target="_blank">Donations</a>
        </div>

        <div class="col-lg-3 col-md-3 col-sm-6 footer-group-browse">
            <div class="footer-sectionheader"><span class="glyphicon glyphicon-globe"></span> Browse By</div>
                <a href="/shop/spices/">Spices</a>
                <a href="/shop/gift-boxes/">Gift Boxes</a>
                <a href="/shop/fun-stuff/">Fun Stuff</a>
                <a href="/shop/express-order/">Express Order</a>
                <a href="/shop/recipes/">Recipes</a>
                <a href="/shop/my-cart/"></a>
                <a href="/shop/shopping-slider-teasers/"></a>
                <a href="/shop/shopping-ad-teasers/"></a>
        </div>

<div class="modal fade" id="ModalRetriveNodes" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h5 class="modal-title" id="myModalLabel">Retrive Nodes</h5>
            </div>

            <div class="modal-body">
                <form class="form-horizontal" role="form">

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Node Type<span class="labelhelp"></span></label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="nodeType" ng-model="nodeType">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Id</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="Id" ng-model="nodeId">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Response</label>
                        <div class="col-sm-8">
                            <textarea class="form-control" ng-model="serviceResponse"></textarea>
                        </div>
                    </div>
                </form>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="retriveNodes()">Submit</button>
                </div>
            </div>	<!--// Modal Body-->
        </div>
    </div>
</div>
<!--// Modal -->
<button type="submit" class="btn btn-primary btn-xs hide" data-toggle="modal" data-target="#ModalRetriveNodes">Retrive Nodes</button>
                    <div class="col-lg-3 col-md-2 col-sm-6 footer-group-mypenzeys">
                        <div class="footer-sectionheader">
                            <span class="glyphicon glyphicon-user"></span> My Penzeys
                        </div>
                        <a href="/login/"> Sign in / Sign out</a>
                        <a href="/account/"> Account Details</a>
                        <a href="/subscription-request/"> Catalogs</a>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 footer-group-contact">
                        <p>
                            <b>Feel free to contact us.</b>
                        </p>
                        <p>
                            <span class="glyphicon glyphicon-phone"></span> call us toll-free at <a href="/contact-us/">
                                <script>    document.write(PenzeysTollFree)</script>
                            </a>
                        </p>
                        <p>
                            <span class="glyphicon glyphicon-envelope"></span> <a href="mailto:mystorevisit@penzeys.com" data-toggle="popover" title="Contact us here" data-placement="top" data-trigger="hover" data-content="to tell us about your store visit!">mystorevisit@penzeys.com</a>
                        </p>
                        <p>
                            <span class="glyphicon glyphicon-envelope"></span> <a href="mailto:customerservice@penzeys.com" data-toggle="popover" title="Contact us here" data-placement="top" data-trigger="hover" data-content="if you have a customer service question or concern.">customerservice@penzeys.com</a>
                        </p>
                        <p>
                            <span class="glyphicon glyphicon-envelope"></span> <a href="mailto:locations@penzeys.com" data-toggle="popover" title="Contact us here" data-placement="top" data-trigger="hover" data-content="if you'd like to share an Idea for a location for one of our stores">locations@penzeys.com</a>
                        </p>
                        <p>
                            <span class="glyphicon glyphicon-map-marker"></span> <span> 12001 W. Capitol Drive Wauwatosa, WI 53222</span>
                        </p>

                            <p class="hidden">RD00155DF886CE</p>
                    </div>
                </div>

            </div>
        </footer>
        <div>
            <script type="text/ng-template" id="ModelSubscriptionTemplate">
                <div class="modal-body">
                    <div class="brandimage"><img src='/images/email_signup_device.png?v=11' class="img-responsive" /></div>
                    <div class="emailtext">
                        <button type="button" class="close custom-close" ng-click="cancel()" aria-label="Close"><span class="glyphicon glyphicon-remove-circle"></span></button>
                        <p>Cooking does its most good when given freely. <br> Give us your email address and we will give <br> you great deals, free Spices &amp; Seasonings, and all the goodness Cooking brings. Promise.</p>
                        <div class="col-lg-12 col-xs-12">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="youremail@123.com" maxlength="50" ng-model="subscriptionEmail">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="button" ng-disabled="!isEmail()" ng-click="registerSubscription()"><span class="glyphicon glyphicon-arrow-right"></span></button>
                                </span>
                            </div><!-- /input-group -->
                            <span class="errortext" ng-show="!isEmail() && subscriptionEmail.length > 0">Enter a valid email address<br /></span>
                        </div><!-- /.col-lg-6 -->
                    </div>
                </div>
            </script>
        </div>
        <div>
            <script type="text/ng-template" id="TestWebsiteMessageModalTemplate">
                <div class="modal-header offer-header">
                    <button type="button" class="close custom-close" ng-click="cancel()" aria-label="Close"><span class="glyphicon glyphicon-remove-circle"></span></button>
                    <span>Important!</span>
                </div>

                <div class="modal-body">
                    <span>You are booking on order from Test Site! This order will not be shipped! Please book order from www.penzeys.com</span>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" ng-click="continue()" data-dismiss="modal">Continue</button>
                </div>
            </script>
        </div>
        <div class="modal fade promotions" id="ModalPromotionTargetReached" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="promotion-container">
                        <button type="button" class="close custom-close " data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <div class="promotion-header">
                            <img src="/images/offer-header-label.png" />
                        </div>
                    </div>

                    <div class="modal-body">
                        <p ng-bind-html="renderHtml(cartService.getDialogConfig().MessageForPopUpForFreeItem)"></p>

                        <div data-toggle="buttons" data-ng-show="cartService.getDialogConfig().UserSelection">
                            <label class="btn btn-default promotion-options" data-ng-click="addCoupon(coupon.code)" data-dismiss="modal" data-ng-repeat="coupon in cartService.getDialogConfig().Coupons">
                                <input name="promotion" type="radio">{{coupon.name}}
                            </label>
                        </div>

                        <div class="row modal-footer">
                            <div class="col-sm-6 promotion-question">Do you want to add it to your cart?</div>
                            <div class="col-sm-6 modal-action-btn">
                                <button type="button" class="btn btn-default" data-dismiss="modal">No Thanks</button>
                                <button type="button" class="btn btn-primary" ng-click="addCoupon()" data-dismiss="modal" data-ng-hide="cartService.getDialogConfig().UserSelection">Yes!</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <promotion-dialog dialog-id="ModalPromotionInfo" dialog-message="renderHtml(cartService.getDialogConfig().MessageForPopUpInShoppingCartScreenToContinueShopping)" close-button-text="OK" navigate-to-spice-page="false"></promotion-dialog>
        <promotion-dialog dialog-id="ModalPromotion" dialog-message="renderHtml(cartService.getDialogConfig().MessageForPopUpInShoppingCartScreenToContinueShopping)" footer-message="Continue Shopping ?" close-button-text="No Thanks" navigate-to-spice-page="true"></promotion-dialog>
        <promotion-dialog dialog-id="StaticMessageModal" dialog-message="renderHtml('Get $10 off any gift box over $34.95 when you enter the coupon code <b>Santa</b> at checkout!')" close-button-text="OK" navigate-to-spice-page="false"></promotion-dialog>
    </div>
    <div class="modal fade" id="LogUserIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" ng-controller="loginCtrl">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Log In</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <p class="haserrorsectionlevel" ng-show="loginError.length > 0">{{loginError}}</p>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">User Name / Email</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="username" ng-model="username" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label">Password</label>
                            <div class="col-sm-8">
                                <input type="password" class="form-control" id="password" maxlength="20" ng-model="password" />
                                <span class="haserrorfieldlevel" ng-show="checkForTrimableWhiteSpace()">You have entered leading or trailing White Space.  It will be ignored.</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-4 col-sm-8">
                                <button type="submit" class="btn btn-atc" ng-click="logInSilent()" ng-disabled="!(checkUsernameLength() && checkPasswordLength())">Sign in</button>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-4 col-sm-8">
                                <a href="/login/?retunToPage=true">New Customer ?</a> <br />
                                <a href="/login/?retunToPage=true">Forgot Password ?</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--// Modal -->
    <div id="preload">
        <img src='/images/email_signup_device.png?v=11' width="1" height="1" />
    </div>
    

    
     

</body>

    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-52040741-1']);     // non-Production
        _gaq.push(['_setDomainName', 'none']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();


        $(function () {
            $('[data-toggle="popover"]').popover()
        })
    </script>
</html>

<!--
To collect end-user usage analytics about your application,
insert the following script into each page you want to track.
Place this code immediately before the closing </head> tag,
and before any other scripts. Your first data will appear
automatically in just a few seconds.
-->
<script type="text/javascript">
    var appInsights = window.appInsights || function (config) {
        function i(config) { t[config] = function () { var i = arguments; t.queue.push(function () { t[config].apply(t, i) }) } } var t = { config: config }, u = document, e = window, o = "script", s = "AuthenticatedUserContext", h = "start", c = "stop", l = "Track", a = l + "Event", v = l + "Page", y = u.createElement(o), r, f; y.src = config.url || "https://az416426.vo.msecnd.net/scripts/a/ai.0.js"; u.getElementsByTagName(o)[0].parentNode.appendChild(y); try { t.cookie = u.cookie } catch (p) { } for (t.queue = [], t.version = "1.0", r = ["Event", "Exception", "Metric", "PageView", "Trace", "Dependency"]; r.length;)i("track" + r.pop()); return i("set" + s), i("clear" + s), i(h + a), i(c + a), i(h + v), i(c + v), i("flush"), config.disableExceptionTracking || (r = "onerror", i("_" + r), f = e[r], e[r] = function (config, i, u, e, o) { var s = f && f(config, i, u, e, o); return s !== !0 && t["_" + r](config, i, u, e, o), s }), t
    }({
        instrumentationKey: "26370ce0-04ed-48e3-b52a-5c0cb7448a7a"
    });

    window.appInsights = appInsights;
    appInsights.trackPageView();
</script>

    <!--Marketo Munchkin code-->
    <script type="text/javascript">
        (function () {
            var didInit = false;

            function initMunchkin() {
                if (didInit === false) {
                    didInit = true;
                    Munchkin.init('781-QHJ-406');
                }
            }

            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = '//munchkin.marketo.net/munchkin.js';
            s.onreadystatechange = function () {
                if (this.readyState == 'complete' || this.readyState == 'loaded') {
                    initMunchkin();
                }
            };
            s.onload = initMunchkin;
            document.getElementsByTagName('head')[0].appendChild(s);
        })();
    </script>
