Industry leading automotive and industrial paint brands.

<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 class="login-url" 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 class="login-url" href="${LOGOUT_URL}">
											<i class="fa fa-lock hidden-lg hidden-md" title="Logout"></i>
											<span class="login-url 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;">

<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${APPEND_URL}&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" placeholder="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/${APPEND_URL}" category-id="-132">New Products</i></a></li>
								<li class="dropdown"><a href="/Paints/${APPEND_URL}" category-id="-133">Paints</i></a>
                                    <ul role="menu" class="sub-menu">
										<li><a href="/Paints/Raptor/${APPEND_URL}">Raptor Coatings</a></li>
										<li><a href="/Paints/de-beer/${APPEND_URL}">De Beer</a></li>
                                                                                <li><a href="/Paints/valspar-refinish/${APPEND_URL}">Valspar Refinish</a></li>
										<li><a href="/Paints/House-Of-Kolor/${APPEND_URL}">House Of Kolor</a></li-->
										<li><a href="/Paints/PPC_Bill-Hursch_Leatherique/${APPEND_URL}">PPC/Bill Hirsch/Leathurique</a></li>
										<li><a href="/Paints/spralac/${APPEND_URL}">Spralac</a></li>
                                                                                <li><a href="/Paints/bodyline/${APPEND_URL}">Bodyline</a></li>
                                                                                <li><a href="/Paints/other-paint-products/${APPEND_URL}">Other Paint Products</a></li>

</ul>
                                </li>
								<li class="dropdown"><a href="/consumable-products/${APPEND_URL}" category-id="-134">Consumable Products</i></a>
                                    <ul role="menu" class="sub-menu">
										<li><a href="/consumable-products/abrasives/${APPEND_URL}">Abrasives</a></li>
										<li><a href="/consumable-products/adhesives-sealants/${APPEND_URL}">Adhesives & Sealants</a></li>
										<li><a href="/consumable-products/aerosols/${APPEND_URL}">Aerosols</a></li>
										<li><a href="/consumable-products/Airlines-and-Fittings/${APPEND_URL}">Airlines and Fittings</a></li>
										<li><a href="/consumable-products/body-fillers/${APPEND_URL}">Body Fillers</a></li>
										<li><a href="/consumable-products/health-safety/${APPEND_URL}">Health & Safety</a></li>
										<li><a href="/consumable-products/masking-products/${APPEND_URL}">Masking Products</a></li>
										<li><a href="/consumable-products/polish-compounds-detailing-products/${APPEND_URL}">Polish, Compounds & Detailing Products</a></li>
										<li><a href="/consumable-products/paint-preparation-and-processing/${APPEND_URL}">Paint Preparation and Processing</a></li>
										<li><a href="/consumable-products/Other-Consumables/${APPEND_URL}">OTHER CONSUMABLES</a></li>

</ul>
                                </li>

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

<li class="dropdown"><a href="/specials/${APPEND_URL}" category-id="-136">Specials</i></a></li>
								
								<li class="dropdown"><a href="/clearance/${APPEND_URL}" category-id="-146">Clearance</i></a></li>
								<li class="dropdown"><a href="/information/about-us/${APPEND_URL}" category-id="111759">About Us</i></a></li>
                                                                
<li class="dropdown"><a href="/information/${APPEND_URL}" category-id="-138">Legal</i></a>
                                    <ul role="menu" class="sub-menu">
							<li><a href="/information/privacy-statement/${APPEND_URL}">Privacy Statement</a></li>
							<li><a href="/information/terms-of-use/${APPEND_URL}">Terms of Use</a></li>
							<li><a href="/information/online-trading-terms/${APPEND_URL}">Online Trading Terms</a></li>
                                                        <li><a href="/information/terms-of-trade/${APPEND_URL}">Terms Of Trade</a></li>

</ul>
                                </li>

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

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

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

/** 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;
            }
        });

var searchDefaultInputText = 'Search';
        $("input[id='search']").focusin(function()
        {
            var searchValue = $(this).val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (hasSearchValue)
            {
                if (searchValue == searchDefaultInputText)
                {
                    $(this).val("");
                }
            }

});

$("input[id='search']").focusout(function()
        {
            var searchValue = $(this).val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (!hasSearchValue)
            {
                $(this).val(searchDefaultInputText);
            }

});

$("button[id='butt-global-search']").click(function(){

debugger;
            var searchDefaultInputText = 'Search';
            var searchValue = $("input[id='search']").val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (hasSearchValue && searchValue != searchDefaultInputText)
            {
                //console.log("Trigger Search");
                $("#searchportlettag").submit();
            }
        });

/**  end global search event script  **/

/*$("div[id='header-icon']").hover
        (
            function()
            {
                debugger;
                $(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:>

/** 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;
			}
		});

var searchDefaultInputText = 'Search';
		$("input[id='search']").focusin(function()
		{
		   var searchValue = $(this).val();
		   var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (hasSearchValue)
		   {
			  if (searchValue == searchDefaultInputText)
			  {
				 $(this).val("");
			  }
		   }

});

$("input[id='search']").focusout(function()
		{
		   var searchValue = $(this).val();
		   var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (!hasSearchValue)
		   {
			  $(this).val(searchDefaultInputText);
		   }

});

$("button[id='butt-global-search']").click(function(){

var searchDefaultInputText = 'Search';
			var searchValue = $("input[id='search']").val();
			var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (hasSearchValue && searchValue != searchDefaultInputText)
			{
				//console.log("Trigger Search");
				$("#searchportlettag").submit();
			}
		});

/**  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();

}
		);*/

});
//console.log("APPEND_URL",APPEND_URL);
</script>

<footer id="footer-area">
    
<div class="footer-links">
    
<div class="container">
    
<div class="col-md-2 col-sm-6">
    <h5>Information</h5>
    <ul>
    <li><a href="/information/about-us/">About Us</a></li>
<li><a href="/information/privacy-statement/">Privacy Statement</a></li>
<li><a href="/information/terms-of-use/">Terms of Use</a></li>
<li><a href="/information/online-trading-terms/">Online Trading Terms</a></li>
<li><a href="/information/terms-of-trade/">Terms Of Trade</a></li>
</ul>
</div>

<div class="col-md-2 col-sm-6">
    <h5>Service</h5>
    <ul>
    <li><a href="/online-forms/online-enquiries.html">Online Enquiries</a></li>

    
<li><a href="/specials/">Specials</a></li>
    </ul>
    </div>
    

<div class="col-md-2 col-sm-6">
    <h5>Follow Us</h5>
<ul>
<li><a href="${FOOTER_SOCIAL_LINK_FACEBOOK}" target="_blank">Facebook</a></li>
    <li><a href="https://www.instagram.com/autolacindustries/" target="_blank">Instagram</a></li>
    <li><a href="${FOOTER_SOCIAL_LINK_YOUTUBE}" target="_blank">YouTube</a></li>
    </ul>
    </div>
    

<div class="col-md-6 col-sm-12 last">
    <h5>Contact Us</h5>

<div class="row">
    <div class="col-md-12">
    <ul><li style="border-bottom: solid 1px #bdbdbd;">General Enquiries</li></ul>
</div>
</div>
<div class="row">
    <div class="col-md-4">
    <ul>
    <li style="font-size: 12px;">
    Sales Enquires:<br>
Tel: (02) 8036 8206<br>

E: <a href="mailto:sales@autolac.com.au" style="text-decoration: none;">sales@autolac.com.au</a>
</li>
</ul>
</div>

<div class="col-md-4">
    <ul>
    <li style="font-size: 12px;">
    Accounts Receivable:<br>
Tel: (02) 8036 8218<br>

E: <a href="mailto:ar@autolac.com.au" style="text-decoration: none;">ar@autolac.com.au</a>
</li>
</ul>
</div>

<div class="col-md-4">
    <ul>
    <li style="font-size: 12px;">
    Accounts Payable:<br>
Tel: (02) 8036 8230<br>

E: <a href="mailto:ap@autolac.com.au" style="text-decoration: none;">ap@autolac.com.au</a>
</li>
</ul>
</div>

</div>

</div>

</div>

<div id="footer-locations" class="container">
    <div class="col-md-12 col-sm-6" style="margin-top: 30px;">
    <h5>Locations</h5>

<div class="row">
    <div class="col-md-12">
    <ul><li style="border-bottom: solid 1px #bdbdbd;">Branch Locations</li></ul>
</div>
</div>

<div class="row">
    <div class="col-md-4">
    <ul>
    <li style="font-size: 12px;">
    Wetherill Park:<br>
Unit 2/30A Elizabeth Street, Wetherill Park NSW 2164<br>
Tel: (02) 8036 8206<br>
Opening Hours: Mon-Fri 8:00am-4:30pm<br>

E: <a href="mailto:wp@autolac.com.au" style="color: #4a63a5; text-decoration: none;">wp@autolac.com.au</a>
</li>

<li style="font-size: 12px;">
    Artarmon:<br>
60 Hotham Parade, Artarmon NSW 2064<br>
Tel: (02) 8036 8260<br>
Opening Hours: Mon-Fri 8:00am-4:30pm<br>

E: <a href="mailto:artarmon@autolac.com.au" style="color: #4a63a5; text-decoration: none;">artarmon@autolac.com.au</a>
</li>

<li style="font-size: 12px;">
    Newcastle:<br>
35 Mitchell Road, Cardiff NSW 2285<br>
Tel: (02) 8036 8290<br>
Opening Hours: Mon-Fri 8:00am-4:30pm<br>

E: <a href="mailto:newcastle@autolac.com.au" style="color: #4a63a5; text-decoration: none;">newcastle@autolac.com.au</a>
</li>

</ul>
</div>

<ul>
    <li style="font-size: 12px;">
    Central Coast:<br>
Unit 3, 284-286 Manns Road, West Gosford NSW 2250<br>
Tel: (02) 8036 8280<br>
Opening Hours: Mon-Fri 8:00am-4:30pm<br>

E: <a href="mailto:centralcoast@autolac.com.au" style="color: #4a63a5; text-decoration: none;">centralcoast@autolac.com.au</a>
</li>

<li style="font-size: 12px;">
    Wollongong:<br>
Unit 6, 6-8 Ralph Black Drive, North Wollongong NSW 2500<br>
Tel: (02) 8036 8250<br>
Opening Hours: Mon-Fri 8:00am-4:30pm<br>

E: <a href="mailto:wollongong@autolac.com.au" style="color: #4a63a5; text-decoration: none;">wollongong@autolac.com.au</a>
</li>
<li style="font-size: 12px;">
    Fyshwick:<br>
3/6 Wiluna Street Fyshwick ACT 2609<br>
Tel: (02) 8036 8255<br>
Opening Hours: Mon-Fri 8:00am-4:30pm<br>

E: <a href="mailto:fyshwick@autolac.com.au" style="color: #4a63a5; text-decoration: none;">fyshwick@autolac.com.au</a>
</li>

</ul>
</div>

</div>
</div>

</footer>


<div class="copyright">
    
<div class="container">
    
    <p class="pull-left">
    © 2015 Autolac Industries Pty. Ltd.
</p>


<ul class="pull-right list-inline">
    
    
    
    
    
    </ul>
    
</div>

</div>

{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="" style="display:none;">
	
		<h3 class="side-heading">${NAVIGATION_LABEL}</h3>
		{if HAS_NAVIGATION_LOOP == 'T'}
			
			<div class="list-group categories">
				{var NAVIGATION}
				{for NAVIGATION in NAVIGATION_LOOP}
				
					{if NAVIGATION.HAS_INDENTION != 'T'}
						
						{if NAVIGATION.IS_ACTIVE != 'T'}
							<a href="${NAVIGATION.LINK}" class="list-group-item">
								<table border="0" cellpadding="0" cellsapcing="0">
								<tr>
								<td><i class="fa fa-chevron-right"></i></td>
								<td>${NAVIGATION.LABEL}</td>
								 </tr>
								</table>
							</a>
						{else}
						
							<a id="navigation-active" class="list-group-item" style="color: #4a63a5;">
								<table border="0" cellpadding="0" cellsapcing="0">
								<tr>
								<td><i class="fa fa-chevron-right"></i></td>
								<td>${NAVIGATION.LABEL}</td>
								 </tr>
								</table>
							</a>

{/if}
					{else}
						{if NAVIGATION.IS_ACTIVE != 'T'}
							<a href="${NAVIGATION.LINK}" class="list-group-item" style="padding-left: ${NAVIGATION.INDENTION}px;">${NAVIGATION.LABEL}</a>
						{else}
							<a id="navigation-active" class="list-group-item" style="padding-left: ${NAVIGATION.INDENTION}px;">${NAVIGATION.LABEL}</a>
						{/if}

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

<!--
		<div class="product-col">
			<div class="image">
				<center><img src="/avt-autolac/images/common/pimg1.jpg" alt="product" class="img-responsive"></center>
			</div>
			<div class="caption">
				<h4>
					<table border="0" cellpadding="0" cellspacing="0" align="center">
					<tr>
					<td><a href="product-full.html">Digital Electro Goods</a></td>
					</tr>
					</table>
				</h4>
				<div class="description">
					<table border="0" cellpadding="0" cellspacing="0" align="center">
					<tr>
					<td>We are so lucky living in such a wonderful time. Our almost unlimited ...</td>
					</tr>
					</table>
					
				</div>

{if HAS_LEFTNAV_BANNER == 'T'}
			${LEFTNAV_BANNER}
		{/if}

</div>


	<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: 30px;">
			
			<div class="col-sm-12 cat-body">
				{if HAS_STOREDETAILEDDESCRIPTION == 'T'}
					${STOREDETAILEDDESCRIPTION}
				{/if}
			</div>
		</div>

{if HAS_CATEGORY_LOOP == 'T'}

<div class="row" id="container-item-list">
			
			{var CATEGORY}
			{for CATEGORY in CATEGORY_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="${CATEGORY.STOREURL}" style="text-decoration: none; border: none;"><img src="${CATEGORY.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive" style="max-height: 280px; width: 100%;"></a></center>	
							</td>
							</tr>
							</table>
							
						</div>
						<div class="caption">
							
								<table border="0" cellpadding="0" cellspacing="0" align="center">
								<tr>
								<td id="td-item-list-storedisplayname"><h4 style="font-size: 15px;"><center><a href="${CATEGORY.STOREURL}">${CATEGORY.ITEMID}</a></center></h4></td>
								</tr>
								</table>
							
							<BR>
							<div class="description">
								<table border="0" cellpadding="0" cellspacing="0" align="center">
								<tr>
								<td id="td-item-list-description">
									{if CATEGORY.HAS_DESCRIPTION == 'T'}
										<div style="font-size: 11px;">${CATEGORY.DESCRIPTION}</div>
									{else}
										<div style="font-size: 11px;"> </div>
									{/if}
								</td>
								</tr>
								</table>
							</div>
							<div class="price" style="padding: 0px;">
								<table border="0" cellpadding="0" cellspacing="0" align="center">
								<tr>
								<td id="td-item-list-price">
									<div style="height:1px;"></div>
								</td>
								</tr>
								</table>
							</div>
							<div id="div-item-list-addtocart" style="margin: 0px; height: 3px;"></div>
						</div>
					</div>
				</div>
				
			{/for}
	
		</div>

{else}
	
	{/if}

</div>

</div>

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>

<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}

{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>

<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">
											
												<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>
											
											<BR>
											<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">
											
												<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>
											
											<BR>
											<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();

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

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

}
);
</script>