Spralac

<header id="header-area">
	
		<div class="header-top">
			<div class="container">
				<div class="row">
				
					<div class="col-sm-4 col-xs-12">
						<div class="pull-left"></div>
					</div>
				
				
					<div class="col-sm-8 col-xs-12">
						<div class="header-links">
							<ul class="nav navbar-nav pull-right">
								{if CUSTOMER_ID != ''}
									<li>
										<a href="${CUSTOMER_CENTER_URL}">
											<i class="fa fa-user hidden-lg hidden-md" title="My Account"></i>
											<span class="hidden-sm hidden-xs">
												My Account
											</span>
										</a>
									</li>
								{/if}
								<li>
									<a href="${CART_URL}">
										<i class="fa fa-shopping-cart hidden-lg hidden-md" title="Shopping Cart"></i>
										<span class="hidden-sm hidden-xs">
											Shopping Cart
										</span>
									</a>
								</li>
								<li>
									<a href="${CHECKOUT_URL}">
										<i class="fa fa-crosshairs hidden-lg hidden-md" title="Checkout"></i>
										<span class="hidden-sm hidden-xs">
											Checkout
										</span>
									</a>
								</li>
								
								{if CUSTOMER_ID == ''}
									<li>
										<a href="${REGISTRATION_URL}">
											<i class="fa fa-unlock hidden-lg hidden-md" title="Register"></i>
											<span class="hidden-sm hidden-xs">
												Register
											</span>
										</a>
									</li>
								{/if}
								
								{if CUSTOMER_ID == ''}
									<li>
										<a href="${LOGIN_URL}">
											<i class="fa fa-lock hidden-lg hidden-md" title="Login"></i>
											<span class="hidden-sm hidden-xs">
												Login
											</span>
										</a>
									</li>
								{else}
									<li>
										<a href="${LOGOUT_URL}">
											<i class="fa fa-lock hidden-lg hidden-md" title="Logout"></i>
											<span class="hidden-sm hidden-xs">
												Logout
											</span>
										</a>
									</li>
								{/if}
							</ul>
						</div>
					</div>
								
				</div>
			</div>
		</div>
	
	
		<div class="main-header">
			<div class="container">
				<div class="row">				
				
					<div class="col-sm-2">
						<div id="logo">
							<a href="${HOMEPAGE_URL}"><img src="/avt-autolac/images/common/logo-top.png" title="Autolac Shop" alt="Autolac Store" class="img-responsive" /></a>
						</div>
					</div>

<div class="col-sm-5">
						<div style="padding-top: 17px;">

<table border="0" cellpadding="0" cellspacing="0" align="center">
							<tr>
							<td id="desktop-only"><div style=" padding-left: 50px;"></div></td>	
							<td><div style="padding-right: 7px;"><div id="header-icon"><a href="${HEADER_SOCIAL_LINK_FACEBOOK}" style="text-decoration:none; border: none;" target="_blank"><img src="/avt-autolac/images/common/header-icons-color-facebook.png" id="header-icon-bw" class="img-responsive-table" style="max-width: 40px; max-height: 40px;"><img src="/avt-autolac/images/common/header-icons-color-facebook.png" id="header-icon-color" class="img-responsive-table" style="max-width: 40px; max-height: 40px; display:none;"></a></div></div></td>
							<td><div style="padding-right: 7px;"><div id="header-icon"><a href="mailto:${HEADER_GLOBAL_EMAIL}" style="text-decoration:none; border: none;"><img src="/avt-autolac/images/common/header-icons-color-mails.png" id="header-icon-bw" class="img-responsive-table" style="max-width: 40px; max-height: 40px;"><img src="/avt-autolac/images/common/header-icons-color-mails.png" id="header-icon-color" class="img-responsive-table" style="max-width: 40px; max-height: 40px; display:none;"></a></div></div></td>
							<td><div style="padding-right: 0px;"><div id="header-icon"><a href="https://www.instagram.com/autolacindustries/" style="text-decoration:none; border: none;" target="_blank"><img src="/avt-autolac/images/common/header-icons-color-instagram.png" id="header-icon-bw" class="img-responsive-table" style="max-width: 40px; max-height: 40px;"><img src="/avt-autolac/images/common/header-icons-color-instagram.png" id="header-icon-color" class="img-responsive-table" style="max-width: 40px; max-height: 40px; display:none;"></a></div></div></td>
							
							<td>
								<div style="padding-left: 50px;">
									<div style="border: solid 1px #00b67a; padding-left: 14px; padding-right: 14px; padding-top: 12px; padding-bottom: 12px;">
										<div style="float: left;"><div style="padding-top: 5px; padding-right: 5px;"><a href="https://au.trustpilot.com/review/www.autolac.com.au" style="color: #000000; text-decoration: none;" target="_blank">Review us on </a></div></div>	
										<div style="float: left;"><a href="https://au.trustpilot.com/review/www.autolac.com.au" style="text-decoration: none;" target="_blank"><img src="/avt-autolac/images/common/trust-pilot-logo.png" class="img-responsive-table" style="max-height: 30px;"></a></div>	
										<div style="clear: both;"></div>	
									</div>	
									
								</div>
							</td>	
							
							
							</tr>
							</table>

</div>
					</div>

<div class="col-sm-2">
						<div id="cart" class="btn-group btn-block">
							<button id="butt-top-cart" type="button" data-toggle="dropdown" class="btn btn-block btn-lg dropdown-toggle" style="cursor: pointer !important; white-space: nowrap;" aria-expanded="false">
								<i id="fa-cart-top" class="fa fa-shopping-cart" style="color: #4a63a5;"></i>
								<span id="cart-total">${CART_ITEM_COUNT}</span>
							</button>
							<ul id="ul-top-cart" class="dropdown-menu pull-right">
								<li>

<table class="table table-bordered total" style="margin-top: 10px;">
										<tbody>
											<tr>
												<td class="text-right"><B>Total Items</B></td>
												<td class="text-left"><span id="span-total-items">${CART_ITEM_COUNT}</span></td>
											</tr>

<tr>
												<td class="text-right"><B>Sub-Total</B></td>
												<td class="text-left"><span id="span-subtotal">${CART_TOTAL}</span></td>
											</tr>
										</tbody>
									</table>
									<p class="text-right btn-block1" style="white-space:nowrap;">
										<a href="${CART_URL}">
											View Cart
										</a>
										<a href="${CHECKOUT_URL}">
											Checkout
										</a>
									</p>

</li>									
							</ul>
						</div>
					</div>
				
				
					<div class="col-sm-3">
						<form id="searchportlettag" name="searchportlettag" onsubmit="window.location.href='/s.nl?c=1048819&search='+escape(document.forms['searchportlettag'].elements['search'].value);return false;">
						<div id="search" style="margin-top: 12px;">
							<div class="input-group">
								<input type="text" id="search" name="search" class="form-control input-lg" value="Search">
								<span class="input-group-btn">
									<button id="butt-global-search" class="btn btn-lg" type="button">
										<i class="fa fa-search"></i>
									</button>
								</span>
							</div>
						</div>	
  						</form>

</div>
				
				</div>
			</div>
		</div>

<nav id="main-menu" class="navbar" role="navigation">
			<div class="container">
			
				<div class="navbar-header">
					<button type="button" id="butt-toggle-mobile" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle Navigation</span>
						<i class="fa fa-bars"></i>
					</button>
				</div>
			
			
				<div class="mainmenu">
							<ul class="nav navbar-nav collapse navbar-collapse">
								<li><a id="header-first-link" href="${HOMEPAGE_URL}" category-id="-121">HOME</a></li>
								<li class="dropdown"><a href="/new-products/" category-id="-132">New Products</i></a></li> 
                                                                <li class="dropdown"><a href="/specials/" category-id="-136">Specials</i></a></li> 
								<li class="dropdown"><a href="/clearance/" category-id="-146">Clearance</i></a></li>
                                                                <li class="dropdown"><a href="/paints/" category-id="-134">Paints</i></a>
								
                                                                
                                    <ul role="menu" class="sub-menu">
										<li><a href="/paints/bodyline/">Body Line</a></li>
										<li><a href="/paints/de-beer/">De Beer</a></li>
										<li><a href="/Paints/House-Of-Kolor/">House Of Kolor</a></li>
										<li><a href="/paints/PPC_Bill-Hursch_Leatherique/">PPC/Bill Hursch/Leatherique</a></li>
										<li><a href="/paints/spralac/">Spralac</a></li>
										<li><a href="/paints/valspar-refinish/">Valspar Refinish</a></li>
										<li><a href="/paints/other-paint-products/">Other Paint Products</a></li>

</ul>
                                </li> 
								<li class="dropdown"><a href="/consumable-products/" category-id="-134">Consumable Products</i></a>
                                    <ul role="menu" class="sub-menu">
										<li><a href="/consumable-products/abrasives/">Abrasives</a></li>
										<li><a href="/consumable-products/adhesives-sealants/">Adhesives & Sealants</a></li>
										<li><a href="/consumable-products/aerosols/">Aerosols</a></li>
										<li><a href="/consumable-products/Airlines-and-Fittings/">Airlines & Fittings</a></li>
										<li><a href="/consumable-products/body-fillers/">Body Fillers</a></li>
										<li><a href="/consumable-products/Clips-Buttons-Rivets-Screws-Nuts-and-Bulbs/">CLIPS, BUTTONS, RIVETS, SCREWS, NUTS & BULBS</a></li>
										<li><a href="/consumable-products/Drill-Bits/">Drill Bits</a></li>
										<li><a href="/consumable-products/health-safety/">Health & Safety</a></li>
										<li><a href="/consumable-products/masking-products/">Masking Products</a></li>
										<li><a href="/consumable-products/polish-compounds-detailing-products/">Polish, Compounds & Detailing Products</a></li>
										<li><a href="/consumable-products/paint-preparation-and-processing/">Paint Preparation & Processing</a></li>
										<li><a href="/consumable-products/Other-Consumables/">OTHER CONSUMABLES</a></li>

</ul>
                                </li>

<li class="dropdown"><a href="/equipment/" category-id="-135">Equipment</i></a>
                                    <ul role="menu" class="sub-menu">
										<li><a href="/equipment/air-tools-dust-extraction/">Air Tools & Dust Extraction</a></li>
										<li><a href="/equipment/hand-tools/">Hand Tools</a></li>
										<li><a href="/equipment/paint-curing-equipment/">Paint Curing Equipment</a></li>
										<li><a href="/equipment/power-tools/">Power Tools</a></li>
										<li><a href="/equipment/pulling-equipment/">Pulling Equipment</a></li>
										<li><a href="/equipment/spray-guns-accessories/">Spray Guns & Accessories</a></li>
										<li><a href="/equipment/thinner-recyclers-spray-guns-cleaners/">Thinner Recyclers & Spray Guns Cleaners</a></li>
										<li><a href="/equipment/welding-consumables/">Welding Consumables</a></li>
										<li><a href="/equipment/panel-stands/">Panel Stands</a></li>
										<li><a href="/equipment/other-rupes/">Other Rupes</a></li>
										<li><a href="/equipment/wall-boards/">Wall Boards</a></li>
										<li><a href="/equipment/other-equipment/">Other Equipment</a></li>
                                    </ul>
                                </li>

<li class="dropdown"><a href="/information/about-us/" category-id="111759">About Us</i></a></li>

</ul>
				</div>
			
			</div>
		</nav>
	
	</header>

<div id="slider" class="slider" style="display: none;"></div>

<div id="main-container" class="container">
</div>

<!--NLHIDE:script>
	$(function()
	{
		var currentCategoryId = '${CURRENT_CATEGORYID}';
		$("a[category-id='" + currentCategoryId + "']").addClass("active");
		
		/** start global search event script **/

$("input[id='search']").keypress(function(event)
		{
		
			var searchValue = $(this).val();
			var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;
		
			if (event.keyCode == 13 && !hasSearchValue)
			{
				event.preventDefault();
			}
		
			if (event.keyCode == 13 && hasSearchValue)
			{
				return true;
			}
		});

/**  end global search event script  **/

$("div[id='header-icon']").hover
		(
			function()
			{
		
				 $(this).find("img[id='header-icon-bw']").hide();
				 $(this).find("img[id='header-icon-color']").show();
		
		
			}
		
			, function()
			{
		
				 $(this).find("img[id='header-icon-color']").hide();
				 $(this).find("img[id='header-icon-bw']").show();
		
			}
		);

});

</script:NLHIDE-->

{if HAS_MAIN_SLIDES_LOOP == 'T'}
	<div id="main-carousel" class="carousel slide" data-ride="carousel">
	<ol class="main-indicators" style="display: none;">
		{var INDICATOR}
		{for INDICATOR in MAIN_SLIDES_LOOP}
			{if INDICATOR.INDICATOR_CTR == 0}
				<li data-target="#main-carousel" data-slide-to="${INDICATOR.INDICATOR_CTR}" class="active"></li>
			{else}
				<li data-target="#main-carousel" data-slide-to="${INDICATOR.INDICATOR_CTR}"></li>
			{/if}
		{/for}
	</ol>
	
	
		<div class="carousel-inner">
			{var SLIDES}
			{for SLIDES in MAIN_SLIDES_LOOP}
				{if SLIDES.CTR == 1}
					<div class="item active">
				{else}
					<div class="item">
				{/if}
						{if SLIDES.HAS_LINK == 'T'}
							{if SLIDES.IS_LINK_OPEN_IN_NEW_WINDOW == 'T'}
								<a href="${SLIDES.LINK}" style="text-decoration: none; border: none;" target="_blank"><img src="${SLIDES.IMAGE}" alt="Slider" class="img-responsive" style="width: 100%"></a>
							{else}
								<a href="${SLIDES.LINK}" style="text-decoration: none; border: none;"><img src="${SLIDES.IMAGE}" alt="Slider" class="img-responsive" style="width: 100%"></a>
							{/if}
						{else}
							<img src="${SLIDES.IMAGE}" alt="Slider" class="img-responsive"  style="width: 100%">
						{/if}
					</div>
			{/for}
		</div>
	
	
		
		{if IS_SINGLE_SLIDES == 'T'}
			<a class="left carousel-control" href="#main-carousel" role="button" data-slide="prev" style="display: none;">
				<span class="glyphicon glyphicon-chevron-left" style="display: none;"></span>
			</a>
			<a class="right carousel-control" href="#main-carousel" role="button" data-slide="next" style="display: none;">
				<span class="glyphicon glyphicon-chevron-right" style="display: none;"></span>
			</a>
		{else}
			<a class="left carousel-control" href="#main-carousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a class="right carousel-control" href="#main-carousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</a>
		{/if}
		
	
	</div>	
	<script>
	$(function()
	{
	
	
		$("div[id='slider']").show();

$("#main-carousel").hover(function () { 
		  $(this).carousel('pause') 
		}, function () { 
			$(this).carousel('cycle') 
		});
	
	});
	</script>
{/if}

<div class="row">
		
			<div class="col-md-12">
			
			{if HAS_BREADCRUMBS_LOOP == 'T'}
				<ol class="breadcrumb">
					<li><a href="${HOMEPAGE_URL}">Home</a></li>
					{var BREADCRUMBS}
					{for BREADCRUMBS in BREADCRUMBS_LOOP}
						{if BREADCRUMBS.HAS_LINK == 'T'}
							<li><a href="${BREADCRUMBS.LINK}">${BREADCRUMBS.LABEL}</a></li>
						{else}
							<li class="active">${BREADCRUMBS.LABEL}</li>
						{/if}
					{/for}
				</ol>
			{else}
				<ol class="breadcrumb">
					<li><a href="${HOMEPAGE_URL}">Home</a></li>
					<li class="active">${ITEMID}</li>
				</ol>
			{/if}
			
			
			{if HAS_ITEMID == 'T'}
				<h2 class="main-heading2" style="padding-bottom: 10px; border-bottom: solid 1px #e8e8e8;">
					${ITEMID}
				</h2>
			{/if}
			
			
				<div class="row cat-intro" style="margin-bottom: 15px;">
					
					<div class="col-sm-12 cat-body" style="padding: auto;">
						<div class="row">
							<div class="col-sm-12">
								{if HAS_STOREDETAILEDDESCRIPTION == 'T'}
									${STOREDETAILEDDESCRIPTION}
								{/if}
							</div>
						</div>
					</div>
				</div>

<div class="row">
					<div class="col-sm-12" style="margin-top: 15px;"></div>
					<div class="col-sm-12">
						<div style="border-top: solid 1px #e8e8e8; margin-bottom: 6px;"></div>
						<div id="mobile-only" style="height: 10px;"></div>
					</div>
				</div>
				
				<div class="row">
				
					<div class="col-sm-6 pagination-block">
						{if HAS_ITEMLIST_LOOP == 'T'}
							
							{if HAS_PAGINATION_LOOP == 'T'}
								
								<ul class="pagination">
								{var PAGINATION}
								{for PAGINATION in PAGINATION_LOOP}
								
									{if PAGINATION.IS_PAGINATION_PREVIOUS == 'T'}
										
										{if PAGINATION.PAGINATION_LINK != ''}
											<li><a href="${PAGINATION.PAGINATION_LINK}">«</a></li>
										{else}
											<li><a href="javascript: void(0);">«</a></li>
										{/if}
									{/if}

{if PAGINATION.IS_PAGINATION_NUMBER == 'T'}
										
										{if PAGINATION.PAGINATION_TEXT != ''}
											{if PAGINATION.PAGINATION_LINK != ''}
												<li><a href="${PAGINATION.PAGINATION_LINK}">${PAGINATION.PAGINATION_TEXT}</a></li>
											{else}
												<li class="active"><a href="javascript: void(0);">${PAGINATION.PAGINATION_TEXT}</a></li>
											{/if}
										{/if}
										
									{/if}
									
									{if PAGINATION.IS_PAGINATION_NEXT == 'T'}
										
										{if PAGINATION.PAGINATION_LINK != ''}
											<li><a href="${PAGINATION.PAGINATION_LINK}">»</a></li>
										{else}
											<li><a href="javascript: void(0);">»</a></li>
										{/if}
										
									{/if}
								{/for}
								</ul>
							
							{else}
							
							{/if}
							
						{else}
							 
						{/if}
					</div>
				
				
					<div class="col-sm-6 results">
						{if HAS_ITEMLIST_LOOP == 'T'}
						
							{if HAS_PAGINATION_LOOP == 'T'}
								{var PAGINATIONRESULTS}
								{for PAGINATIONRESULTS in PAGINATION_LOOP}
									{if PAGINATIONRESULTS.IS_PAGINATION_RESULT_TEXT == 'T'}
										Showing ${PAGINATIONRESULTS.PAGINATION_TEXT}
									{/if}
								{/for}
							{else}
								<div style="padding-bottom: 10px;">Showing 1 to ${ITEMLIST_LOOP_TOTAL} of ${ITEMLIST_LOOP_TOTAL} Items</div>
							{/if}

{else}
							<div style="padding-bottom: 10px;">Showing 0 Items</div>
						{/if}

</div>
				
				</div>

{if HAS_ITEMLIST_LOOP == 'T'}
					<div class="row" id="container-item-list">
						
						{var ITEMLIST}
						{for ITEMLIST in ITEMLIST_LOOP}
							
							
							<div id="container-item-list-col" class="col-md-3 col-sm-6">
								<div class="product-col">
									<div class="image" style="background-color: #ffffff;">

<table border="0" cellpadding="0" cellspacing="0" align="center">
										<tr>
										<td valign="middle" id="td-list-image">
											<center><a href="${ITEMLIST.STOREURL}" style="text-decoration: none; border: none;"><img src="${ITEMLIST.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive" style="max-height: 280px; width: 100%;"></a></center>	
										</td>
										</tr>
										</table>
									</div>
									<div class="caption">
										<div>
											<table border="0" cellpadding="0" cellspacing="0" align="center">
											<tr>
											<td id="td-item-list-storedisplayname">
												<center><a href="${ITEMLIST.STOREURL}">${ITEMLIST.ITEMID}</a></center>
												<h4 style="font-size: 15px;"><center><a href="${ITEMLIST.STOREURL}">${ITEMLIST.STOREDISPLAYNAME2}</a></center></h4>
											</td>
											</tr>
											</table>
										
										</div>
										<div class="description">
											<table border="0" cellpadding="0" cellspacing="0" align="center">
											<tr>
											<td id="td-item-list-description">
												{if ITEMLIST.HAS_FEATUREDDESCRIPTION == 'T'}
													<div style="font-size: 11px;">${ITEMLIST.FEATUREDDESCRIPTION}</div>
												{else}
													{if ITEMLIST.STOREDESCRIPTION != ''}
														<div style="font-size: 11px;">${ITEMLIST.STOREDESCRIPTION}</div>
													{/if}
												{/if}
											</td>
											</tr>
											</table>
										</div>
										<div class="price">
											<table border="0" cellpadding="0" cellspacing="0" align="center">
											<tr>
											<td id="td-item-list-price">
												{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
													<div style="text-align: center;">
														For Pricing, Contact Our Sales Team.
													</div>
												{else}
													
													{if ITEMLIST.HAS_QUANTITY_PRICING == 'T'}
														<div style="text-align: center;">
															<span class="price-new" style="font-size: 20px;">${ITEMLIST.QUANTITY_BASEPRICE}</span> 
														</div>
														<div style="text-align: center;"><span id="span-item-qty-pricing-table-modal" storedisplayname-ref="item-qty-pricing-table-modal-displayname-${ITEMLIST.INTERNALID}" qty-pricing-table-json-ref="item-qty-pricing-table-modal-json-${ITEMLIST.INTERNALID}" style="font-size: 11px; cursor: pointer;">View Volume Pricing</span></div>
														<div style="display: none;">
															<div id="item-qty-pricing-table-modal-displayname-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYNAME2}</div>
															<div id="item-qty-pricing-table-modal-json-${ITEMLIST.INTERNALID}">${ITEMLIST.QUANTITY_PRICING_JSON}</div>
														</div>
													{else}
														<div style="text-align: center;">
															{if ITEMLIST.HAS_EXCLUSIVE_GST == 'T'}
																<span class="price-new" style="font-size: 20px;">${ITEMLIST.SALESPRICETEXT}</span><br><span class="price-new" style="font-size: 12px;">${ITEMLIST.EXCLUSIVE_GST}</span>
															{else}
																<span class="price-new" style="font-size: 20px;">${ITEMLIST.SALESPRICETEXT}</span>
															{/if}
														</div>
													{/if}

{/if}
											</td>
											</tr>
											</table>
										</div>
										
										{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
											<div id="div-item-list-addtocart" class="row cart-button" style="margin: 0px;">

<div class="col-sm-3" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;">
													<div class="input-group btn-block" style="width: 100%; margin-left:auto; margin-right:auto;"><div style="height: 10px;"></div></div>
													<div id="mobile-only" style="height: 10px; display: none;"></div>
												</div>    
												<div class="col-sm-9" style="padding-left: 2px; padding-right: 0px;  margin: 0px;"></div>    
											</div>
										{else}
											<div id="div-item-list-addtocart" class="row cart-button" style="margin: 0px;">
												<div class="col-sm-3" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;">
													<div class="input-group btn-block" style="width: 100%; margin-left:auto; margin-right:auto;"><input type="text" name="addtocart-qty-${ITEMLIST.INTERNALID}" id="addtocart-qty-${ITEMLIST.INTERNALID}" min-qty-ref="${ITEMLIST.MINQTY}" value="${ITEMLIST.MINQTY}" size="1" class="form-control" style="text-align: center; font-size: 12px; height: auto;"></div>
													<div id="mobile-only" style="height: 10px; display: none;"></div>
												</div>    
												<div class="col-sm-9" style="padding-left: 2px; padding-right: 0px;  margin: 0px;"><button class="btn btn-cart" type="button" id="addtocart-butt-standard" addtocart-qty-item-ref="addtocart-qty-${ITEMLIST.INTERNALID}" item-ref-internalid="${ITEMLIST.INTERNALID}" style="width:100%; padding-left: 5px; padding-right: 5px; margin-top:0px; font-size: 12px;"><i style="font-size: 14px;" class="fa fa-shopping-cart"></i> Add to cart</button></div>    
											</div>
										{/if}
										
										<div style="display: none;">
											<div id="modal-addtocart-displayname-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYNAME2}</div>
											<div id="modal-addtocart-displayimage-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYTHUMBNAIL}</div>
										</div>
									</div>
								</div>
							</div>
							
						{/for}
	
					</div>
				
				{else}
					<div class="row">
						<div class="col-sm-12" style="text-align:center;"><span style="text-align: center; font-weight: bold;">NO ITEMS FOUND.</span></div>
					</div>
				{/if}

{if PAGINATION.IS_PAGINATION_NUMBER == 'T'}
										
										{if PAGINATION.PAGINATION_LINK != ''}
											<li><a href="${PAGINATION.PAGINATION_LINK}">${PAGINATION.PAGINATION_TEXT}</a></li>
										{else}
											<li class="active"><a href="javascript: void(0);">${PAGINATION.PAGINATION_TEXT}</a></li>
										{/if}
										
									{/if}
									
									{if PAGINATION.IS_PAGINATION_NEXT == 'T'}
										
										{if PAGINATION.PAGINATION_LINK != ''}
											<li><a href="${PAGINATION.PAGINATION_LINK}">»</a></li>
										{else}
											<li><a href="javascript: void(0);">»</a></li>
										{/if}
										
									{/if}
								{/for}
								</ul>
							
							{else}
							
							{/if}
							
						{else}
							 
						{/if}
					</div>
				
				
					<div class="col-sm-6 results">
						{if HAS_ITEMLIST_LOOP == 'T'}
						
							{if HAS_PAGINATION_LOOP == 'T'}
								{var PAGINATIONRESULTS}
								{for PAGINATIONRESULTS in PAGINATION_LOOP}
									{if PAGINATIONRESULTS.IS_PAGINATION_RESULT_TEXT == 'T'}
										Showing ${PAGINATIONRESULTS.PAGINATION_TEXT}
									{/if}
								{/for}
							{else}
								<div style="padding-bottom: 10px;">Showing 1 to ${ITEMLIST_LOOP_TOTAL} of ${ITEMLIST_LOOP_TOTAL} Items</div>
							{/if}

{else}
							<div style="padding-bottom: 10px;">Showing 0 Items</div>
						{/if}

</div>
				
				</div>

<button id="butt-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-xyla" style="display: none;">Modal Butt</button>
			<div class="modal fade" id="modal-xyla" 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">×</button>
						<h3 id="h3-modal-title" class="modal-title"></h3>
					 </div>
					 <div id="div-modal-body" class="modal-body"></div>
					 <div class="modal-footer">
						<button id="butt-modal-close" type="button" class="btn da-modal-butt" data-dismiss="modal">Close</button>
						<button id="butt-modal-view-cart" type="button" class="btn da-modal-butt" style="display: none;"><i class="fa fa-shopping-cart" style="font-size: 14px; padding-right: 5px;"></i> View Cart</button>
						<button id="butt-modal-continue-shopping" type="button" class="btn da-modal-butt" data-dismiss="modal" style="display: none;">Continue Shopping</button>
					 </div>
				  </div>
			</div>

</div>

});

$("button[id='butt-modal-view-cart']").click(function(){
				window.location = CART_URL;
			});
			
			setTimeout(function(){ adjustHeightItemListBox() }, 5000)

}
		  catch(ex)
		{
		  console.log(ex.toString());
		}

}
);
</script>

Spralac

Spralac automotive refinish products offer good quality primers and clear coats to support your cost-effective needs. The Spralac range consists of two Clear Coats, a Surfacer, Plastic Primer, Thinner and a variety of Hardeners to suit. These outstanding products give your work a professional finish, ensuring a quality paint result.

<div class="container" style="padding-bottom: 40px;">
	
		
		<div class="col-md-12">
			
			<ol class="breadcrumb">
				<li><a href="${HOMEPAGE_URL}">Home</a></li>
				<li class="active">Search Results</li>
			</ol>
			
		</div>

{if HAS_SEARCH_KEYWORDS == 'T'}
		<div class="col-md-12">
			<div style="text-align: center;"><span style="font-weight: bold;">Search Keyword(s): ${SEARCH_KEYWORDS}</span></div>
		</div>
		{/if}
		
		
		
		<div class="col-md-12">
			
				<div class="row">
					<div class="col-sm-12" style="margin-top: 15px;"></div>
					<div class="col-sm-12">
						<div style="border-top: solid 1px #e8e8e8; margin-bottom: 6px;"></div>
						<div id="mobile-only" style="height: 10px;"></div>
					</div>
				</div>
				
				<div class="row">
				
					<div class="col-sm-6 pagination-block">
						{if HAS_ITEMLIST_LOOP == 'T'}
							
							{if HAS_PAGINATION_LOOP == 'T'}
								
								<ul class="pagination">
								{var PAGINATION}
								{for PAGINATION in PAGINATION_LOOP}
								
									{if PAGINATION.IS_PAGINATION_PREVIOUS == 'T'}
										
										{if PAGINATION.PAGINATION_LINK != ''}
											<li><a href="${PAGINATION.PAGINATION_LINK}">«</a></li>
										{else}
											<li><a href="javascript: void(0);">«</a></li>
										{/if}
									{/if}

{else}
							<div style="padding-bottom: 10px;">Showing 0 Items</div>
						{/if}

</div>
				
				</div>

<div class="col-md-12">
			{if HAS_ITEMLIST_LOOP == 'T'}
				<div class="row" id="container-item-list">
					
					{var ITEMLIST}
					{for ITEMLIST in ITEMLIST_LOOP}
					
						
							{if ITEMLIST.SEARCH_TYPE == 'PRODUCT_ITEM'}
								
								<div class="col-md-3 col-sm-6">
									<div class="product-col">
										<div class="image" style="background-color: #ffffff;">

</div>
										<div class="caption">
											<div>
												<table border="0" cellpadding="0" cellspacing="0" align="center">
												<tr>
												<td id="td-item-list-storedisplayname">
													<center><a href="${ITEMLIST.STOREURL}">${ITEMLIST.ITEMID}</a></center>
													<h4 style="font-size: 15px;"><center><a href="${ITEMLIST.STOREURL}">${ITEMLIST.STOREDISPLAYNAME2}</a></center></h4>
												</td>
												</tr>
												</table>
											
											</div>
											<div class="description">
												<table border="0" cellpadding="0" cellspacing="0" align="center">
												<tr>
												<td id="td-item-list-description">
													{if ITEMLIST.HAS_FEATUREDDESCRIPTION == 'T'}
														<div style="font-size: 11px;">${ITEMLIST.FEATUREDDESCRIPTION}</div>
													{/if}
												</td>
												</tr>
												</table>
											</div>
											<div class="price">
												<table border="0" cellpadding="0" cellspacing="0" align="center">
												<tr>
												<td id="td-item-list-price">
													{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
														<div style="text-align: center;">
															For Pricing, Contact Our Sales Team.
														</div>
													{else}
														
														{if ITEMLIST.HAS_QUANTITY_PRICING == 'T'}
															<div style="text-align: center;">
																<span class="price-new" style="font-size: 20px;">${ITEMLIST.QUANTITY_BASEPRICE}</span> 
															</div>
															<div style="text-align: center;"><span id="span-item-qty-pricing-table-modal" storedisplayname-ref="item-qty-pricing-table-modal-displayname-${ITEMLIST.INTERNALID}" qty-pricing-table-json-ref="item-qty-pricing-table-modal-json-${ITEMLIST.INTERNALID}" style="font-size: 11px; cursor: pointer;">View Volume Pricing</span></div>
															<div style="display: none;">
																<div id="item-qty-pricing-table-modal-displayname-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYNAME2}</div>
																<div id="item-qty-pricing-table-modal-json-${ITEMLIST.INTERNALID}">${ITEMLIST.QUANTITY_PRICING_JSON}</div>
															</div>
														{else}
															<div style="text-align: center;">
																{if ITEMLIST.HAS_EXCLUSIVE_GST == 'T'}
																	<span class="price-new" style="font-size: 20px;">${ITEMLIST.SALESPRICETEXT}</span><br><span class="price-new" style="font-size: 12px;">${ITEMLIST.EXCLUSIVE_GST}</span>
																{else}
																	<span class="price-new" style="font-size: 20px;">${ITEMLIST.SALESPRICETEXT}</span>
																{/if}
															</div>
														{/if}
														
														
	
													{/if}
												</td>
												</tr>
												</table>
											</div>
											
											{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
												<div id="div-item-list-addtocart" class="row cart-button" style="margin: 0px;">
	
													<div class="col-sm-3" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;">
														<div class="input-group btn-block" style="width: 100%; margin-left:auto; margin-right:auto;"><div style="height: 10px;"></div></div>
														<div id="mobile-only" style="height: 10px; display: none;"></div>
													</div>    
													<div class="col-sm-9" style="padding-left: 2px; padding-right: 0px;  margin: 0px;"></div>    
												</div>
											{else}
												<div id="div-item-list-addtocart" class="row cart-button" style="margin: 0px;">
													<div class="col-sm-3" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;">
														<div class="input-group btn-block" style="width: 100%; margin-left:auto; margin-right:auto;"><input type="text" name="addtocart-qty-${ITEMLIST.INTERNALID}" id="addtocart-qty-${ITEMLIST.INTERNALID}" min-qty-ref="${ITEMLIST.MINQTY}" value="${ITEMLIST.MINQTY}" size="1" class="form-control" style="text-align: center; font-size: 12px; height: auto;"></div>
														<div id="mobile-only" style="height: 10px; display: none;"></div>
													</div>    
													<div class="col-sm-9" style="padding-left: 2px; padding-right: 0px;  margin: 0px;"><button class="btn btn-cart" type="button" id="addtocart-butt-standard" addtocart-qty-item-ref="addtocart-qty-${ITEMLIST.INTERNALID}" item-ref-internalid="${ITEMLIST.INTERNALID}" style="width:100%; padding-left: 5px; padding-right: 5px; margin-top:0px; font-size: 12px;"><i style="font-size: 14px;" class="fa fa-shopping-cart"></i> Add to cart</button></div>    
												</div>
											{/if}
											
											<div style="display: none;">
												<div id="modal-addtocart-displayname-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYNAME2}</div>
												<div id="modal-addtocart-displayimage-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYTHUMBNAIL}</div>
											</div>
										</div>
									</div>
								</div>
								
							{/if}

{if ITEMLIST.SEARCH_TYPE == 'INFORMATION_ITEM'}

<div class="col-md-3 col-sm-6">
									<div class="product-col">
										<div class="image" style="background-color: #ffffff;">

</div>
										<div class="caption">
											<div>
												<table border="0" cellpadding="0" cellspacing="0" align="center">
												<tr>
												<td id="td-item-list-storedisplayname"><h4 style="font-size: 15px;"><center><a href="${ITEMLIST.STOREURL}">${ITEMLIST.ITEMID}</a></center></h4></td>
												</tr>
												</table>
											
											</div>
											<div class="description">
												<table border="0" cellpadding="0" cellspacing="0" align="center">
												<tr>
												<td id="td-item-list-description">
													{if ITEMLIST.HAS_STOREDESCRIPTION == 'T'}
														<div style="font-size: 11px;">${ITEMLIST.STOREDESCRIPTION}</div>
													{/if}
												</td>
												</tr>
												</table>
											</div>
											<div class="price">
												<table border="0" cellpadding="0" cellspacing="0" align="center">
												<tr>
												<td id="td-item-list-price">
													{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
														<div style="text-align: center;"> </div>
													{else}
	
													{/if}
												</td>
												</tr>
												</table>
											</div>
											
											{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
												<div id="div-item-list-addtocart" class="row cart-button" style="margin: 0px;">
	
													<div class="col-sm-3" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;">
														<div class="input-group btn-block" style="width: 100%; margin-left:auto; margin-right:auto;"><div style="height: 10px;"></div></div>
														<div id="mobile-only" style="height: 10px; display: none;"></div>
													</div>    
													<div class="col-sm-9" style="padding-left: 2px; padding-right: 0px;  margin: 0px;"></div>    
												</div>
											{else}

{/if}
											
										</div>
									</div>
								</div>
								
							
							{/if}

{if ITEMLIST.SEARCH_TYPE == 'CATEGORY_ITEM'}
								
								<div id="container-item-list-col" class="col-md-3 col-sm-6">
									<div class="product-col">
										<div class="image" style="background-color: #ffffff;">

{/if}
											
										</div>
									</div>
								</div>
								
							{/if}

{/for}
					
				</div>
			{else}

<div class="row">
					<div class="col-sm-12" style="text-align:center;"><span style="text-align: center; font-weight: bold;">NO ITEMS FOUND.</span></div>
				</div>
			
			{/if}
		</div>

<div class="col-md-12">
			
				<div class="row">
					<div class="col-sm-12" style="margin-top: 15px;"></div>
					<div class="col-sm-12">
						<div style="border-top: solid 1px #e8e8e8; margin-bottom: 6px;"></div>
						<div id="mobile-only" style="height: 10px;"></div>
					</div>
				</div>
				
				<div class="row">
				
					<div class="col-sm-6 pagination-block">
						{if HAS_ITEMLIST_LOOP == 'T'}
							
							{if HAS_PAGINATION_LOOP == 'T'}
								
								<ul class="pagination">
								{var PAGINATION}
								{for PAGINATION in PAGINATION_LOOP}
								
									{if PAGINATION.IS_PAGINATION_PREVIOUS == 'T'}
										
										{if PAGINATION.PAGINATION_LINK != ''}
											<li><a href="${PAGINATION.PAGINATION_LINK}">«</a></li>
										{else}
											<li><a href="javascript: void(0);">«</a></li>
										{/if}
									{/if}

{else}
							<div style="padding-bottom: 10px;">Showing 0 Items</div>
						{/if}

</div>
				
				</div>

</div>

<button id="butt-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-xyla" style="display: none;">Modal Butt</button>
	<div class="modal fade" id="modal-xyla" 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">×</button>
				<h3 id="h3-modal-title" class="modal-title"></h3>
			 </div>
			 <div id="div-modal-body" class="modal-body"></div>
			 <div class="modal-footer">
				<button id="butt-modal-close" type="button" class="btn btn-fefault" data-dismiss="modal">Close</button>
				<button id="butt-modal-view-cart" type="button" class="btn btn-fefault butt-addtocart-main-item-enabled" style="display: none;"><i class="fa fa-shopping-cart" style="font-size: 14px; padding-right: 5px;"></i> View Cart</button>
				<button id="butt-modal-continue-shopping" type="button" class="btn btn-fefault butt-addtocart-main-item-enabled" data-dismiss="modal" style="display: none;">Continue Shopping <i class="fa fa-play" style="font-size: 14px; padding-right: 5px;"></i></button>
			 </div>
		  </div>
	</div>

$("button[id='butt-modal-view-cart']").click(function(){
				window.location = CART_URL;
			});

// On Load
			if (isDisplayInMobileOnly)
			{
				$("div[id='container-item-list-col']").css({"margin-bottom" : "20px"})
			}
	
			if (!isDisplayInMobileOnly)
			{
				$("div[id='container-item-list-col']").css({"margin-bottom" : "0px"})
			}
	
			// On Window Resize
	
			$(window).resize(function()
			{
				var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible");
				var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false;
				adjustHeightItemListBox();

if (isDisplayInMobileOnly)
				{
					$("div[id='container-item-list-col']").css({"margin-bottom" : "20px"})
				}
		
				if (!isDisplayInMobileOnly)
				{
					$("div[id='container-item-list-col']").css({"margin-bottom" : "0px"})
				}

});
			
			setTimeout(function(){ adjustHeightItemListBox() }, 5000)

}
		  catch(ex)
		{
		  console.log(ex.toString());
		}

}
);
</script>