<iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Facebook API SDK --> <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.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="mobile-cart mobile-header visible-xs"> <!-- Main Menu Starts --> <div class="nav-wrapper"> <nav id="main-menu" class="navbar" role="navigation"> <!-- Nav Header Starts --> <div class="navbar-header"> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-cat-collapse"> <span class="sr-only">Toggle Navigation</span> <i class="fa fa-bars"></i> <small>Menu</small> </button> <!-- Shopping Cart --> <div id="cart" class="btn-group btn-block"> <div class="pc-quick-cart"> <a class="cart-icon" href="viewcart.asp"><span class="fa fa-shopping-cart"></span></a> <li class="dropdown" data-ng-controller="QuickCartCtrl" data-ng-cloak class="ng-cloak"> <a data-ng-hide="shoppingcart.totalQuantity>0" href="#"> The cart is empty. </a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-ng-show="shoppingcart.totalQuantity>0"> <div class="cartbox"> <span class="carboxCount">{{shoppingcart.totalQuantityDisplay}}</span> </div> Total: <span data-ng-show="!Evaluate(shoppingcart.checkoutStage)">{{shoppingcart.subtotal}}</span> <span data-ng-show="Evaluate(shoppingcart.checkoutStage)">{{shoppingcart.total}}</span> <b class="caret"></b> </a> <ul class="dropdown-menu" data-ng-show="shoppingcart.totalQuantity>0" data-ng-cloak class="ng-cloak"> <div id="pcCartDropDown" class="pcCartLayout pcTable" data-ng-show="shoppingcart.totalQuantity>0"> <div class="pcTableRow" data-ng-repeat="shoppingcartitem in shoppingcart.shoppingcartrow | limitTo: 10 | filter:{productID: '!!'}"> <div class="pcTableRow pcCartRowMain"> <div class="pcQuickCartImage"> <div data-ng-show="!Evaluate(shoppingcart.IsBuyGift)"> <a data-ng-show="Evaluate(shoppingcartitem.ShowImage);" rel="nofollow" data-ng-href="viewPrd.asp?idproduct={{shoppingcartitem.productID}}"><img src="catalog/no_image.gif" data-ng-src="catalog/{{shoppingcartitem.ImageURL}}" alt="Show product details for {{shoppingcartitem.description}}"></a> </div> <div data-ng-show="Evaluate(shoppingcart.IsBuyGift)"> <a data-ng-show="Evaluate(shoppingcartitem.ShowImage);" data-ng-href="ggg_viewEP.asp?grCode={{shoppingcart.grCode}}&geID={{shoppingcartitem.geID}}"><img src="catalog/no_image.gif" data-ng-src="catalog/{{shoppingcartitem.ImageURL}}" alt="Show product details for {{shoppingcartitem.description}}"></a> </div> </div> <div class="pcQuickCartDescription"> <a class="pcItemDescription title bold" rel="nofollow" data-ng-href="viewPrd.asp?idproduct={{shoppingcartitem.productID}}"><span data-ng-bind-html-unsafe="shoppingcartitem.description">{{shoppingcartitem.description}}</span></a> <br /> <span class="pcQuickCartQtyText">Qty. {{shoppingcartitem.quantity}}</span> <div class="pcViewCartOptions" data-ng-repeat="productoption in shoppingcartitem.productoptions"> <span class="small">{{productoption.name}}</span> </div> </div> </div> <div class="pcTableRow row-divider"></div> </div> <div id="pcQuickCartButtons"> <div class="pcButton pcButtonViewCart" data-ng-click="viewCart()"> <img src="images/pc/btn-05.gif" alt="View Cart"> <span class="pcButtonText">View Cart {{shoppingcart.totalQuantityDisplay}} Item(s)</span> </div> </div> </div> </ul> </li> </div> </div> <!-- Shopping Cart End --> </div> <!-- Nav Header Ends --> <!-- Navbar Cat collapse Starts --> <div class="collapse navbar-collapse navbar-cat-collapse main-nav" data-toggle="false"> <ul class="nav navbar-nav"> <li><a class="mobile-account-link" href="CustPref.asp">My Account</a></li> <li><a href="Our-Story-d9.htm">About Us</a></li> <li><a href="viewcategories.asp">Shop Plants</a></li> <li><a href="showspecials.asp">Specials</a></li> <li><a href="http://blog.growjoy.com/" target="_blank">Our Blog</a></li> <li><a href="contact.asp">Contact Us</a></li> </ul> </div> <!-- Navbar Cat collapse Ends --> </nav> </div> <!-- Main Menu Ends --> <header id="header-area"> <!-- Header Top Starts --> <div class="header-top"> <div class="container"> <!-- Social Links --> <div class="pc-social-links"> <span> <span id="pcSocialLinksLabel">Join our community</span> <a class="link-social" title="GrowJoy Facebook" href="https://www.facebook.com/GrowJoyPlants/" target="_blank"><span class="fa fa-facebook"></span></a> <a class="link-social" title="GrowJoy Twitter" href="https://twitter.com/growjoyplants" target="_blank"><span class="fa fa-twitter"></span></a> <a class="link-social" title="GrowJoy Instagram" href="https://www.instagram.com/growjoyplants/" target="_blank"><span class="fa fa-instagram"></span></a> <a class="link-social" title="GrowJoy Pinterest" href="https://www.pinterest.com/growjoyplants/" target="_blank"><span class="fa fa-pinterest"></span></a> <a class="link-social" title="GrowJoy Blog" href="http://blog.growjoy.com/" target="_blank"><span class="fa fa-rss-square"></span></a> <!-- file="../../smallSocialLinks.asp" --> </span> </div> <!-- Logo --> <div id="logo"><a href="/"><img src="theme/GHS_bluespace/images/logos/gj5-full-color.png" title="GrowJoy" alt="GrowJoy" /></a> </div> <!-- Call with Questions --> <div class="co-call-with-questions" style="margin-top: -20px;"> <span class="co-questions" style="color: #d4df27; font-size: 1.2em;">FREE SHIPPING on All Orders</span> <span class="co-questions" style="display: none;">Questions? Call the experts at <a href="tel:+18889074769">1-888-907-4769</a></span> </div> <!-- Store Search --> <div id="search"> <form role="search" action="showsearchresults.asp"> <div class="form-group"> <input type="hidden" name="pageStyle" value="P"> <input type="hidden" name="resultCnt" value=""> </div> <div class="form-group"> <div class="input-group"> <input type="text" class="form-control search-bar" name="keyword" placeholder="Search"> <div class="input-group-addon"><button class="btn" type="submit"><span class="fa fa-search"></span></button></div> </div> </div> </form> </div> </div> </div> </header> </div> <div class="desktop-tablet-header hidden-xs"> <header id="header-area"> <!-- Header Top Starts --> <div class="header-top"> <div class="container"> <!-- Header Links Starts --> <div class="header-links"> <div class="pc-social-links"> <span> <span id="pcSocialLinksLabel">Join our community</span> <a class="link-social" title="GrowJoy Facebook" href="https://www.facebook.com/GrowJoyPlants/" target="_blank"><span class="fa fa-facebook"></span></a> <a class="link-social" title="GrowJoy Twitter" href="https://twitter.com/growjoyplants" target="_blank"><span class="fa fa-twitter"></span></a> <a class="link-social" title="GrowJoy Instagram" href="https://www.instagram.com/growjoyplants/" target="_blank"><span class="fa fa-instagram"></span></a> <a class="link-social" title="GrowJoy Pinterest" href="https://www.pinterest.com/growjoyplants/" target="_blank"><span class="fa fa-pinterest"></span></a> <a class="link-social" title="GrowJoy Blog" href="http://blog.growjoy.com/" target="_blank"><span class="fa fa-rss-square"></span></a> <!-- file="../../smallSocialLinks.asp" --> </span> </div> <div class="pc-store-features"> <span class="feature ft-fast-shipping" onclick="location.href='https://www.growjoy.com/store/pc/Shipping-Policy-d10.htm';"> <span class="ft-main-icon"><img src="theme/GHS_bluespace/images/icons/fast-shipping.png" height="40" width="40" alt="Fast Shipping"></span> <span class="ft-text"> <span class="ft-lead-word">Fast</span> <span class="ft-sec-word">Shipping</span> </span> </span> <span class="feature ft-guaranteed-satisfaction" onclick="location.href='https://www.growjoy.com/store/pc/Satisfaction-Guarantee-d11.htm';"> <span class="ft-main-icon"><img src="theme/GHS_bluespace/images/icons/guaranteed-satisfaction.png" height="40" width="40" alt="Guaranteed Satisfaction"></span> <span class="ft-text"> <span class="ft-lead-word">Guaranteed</span> <span class="ft-sec-word">Satisfaction</span> </span> </span> <span class="feature ft-reward-points" onclick="location.href='https://www.growjoy.com/store/pc/Reward-Points-d12.htm';"> <span class="ft-main-icon"><img src="theme/GHS_bluespace/images/icons/reward-points.png" height="40" width="40" alt="Reward Points"></span> <span class="ft-text"> <span class="ft-lead-word">Reward</span> <span class="ft-sec-word">Points</span> </span> </span> </div> </div> <!-- Header Links Ends --> <div id="logo"><a href="/"><img src="theme/GHS_bluespace/images/logos/gj5-full-color.png" title="GrowJoy" alt="GrowJoy" /></a> </div> </div> </div> <!-- Header Top Ends --> <!-- Starts --> <div class="main-header"> <div class="container"> <div class="row"> <!-- Shopping Cart Starts --> <div class="mh-inner"> <div class="co-call-with-questions"> <span class="co-questions" ></span> <span class="co-phone-number" style="color: #d4df27; font-size: 2.4rem;">FREE SHIPPING on All Orders</span> <span class="co-questions" style="display: none;">Questions? Call the experts at</span> <span class="co-phone-number" style="display:none"><a href="tel:+18889074769">1-888-907-4769</a></span> </div> <div id="cart" class="btn-group btn-block"> <div class="pc-quick-cart"> <a class="cart-icon" href="viewcart.asp"><span class="fa fa-shopping-cart"></span></a> <li class="dropdown" data-ng-controller="QuickCartCtrl" data-ng-cloak class="ng-cloak"> <a data-ng-hide="shoppingcart.totalQuantity>0" href="#"> The cart is empty. </a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-ng-show="shoppingcart.totalQuantity>0"> <div class="cartbox"> <span class="carboxCount">{{shoppingcart.totalQuantityDisplay}}</span> </div> Total: <span data-ng-show="!Evaluate(shoppingcart.checkoutStage)">{{shoppingcart.subtotal}}</span> <span data-ng-show="Evaluate(shoppingcart.checkoutStage)">{{shoppingcart.total}}</span> <b class="caret"></b> </a> <ul class="dropdown-menu" data-ng-show="shoppingcart.totalQuantity>0" data-ng-cloak class="ng-cloak"> <div id="pcCartDropDown" class="pcCartLayout pcTable" data-ng-show="shoppingcart.totalQuantity>0"> <div class="pcTableRow" data-ng-repeat="shoppingcartitem in shoppingcart.shoppingcartrow | limitTo: 10 | filter:{productID: '!!'}"> <div class="pcTableRow pcCartRowMain"> <div class="pcQuickCartImage"> <div data-ng-show="!Evaluate(shoppingcart.IsBuyGift)"> <a data-ng-show="Evaluate(shoppingcartitem.ShowImage);" rel="nofollow" data-ng-href="viewPrd.asp?idproduct={{shoppingcartitem.productID}}"><img src="catalog/no_image.gif" data-ng-src="catalog/{{shoppingcartitem.ImageURL}}" alt="Show product details for {{shoppingcartitem.description}}"></a> </div> <div data-ng-show="Evaluate(shoppingcart.IsBuyGift)"> <a data-ng-show="Evaluate(shoppingcartitem.ShowImage);" data-ng-href="ggg_viewEP.asp?grCode={{shoppingcart.grCode}}&geID={{shoppingcartitem.geID}}"><img src="catalog/no_image.gif" data-ng-src="catalog/{{shoppingcartitem.ImageURL}}" alt="Show product details for {{shoppingcartitem.description}}"></a> </div> </div> <div class="pcQuickCartDescription"> <a class="pcItemDescription title bold" rel="nofollow" data-ng-href="viewPrd.asp?idproduct={{shoppingcartitem.productID}}"><span data-ng-bind-html-unsafe="shoppingcartitem.description">{{shoppingcartitem.description}}</span></a> <br /> <span class="pcQuickCartQtyText">Qty. {{shoppingcartitem.quantity}}</span> <div class="pcViewCartOptions" data-ng-repeat="productoption in shoppingcartitem.productoptions"> <span class="small">{{productoption.name}}</span> </div> </div> </div> <div class="pcTableRow row-divider"></div> </div> <div id="pcQuickCartButtons"> <div class="pcButton pcButtonViewCart" data-ng-click="viewCart()"> <img src="images/pc/btn-05.gif" alt="View Cart"> <span class="pcButtonText">View Cart {{shoppingcart.totalQuantityDisplay}} Item(s)</span> </div> </div> </div> </ul> </li> </div> </div> </div> <!-- Shopping Cart Ends --> </div> </div> </div> <!-- Main Menu Starts --> <div class="nav-wrapper"> <div class="container"> <nav id="main-menu" class="navbar" role="navigation"> <!-- Nav Header Starts --> <div class="navbar-header"> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-cat-collapse"> <span class="sr-only">Toggle Navigation</span> <i class="fa fa-bars"></i> </button> </div> <!-- Nav Header Ends --> <!-- Navbar Cat collapse Starts --> <div class="collapse navbar-collapse navbar-cat-collapse main-nav"> <ul class="nav navbar-nav"> <li><a href="Our-Story-d9.htm">About Us</a></li> <li><a href="viewcategories.asp">Shop Plants</a></li> <li><a href="showspecials.asp">Specials</a></li> <li><a href="http://blog.growjoy.com/" target="_blank">Our Blog</a></li> <li><a href="contact.asp">Contact Us</a></li> <li><a href="CustPref.asp">My Account</a></li> <li class="search-section"> <div id="search"> <form role="search" action="showsearchresults.asp"> <div class="form-group"> <input type="hidden" name="pageStyle" value="P"> <input type="hidden" name="resultCnt" value=""> </div> <div class="form-group"> <div class="input-group"> <input type="text" class="form-control search-bar" name="keyword" placeholder="Search"> <div class="input-group-addon"><button class="btn" type="submit"><span class="fa fa-search"></span></button></div> </div> </div> </form> </div> </li> </ul> </div> <!-- Navbar Cat collapse Ends --> </nav> </div> </div> <!-- Main Menu Ends --> </header> </div> <div id="pcMainArea" class="container"> <div class="row"> <div class="col-md-3 col-lg-3 hidden-xs hidden-sm"> <!-- COGNECY MODIFICATION - change to new class name --> <div class="left_nav"> <div class="left-title">Shop by Category</div> <div id="menubar99" > <ul class="ddsmoothmenu-v"> <li><a href="https://www.growjoy.com/store/pc/Annual-Plants-c113.htm">Annual Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Vegetable-Plants-c44.htm">Vegetable Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Herb-Plants-c65.htm">Herb Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Perennial-Plants-c112.htm">Perennial Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Mum-Plants-c92.htm">Mum Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Shrub-Plants-c729.htm">Shrub Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Succulent-Plants-c1260.htm">Succulent Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Grass-Plants-c175.htm">Grass Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Flower-Combos-c1320.htm">Flower Combos</a> </li> <li><a href="https://www.growjoy.com/store/pc/Variety-Packs-c1341.htm">Variety Packs</a> </li> <li><a href="https://www.growjoy.com/store/pc/Wholesale-Plants-c886.htm">Wholesale Plants</a> </li> <li><a href="https://www.growjoy.com/store/pc/Gift-Certificates-c409.htm">Gift Certificates</a> </li> </ul> </div> <script type=text/javascript> ddsmoothmenu.init({mainmenuid: "menubar99", orientation: 'v', classname: 'ddsmoothmenu-v', arrowswap: true, zindexvalue: 100, contentsource: "markup" }); </script> <script type=text/javascript> var imgopen = new Image(); imgopen.src = "images/btn_collapse.gif"; var imageclose = new Image(); imageclose.src = "images/btn_expand.gif"; function UpDown(tabid) { try { var etab=document.getElementById('SUB' + tabid); if (etab.style.display=='') { etab.style.display='none'; var etab=document.images['IMGCAT' + tabid]; etab.src=imageclose.src; } else { etab.style.display=''; var etab=document.images['IMGCAT' + tabid]; etab.src=imgopen.src; } } catch(err) { return(false); } } </script> </div> </div> <div class="col-md-9 col-lg-9 fill"> <!-- COGNECY MODIFICATION - change to new class name --> <!--Body content--><script type=text/javascript> function validateNumber(field) { var val=field.value; if(!/^\d*$/.test(val)||val==0) { alert("Enter numbers greater than zero."); field.focus(); field.select(); } } function isDigit(s) { var test=""+s; if(test=="0"||test=="1"||test=="2"||test=="3"||test=="4"||test=="5"||test=="6"||test=="7"||test=="8"||test=="9") { return(true) ; } return(false); } function allDigit(s) { var test=""+s ; for (var k=0; k <test.length; k++) { var c=test.substring(k,k+1); if (isDigit(c)==false) { return (false); } } return (true); } function checkproqty(fname) { if (fname.value == "") { alert("Please enter a value in this field."); fname.focus(); return (false); } if (allDigit(fname.value) == false) { alert("Please enter a positive integer in this field."); fname.focus(); return (false); } if (fname.value == "0") { alert("Please enter a positive integer in this field."); fname.focus(); return (false); } return (true); } function optwin(fileName) { myFloater = window.open('','myWindow','scrollbars=yes,status=no,width=400,height=300') myFloater.location.href = fileName; } </script> <!-- Link to MojoZoom image magnifier --> <script type="text/javascript" src="../includes/mojozoom/mojozoom.js"></script> <link type="text/css" href="../includes/mojozoom/mojozoom.css" rel="stylesheet" /> <script type="text/javascript"> var GeneralImg="callie_citrus_fire_plant_combo_1262_general.jpg"; var DefLargeImg="callie_citrus_fire_plant_combo_1262_detail.jpg"; var LargeImg=DefLargeImg function open_win(url) { var newWin = window.open(url,'','scrollbars=yes,resizable=yes'); newWin.focus(); } </script> <!-- Start Form --> <div id="pcMain"> <div class="pcMainContent" itemscope itemtype="http://schema.org/Product"> <!-- Start Form --> <form autocomplete="off" method="post" action="instPrd.asp" name="additem" class="pcForms" onSubmit="return checkproqty(document.additem.quantity);"> <script type=text/javascript> imagename=''; pcv_jspIdProduct=''; pcv_jspCurrentUrl=''; function enlrge(imgnme) { lrgewin = window.open("about:blank", "", "height=200,width=200,status=no,titlebar=yes") imagename = imgnme; setTimeout('update()', 500) } function pcAdditionalImages(jspCurrentUrl,jspIdProduct) { lrgewin=window.open("about:blank","","height=600,width=800,status=no,titlebar=yes") pcv_jspIdProduct = jspIdProduct; pcv_jspCurrentUrl = jspCurrentUrl; setTimeout('updateAdditionalImages()',500) } function win(fileName) { myFloater=window.open('','myWindow','scrollbars=auto,status=no,width=500,height=400') myFloater.location.href=fileName; } function updateAdditionalImages() { doc=lrgewin.document; doc.open('text/html'); doc.write('<HTML><HEAD><TITLE>Loading Image Viewer<\/TITLE>') doc.write('<link type="text/css" rel="stylesheet" href="css/pcStorefront.css" /><\/HEAD>') doc.write('<BODY bgcolor="white" topmargin="4" leftmargin="0" rightmargin="0" onload="document.viewn.submit();" bottommargin="0">') doc.write('<div id="pcMain">'); doc.write('<form name="viewn" action="viewPrdPopWindow.asp?idProduct=' + pcv_jspIdProduct + '" method="post" class="pcForms">'); doc.write('<table class="pcMainTable"><tr><td>'); doc.write('<input name="idProduct" type="hidden" value="' + pcv_jspIdProduct + '" \/>'); doc.write('<input name="pcv_strCurrentUrl" type="hidden" value="' + pcv_jspCurrentUrl + '" \/>'); doc.write('<\/td><\/tr><tr><td align="center">' + "Loading Product Images... If the images do not appear in 15 seconds <input type='submit' name='Submit2' value='Click Here' id='submit2' class='submit2'>." + '<\/td><\/tr><\/table>'); doc.write('</form>'); doc.write('</div>'); doc.write('<\/BODY><\/HTML>'); doc.close(); } function update() { doc = lrgewin.document; doc.open('text/html'); doc.write('<HTML><HEAD><TITLE>Enlarged Image<\/TITLE><\/HEAD><BODY bgcolor="white" onLoad="if (self.resizeTo) self.resizeTo((document.images[0].width+60),(document.images[0].height+150)); return false;" topmargin="4" leftmargin="0" rightmargin="0" bottommargin="0"><table width=""' + document.images[0].width + '" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>'); doc.write('<IMG style="max-width: 1024px; max-height: 1024px" SRC="' + imagename + '"><\/td><\/tr><tr><td><form name="viewn"><A HREF="javascript:window.close()"><img src="../pc/images/close.gif" align="right" border=0><\/a><\/td><\/tr><\/table>'); doc.write('<\/form><\/BODY><\/HTML>'); doc.close(); } </script> <div id="pcViewProductT" class="pcViewProduct"> <div class="pcPageTop"> <div class="pcPageNav"> <a href='viewCategories.asp'>Our Products</a>: <a href='Flower-Combos-c1320.htm'>Flower Combos</a> </div> </div> <div class="pcClear"></div> <div class="col-sm-6"> <div id="mainimgdiv" class="pcShowMainImage "> <a href="catalog/callie_citrus_fire_plant_combo_1262_detail.jpg" onclick="return mainImgClick(this);" class="highslide"> <img id="mainimg" itemprop="image" src='catalog/callie_citrus_fire_plant_combo_1262_general.jpg' alt="Callie® Citrus Fire - Flower Plants Combination"/> </a> <div class="highslide-caption">Callie® Citrus Fire - Flower Plants Combination</div> </div> <script type=text/javascript> var pcv_hasAdditionalImages = false var pcv_strIsMojoZoomEnabled = false; var pcv_strMojoZoomOrientation = "right"; var pcv_strUseEnhancedViews = true; var CurrentImg=1; $pc(document).ready(function() { // Init Highslide hs.align = 'center'; hs.transitions = ['expand', 'fade']; hs.outlineType = 'rounded-white'; hs.fadeInOut = true; hs.dimmingOpacity = 0.3; hs.expandCursor = null; hs.numberPosition = 'caption'; }); $pc(window).load(function() { $(".pcShowAdditional a").click(function(e) { if ($(this).hasClass('current')) { } else { CurrentImg = $(this).attr("id"); setMainImg($(this).find("img").attr("src"), $(this).attr("href")); $(".pcShowAdditional a").removeClass('current').css("cursor", "pointer"); $(this).addClass('current'); e.preventDefault(); $(this).css("cursor", ""); } }); }); </script> <div class="pcClear"></div> </div> <div class="col-sm-6"> <h1 itemprop="name" >Callie® Citrus Fire - Flower Plants Combination</h1> <div class="pcShowProductRating"> <a href="#productReviews" style="text-decoration: none;">Rated: </a> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1" /> <meta itemprop="ratingValue" content="5" /> <meta itemprop="bestRating" content="5" /> </span> </div> <span style="display:none" id="appw1" name="appw1"></span> <span style="display:none" id="appw2" name="appw2"></span> <div class='pcShowPrices'><div class="pcShowProductPrice" itemprop="offers" itemscope itemtype="http://schema.org/Offer"><span class="pcShowProductMainPrice">Price: <span itemprop="price">$14.99</span></span></div></div> <!-- CPI Product Message --> <div id='cpiProdMsg'><a href='/store/pc/Shipping-Dates-d2.htm'>Unavailable for 2019</a></div> <!-- End CPI Product Message --> <div class="pcShowProductOptions"> <ul class="pcShowProductOptionsList"> </ul> <input type="hidden" name="OptionGroupCount" value=""> </div> <input type="hidden" name="quantity" value="1"> <div class='pcShowProductSDesc'><span itemprop="description"><b>Each 4.5-Inch Pot contains 3 plants.</b><hr width="200" align="left">Offers the fluid coloration of deep yellow and scarlet red to create a sizzling hot, yet somehow juicy, combination!</span></div> <div class="pcShowWishlist"> <a class="pcButton pcButtonAddToWishlist" href="javascript:location='Custwl.asp?OptionGroupCount=&idproduct=6297';"> <img src="images/pc/addtowish.gif" alt="Add to Wishlist"> <span class="pcButtonText">Add to Wishlist</span> </a> </div> <div class="pcClear"></div> </div> <div class="pcClear"></div> <div class="pcPageMiddle"> <!-- CPI Product Attributes --> <!-- CPI Product Attributes --> <div class="pcClear"></div> <div id="details" class="pcShowProductLDesc"> <div class="pcSectionTitle"> Product Details </div> <div class="pcSectionContents"> <h4>Callie Citrus Fire Combination</h4><br /> This Callie Citrus Fire flowering combo has that "just right" mixture of vivid color, smoothly flowing coordination and sizzling spark! <br /> <hr /> <h4>Callie Citrus Fire: Included Flowers</h4><br /> This combination flower selection includes three flowers pre-planted in one 4.5-inch pot: <br /> <br /> <div style="TEXT-ALIGN: center; WIDTH: 150px; FLOAT: left; MARGIN-RIGHT: 30px"><img style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid" src="https://www.growjoy.com/store/pc/catalog/Deep_Yell_Cal.jpg" width="75" height="73" align="middle" /> <p style="TEXT-ALIGN: center">Callie Deep Yellow Calibrachoa <br /> Quantity: 1 </p></div> <div style="TEXT-ALIGN: center; WIDTH: 150px; FLOAT: left; MARGIN-RIGHT: 30px"><img style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid" src="https://www.growjoy.com/store/pc/catalog/Scar_Red_Cal.jpg" width="75" height="75" align="middle" /> <p style="TEXT-ALIGN: center">Callie Scarlet Red Calibrachoa <br /> Quantity: 1 </p></div> <div style="TEXT-ALIGN: center; WIDTH: 150px; FLOAT: left; MARGIN-RIGHT: 30px"><img style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid" src="https://www.growjoy.com/store/pc/catalog/Peach_Cal.jpg" width="75" height="75" align="middle" /> <p style="TEXT-ALIGN: center">Callie Peach Calibrachoa <br /> Quantity: 1 </p></div> <div style="CLEAR: both"> </div> <hr /> <h4>Recommended Quantity</h4> <ul> <li>1 combo to fill a container up to 10-inches in diameter. </li> <li>1 or 2 combos to fill a container that is 12 to 14-inches in diameter. </li> <li>2 or 3 combos to fill a container larger than 16-inches in diameter. </li> </ul> <hr /> <h4>Additional Information</h4><br /> <p>The plants in our 'Callie Citrus Fire' plants are grown and shipped in fine quality growing medium and are guaranteed to arrive alive and ready to thrive.</p><br /> <div>Be aware that the actual appearance when planted may vary slightly from the photograph. <p> </p><br /> <div>Pot Size: 4.5†</div></div> </div> </div> <div class="pcShowProductReviews" id="productReviews"> <div class="pcSectionTitle">Product Reviews</div> <div class="pcSectionContents" id="pcReviews"> <div id="pcReviewRating"> Rated: <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> </div> <div class="pcReviewActions"> <a href="javascript:openbrowser('prv_postreview.asp?IDPRoduct=6297');">Write your own review</a> </div> <div class="pcReviewRate"> <b>Rate this product: </b> <input name="rate" id="rate" type="hidden" value=""> <input name="rate1" value="1" type="radio" onclick="$pc('#rate').val('1');" class="clearBorder"> <span class="pcSmallText">1</span> <input name="rate1" value="2" type="radio" onclick="$pc('#rate').val('2');" class="clearBorder"> <span class="pcSmallText">2</span> <input name="rate1" value="3" type="radio" onclick="$pc('#rate').val('3');" class="clearBorder"> <span class="pcSmallText">3</span> <input name="rate1" value="4" type="radio" onclick="$pc('#rate').val('4');" class="clearBorder"> <span class="pcSmallText">4</span> <input name="rate1" value="5" type="radio" onclick="$pc('#rate').val('5');" class="clearBorder"> <span class="pcSmallText">5</span> <input type="button" value="Rate it" onclick="javascript:openbrowser('prv_postreview.asp?IDPRoduct=6297&rate=' + $pc('#rate').val());" class="submit2"> </div> <hr> <div class="pcReview"> <p><b>"Perfectly wonderful!"</b></p> <p>Lifesart on 8/8/2012 8:24:41 AM</p> <p> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> </p> <div class="pcReviewSpecialField"> <p><b>Comment:</b> This Flowering Combo suits the intense heat of this 2012 summer and has not wilted. It's really gorgeous. </p> </div> </div> <div class="pcReview"> <p><b>"Hot colors brighten up everything!"</b></p> <p>Lifesart on 7/12/2012 8:32:29 PM</p> <p> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> <img class="pcReviewRateicon" src="catalog/fullstar.png" alt="Empty Star"> </p> <div class="pcReviewSpecialField"> <p><b>Comment:</b> These colors are startlingly bright and the flowers are really plentiful. I love this mix.</p> </div> </div> </div> </div> </div> <div class="pcClear"></div> </div><script type=text/javascript> function cdDynamic() { if (rtype==0) { document.additem.action="instPrd.asp"; document.additem.method="POST"; document.additem.submit(); } else { return(true); } if (rtype==1) { return(false); } } function CheckRequiredCS(reqstr) { if (reqstr.length>0) { var objArray = reqstr.split(","); var i = 0; while (i < objArray.length) { var obj = eval(objArray[i]); if (obj.checked==0) { alert("The product cannot be added to the shopping cart.\n"+ obj.value + " is a required option.\n"); return false; } i+=1; } } return true; } </script> </form> <!-- End Form --> <script type=text/javascript> $pc(document).ready(function() { function TurnOnUpdateDiv() { var obj = document.getElementById("overlay"); if(getURLParam("atc") == 1) { openDialog('<a href="viewcart.asp?cs=1" role="button" class="btn btn-default">View Cart</a><a role="button" class="btn btn-default" data-dismiss="modal">Continue Shopping</a>', '<div id="OverlayMsgDialog" title="Item(s) added to the cart" style="display:; text-align: left;"><div class="ui-main"><div style="margin: 5px 0 5px 0;">Your item(s) were added</div>Cart contains 0 Item(s) | Subtotal: $0.00</div></div>', 'Item(s) added to the cart', false); } } function addOnLoadEvent(func) { var oldonload = window.onload ; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } } addOnLoadEvent(TurnOnUpdateDiv); }); </script> <script type=text/javascript> function stopRKey(evt) { var evt = (evt) ? evt : ((event) ? event : null); var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null); if ((evt.keyCode == 13) && (node.type != "textarea") && (node.getAttribute("name") != "keyword")) { return false; } } document.onkeypress = stopRKey; </script> </div> <div class="pcClear"></div> </div> <!-- CPI CODE TO CHECK INVENTORY BEFORE ADDING TO CART --> <script src="cpiInventoryPrd.js?v=3426" type="text/javascript"></script> <div class="modal fade" tabindex="-1" role="dialog" id="myModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">What State Are You Shipping To?</h4> </div> <div class="modal-body"> <p> <select id="cpiSelectState"> <option value="">-- Please Select State --</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="DC">District Of Columbia</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select> <input type="hidden" id="shipStateIdProduct" value=""> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" id="cpiSelectStateButton">Set State</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <div class="pcClear"></div> </div> </div> </div> <!-- BEGIN COGNECY MODIFICATION - Code needed for Cognecy Custom Footer --> <div id="size" style="visibility:hidden"></div> <footer id="footer-area"> <!-- Footer Links Starts --> <div class="footer-links"> <!-- Container Starts --> <div class="container"> <!-- Information Links Starts --> <div class="col-md-2 col-sm-3 col-xs-12"> <ul> <li><a href="https://www.growjoy.com/store/pc/home.asp">Home</a></li> <li><a href="https://www.growjoy.com/store/pc/About-Us-d9.htm">About Us</a></li> <li><a href="https://www.growjoy.com/store/pc/Mission-Statement-d14.htm">Mission</a></li> </ul> </div> <!-- Information Links Ends --> <!-- My Account Links Starts --> <div class="col-md-2 col-sm-3 col-xs-12"> <ul> <li><a href="https://www.growjoy.com/store/pc/Privacy-d13.htm">Privacy</a></li> <li><a href="https://www.growjoy.com/store/pc/Reward-Points-d12.htm">Rewards</a></li> <li><a href="https://www.growjoy.com/store/pc/custpref.asp">My Account</a></li> </ul> </div> <!-- My Account Links Ends --> <!-- Customer Service Links Starts --> <div class="col-md-2 col-sm-3 col-xs-12"> <ul> <li><a href="https://www.growjoy.com/store/pc/Shipping-Policy-d10.htm">Shipping</a></li> <li><a href="https://www.growjoy.com/store/pc/contact.asp">Contact</a></li> </ul> </div> <!-- Customer Service Links Ends --> <!-- Follow Us Links Starts --> <div class="col-md-2 col-sm-3 col-xs-12"> <ul> <li><a href="https://www.growjoy.com/store/pc/spring-ship-dates-d2.htm">Ship Dates</a></li> <li><a href="https://www.growjoy.com/store/pc/hardiness-zones-d3.htm">Hardiness Zones</a></li> </ul> </div> <!-- Follow Us Links Ends --> <!-- Contact Us Starts --> <div class="col-md-4 col-sm-12 last"> <h4>Contact Us</h4> <address> GrowJoy<br> 2952W 500S Berne IN 46711<br> <span class="lead"> Local Calls: <a href="tel:+12605893384">260-589-3384</a><br> Toll Free Calls: <a href="tel:+18889074769">888-907-4769</a> </span> </address> </div> <!-- Contact Us Ends --> </div> <!-- Container Ends --> </div> <!-- Footer Links Ends --> <!-- Copyright Area Starts --> <div class="copyright-wrapper footer-area-bottom"> <div class="container"> <div class="copyright"> <p>© 2019 <a target="_blank" href="/">GrowJoy™</a>. All Rights Reserved. 2952W 500S Berne, IN 46711 · <a href="tel:+18889074769">888.907.4769</a> | <a href="Conditions-of-Use-d16.htm">Conditions of Use</a></p> </div> <div class="logo-payment-types"> <ul id="pcAcceptedPayments"> <li class="pcAcceptedPaymentPayPal"> <img src="theme/GHS_bluespace/images/payment/paypal.png" alt="PayPal" title="PayPal" /> </li> <li class="pcAcceptedPaymentAmericanExpress"> <img src="theme/GHS_bluespace/images/payment/amex.png" alt="American Express" title="American Express" /> </li> <li class="pcAcceptedPaymentDiscover"> <img src="theme/GHS_bluespace/images/payment/discover.png" alt="Discover" title="Discover" /> </li> <li class="pcAcceptedPaymentMasterCard"> <img src="theme/GHS_bluespace/images/payment/mastercard.png" alt="MasterCard" title="MasterCard" /> </li> <li class="pcAcceptedPaymentVisa"> <img src="theme/GHS_bluespace/images/payment/visa.png" alt="Visa" title="Visa" /> </li> </ul> </div> </div> </div> <!-- Copyright Area Ends --> </footer> <script type="text/javascript"> $(window).load(function(){ $(".btn-slide").click(function(){ //alert($(this).prev("#panel").tagName); $(this).parent().parent().parent().next("div").slideToggle("400"); $(this).toggleClass("fa fa-plus"); $(this).toggleClass("fa fa-minus"); return false; }); }); </script> <script src="theme/GHS_bluespace/js/bootstrap-hover-dropdown.min.js"></script> <style> .follow-me-icons { font-size: 30px; } </style> <!-- END COGNECY MODIFICATION --> <script src="theme/GHS_bluespace/js/hoverIntent.js"></script> <script src="theme/GHS_bluespace/js/superfish.js"></script> <script src="theme/GHS_bluespace/js/jquery.pcmenu.js"></script> <script> (function($){ $(document).ready(function() { var superfishNav = $('.pc-nav ul').superfish({}); $('.pc-nav').meanmenu({meanScreenWidth: "767", meanRemoveAttrs: true}).pcMenu(); }); })(jQuery); </script> <script src="theme/GHS_bluespace/js/jquery.meanmenu.js"></script> <script src="theme/GHS_bluespace/js/modernizr.js"></script> <script> jQuery(document).click(function() { jQuery("form.pc-search-input").fadeOut(); }); jQuery(".reveal-search").click(function(e) { e.stopImmediatePropagation(); jQuery("form.pc-search-input").fadeToggle(); jQuery("form input[name='keyword']").focus(); }); jQuery("form.pc-search-input").click(function(e) { e.stopImmediatePropagation(); }); </script> <script> (function($){ $(window).load(function() { var brandImgHeight = $(".brand img").height(); if(!Modernizr.mq('(max-width: 767px)')) { $(".brand img").css({"margin-top":"-"+((parseInt(brandImgHeight)+10)/2)+"px", "visibility":"visible"}); } else { var headerRowHeight = $("#pc-header .row").height(); var imgMarginHeight = ((parseInt(headerRowHeight) - parseInt(brandImgHeight))-20)/2; $(".brand img").css({"margin-top":imgMarginHeight+"px", "visibility":"visible"}); } // ---------- BEGIN COGNECY MODIFICATION - Code needed for Cognecy Custom Footer var scrollbar_width = 0; if( jQuery('body').height() > jQuery(window).height()) { /* Modified from: http://jdsharp.us/jQuery/minute/calculate-scrollbar-width.php */ var calculation_content = jQuery('<div style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"><div style="height:100px;"></div>'); jQuery('body').append( calculation_content ); var width_one = jQuery('div', calculation_content).innerWidth(); calculation_content.css('overflow-y', 'scroll'); var width_two = jQuery('div', calculation_content).innerWidth(); jQuery(calculation_content).remove(); scrollbar_width = width_one - width_two; } // ---------- END COGNECY MODIFICATION $(window).load(function() { var brandImgHeight = $(".brand img").height(); if(!Modernizr.mq('(max-width: 767px)')) { $(".brand img").css({"margin-top":"-"+((parseInt(brandImgHeight)+10)/2)+"px", "visibility":"visible"}); } }); // ---------- BEGIN COGNECY MODIFICATION - Code needed for Cognecy Custom Footer $('#size').html(jQuery(document).width()); // ---------- END COGNECY MODIFICATION $(window).resize(function() { var brandImgHeight = $(".brand img").height(); if(!Modernizr.mq('(max-width: 767px)')) { $(".brand img").css({"margin-top":"-"+((parseInt(brandImgHeight)+10)/2)+"px", "visibility":"visible"}); } else { var headerRowHeight = $("#pc-header .row").height(); var imgMarginHeight = ((parseInt(headerRowHeight) - parseInt(brandImgHeight))-20)/2; $(".brand img").css({"margin-top":imgMarginHeight+"px", "visibility":"visible"}); } // ---------- BEGIN COGNECY MODIFICATION - Code Needed For Cognecy Custom Footer var curWidth = parseInt($('#size').html()); $('#size').html(jQuery(document).width()); if ($(document).width() > 767 - scrollbar_width ) { $(".hide-mobile").show(); //$(".hide-mobile").css("display:block;"); //$("#menubar99").css({display: 'none'; opacity: 1;}); } else if ( curWidth > 767 - scrollbar_width ) { $(".hide-mobile").hide(); $('i.fa-minus').removeClass('fa-minus').addClass('fa-plus'); //$("#menubar99").show(); //$("div#menubar99 .mean-expand").show(); } // ---------- END COGNECY MODIFICATION }); }); })(jQuery); </script> <script type=text/javascript> // Language Definitions for "productcart.js" var QV_2 = 'Loading . . . '; // used in "CallQuickView()" in "productcart.js" var ShowSearch_2 = 'Please wait while we process your request...'; var ShowSearch_3 = 'Your search will return '; var ShowSearch_4 = ' result(s).'; var button_clear = 'Clear Cart'; var button_view = 'View Cart'; var button_close = 'Continue Shopping'; var message_restore = '<div class="pcSuccessMessage">' + "We loaded back into the shopping cart items that you had added during your last visit, so you don't have to look for them again." + '</div>'; var title_restore = 'Customer Service Message'; var title_askPassword = 'Register Customer Account'; var message_askPassword = 'Add a password for quicker checkout and access to more features (e.g. save multiple shipping addresses, view saved shopping carts, etc.).'; var title_validation = 'Attention Valued Customer'; var button_closeHTML = '<a role="button" class="btn btn-default" data-dismiss="modal">' + 'Continue Shopping' + '</a>'; var button_askPasswordHTML = '<a role="button" class="btn btn-default" data-dismiss="modal" onClick="JavaScript:noPass();">' + ' You already have an account with us.' + '</a>' + '<a role="button" class="btn btn-default" data-dismiss="modal" onClick="JavaScript:addPass();">' + 'OK' + '</a>'; // Pulled from the settings var scDateFrmt = "MM/DD/YY"; </script> <div class="modal fade" id="GlobalMsgDialog" tabindex="-1" role="dialog" aria-labelledby="pcDialogTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-center"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="pcDialogTitle">Global Message</h4> </div> <div class="modal-body"> <p id="pcDialogMessage"></p> </div> <div class="modal-footer"> <div id="pcDialogButtons"></div> </div> </div> </div> </div> <div class="modal fade" id="QuickViewDialog" tabindex="-1" role="dialog" aria-labelledby="quickViewLabel" aria-hidden="true"> <div class="modal-dialog"> <div id="modal-content" class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="quickViewLabel">Quick View</h4> </div> </div> </div> </div> <!-- <form style="display:none;" method="post" name="gcaform"> <input type="hidden" id="analyticsdata" name="analyticsdata" value=""> </form> <script src="https://checkout.google.com/files/digital/ga_post.js" type="text/javascript"></script> --> <!-- Cognecy edit 2/22/2018 - moved comment above below the script because google checkout is obsolete and causing 404 errors) --> <script src="../includes/javascripts/highslide.html.packed.js"></script> <script src="../includes/javascripts/jquery.blockUI.js"></script> <script src="../includes/javascripts/json3.js"></script> <script src="../includes/javascripts/angular-1.0.8.js"></script> <!-- <script src="../includes/javascripts/angular-1.2.14.js"></script> --> <script src="../includes/javascripts/accounting.min.js"></script> <script src="XHConn.js"></script> <script src="../includes/javascripts/productcart.js?token=20140910900300"></script> <script src="service/app/service.js"></script> <script src="service/app/quickcart.js"></script> <script src="service/app/viewcart.js"></script> <script type="text/javascript"> var facebookActive = false; </script> </body> </html>