{{zoProductPrice.initPricesAndLabels()}}
<div class="zo-product-price-container zo-product-price-container-new">
	<div id="price-container" ng-switch="zoProductPrice.priceType">
		<!-- default price  -->
		<div class="default-price" ng-switch-when="default-price">
			<span class="zo-product-price">{{zoProductPrice.price | priceRange}}</span>
		</div>
		<!-- sale price   -->
		<div ng-switch-when="sale-price">
		  <div class="ref-price">
			Was <s class="strike">{{zoProductPrice.refPrice | priceRange}}</s>
		  </div>
		  <span class="zo-product-price">Sale {{zoProductPrice.price | priceRange}}</span>
		</div>
		<!-- our price -->
		<div ng-switch-when="our-price">
		  <div class="ref-price">
			MSRP<i class="zolaicon zolaicon-info text-center" zo-tooltip text="{{zoProductPrice.priceTip}}" text-as-html="true"></i>
			<span>{{zoProductPrice.refPrice | priceRange}}</span>
		  </div>
		  <!--	Reduce text size and spacing for price range to be display within tiles	-->
		  <div class="zo-product-price" ng-class="{'zo-product-price-long': zoProductPrice.price.min !== zoProductPrice.price.max && zoProductPrice.price.min > 99.99 }">
			Our Price {{zoProductPrice.price | priceRange}}
		  </div>
		</div>
	</div>
</div>
<div class="zo-product-free-shipping" ng-if="zoProductPrice.hasFreeShipping">
	FREE STANDARD SHIPPING
</div>