var topNewItemTemplate = `
	<div class="col-6 col-sm-4 col-md-3 product topnewitem" id="{{item.id}}" data-item="{{item}}">
		<div class="card border border-light shadow mb-3">
			<div class="card-body">
				<div class="thumb">
					<img class="prod-image productimage" src="{{productimage}}">
				</div>
				<div class="tag catname my-3"><small>{{item.CategoryName}}</small></div>
				<div class="productname">{{item.details}}</div>
				<div class="text-center badge bg-light border border-danger text-danger discounttag">{{discount}}</div>
				<div class="product-hover">
					<div class="icons">
						<a href="{{viewlink}}"><i class="fa fa-eye fa-3x viewlink"></i></a>
					</div>
					<div class="buttons addToCart d-grid">{{add2cart}}</div>
				</div>
				<div class="row">
					<div class="col-12 text-center">
						<div class="price price text-info">{{pricetag}}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	`;

var topNewItemCSS = `
<style type="text/css">
.topnewitem .card { min-height: 330px; }
.topnewitem .card-body { min-height: 220px; text-align: center; position: relative; }
.topnewitem .card-body img { width: 100%; height: 100%; max-height: 200px; object-fit: contain; }
.topnewitem .card-body .product-hover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.75); transition: 0.5s ease; opacity: 0; display: block; }
.topnewitem .card-body .product-hover .icons { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.topnewitem .card-body .product-hover .icons a:hover { text-decoration: none; }
.topnewitem .card-body .product-hover .addToCart { position: absolute; bottom: 30px; left: 0; right: 0; }
.tag.catname, .productname { line-height: 1; }
.topnewitem .card-body .discounttag { position: absolute; top: 0.5rem; left: 0.5rem; font-size: 1.25rem; }
.topnewitem .card-body:hover .product-hover { opacity: 1; }
.topnewitem .price { position: absolute; bottom: 0; left: 0; right: 0; font-size: 1.25rem; font-weight: bold; text-align: center; }
.topnewitem .price s { font-size: 0.75rem; position: absolute; left: 0.5rem; }
</style>
`;


var companyDetail = '{"id":"101","Name":"Asset Recovery Zone","Address":"2901 Carmody Blvd.","Country":"Usa","State":"Oh","City":"Middletown","Zip":"45042","Phone":"1-513-423-8866","Notes":null,"Deleted":"0","Url":"assetrecoveryzone.com","Logo":"65b800681451d.png","Street2":null,"Time_Zone":"America\/New_York","Email":"ASSETRECOVERY@INTERSCOPEMFG.COM","AccountTypeId":"1","isDemo":null,"SubscriptionActive":"1","Subscription_Expiration":null,"SubscriptionName":null,"Subscription_Period":null,"SubscriptionId":"1","AutoRenewActive":null,"billing_agreement_id":null,"webPageActive":"1","braintreeSubscriptionId":null,"EstimatedNo":null,"teamSize":null}';