Paints
Paints >
<!-- ################################# START PAGE HEADER ################################# --> <!-- Header Section Starts --> <header id="header-area"> <!-- Header Top Starts --> <div class="header-top"> <div class="container"> <div class="row"> <!-- Currency & Languages Starts --> <div class="col-sm-4 col-xs-12"> <div class="pull-left"></div> </div> <!-- Currency & Languages Ends --> <!-- Header Links Starts --> <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> <!-- Header Links Ends --> </div> </div> </div> <!-- Header Top Ends --> <!-- Main Header Starts --> <div class="main-header"> <div class="container"> <div class="row"> <!-- Logo Starts --> <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> <!-- Logo Ends --> <!-- Social Links Starts --> <div class="col-sm-5"> <div style="padding-top: 17px;"> <!-- <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td><div style="padding-right: 4px;"><a href="${HEADER_SOCIAL_LINK_FACEBOOK}" style="text-decoration:none; border: none;" target="_blank"><img src="/avt-autolac/images/common/header-logo-50x50-facebook.png" class="img-responsive-table" style="max-width: 40px; max-height: 40px;"></a></div></td> <td><div style="padding-right: 4px;"><a href="mailto:${HEADER_GLOBAL_EMAIL}" style="text-decoration:none; border: none;"><img src="/avt-autolac/images/common/header-logo-50x50-mails.png" class="img-responsive-table" style="max-width: 40px; max-height: 40px;"></a></div></td> <td><a href="${HEADER_SOCIAL_LINK_YOUTUBE}" style="text-decoration:none; border: none;" target="_blank"><img src="/avt-autolac/images/common/header-logo-50x50-youtube.png" class="img-responsive-table" style="max-width: 40px; max-height: 40px;"></a><BR></td> </tr> </table> --> <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> <!-- Social Links Ends --> <!-- Shopping Cart Starts --> <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> <!-- Shopping Cart Ends --> <!-- Search Starts --> <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> <!-- Search Ends --> </div> </div> </div> <!-- Main Header Ends --> <!-- Main Menu Starts --> <nav id="main-menu" class="navbar" role="navigation"> <div class="container"> <!-- Nav Header Starts --> <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> <!-- Nav Header Ends --> <!-- Navbar Cat collapse Starts --> <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> <!--li class="dropdown"><a href="/paint-products/" category-id="-133">Paint Products</i></a></li--> <!--li class="dropdown"><a href="/supplier-links/" category-id="-137">Supplier Links</i></a></li--> <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> <!--li><a href="/paints/testcategory/">Test Category</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> <!-- Navbar Cat collapse Ends --> </div> </nav> <!-- Main Menu Ends --> </header> <!-- Header Section Ends --> <!-- ################################# END PAGE HEADER ################################# --> <!-- ################################# START SLIDER ################################# --> <div id="slider" class="slider" style="display: none;"></div> <!-- ################################# END SLIDER ################################# --> <!-- ################################# START MAIN CONTENT ################################# --> <!-- Main Container Starts --> <div id="main-container" class="container"> </div> <!-- Main Container Ends --> <!-- ################################# END MAIN CONTENT ################################# --> <!--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; } }); 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(); } ); }); </script:NLHIDE-->
© 2015 Autolac Industries Pty. Ltd.
{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> <!-- Wrapper For Slides Starts --> <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> <!-- Wrapper For Slides Ends --> <!-- Controls Starts --> {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} <!-- Controls Ends --> </div> <script> $(function() { $("div[id='slider']").show(); $("#main-carousel").hover(function () { $(this).carousel('pause') }, function () { $(this).carousel('cycle') }); }); </script> {/if}
Cart Summary
Your Basket is Empty
View Basket
Select a region
Autolac
Head Office
Search
Search
Navigation
Paints
House Of Kolor
De Beer
Valspar Refinish
Spralac
PPC/Bill Hursch/Leatherique
Bodyline
Other Paint Products
<div class="row"> <!-- Sidebar Starts --> <div class="col-md-3"> <!-- Categories Links Starts --> <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} <!-- Categories Links Ends --> <!-- Bestsellers Links Starts --> <!--h3 class="side-heading">Bestsellers</h3--> <!-- start bestseller item --> <!-- <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> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> <div class="price"> <span class="price-new">$199.50</span> <span class="price-old">$249.50</span> </div> </td> </tr> </table> <div style="margin: 0px;" class="row cart-button"> <div style="padding-left: 0px; padding-right: 0px; padding-top: 1px;" class="col-sm-3"> <div style="width: 100%; margin-left:auto; margin-right:auto;" class="input-group btn-block"><input type="text" style="text-align: center;" class="form-control" size="1" value="1" name="quantity"></div> <div style="height: 10px; display: block;" id="mobile-only"></div> </div> <div style="padding-left: 10px; padding-right: 10px; margin: 0px;" class="col-sm-9"><button style="width:100%; padding-left: 5px; padding-right: 5px; margin-top:0px;" type="button" class="btn btn-cart"><i class="fa fa-shopping-cart"></i> Add to cart</button></div> </div> </div> </div> --> <!-- end bestseller item --> <!-- Bestsellers Links Ends --> <!-- Side Banner #1 Starts --> <!-- <center><img src="/avt-autolac/images/common/side-banner1.jpg" alt="Side Banner" class="img-responsive"></center><br> <center><img src="/avt-autolac/images/common/side-banner1.jpg" alt="Side Banner" class="img-responsive"></center><br> <center><img src="/avt-autolac/images/common/side-banner1.jpg" alt="Side Banner" class="img-responsive"></center><br> --> {if HAS_LEFTNAV_BANNER == 'T'} ${LEFTNAV_BANNER} {/if} <!-- Side Banner #1 Ends --> </div> <!-- Sidebar Ends --> <!-- Primary Content Starts --> <div class="col-md-9"> <!-- Breadcrumb Starts --> {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} <!-- Breadcrumb Ends --> <!-- Main Heading Starts --> {if HAS_ITEMID == 'T'} <h2 class="main-heading2" style="padding-bottom: 10px; border-bottom: solid 1px #e8e8e8;"> ${ITEMID} </h2> {/if} <!-- Main Heading Ends --> <!-- Category Intro Content Starts --> <div class="row cat-intro" style="margin-bottom: 30px;"> <!-- <div class="col-sm-3"> {if HAS_STOREDISPLAYIMAGE == 'T'} <center><img src="${STOREDISPLAYIMAGE}" alt="" class="img-responsive img-thumbnail"></center> {/if} <div id="mobile-only" style="height: 20px;"></div> </div> --> <div class="col-sm-12 cat-body"> {if HAS_STOREDETAILEDDESCRIPTION == 'T'} ${STOREDETAILEDDESCRIPTION} {/if} </div> </div> <!-- Category Intro Content Ends --> <!-- Product Filter Starts --> <!-- Product Filter Ends --> <!-- Category List Display Starts --> {if HAS_CATEGORY_LOOP == 'T'} <div class="row" id="container-item-list"> {var CATEGORY} {for CATEGORY in CATEGORY_LOOP} <!-- start item list --> <div id="container-item-list-col" class="col-md-4 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"> <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="${CATEGORY.STOREURL}">${CATEGORY.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 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> <!-- end item list --> {/for} </div> {else} {/if} <!-- Category Display Ends --> <!-- Pagination & Results Starts --> <!-- Pagination & Results Ends --> </div> <!-- Primary Content Ends --> </div> <script> $( function() { try { var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible"); var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false; adjustHeightItemListBox(); // 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>
Paints
House Of Kolor
De Beer
Valspar Refinish
Spralac
PPC/Bill Hursch/Leatherique
Bodyline
Other Paint Products
