Spralac is a quality, entry-level ancillary paint product range.

<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="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;">
  
  <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: 30px; max-height: 30px;"></*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: 30px; max-height: 30px;"></*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: 30px; max-height: 30px;"></*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>
  </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="https://www.autolac.com.au/new-products/${APPEND_URL}" category-id="-132">New Products</i></a></li>
  <li class="dropdown"><a href="https://www.autolac.com.au/Paints/${APPEND_URL}" category-id="-133">Paints</i></a>
  <ul role="menu" class="sub-menu">
  <li><a href="https://www.autolac.com.au/Paints/Raptor/${APPEND_URL}">Raptor Coatings</a></li>
  <li><a href="https://www.autolac.com.au/Paints/de-beer/${APPEND_URL}">De Beer</a></li>
  <li><a href="https://www.autolac.com.au/Paints/valspar-refinish/${APPEND_URL}">Valspar Refinish</a></li>
  <li><a href="https://www.autolac.com.au/Paints/House-Of-Kolor/${APPEND_URL}">House Of Kolor</a></li-->
  <li><a href="https://www.autolac.com.au/Paints/PPC_Bill-Hursch_Leatherique/${APPEND_URL}">PPC/Bill Hirsch/Leathurique</a></li>
  <li><a href="https://www.autolac.com.au/Paints/spralac/${APPEND_URL}">Spralac</a></li>
  <li><a href="https://www.autolac.com.au/Paints/bodyline/${APPEND_URL}">Bodyline</a></li>
  <li><a href="https://www.autolac.com.au/Paints/Restofinish/${APPEND_URL}">Restofinish</a></li>
  </ul>
  </li>
  <li class="dropdown"><a href="https://www.autolac.com.au/consumable-products/${APPEND_URL}" category-id="-134">Consumable Products</i></a>
  <ul role="menu" class="sub-menu">
  <li><a href="https://www.autolac.com.au/consumable-products/abrasives/${APPEND_URL}">Abrasives</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/adhesives-sealants/${APPEND_URL}">Adhesives & Sealants</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/aerosols/${APPEND_URL}">Aerosols</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/Airlines-and-Fittings/${APPEND_URL}">Airlines and Fittings</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/body-fillers/${APPEND_URL}">Body Fillers</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/health-safety/${APPEND_URL}">Health & Safety</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/masking-products/${APPEND_URL}">Masking Products</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/polish-compounds-detailing-products/${APPEND_URL}">Polish, Compounds & Detailing Products</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/paint-preparation-and-processing/${APPEND_URL}">Paint Preparation and Processing</a></li>
  <li><a href="https://www.autolac.com.au/consumable-products/Other-Consumables/${APPEND_URL}">OTHER CONSUMABLES</a></li>
  </ul>
  </li>
  <li class="dropdown"><a href="https://www.autolac.com.au/equipment/${APPEND_URL}" category-id="-135">Equipment</i></a>
  <ul role="menu" class="sub-menu">
  <li><a href="https://www.autolac.com.au/equipment/air-tools-dust-extraction/${APPEND_URL}">Air Tools & Dust Extraction</a></li>
  <li><a href="https://www.autolac.com.au/equipment/hand-tools/${APPEND_URL}">Hand Tools</a></li>
  <li><a href="https://www.autolac.com.au/equipment/paint-curing-equipment/${APPEND_URL}">Paint Curing Equipment</a></li>
  <li><a href="https://www.autolac.com.au/equipment/polishers/${APPEND_URL}">Polishers</a></li>
  <li><a href="https://www.autolac.com.au/equipment/pulling-equipment/${APPEND_URL}">Pulling Equipment</a></li>
  <li><a href="https://www.autolac.com.au/equipment/spray-guns-accessories/${APPEND_URL}">Spray Guns & Accessories</a></li>
  <li><a href="https://www.autolac.com.au/equipment/thinner-recyclers-spray-guns-cleaners/${APPEND_URL}">Thinner Recyclers & Spray Guns Cleaners</a></li>
  <li><a href="https://www.autolac.com.au/equipment/welding-consumables/${APPEND_URL}">Welding Consumables</a></li>
  <li><a href="https://www.autolac.com.au/equipment/panel-stands/${APPEND_URL}">Panel Stands</a></li>
  <li><a href="https://www.autolac.com.au/equipment/other-rupes/${APPEND_URL}">Other Rupes</a></li>
  <li><a href="https://www.autolac.com.au/equipment/other-equipment/${APPEND_URL}">Other Equipment</a></li>
  </ul>
  </li>
  <li class="dropdown"><a href="https://www.autolac.com.au/specials/${APPEND_URL}" category-id="-136">Specials</i></a></li>
  <li class="dropdown"><a href="https://www.autolac.com.au/clearance/${APPEND_URL}" category-id="-146">Clearance</i></a></li>
  <li class="dropdown"><a href="https://www.autolac.com.au/information/about-us/${APPEND_URL}" 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>
  
  
  <script type="text/javascript">
  $(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;
  }
  });
  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:>
  <script>
  $(function()
  {
  $('.nav-tabs a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
  });	
  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;
  }
  });
  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/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>
  </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">
  </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>
  <div class="col-md-4">
  <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 class="col-md-4">
  <ul>
  <li style="font-size: 12px;">
  Brendale:<br>
  54/109 Leitchs Road, Brendale, QLD 4500<br>
  Tel: (07) 2140 9700<br>
  Opening Hours: Mon-Fri 8:00am-4:30pm<br>
  E: <a href="mailto:brisbane@autolac.com.au" style="color: #4a63a5; text-decoration: none;">brisbane@autolac.com.au</a>
  </li>
  <li style="font-size: 12px;">
  Head Office (Postal):<br>
  27 Hallstrom Place, Wetherill Park NSW 2164<br>
  Opening Hours: Mon-Fri 8:00am-4:30pm<br>
  </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="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">
										
											<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>
												{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 add-4test-class" 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">
											
												<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();

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>