##################################################
# Responsive Design Product and More Info Template
# Copyright ShopSite Inc. Design By Lauren
##################################################
[-- DEFINE PRODUCT_CROSS_SELL --][-- VAR.FullProduct "no" --][-- INCLUDE ResponsiveDesign-DefineProduct.sst PROCESS --][-- END_DEFINE PRODUCT_CROSS_SELL --]
##################################################################################
[-- DEFINE PRODUCT --][-- VAR.FullProduct "yes" --][-- INCLUDE ResponsiveDesign-DefineProduct.sst PROCESS --][-- END_DEFINE PRODUCT --]
##################################################################################
[-- DEFINE SUBPRODUCT --]<span class="subproduct"><input type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]">[-- IF PRODUCT.DisplayName --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --][-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --] <b>[-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --]</b>[-- ELSE --] [-- PRODUCT.Price --][-- END_IF --][-- ELSE --] [-- PRODUCT.Price --][-- END_IF --][-- END_IF --]</span>[-- END_DEFINE SUBPRODUCT --]
##################################################################################
[-- DEFINE MORE_INFO_PAGE --][-- VAR.Type "more" --][-- VAR.Secure "no" --]
[-- VAR.DisplayBanner "no" --][-- VAR.DisplayFullBanner "no" --][-- IF STORE.HeaderImage --][-- IF MORE_INFO.DisplayPageHeader --][-- VAR.DisplayBanner "yes" --][-- END_IF --][-- END_IF --]
[-- INCLUDE ResponsiveDesign-VARs-Doctype.sst PROCESS --][-- VAR.TF_Link PRODUCT.Name --]
[-- IF Product.MoreInformationGlobalCrossSell --][-- VAR.GlobalCrossSell "yes" --][-- ELSE --][-- VAR.GlobalCrossSell "no" --][-- END_IF --]
[-- IF PRODUCT.MoreInformationTitle --][-- VAR.ProdTitle PRODUCT.MoreInformationTitle --][-- ELSE --][-- VAR.ProdTitle PRODUCT.Name --][-- END_IF --]
<meta property="og:title" content="[-- VAR.ProdTitle --]">
<meta name="twitter:title" content="[-- VAR.ProdTitle --]">
<meta name="keywords" content="[-- IF PRODUCT.MoreInformationMetaKeywords --][-- PRODUCT.MoreInformationMetaKeywords --][-- ELSE --][-- VAR.ProdTitle --][-- END_IF --]">
[-- IF PRODUCT.MoreInformationMetaDescription --]<meta name="description" content="[-- PRODUCT.MoreInformationMetaDescription --]">
[-- IF PRODUCT.OneLineAd --]<meta property="og:description" content="[-- PRODUCT.OneLineAd --]">
<meta name="twitter:description" content="[-- PRODUCT.OneLineAd --]">
[-- ELSE --]<meta property="og:description" content="[-- PRODUCT.MoreInformationMetaDescription --]">
<meta name="twitter:description" content="[-- PRODUCT.MoreInformationMetaDescription --]">[-- END_IF --]
[-- ELSE_IF PRODUCT.OneLineAd --]<meta property="og:description" content="[-- PRODUCT.OneLineAd --]">
<meta name="twitter:description" content="[-- PRODUCT.OneLineAd --]">
[-- ELSE --]<meta property="og:description" content="[-- STORE.LoveThis --]: [-- PRODUCT.Name REMOVE_HTML --]">
<meta name="twitter:description" content="[-- STORE.LoveThis --]: [-- PRODUCT.Name REMOVE_HTML --]">
[-- END_IF --]
<meta property="og:type" content="og:product">
[-- IF PRODUCT.MoreInformationGraphic --]<meta property="og:image" content="[-- PRODUCT.MoreInformationGraphic URL_ONLY --]">
<meta name="twitter:image" content="[-- PRODUCT.MoreInformationGraphic URL_ONLY --]">
[-- ELSE_IF PRODUCT.Graphic --]<meta property="og:image" content="[-- PRODUCT.Graphic URL_ONLY --]">
<meta name="twitter:image" content="[-- PRODUCT.Graphic URL_ONLY --]">[-- END_IF --]
<meta name="twitter:card" content="[-- PRODUCT.MoreInfoURL --]">
<meta property="og:url" content="[-- PRODUCT.MoreInfoURL --]">
<title>[-- VAR.ProdTitle --]</title>
<link rel="canonical" href="[-- PRODUCT.MoreInfoURL --]">
[-- INCLUDE ResponsiveDesign-Head.sst PROCESS --]
[-- SOCIAL_SHARE script --]
</head>
<body[-- IF VAR.DisplayFullBanner "yes" --][-- ELSE --] id="half-height"[-- END_IF --] class="productpage">
<div id="contained">
[-- IF MORE_INFO.DisplayPageHeader --][-- INCLUDE ResponsiveDesign-Header.sst PROCESS --][-- END_IF --]
[-- IF VAR.DisplayBanner "yes" --]<div id="header-img">[-- IF STORE.HeaderURL --]<a href="[-- STORE.HeaderURL --]" title="[-- STORE.Name --]">[-- END_IF --]<img src="[-- OUTPUT_DIRECTORY_URL --]/media/[-- IMAGE STORE.HeaderImage --]" alt="[-- IF PRODUCT.MoreInformationTitle --][-- PRODUCT.MoreInformationTitle --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]">[-- IF STORE.HeaderURL --]</a>[-- END_IF --]</div>[-- END_IF --]
[-- IF PageMenu --]<nav id="nav">[-- PageMenu no_jscript --]</nav>[-- END_IF --]
[-- INCLUDE ResponsiveDesign-RightCol.sst PROCESS --]
<article itemscope itemtype="http://data-vocabulary.org/Product">
[-- IF PRODUCT.GoogleProductCategory --]<span itemprop="category" class="hidden">[-- PRODUCT.GoogleProductCategory --]</span>[-- END_IF --]
[-- IF PRODUCT.MoreInformationGraphic --]<div id="mi-img-[-- IF PRODUCT.ImageAlignment "Right" --]right[-- ELSE --]left[-- END_IF --]">[-- MoreInfoImageRow --]</div><div id="mi-prod-info">[-- ELSE_IF PRODUCT.Graphic --][-- IF PRODUCT.DisplayGraphic --]<img [-- PRODUCT.Graphic SRC_ONLY REMOVE_HTML --] class="mi-pr-img" alt="[-- IF PRODUCT.MoreInformationTitle --][-- PRODUCT.MoreInformationTitle --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]">[-- END_IF --][-- END_IF --]
[-- IF PRODUCT.VariableName? --][-- ELSE_IF PRODUCT.DisplayName --]<h1 class="nopadtop" itemprop="name">[-- PRODUCT.Name --]</h1>[-- END_IF --]
[-- IF REVIEWS --][-- IF Reviews_Count_Number LT 1 --]<span class="write-review">[--REVIEWS_WRITE_FIRST--]</span>[-- ELSE --]<span class="reviews-brief padbot">[-- REVIEWS_STARS --][-- REVIEWS_WRITE_REVIEW_LINK --] | [-- REVIEWS_READ_REVIEWS_LINK --]</span>[-- END_IF --][-- END_IF --]
[-- IF PRODUCT.VariableSKU? --][-- ELSE_IF PRODUCT.DisplaySku --][-- IF PRODUCT.Sku --]<span class="product-sku [-- PRODUCT.SkuStyle --] [-- PRODUCT.SkuSize --]">[-- STORE.Sku --] [-- PRODUCT.Sku --]</span>[-- END_IF --][-- END_IF --]
[-- VAR.DisplayRegularPriceInfo "yes" --]
[-- IF PRODUCT.VariablePrice? --][-- ELSE_IF PRODUCT.Subproduct --][-- ELSE_IF PRODUCT.QuantityPricing --][-- IF PRODUCT.DisplayQuantityPricing --][-- PRODUCT.QuantityPricing --][-- VAR.DisplayRegularPriceInfo "no" --][-- END_IF --][-- END_IF --]
[-- IF PRODUCT.DisplayPrice --][-- IF VAR.DisplayRegularPriceInfo "yes" --]<span class="product-price [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]">[-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --]<span class="price-reg">[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] <span class="lighter">[-- PRODUCT.AltPrice --]</span>[-- END_IF --]</span> &nbsp;<span class="price-sale">[-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- IF PRODUCT.AltSaleAmount --] <span class="lighter">[-- PRODUCT.AltSaleAmount --]</span>[-- END_IF --]</span><span class="price-save">[-- STORE.YouSave --] <script type="text/javascript">discountcalc("[-- PRODUCT.Price --]","[-- PRODUCT.SaleAmount --]");</script></span><span itemprop="price" class="hidden">[-- PRODUCT.SaleAmount NO_SYMBOL --]</span>[-- ELSE --]<span class="price">[-- STORE.Price --] [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] <span class="lighter">[-- PRODUCT.AltPrice --]</span>[-- END_IF --]</span><span itemprop="price" class="hidden">[-- PRODUCT.Price NO_SYMBOL --]</span>[-- END_IF --][-- ELSE --]<span class="price">[-- STORE.Price --] [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] <span class="lighter">[-- PRODUCT.AltPrice --]</span>[-- END_IF --]</span><span itemprop="price" class="hidden">[-- PRODUCT.Price NO_SYMBOL --]</span>[-- END_IF --]</span>[-- END_IF --][-- END_IF --]
[-- IF PRODUCT.DisplayAddtoCart NE "Not Displayed" --]<div id="mi-add-to-cart" itemprop="offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer"><form id="form[-- PRODUCT.RecordNumber --]" action="[-- SHOPPING_CART_URL Base --]/order.cgi" method="post"><input type="hidden" name="storeid" value="[-- STORE.ID --]"><input type="hidden" name="dbname" value="products"><input type="hidden" name="function" value="add">
[-- IF PRODUCT.NumSubproducts "0" --]
[-- IF PRODUCT.VariableName? --]<span class="var-name"><b>[-- STORE.VP_CompanyName --]:</b> <input name="[--PRODUCT.RecordNumber--]:name" size="20" value="" type="text"></span>[-- END_IF --]
[-- IF PRODUCT.VariableSku? --]<span class="var-sku"><b>[-- STORE.VP_InvoiceNumber --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="10" value="" type="text"></span>[-- END_IF --]
[-- IF PRODUCT.VariablePrice? --]<span class="var-price"><b>[-- STORE.VP_InvoiceAmount --]:</b> [-- STORE.CurrencySymbol --]<input name="[--PRODUCT.RecordNumber--]:price" size="4" value="" type="text"></span>[-- END_IF --]
[-- IF PRODUCT.GoogleMPN --]<span class="hidden" itemprop="identifier" content="mpn:[-- PRODUCT.GoogleMPN --]">[-- PRODUCT.GoogleMPN --]</span>[-- END_IF --]
[-- IF PRODUCT.GoogleCondition --]<span class="hidden" itemprop="condition" content="[-- PRODUCT.GoogleCondition --]">[-- PRODUCT.GoogleCondition --]</span>[-- END_IF --]
[-- IF PRODUCT.GoogleAvailability --]<span class="hidden" itemprop="availability" content="[-- PRODUCT.GoogleAvailability --]"></span>[-- END_IF --]
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
[-- IF PRODUCT.DisplayOrderingOptions --][-- IF PRODUCT.OptionText --]<span class="product-option-text">[-- PRODUCT.OptionText --]</span>[-- END_IF --][-- Order_Option_Menu Column --][-- IF PRODUCT.OptionsBoxHeader --]<span class="product-option-header">[-- PRODUCT.OptionsBoxHeader --]</span>[-- END_IF --][-- IF PRODUCT.OptionsBox --]<textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea>[-- END_IF --][-- END_IF --]
[-- IF PRODUCT.DisplayOrderQuantity --]<span class="product-quantity">Qty: <input type="text" size="3" value="[-- IF PRODUCT.MinimumQuantity GT 1 --][-- PRODUCT.MinimumQuantity --][-- ELSE --]1[-- END_IF --]" name="[-- PRODUCT.RecordNumber --]:qnty"></span>[-- END_IF --]
[-- MOREINFOINVENTORYACTUAL --]
[-- ELSE --]
[-- LOOP SUBPRODUCTS --][-- SUBPRODUCT ResponsiveDesign-Product.sst --][-- END_LOOP SUBPRODUCTS --]<br>
[-- END_IF --]
[-- IF ADDIMAGE? --]<input type="image" [--ADDIMAGE--][-- IF PRODUCT.SubProduct --] onClick="return(checkChecker('form[-- PRODUCT.RecordNumber --]', '[-- STORE.SelectProduct --]'));"[-- END_IF --]>[-- ELSE --]<input class="add" type="submit" value="[-- ADDTEXT --]"[-- IF PRODUCT.SubProduct --] onClick="return(checkChecker('form[-- PRODUCT.RecordNumber --]', '[-- STORE.SelectProduct --]'));"[-- END_IF --]>[-- END_IF --]
</form>
[-- IF WishList --][-- WishList --][-- END_IF --]
</div>[-- END_IF --][-- IF PRODUCT.MoreInformationGraphic --]</div>[-- END_IF --]<div class="clear"></div>

[-- VAR.DisplayMore "no" --][-- IF PRODUCT.MoreInformationText --][-- VAR.DisplayMore "yes" --][-- ELSE_IF PRODUCT.ProductDescription --][-- VAR.DisplayMore "yes" --][-- ELSE_IF REVIEWS --][-- VAR.DisplayMore "yes" --][-- ELSE_IF PRODUCT.MoreInformationProductCrossSell --][-- IF PRODUCT.CrossSell GT "0" --][-- VAR.DisplayMore "yes" --][-- END_IF --][-- END_IF --]
[-- IF VAR.DisplayMore "yes" --]
<div id="tabContainer">
    <div id="tabs">
      <ul>
        <li id="tabHeader_1">[-- Store.MoreDetails --]</li>
[-- IF REVIEWS --]        <li id="tabHeader_2">[-- STORE.Reviews_Header --]</li>[-- END_IF --]
[-- IF PRODUCT.MoreInformationProductCrossSell --][-- IF PRODUCT.CrossSell GT "0" --]        <li id="tabHeader_3">[-- STORE.CartCrossSellHeader --]</li>[-- END_IF --][-- END_IF --]
[-- IF PRODUCT.Video --]        <li id="tabHeader_4">[-- STORE.Video --]</li>[-- END_IF --]
      </ul>
    </div>
    <div id="tabscontent">
<div class="tabpage" id="tabpage_1" itemprop="description">[-- IF PRODUCT.MoreInformationText --][-- PRODUCT.MoreInformationText --][-- ELSE --][-- PRODUCT.ProductDescription --][-- END_IF --]
[-- IF PRODUCT.Specifications --]<h2>[-- STORE.Specifications --]</h2><div class="details" id="pr-specifications">[-- PRODUCT.Specifications --]<div class="clear"></div></div>[-- END_IF --]
[-- IF PRODUCT.HowToUse --]<h2>[-- STORE.HowToUse --]</h2><div class="details" id="pr-howtouse">[-- PRODUCT.HowToUse --]<div class="clear"></div></div>[-- END_IF --]
[-- IF PRODUCT.Materials --]<h2>[-- STORE.Materials --]</h2><div class="details" id="pr-materials">[-- PRODUCT.Materials --]<div class="clear"></div></div>[-- END_IF --]
[-- VAR.SizeFitRadio "no" --][-- IF PRODUCT.SizeFitGuide EQ I --][-- IF PRODUCT.SizeFitGuideImage --][-- VAR.SizeFitRadio "yes" --][-- END_IF --][-- ELSE_IF PRODUCT.SizeFitGuide EQ T--][-- IF PRODUCT.SizeFitGuideText --][-- VAR.SizeFitRadio "yes" --][-- END_IF --][-- END_IF --]
[-- IF VAR.SizeFitRadio "yes" --]<h2>[-- STORE.SizeFitGuide --]</h2><div class="details" id="pr-sizefit">[-- IF Product.SizeFitGuide EQ I --][-- Product.SizeFitGuideImage ONLY_ALT_TAG --][-- ELSE --][-- PRODUCT.SizeFitGuideText --][-- END_IF --]<div class="clear"></div></div>[-- END_IF --]
[-- IF PRODUCT.Warranty --]<h2>[-- STORE.Warranty --]</h2><div class="details" id="pr-warranty">[-- PRODUCT.Warranty --]<div class="clear"></div></div>[-- END_IF --]
[-- IF PRODUCT.ShippingDetails --]<h2>[-- STORE.ShippingDetails --]</h2><div class="details" id="pr-shippingdetails">[-- PRODUCT.ShippingDetails --]<div class="clear"></div></div>[-- END_IF --]
[-- IF PRODUCT.Returns --]<h2>[-- STORE.Returns --]</h2><div class="details" id="pr-returns">[-- PRODUCT.Returns --]<div class="clear"></div></div>[-- END_IF --]
</div>
[-- IF REVIEWS --]      <div class="tabpage" id="tabpage_2">
        <h2>[-- STORE.Reviews_Header --]</h2>
        <div id="reviews-more">[-- REVIEWS_STARS --]  [-- REVIEWS_COUNT --]<br>[-- REVIEWS_WRITE_REVIEW_LINK --] | [-- REVIEWS_READ_REVIEWS_LINK --][-- REVIEWS_FEATURED --]</div></div>[-- END_IF --]
[-- IF PRODUCT.MoreInformationProductCrossSell --][-- IF PRODUCT.CrossSell GT "0" --]      <div class="tabpage" id="tabpage_3">
        <h2>[-- STORE.CartCrossSellHeader --]</h2>
        <div id="loop-products">[-- VAR.ProductCrossSellCount "0" --][-- LOOP Product_Cross_Sell --][-- VAR.ProductCrossSellCount INC --]<div class="[-- VAR.Columns --][-- IF VAR.ProductCrossSellCount EQ VAR.ProductColumnTotal --] noborder[-- END_IF --]">[-- Product_Cross_Sell --]</div>[-- IF VAR.ProductCrossSellCount EQ VAR.ProductColumnTotal --]<div class="product-col-div"></div>[-- VAR.ProductCrossSellCount "0" --][-- END_IF --][-- END_LOOP Product_Cross_Sell --]<div class="clear"></div></div></div>[-- END_IF --][-- END_IF --]
[-- IF PRODUCT.Video --]      <div class="tabpage" id="tabpage_4">
        <h2>[-- STORE.Video --]</h2>
        <div id="pr-video">[-- PRODUCT.Video --]<div class="clear"></div></div></div>[-- END_IF --]
    </div>
</div>
<script>productTabs();</script>
[-- END_IF --]
<div id="social-share">[-- SOCIAL_SHARE tag --][-- IF TELLAFRIEND --]<div id="swaf">[-- TELLAFRIEND VAR.TF_Link --]</div>[-- END_IF --]</div>
</article>
[-- INCLUDE ResponsiveDesign-LeftCol.sst PROCESS --]
[-- IF MORE_INFO.DisplayPageFooter --][-- INCLUDE ResponsiveDesign-Footer.sst PROCESS --][-- END_IF --]
</div>
</body>
</html>[-- END_DEFINE MORE_INFO_PAGE --]