PHP Warning:  Undefined variable $cat_breadcrumbs in /home/racetco/public_html/catalog/controller/product/category.php on line 120PHP Warning:  Undefined variable $subcategory_code in /home/racetco/public_html/catalog/controller/product/category.php on line 121PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 179PHP Warning:  Undefined variable $subsub_code in /home/racetco/public_html/catalog/controller/product/category.php on line 228PHP Warning:  Undefined variable $subcategory_code in /home/racetco/public_html/catalog/controller/product/category.php on line 230PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 294PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 319PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 325PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 331PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 337PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 343PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 396PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 396PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 396PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 396PHP Warning:  Undefined array key "path" in /home/racetco/public_html/catalog/controller/product/category.php on line 422<!DOCTYPE html>
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>All Products</title>
<base href="https://racetech.co.za/" />

<meta name="description" content="All Products" />
<meta property="og:description" content="All Products">
<meta name="twitter:description" content="All Products">
<meta name="keywords" content= "All Products" />
<meta property="og:title" content="All Products">
<meta name="twitter:title" content="All Products">
<meta property="og:type" content="website">

<link rel="icon" href="favicon.ico" type="image/x-icon">
<!--CSS-->
<link href="assets/css/simplex.css?ver=20250206A" rel="stylesheet">
<link href="assets/css/custom.css?ver=20250206A" rel="stylesheet">
<link href="assets/fontawesome/css/all.min.css?ver=20250206A" rel="stylesheet">
<link href="assets/css/font-awesome.min.css?ver=20250206A" rel="stylesheet">
<link href="assets/slick/slick.css?ver=20250206A" rel='stylesheet' type='text/css'>
<link href="assets/slick/slick-theme.css?ver=20250206A" rel='stylesheet' type='text/css'>
<!--JS-->
<script src="assets/js/jquery.min.js?ver=20250206A"></script>
<script src="assets/add-ons/sweetalert/sweetalert.min.js?ver=20250206A"></script>
<script src="assets/js/bootstrap.min.js?ver=20250206A"></script>
<script src="assets/js/common.js?ver=20250206A"></script>
<script type="text/javascript" src="assets/slick/slick.min.js?ver=20250206A"></script>
<script type="text/javascript" src='assets/js/whatsapp.js?ver=20250206A'></script>	
<script src="assets/js/htmx.min.js?ver=20250206A"></script>

<link href="https://racetech.co.za/product/category&amp;path=0" rel="canonical">
<link href="https://racetech.co.za/product/category&amp;path=0&amp;page=2" rel="next">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D0WR6PFPDT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-D0WR6PFPDT');
</script></head>
<body class="product-category">
<!-- Desktop header -->
<header class = "hidden-mobile header"> 
<!-- Navigation-->
<nav class="navbar-fixed-top">
<!-- Main Nav-->
<nav class="navbar navbar-default">
  <div class="container-fluid wrapper vcenter-item">
    <div class="navbar-header main-header__logo">
    <a class="logo" href="https://racetech.co.za/"><img src="assets/images/logo.png" title="Racetech" alt="Racetech"/></a>
    </div>
    <div class = "box">
    <ul class="nav navbar-nav navbar-right " id="searchDS">  
      <div id="search" class="input-group">
  <input type="text" name="search" autocomplete="off" onkeyup="searchSuggest();" value="" placeholder="Search" class="form-control" />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default"><i class="fa fa-search"></i></button>
  </span>
  <span id="suggest-loader" class="btn"><i class="fa fa-spinner"></i></span>
  <span id="suggest-clear"  onClick="clearSearch();">clear</span>

</div>
<div id="search-suggest" class="suggest" ></div>

<script>
$('#search-suggest').hide();
$('#suggest-loader').hide();
$('#suggest-clear').hide();
function searchSuggest() {
  var search = $('input[name=\'search\']').val();
  $('#search-suggest').html('');
  if(search.length == 0) {
    $('#search-suggest').hide();
    $('#suggest-clear').hide();
    $('input[name=\'search\']').removeClass('suggest-active');
    return;
  }
  $('#suggest-clear').hide();
  $('#suggest-loader').show();
  if (search) {
    $.ajax({
      url: '/search/suggest?filter_name=' + encodeURIComponent(search),
      dataType: 'json',
      success: function(json) {
            $('#search-suggest').html('');
        for (var i=0; i < json.length; i++) {
          $('#search-suggest').append('<div class="search-suggest-item" onClick="window.location.href = \'' + json[i]['href'] + '\'"><img width="40px" src="'+ json[i]['image'] + '" alt="'+json[i]['name']+'">&nbsp;&nbsp;' + json[i]['name'] + '</div>');
        }
        if(i == 0){
           $('#search-suggest').html('<div class="text-center">No results found</div>'); 
           $('#suggest-clear').show();
        }
        if(jQuery.isEmptyObject(json))
        {
          $('#search-suggest').html('<div class="text-center">No results found</div>'); 
          $('#suggest-clear').show();
        }
        $('#suggest-loader').hide();
        $('input[name=\'search\']').addClass('suggest-active');
        var check_search = $('input[name=\'search\']').val();
        if(json.length > 0  && check_search != ''){
            $('#search-suggest').show();
            $('#suggest-clear').show();
        }
      }
    });
  }
}

function clearSearch(){
  $('input[name=\'search\']').val('');
  $('#search-suggest').hide();
  $('input[name=\'search\']').removeClass('suggest-active');
  $('#suggest-clear').hide();
}
</script>
	  </ul>
    </div>
    <div class = "box">
    <ul class="nav navbar-nav navbar-right box" id="">  
    <li id="cart" class="dropdown">
<div id="snackbarC">Removed from cart</div>
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-shopping-cart n-icon"></i><span id="cart-total">0 item(s) - R0.00</span></a>
  <ul class="dropdown-menu">
        <li>
      <p class="text-center">Your shopping cart is empty!</p>
    </li>
      </ul>
</li>
<script>
function removeFromCartToast()
{
  var x = document.getElementById("snackbarC");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
</script>
    <li><a href="https://racetech.co.za/account/wishlist" class = "main-header__tools__icon" title = "Wishlist"><i class="fas fa-heart"></i></a></li>
             <li  class=""><a href="https://racetech.co.za/account/account" title="My Account"><i class="fa fa-user n-icon"></i> Login / Register</a></li>
         	</ul>
  </div>
  </div>
      <div class = "dropdown_cats" id="catdrilldown-1"></div>
<div class = "dropdown_subcats" id="catdrilldown-2"></div>
<div class = "dropdown_subsubcats" id="catdrilldown-3"></div>
<div class="bodyoverlay"></div>
<script>
function dropdown_loadActive(){
    var href = window.location.href;
    if(href.includes( 'product/category&path' )){
    var path = href.split('path=');
    $('.cat-'+path[1]).addClass('visited');
    }
}

function dropdown_loadCategories(){
    var x1 = sessionStorage.getItem("categories-1");
    var x2 = sessionStorage.getItem("categories-2");
    var x3 = sessionStorage.getItem("categories-3");

        $("#catdrilldown-1").html(x1);
        $("#catdrilldown-2").html(x2);
        $("#catdrilldown-3").html(x3);
        dropdown_loadActive();
}

function dropdown_getCat(){
    var output = "";
    $.get( "product/category/getCategory", function( data ) {
        data = JSON.parse( data );
        output = output + '<a class="allcats" onMouseenter="dropdown_clear_subcat();" href="https://racetech.co.za/product/category&amp;path=0">ALL CATEGORIES<span style="float:right;font-size:1.1rem;font-weight:400;">VIEW ALL</span></a>';    
        data.forEach(function(item) {
            if(parseInt(item['product_count']) > 0){
                if(parseInt(item['COUNT']) > 0){
                    output = output + '<a class="browsecat" onClick="dropdown_goCat( \''+item['category_id']+'\')" onMouseenter="dropdown_getSubCat(\''+item['cat_code']+'\' , \''+item['category_id']+'\',  \''+item['name']+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>' ;
                }else{
                    output = output + '<a class="browsecat" onClick="dropdown_goCat( \''+item['category_id']+'\')" onMouseenter="dropdown_getSubCat(\''+item['cat_code']+'\' , \''+item['category_id']+'\',  \''+item['name']+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +' </a>' ;
                }
            }
        });
            $("#catdrilldown-1").html(output);
            $("#catdrilldown-2").html("");
            $("#catdrilldown-3").html("");
            sessionStorage.setItem("categories-1", output);
            sessionStorage.setItem("categories-3", "");
            sessionStorage.setItem("categories-2", "");
            $('.dropdown_subcats').hide();
            $('.dropdown_subsubcats').hide();
            dropdown_loadActive();
    });
}

function dropdown_clear_subcat(){
    var el = $(this);    
    var timeoutId = setTimeout(function() {
    $("#catdrilldown-2").html(""); 
    $('.dropdown_subcats').hide();
    $('.dropdown_subsubcats').hide();
}, 500);
    el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
}

function dropdown_getSubCat(category, category_id, name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="allcats" onMouseEnter="dropdown_clear_subSub();" onClick="dropdown_goCat(\''+category_id+'\')" href="javascript:void(0)"><span style="float:right;font-size:1.1rem;font-weight:400;">VIEW ALL</span>'+name+'</a>';
    $.get( "product/category/getSubCategory?category="+category, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
            if(parseInt(item['product_count']) > 0){
                if(parseInt(item['COUNT']) > 0){
                output =  output + '<a class="browsesub"  onClick="goSubCat(\''+category_id+'\', \''+item['cat_code']+'\')" onMouseenter="dropdown_getSubSubCat(\''+item['cat_code']+'\', \''+item['cat_parent']+'\', \''+category_id+'\', \''+item['name']+'\', \''+name+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>';
                } else {
                    output =  output + '<a class="browsesub"  onClick="goSubCat(\''+category_id+'\', \''+item['cat_code']+'\')" onMouseenter="dropdown_getSubSubCat(\''+item['cat_code']+'\', \''+item['cat_parent']+'\', \''+category_id+'\', \''+item['name']+'\', \''+name+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +' </a>';
                }
            }
        });
        if(data.length > 0){
        $("#catdrilldown-2").html(output);
        sessionStorage.setItem("categories-2", output);
        $('.dropdown_subcats').show();
        $('.dropdown_subsubcats').hide();
        sessionStorage.setItem("categories-3", "");
        $("#catdrilldown-3").html("");
        dropdown_loadActive();
        }else{
            $("#catdrilldown-2").html(""); 
            $('.dropdown_subcats').hide();
            $('.dropdown_subsubcats').hide();
        }
        });
    }
}

function dropdown_clear_subSub(){
    var el = $(this);    
    var timeoutId = setTimeout(function() {
    $("#catdrilldown-3").html(""); 
    $('.dropdown_subsubcats').hide();
}, 500);
    el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
}

function dropdown_getSubSubCat(category, subcategory, category_id, name, category_name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="allcats" onClick="dropdown_goSubCat(\''+category_id+'\', \''+category+'\')" href="javascript:void(0)"><span style="float:right;font-size:1.1rem;font-weight:400;">VIEW ALL</span>'+name+'</a>';
    $.get( "product/category/getSubSubCategory?category="+category +"&subcategory="+subcategory, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
            if(parseInt(item['product_count']) > 0){
                output = output + '<a class="browsesubsub" onClick="dropdown_goSubSubCat(\''+category_id+'\' , \''+item['sub_parent']+'\' , \''+item['sub_id']+'\')" href="javascript:void(0)">'+ item['sub_name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'</a>';
            }
        });
        if(data.length > 0){
            sessionStorage.setItem("subclick", subcategory);
            $("#catdrilldown-3").html(output);
            $('.dropdown_subsubcats').show();
            sessionStorage.setItem("categories-3", output);
            dropdown_loadActive();
        }else{
            $("#catdrilldown-3").html(""); 
            $('.dropdown_subsubcats').hide();
        }
        });
    }
}

function dropdown_goCat(category_id){
    window.location.href = 'https://racetech.co.za/product/category&path='+ category_id; 
}
function dropdown_goSubCat(category_id, subcategory){
    window.location.href = 'https://racetech.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function dropdown_goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://racetech.co.za/product/category&path='+ category_id + '_' + subcategory + '_' + subsub; 
}

function openNav() {
    var nb = $('.navbar').outerHeight(true);
    var nft = $('.notice-bar').outerHeight();
    var nwh = window.innerHeight;
    $('.categories__dropdown i').removeClass('fa-bars').addClass('fa-times');
    $('.categories__dropdown').addClass('catmenuopen');
    $('.navbar').find('.dropdown_cats').css({
          'top': nft + nb,
          'height': nwh - nft - nb,
          'width': "300px",
          'left' : "0"
        });    
    $('body').css({
        'overflow': "hidden"
    });
    $('.navbar').find('.bodyoverlay').css({
          'top': nft + nb,
          'width': "100%"
        });    
    $('.navbar').find('.dropdown_subcats').css({
          'top': nft + nb,
          'height': nwh - nft - nb,
          'left': "300px",
          'width': "300px"
        });
    $('.navbar').find('.dropdown_subsubcats').css({
          'top': nft + nb,
          'height': nwh - nft - nb,
          'left': "600px",
          'width': "300px"
        });
}

function closeNav() {
    var el = $(".categories__dropdown, .dropdown_cats, .dropdown_subcats, .dropdown_subsubcats");    
    var timeoutId = setTimeout(function() {
    $('.categories__dropdown').removeClass('catmenuopen');
    $(".dropdown_cats").css({
        'left': "-300px"
    });
    $('.categories__dropdown i').removeClass('fa-times').addClass('fa-bars');
    $('.dropdown_subcats').hide();
    $('.dropdown_subsubcats').hide();
    $('.bodyoverlay').width('0');
    $('body').css({
        'overflow': "initial"
    });
}, 500);
el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
}

document.addEventListener('readystatechange', function() {
    if (document.readyState === "complete") {
        dropdown_getCat();
    }
});

$(document).ready(function(){
    $("a.categories__dropdown").mouseenter(function() {
    var el = $(this);
    var timeoutId = setTimeout(function() {
    openNav();
  }, 500);
  el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
});
$('div[id^="catdrilldown"]').mouseleave(function() {
  if($('.categories__dropdown:hover').length === 0 && $('div[id^="catdrilldown"]:hover').length === 0){
    closeNav();
  }
}); 
$('.categories__dropdown').mouseleave(function() {
  if($('.categories__dropdown:hover').length === 0 && $('div[id^="catdrilldown"]:hover').length === 0){
    closeNav();
  }
}); 
});
</script>









    <div class = "menu-bar">
    <ul class="menu-bar-items"> 
          <li><a class = "categories__dropdown" href="javascript:void(0)"><i class="catmenubars fas fa-bars"></i> Shop by Categories <span class="caret"></span></a></li>
          <li><a class = "categories__dropdown__tablet" onClick="mbCatMenu()" href = "javascript:void(0)"><i class="catmenubars fas fa-bars"></i> Shop by Categories <span class="caret"></span></a></li>
	  			<li><a href="https://racetech.co.za/product/category&amp;path=0">All Products</a></li>
	  			<li><a href="https://racetech.co.za/product/special">Promotions</a></li>
	  	                        <li><a href="https://racetech.co.za/information/request">Request a Part</a></li> 
       		    	<li><a href="https://racetech.co.za/information/contact">Contact</a></li>
		</ul>
    </div>
  </nav>
</nav>
</header>
<!-- Mobile Header -->
<header class = "hidden-desktop">
<nav class="navbar navbar-default navbar-fixed-top">
<!-- Account login Section -->
<div class="nopad vcenter-item">
</div>
</div>
<!-- Second Nav-->
<div class=" nopad">
    <div class="container-fluid wrapper vcenter-item nopad">
    <a class="logo" href="https://racetech.co.za/"><img src="assets/images/logo.png" title="Racetech" alt="Racetech" class="img-responsive"/></a>


<div class = "box">
    <ul class="nav navbar-nav navbar-right" id="">  
    <li><a class="mobilecart"  style = "padding:0px;"  data-toggle="collapse" data-target="#searchcollapse" ><i class="fa fa-search n-icon"></i></a></li>
  </ul>
</div>

<div class = "box">
    <ul class="nav navbar-nav navbar-right" id="">  
    <li><a class = "mobilecart" href="https://racetech.co.za/checkout/cart" style = "padding:0px;"><i class="fa fa-shopping-cart n-icon"><span id="cart-total-mobile">0</span></i></a></li>
  </ul>
</div>

<div class = "box">
    <ul class="nav navbar-nav navbar-right" id="">  
             <li><a class = "mobilecart" style = "padding:0px;" href="https://racetech.co.za/account/account" title="My Account"><i class="fa fa-user n-icon"></i></a></li>
           </ul>
</div>

  </div>
  </div>
</div>
<div class = "mbcategoriesbtn">
<div><a onClick="mbMenu();" href="javascript:void(0)"><i class="fa fa-bars"></i> Menu</a></div>
<div><a id="mbCatButton" onClick="mbCatMenu()" href = "javascript:void(0)"><i class="fas fa-list"></i> Product Categories</a></div>
</div>
<div id="searchcollapse" class="collapse navbar-collapse">  
         <div id="searchmb" class="input-group">
  <input type="text" name="searchmb"  onkeyup="searchSuggestmb();"  value="" placeholder="Search" class="form-control searchmbitem" />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default searchmbitem"><i class="fa fa-search searchmbbutton"></i></button>
  </span>
  <span id="suggest-loader-mb" class="btn"><i class="fa fa-spinner"></i></span>
  <span id="suggest-clear-mb" onClick="clearSearchMb();">clear</span>
</div>
<div id="search-suggest-mb" class="suggest-mb" ></div>


<script>
$('#search-suggest-mb').hide();
$('#suggest-loader-mb').hide();
$('#suggest-clear-mb').hide();
function searchSuggestmb() {
  var search = $('input[name=\'searchmb\']').val();
  $('#search-suggest-mb').html('');
  if(search.length == 0) {
    $('#suggest-clear-mb').hide();
  }
  if (search.length < 3) {
    $('#search-suggest-mb').hide();
    $('input[name=\'searchmb\']').removeClass('suggest-active');
    return;
  }
  $('#suggest-clear-mb').hide();
  $('#suggest-loader-mb').show();
  if (search) {
    $.ajax({
      url: '/search/suggest?filter_name=' + encodeURIComponent(search),
      dataType: 'json',
      success: function(json) {
        $('#search-suggest-mb').html('');
        for (var i=0; i < json.length; i++) {
          console.log(json[i]['href']);
          $('#search-suggest-mb').append('<div class="search-suggest-item-mb" onClick="window.location.href = \'' + json[i]['href'] + '\'"><img width="40px" src="'+ json[i]['image'] + '" alt="'+json[i]['name']+'">&nbsp;&nbsp;' + json[i]['name'] + '</div>');
        }
        if(i == 0){
          $('#search-suggest-mb').html('<div class="text-center">No results found</div>');  
        }
        $('#suggest-loader-mb').hide();
        $('input[name=\'searchmb\']').addClass('suggest-active-mb');
        var check_search = $('input[name=\'searchmb\']').val();
        if(json.length > 0  && check_search != ''){
            $('#search-suggest-mb').show();
            $('#suggest-clear-mb').show();
        }
      }
    });
  }
}

function clearSearchMb(){
  $('input[name=\'searchmb\']').val('');
  $('#search-suggest-mb').hide();
  $('input[name=\'searchmb\']').removeClass('suggest-active-mb');
  $('#suggest-clear-mb').hide();
}
</script>	</div>
  
</nav>
</header>
        
<script>
var manufacturers = [];
function dropdownBrands()
{
  if(manufacturers.length > 0)
  {
    var height = $(window).height() - ($(".navbar-fixed-top").height() + $(".menu-bar").height()  + $(".navbar navbar-default").height());
    height = height - 140;
    $(".catmenubranndsdp").css("max-height", height);
    $(".catmenubranndsdp").empty();
    var x = $(".catmeunBrands").offset().left;
    $('.catmenubranndsdp').css('left', x);
    manufacturers.forEach(function(item, index){
      $('.catmenubranndsdp').append('<li><a href="product/brands?brand='+item.code+'">'+item.name+'</a></li>');
    });
  }
}
/* Sample function that returns boolean in case the browser is Internet Explorer*/
function isIE() {
  ua = navigator.userAgent;
  /* MSIE used to detect old browsers and Trident used to newer ones*/
  var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
  
  return is_ie; 
}
/* Create an alert to show if the browser is IE or not */
if (isIE()){
    alert('Please Note our website is not supported on Internet Explorer. We suggest using a later browser such as Google Chrome or Firefox.');
}
</script>

<div id="mbunder" class="mbunder" onClick="mbcloseSideNav()">
</div>

  <div id="mbmySidenav" class="mbsidenav sidenavMenuitems">
  <a href="javascript:void(0)" class="mbclosebtn" onclick="mbcloseSideNav();">&times;</a>
  <div class='mbprofilecard'>
      <i class="fa fa-user mbprofilecircle"></i>&nbsp;<h4 class = "company_name">Hi, Please</h4>&nbsp;<a class="mbcardbutton" href="https://racetech.co.za/account/account">Login</a><h4 class = "company_name">&nbsp;or&nbsp;</h4><a class="mbcardbutton" href="https://racetech.co.za/account/register">Register</a>
      </div>
    <div id="mbAcc">
    <div class='mbmenuoptions'>
  <a  class="browsecat" onClick="mbSelectCatMenu()" href="javascript:void(0)">Shop by Categories<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://racetech.co.za/product/special">Promotions<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://racetech.co.za/product/category&amp;path=0">Products<i class="fa fa-chevron-right" style="float:right;"></i></a>
		    	<a class="browsecat"  href="https://racetech.co.za/information/contact">Contact<i class="fa fa-chevron-right" style="float:right;"></i></a>
		    			    	   <a class="browsecat"  href="https://racetech.co.za/information/request">Request a Part<i class="fa fa-chevron-right" style="float:right;"></i></a>
              </div>
    <div>
      </div>
    </div>

    <div id="mbcategory">
    
      <div class="catdrilldown"></div>

<script>
function loadActive(){
    var href = window.location.href;
    if(href.includes( 'product/category&path' )){
    var path = href.split('path=');
    $('.cat-'+path[1]).addClass('visited');
    }
}

function loadCategories(){
     getCat();
    var x = sessionStorage.getItem("categories");
    if(x === null){
        getCat();
    }else{
        $(".catdrilldown").html(x);
    }
    loadActive();
}

function getCat(){
    var output = "";
    $.get( "product/category/getCategory", function( data ) {
        output = output + '<div class = "mbcatall"><a  class="browsecat getcat mbmenuback"  id="mbCatBack" onClick="mbshowAccMenu()" href="javascript:void(0)"><i class="fa fa-chevron-left" style="float:left;"></i></a><a class="mbcatall2 browsesub getcat" href="javascript:void(0)">ALL PRODUCT CATEGORIES</a></div>';
        data = JSON.parse( data );
        data.forEach(function(item) {
            item['name'] = item['name'].replace("\'", "&#8242;");
        if(parseInt(item['product_count']) > 0){
            if(parseInt(item['COUNT']) > 0){
                    output = output + '<a class="browsecat cat-'+item['category_id']+'" onClick="getSubCat(\''+item['cat_code']+'\' , \''+item['category_id']+'\',  \''+item['name']+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>' ;
            }else{
                output = output + '<a class="browsecat cat-'+item['category_id']+'" onClick="getSubCat(\''+item['cat_code']+'\' , \''+item['category_id']+'\',  \''+item['name']+'\')" href="javascript:void(0)">'+ item['name']   + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  + '</a>' ;               
            }
        }
        });
        $(".catdrilldown").html(output);
        sessionStorage.setItem("categories", output);
        loadActive();
    });
}

function getSubCat(category, category_id, name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="browsesub getcat" onClick="getCat()" href="javascript:void(0)"><i class="fa fa-chevron-left" style="float:left;padding-right:10px;"></i>BACK TO ALL CATEGORIES</a>';
    output = output + '<a class="browsesub browsesuball cat-'+ category_id +'" onClick="goCat(\''+category_id+'\')" href="javascript:void(0)"><i class="fa fa-chevron-right" style="float:right;"></i>ALL '+name+'</a>';
    $.get( "product/category/getSubCategory?category="+category, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
        if(parseInt(item['product_count']) > 0){
            if(parseInt(item['COUNT']) > 0){
                    output =  output + '<a class="browsesub cat-'+ category_id +'_'+ item['cat_code'] +'"  onClick="getSubSubCat(\''+item['cat_code']+'\', \''+item['cat_parent']+'\', \''+category_id+'\', \''+item['name']+'\', \''+name+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>';
            }else{
                output =  output + '<a class="browsesub cat-'+ category_id +'_'+ item['cat_code'] +'"  onClick="getSubSubCat(\''+item['cat_code']+'\', \''+item['cat_parent']+'\', \''+category_id+'\', \''+item['name']+'\', \''+name+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'</a>';  
            }
        }
        });
        if(data.length > 0){
        $(".catdrilldown").html(output);
        sessionStorage.setItem("categories", output);
        loadActive();
        }else{
            goCat(category_id);
        }
        });
    }
}
function getSubSubCat(category, subcategory, category_id, name, category_name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="browsesubsub getcat" onClick="getSubCat(\''+subcategory+'\', \''+category_id+'\', \''+category_name+'\' )" href="javascript:void(0)">BACK TO '+category_name+'<i class="fa fa-chevron-left" style="float:left;padding-right:10px;"></i> </a>';
    output = output + '<a class="browsesubsub browsesuball cat-'+ category_id + '_' + category +'" onClick="goSubCat(\''+category_id+'\', \''+category+'\')" href="javascript:void(0)"><i class="fa fa-chevron-right" style="float:right;"></i>ALL '+name+'</a>';
   var total_products = 0;
    $.get( "product/category/getSubSubCategory?category="+category +"&subcategory="+subcategory, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
            total_products = total_products  + parseInt(item['product_count']);
        if(parseInt(item['product_count']) > 0){
            output = output + '<a class="browsesubsub cat-'+category_id + '_' + category + '_' +item['sub_id']+'" onClick="goSubSubCat(\''+category_id+'\' , \''+item['sub_parent']+'\' , \''+item['sub_id']+'\')" href="javascript:void(0)">'+ item['sub_name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +' </a>';
        }
        });
        if(data.length > 0 && total_products > 0){
            sessionStorage.setItem("subclick", subcategory);
            $(".catdrilldown").html(output);
            sessionStorage.setItem("categories", output);
            loadActive();
        }else{
            goSubCat(category_id, category);
        }
        });
    }
}

function goCat(category_id){
    window.location.href = 'https://racetech.co.za/product/category&path='+ category_id; 
}
function goSubCat(category_id, subcategory){
    window.location.href = 'https://racetech.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://racetech.co.za/product/category&path='+ category_id + '_' + subcategory + '_' + subsub; 
}
document.addEventListener('readystatechange', function() {
    if (document.readyState === "complete") {
        loadCategories();
    }
});
</script>    </div>
</div>

<script>
document.getElementById("mbmySidenav").style.borderRight = "none";

function mbopenSideNav() {
  var x = $(document).scrollTop();
  sessionStorage.setItem("scrollbary", x);
  $('#mbmySidenav').css({'left' : "0"});    
  $("#mbunder").width("100%");
  $('body').css('overflow', 'hidden');
  $('.mbclosebtn').css('display', 'block');
  document.getElementById("mbmySidenav").style.borderRight = "1px solid #999";
}

function mbcloseSideNav() {
  $('#container').attr('onclick', '');
  $('#mbmySidenav').css('left', '-300px');
  $('body').css('overflow', 'initial')
  $("#mbunder").width("0px");
  $('.mbclosebtn').css('display', 'none');
  document.getElementById("mbmySidenav").style.borderRight = "0px";
  var x = sessionStorage.getItem("scrollbary");
    $(document).scrollTop(x);
}

function mbshowCatMenu(){
  $("#mbcategory").show();
  $("#mbAcc").hide();
  $("#mbshowCat").addClass("mbactive");
  loadCategories();
}

function mbshowAccMenu(){
  $("#mbcategory").hide();
  $('.mbprofilecard').show();
  $("#mbAcc").show();
  $("#mbshowAcc").addClass("mbactive");
  loadCategories();
}

$('#container').on('mousedown', function () {
  if( $("#mbmySidenav").width() > 0){
    $("#mbmySidenav").width("0px");
    $("#mbmain").show();
  }
});


function mbSelectCatMenu(){
  $('#mbCatBack').show();
  $('.mbprofilecard').hide();
  mbopenSideNav();
  mbshowCatMenu();
}

function mbCatMenu(){
  $('#mbCatBack').hide();
  $('.mbprofilecard').hide(); 
  mbopenSideNav();
  mbshowCatMenu();
}

function mbMenu(){
  $('.mbprofilecard').show();
  mbopenSideNav();
  mbshowAccMenu();
}


$(document).ready(function() {
  mbshowCatMenu();
});
</script></script><div class="container">
<div id="snackbar">Successfully added to cart</div>
<div id="snackbarWL">Successfully added to Wish List</div>
<div id="snackbarLO">Please login to add a product to you Wish List</div>
 <div class="row">                <div id="content" class="col-sm-12">	  <hr/>
	 	  <div class="row"><div class="col-md-6 "> <h2>All Products</h2></div>
	  <div class="col-md-6"><div class="row">    
        <div class="col-md-5 text-right nopadding">
            <select id="input-sort" class="form-control" onchange="location = this.value;">
                                    <option value="https://racetech.co.za/product/category&amp;path=&amp;sort=p.sort_order&amp;order=ASC">Sort By</option>
                                                <option value="https://racetech.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                                <option value="https://racetech.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                                <option value="https://racetech.co.za/product/category&amp;path=&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                                <option value="https://racetech.co.za/product/category&amp;path=&amp;sort=p.price&amp;order=DESC">Price (High &gt; Low)</option>
                                  </select>
        </div>
        <div class="col-md-4 text-right nopadding">
            <select id="input-limit" class="form-control" onchange="location = this.value;">
                                    <option value="https://racetech.co.za/product/category&amp;path=&amp;limit=20" selected="selected">20</option>
                                                <option value="https://racetech.co.za/product/category&amp;path=&amp;limit=40">40</option>
                                                <option value="https://racetech.co.za/product/category&amp;path=&amp;limit=80">80</option>
                                                <option value="https://racetech.co.za/product/category&amp;path=&amp;limit=100">100</option>
                                  </select>
        </div>
      <div class="col-md-3 nopadding">
          <div class="btn-group hidden-xs">
            <button type="button" id="list-view" class="btn btn-default" data-toggle="tooltip" title="List"><i class="fa fa-th-list"></i></button>
            <button type="button" id="grid-view" class="btn btn-default" data-toggle="tooltip" title="Grid"><i class="fa fa-th"></i></button>
          </div>
        </div></div>
</div></div>
      	  <hr/>
            <div class="row">
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16344&amp;name=MOTOLUBE_HYDRAULIC_OIL_68_5L"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="MOTOLUBE HYDRAULIC OIL 68 5L" title="MOTOLUBE HYDRAULIC OIL 68 5L" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16344&amp;name=MOTOLUBE_HYDRAULIC_OIL_68_5L">MOTOLUBE HYDRAULIC OIL 68 5L</a></h6>
                                                <p class="price">
                  
                                              <strong>R250.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16344" class="qty_cat" max="4"/>

                      <button type="button" class="btn btn-success" id="button-add-16344" onclick="addTocart('16344'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16344'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16343&amp;name=WORKSHOP_ADD_DESCRIPTION"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="WORKSHOP ADD DESCRIPTION" title="WORKSHOP ADD DESCRIPTION" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16343&amp;name=WORKSHOP_ADD_DESCRIPTION">WORKSHOP ADD DESCRIPTION</a></h6>
                                                <p class="price">
                  
                                              <strong>R1.15</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16343" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16343'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16339&amp;name=PLASTIC_BADGE_-_FORTUNER_BLACK"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="PLASTIC BADGE - FORTUNER BLACK" title="PLASTIC BADGE - FORTUNER BLACK" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16339&amp;name=PLASTIC_BADGE_-_FORTUNER_BLACK">PLASTIC BADGE - FORTUNER BLACK</a></h6>
                                                <p class="price">
                  
                                              <strong>R500.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16339" class="qty_cat" max="2"/>

                      <button type="button" class="btn btn-success" id="button-add-16339" onclick="addTocart('16339'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16339'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16342&amp;name=BUMPER_GRILL_CENTER"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="BUMPER GRILL CENTER" title="BUMPER GRILL CENTER" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16342&amp;name=BUMPER_GRILL_CENTER">BUMPER GRILL CENTER</a></h6>
                                                <p class="price">
                  
                                              <strong>R550.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16342" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16342'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16340&amp;name=STEEL_BADGE_-_TSI_SMALL_SILVER"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="STEEL BADGE - TSI SMALL SILVER" title="STEEL BADGE - TSI SMALL SILVER" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16340&amp;name=STEEL_BADGE_-_TSI_SMALL_SILVER">STEEL BADGE - TSI SMALL SILVER</a></h6>
                                                <p class="price">
                  
                                              <strong>R200.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16340" class="qty_cat" max="2"/>

                      <button type="button" class="btn btn-success" id="button-add-16340" onclick="addTocart('16340'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16340'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16338&amp;name=PLASTIC_BADGE_-_FORTUNER_LONG_BLACK"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="PLASTIC BADGE - FORTUNER LONG BLACK" title="PLASTIC BADGE - FORTUNER LONG BLACK" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16338&amp;name=PLASTIC_BADGE_-_FORTUNER_LONG_BLACK">PLASTIC BADGE - FORTUNER LONG BLACK</a></h6>
                                                <p class="price">
                  
                                              <strong>R650.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16338" class="qty_cat" max="2"/>

                      <button type="button" class="btn btn-success" id="button-add-16338" onclick="addTocart('16338'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16338'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16341&amp;name=STEEL_BADGE_-_TSI_SMALL_RED"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="STEEL BADGE - TSI SMALL RED" title="STEEL BADGE - TSI SMALL RED" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16341&amp;name=STEEL_BADGE_-_TSI_SMALL_RED">STEEL BADGE - TSI SMALL RED</a></h6>
                                                <p class="price">
                  
                                              <strong>R650.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16341" class="qty_cat" max="2"/>

                      <button type="button" class="btn btn-success" id="button-add-16341" onclick="addTocart('16341'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16341'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16337&amp;name=INNOTEQ_PISTON_W%2FO_RINGS_1CYL"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="INNOTEQ PISTON W/O RINGS 1CYL" title="INNOTEQ PISTON W/O RINGS 1CYL" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16337&amp;name=INNOTEQ_PISTON_W%2FO_RINGS_1CYL">INNOTEQ PISTON W/O RINGS 1CYL</a></h6>
                                                <p class="price">
                  
                                              <strong>R437.50</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16337" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16337'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16335&amp;name=BRAKE_PADS"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="BRAKE PADS" title="BRAKE PADS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16335&amp;name=BRAKE_PADS">BRAKE PADS</a></h6>
                                                <p class="price">
                  
                                              <strong>R750.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16335" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16335'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16336&amp;name=MCW204_SPIRAL_CBL_CLOCK_SPRING_07-13"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="MCW204 SPIRAL CBL CLOCK SPRING 07-13" title="MCW204 SPIRAL CBL CLOCK SPRING 07-13" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16336&amp;name=MCW204_SPIRAL_CBL_CLOCK_SPRING_07-13">MCW204 SPIRAL CBL CLOCK SPRING 07-13</a></h6>
                                                <p class="price">
                  
                                              <strong>R1,200.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16336" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16336'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16329&amp;name=MAZDA%2FCOLT%2FRENAULT_FRONT_WHEEL"><img src="https://racetech.co.za/image/cache/product/br46-228x228.jpg" alt="MAZDA/COLT/RENAULT FRONT WHEEL" title="MAZDA/COLT/RENAULT FRONT WHEEL" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16329&amp;name=MAZDA%2FCOLT%2FRENAULT_FRONT_WHEEL">MAZDA/COLT/RENAULT FRONT WHEEL</a></h6>
                                                <p class="price">
                  
                                              <strong>R35.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16329" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16329'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16334&amp;name=EUROMANN_SENSOR--EXTERIOR_TEMPERATURE"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="EUROMANN SENSOR--EXTERIOR TEMPERATURE" title="EUROMANN SENSOR--EXTERIOR TEMPERATURE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16334&amp;name=EUROMANN_SENSOR--EXTERIOR_TEMPERATURE">EUROMANN SENSOR--EXTERIOR TEMPERATURE</a></h6>
                                                <p class="price">
                  
                                              <strong>R495.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16334" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16334'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16332&amp;name=PHLIPS_H4_ULT_PRO_9000_LED"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="PHLIPS H4 ULT PRO 9000 LED" title="PHLIPS H4 ULT PRO 9000 LED" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16332&amp;name=PHLIPS_H4_ULT_PRO_9000_LED">PHLIPS H4 ULT PRO 9000 LED</a></h6>
                                                <p class="price">
                  
                                              <strong>R2,500.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16332" class="qty_cat" max="1"/>

                      <button type="button" class="btn btn-success" id="button-add-16332" onclick="addTocart('16332'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16332'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16330&amp;name=ASTRA_F%2FKADETT%2FCORSA"><img src="https://racetech.co.za/image/cache/product/tt88-228x228.jpg" alt="ASTRA F/KADETT/CORSA" title="ASTRA F/KADETT/CORSA" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16330&amp;name=ASTRA_F%2FKADETT%2FCORSA">ASTRA F/KADETT/CORSA</a></h6>
                                                <p class="price">
                  
                                              <strong>R60.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16330" class="qty_cat" max="1"/>

                      <button type="button" class="btn btn-success" id="button-add-16330" onclick="addTocart('16330'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16330'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16328&amp;name=AUDI%2FFORD%2FMAZDA_DIFF_PINION"><img src="https://racetech.co.za/image/cache/product/br47-228x228.jpg" alt="AUDI/FORD/MAZDA DIFF PINION" title="AUDI/FORD/MAZDA DIFF PINION" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16328&amp;name=AUDI%2FFORD%2FMAZDA_DIFF_PINION">AUDI/FORD/MAZDA DIFF PINION</a></h6>
                                                <p class="price">
                  
                                              <strong>R30.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16328" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16328'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16333&amp;name=LED_PHILIPS_H7_LED_ULT"><img src="https://racetech.co.za/image/cache/product/placeholder-228x228.png" alt="LED PHILIPS H7 LED ULT" title="LED PHILIPS H7 LED ULT" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16333&amp;name=LED_PHILIPS_H7_LED_ULT">LED PHILIPS H7 LED ULT</a></h6>
                                                <p class="price">
                  
                                              <strong>R2,500.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16333" class="qty_cat" max="1"/>

                      <button type="button" class="btn btn-success" id="button-add-16333" onclick="addTocart('16333'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16333'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16331&amp;name=ASTRA_F%2FKAD_140%2F160%2FCORSA_B%2FC_130%2F140%2F16"><img src="https://racetech.co.za/image/cache/product/tt47-228x228.jpg" alt="ASTRA F/KAD 140/160/CORSA B/C 130/140/16" title="ASTRA F/KAD 140/160/CORSA B/C 130/140/16" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16331&amp;name=ASTRA_F%2FKAD_140%2F160%2FCORSA_B%2FC_130%2F140%2F16">ASTRA F/KAD 140/160/CORSA B/C 130/140/16</a></h6>
                                                <p class="price">
                  
                                              <strong>R65.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-16331" class="qty_cat" max="1"/>

                      <button type="button" class="btn btn-success" id="button-add-16331" onclick="addTocart('16331'); addToCartToast();">Add to Cart</button>
          
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16331'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16327&amp;name=OZK_BLANK_SILVER_BULLETS"><img src="https://racetech.co.za/image/cache/product/ozkbu-228x228.jpg" alt="OZK BLANK SILVER BULLETS" title="OZK BLANK SILVER BULLETS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16327&amp;name=OZK_BLANK_SILVER_BULLETS">OZK BLANK SILVER BULLETS</a></h6>
                                                <p class="price">
                  
                                              <strong>R20.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16327" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16327'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16325&amp;name=GSP_TIE-ROD_ENDS_-LEFT-RIGHT-PAIR"><img src="https://racetech.co.za/image/cache/product/so71596k-228x228.jpg" alt="GSP TIE-ROD ENDS -LEFT-RIGHT-PAIR" title="GSP TIE-ROD ENDS -LEFT-RIGHT-PAIR" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16325&amp;name=GSP_TIE-ROD_ENDS_-LEFT-RIGHT-PAIR">GSP TIE-ROD ENDS -LEFT-RIGHT-PAIR</a></h6>
                                                <p class="price">
                  
                                              <strong>R840.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16325" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16325'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16326&amp;name=GSP_TIE-ROD%2FRACK_END-LEFT_OR_RIGHT"><img src="https://racetech.co.za/image/cache/product/so30167-228x228.jpg" alt="GSP TIE-ROD/RACK END-LEFT OR RIGHT" title="GSP TIE-ROD/RACK END-LEFT OR RIGHT" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://racetech.co.za/product/product&amp;path=&amp;product_id=16326&amp;name=GSP_TIE-ROD%2FRACK_END-LEFT_OR_RIGHT">GSP TIE-ROD/RACK END-LEFT OR RIGHT</a></h6>
                                                <p class="price">
                  
                                              <strong>R660.00</strong>
                      
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-16326" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('16326'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
              </div>
	  <hr>
      <div class="row">
        <div class="col-sm-8 text-left"><ul class="pagination"><li class="active"><span>1</span></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=2&amp;newarrivals=N&amp;featured=N&amp;promotion=N">2</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=3&amp;newarrivals=N&amp;featured=N&amp;promotion=N">3</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=4&amp;newarrivals=N&amp;featured=N&amp;promotion=N">4</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=5&amp;newarrivals=N&amp;featured=N&amp;promotion=N">5</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=6&amp;newarrivals=N&amp;featured=N&amp;promotion=N">6</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=7&amp;newarrivals=N&amp;featured=N&amp;promotion=N">7</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=8&amp;newarrivals=N&amp;featured=N&amp;promotion=N">8</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=9&amp;newarrivals=N&amp;featured=N&amp;promotion=N">9</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=2&amp;newarrivals=N&amp;featured=N&amp;promotion=N">&gt;</a></li><li><a href="https://racetech.co.za/product/category&amp;path=&amp;page=770&amp;newarrivals=N&amp;featured=N&amp;promotion=N">&gt;|</a></li></ul></div>
        <div class="col-sm-4 text-right">Showing 1 to 20 of 15384 (770 Pages)</div>
      </div>
                  </div>
    </div>
</div>
<script>
 var el = document.getElementById('li_0');
  if(el) {
    el.className += el.className ? ' active' : 'active';
  }

  var el2 = document.getElementById('li_');
  if(el2) {
    el2.classList.remove("active");
  }
  $('select').on('change', function() {
    var product = this.value;
    var main = this.id.split("-")[1];
    var target = '#button-add-'+ main;
    $(target).attr('onClick', 'addTocart('+product+');')
});

function addToCartToast()
{
  var x = document.getElementById("snackbar");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

function openAlert() 
{
    swal({

        title: "Warning",
        text: "The product has been added to your cart however, it CANNOT be shipped.",
        icon: "warning",
        button: "Continue",
        dangerMode: true,
        });
}

function wishListToast()
{
  var x = document.getElementById("snackbarWL");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

function wishListToastNotLoggedIn()
{
  var x = document.getElementById("snackbarLO");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

</script>
<!-- New Footer -->
<footer id = "footer">
    
    <section class="carousel-slider">
<div class="carousel">
<div class"slide"><img src="./assets/images/brandlogos/airhead.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/areon.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/armorall.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/bmc.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/bosch.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/gluedevil.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/hella.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/ironman.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/k&n.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/level.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/mcgard.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/quicksilver.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/turtlewax.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/varta.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/yamaha.png" height="30px"></a></div></div>
</section>
    <section class="footer">
  <div class="footer__container">
  <div class="footer__item footer__item1">
    <h2 class = "footer__heading">Information</h2>
    <div class="footer__body">
    <a class = "footer__body__text" href="https://racetech.co.za/information/contact">Contact</a><br>
    	    <a class="footer__body__text " href="https://racetech.co.za/information/information&information_id=6">Delivery Information</a><br>
    	    <a class="footer__body__text " href="https://racetech.co.za/information/information&information_id=7">Returns and Refunds</a><br>
    	    <a class="footer__body__text " href="https://racetech.co.za/information/information&information_id=3">Terms and Conditions</a><br>
        </div>
  </div>
  <div class="footer__item footer__item2">
    <h2 class = "footer__heading">Shop</h2>
    <div class="footer__body">
    <a class = "footer__body__text" href="https://racetech.co.za/product/category&path=0">Products</a><br>
    <a class = "footer__body__text" href="https://racetech.co.za/product/special">Promotions</a><br> 
    </div>
  </div> 
  <div class="footer__item footer__item3">
    <h2 class = "footer__heading">Account</h2>
    <div class="footer__body">
    <a class = "footer__body__text" href="https://racetech.co.za/account/account">My Account</a><br>
    <a class = "footer__body__text" href="https://racetech.co.za/account/wishlist">My Wishlist</a><br>
    <a class = "footer__body__text" href="https://racetech.co.za/checkout/cart">View Cart</a><br>
    <a class = "footer__body__text" href="https://racetech.co.za/checkout/checkout">Checkout</a><br>
      </div>
  </div>
  <div class="footer__item footer__item4">
    <h2 class = "footer__heading footer__heading__last">Get In Touch</h2>
    <div class="footer__body footer__body__last">
        			  <a class = "footer__body__text" href="tel:061 527 1605"><i class="fas fa-phone"></i> 061 527 1605</a><br>
        			  <a class = "footer__body__text" href="tel: 061 580 5741"><i class="fas fa-phone"></i>  061 580 5741</a><br>
                <p class = "footer__body__follow footer__body__text"><i class="fas fa-heart"></i> Follow Us:</p>
        <div class="footer__body__social">
             <a class = "facebook" href="https://www.facebook.com/pages/category/Motor-Vehicle-Company/RaceTech-115212891894063" target = "_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50pt" height="50pt" viewBox="0 0 50 50" version="1.1"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(25.882353%,40.392157%,69.803922%);fill-opacity:1;" d="M 47.238281 0 L 2.757812 0 C 1.234375 0 0 1.238281 0 2.761719 L 0 47.242188 C 0 48.765625 1.238281 50 2.761719 50 L 47.238281 50 C 48.765625 50 50 48.765625 50 47.242188 C 50 47.242188 50 47.242188 50 47.238281 L 50 2.757812 C 50 1.234375 48.761719 0 47.238281 0 Z M 47.238281 0 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 34.523438 50 L 34.523438 30.664062 L 41.039062 30.664062 L 42.015625 23.09375 L 34.523438 23.09375 L 34.523438 18.277344 C 34.523438 16.089844 35.128906 14.601562 38.261719 14.601562 L 42.234375 14.601562 L 42.234375 7.847656 C 41.546875 7.757812 39.171875 7.550781 36.414062 7.550781 C 30.652344 7.550781 26.710938 11.066406 26.710938 17.527344 L 26.710938 23.097656 L 20.214844 23.097656 L 20.214844 30.664062 L 26.710938 30.664062 L 26.710938 50 Z M 34.523438 50 "/></g></svg></a>
                  <a class = "instagram" href="https://www.instagram.com/racetechcoza" target = "_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50pt" height="50pt" viewBox="0 0 50 50" version="1.1"><defs><radialGradient id="radial0" gradientUnits="userSpaceOnUse" cx="217.76" cy="3290.99" fx="217.76" fy="3290.99" r="4271.92" gradientTransform="matrix(0.0148602,0,0,0.0148602,0,0)"><stop offset="0.09" style="stop-color:rgb(98.039216%,56.078431%,12.941176%);stop-opacity:1;"/><stop offset="0.78" style="stop-color:rgb(84.705882%,17.647059%,49.411765%);stop-opacity:1;"/></radialGradient><radialGradient id="radial1" gradientUnits="userSpaceOnUse" cx="2330.61" cy="3182.95" fx="2330.61" fy="3182.95" r="3759.33" gradientTransform="matrix(0.0148602,0,0,0.0148602,0,0)"><stop offset="0.64" style="stop-color:rgb(54.901961%,22.745098%,66.666667%);stop-opacity:0;"/><stop offset="1" style="stop-color:rgb(54.901961%,22.745098%,66.666667%);stop-opacity:1;"/></radialGradient></defs><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:url(#radial0);" d="M 12.679688 49.824219 C 9.707031 49.6875 8.089844 49.191406 7.015625 48.773438 C 5.59375 48.21875 4.578125 47.558594 3.507812 46.492188 C 2.441406 45.425781 1.777344 44.410156 1.226562 42.988281 C 0.808594 41.914062 0.3125 40.296875 0.179688 37.324219 C 0.03125 34.109375 0 33.144531 0 25.003906 C 0 16.859375 0.03125 15.894531 0.175781 12.679688 C 0.3125 9.707031 0.808594 8.09375 1.226562 7.015625 C 1.78125 5.59375 2.441406 4.578125 3.507812 3.507812 C 4.574219 2.441406 5.589844 1.777344 7.015625 1.226562 C 8.089844 0.808594 9.703125 0.3125 12.675781 0.175781 C 15.894531 0.03125 16.859375 0 25 0 C 33.144531 0 34.105469 0.03125 37.324219 0.175781 C 40.296875 0.3125 41.910156 0.808594 42.984375 1.226562 C 44.410156 1.777344 45.425781 2.441406 46.492188 3.507812 C 47.5625 4.574219 48.21875 5.589844 48.773438 7.015625 C 49.191406 8.089844 49.6875 9.703125 49.824219 12.675781 C 49.96875 15.894531 50 16.855469 50 25 C 50 33.140625 49.96875 34.105469 49.824219 37.324219 C 49.6875 40.296875 49.191406 41.914062 48.773438 42.988281 C 48.21875 44.410156 47.558594 45.425781 46.492188 46.492188 C 45.425781 47.558594 44.410156 48.21875 42.984375 48.773438 C 41.910156 49.191406 40.296875 49.6875 37.324219 49.824219 C 34.109375 49.96875 33.144531 50 25 50 C 16.859375 50 15.894531 49.972656 12.679688 49.824219 "/><path style=" stroke:none;fill-rule:nonzero;fill:url(#radial1);" d="M 12.679688 49.824219 C 9.707031 49.6875 8.089844 49.191406 7.015625 48.773438 C 5.59375 48.21875 4.578125 47.558594 3.507812 46.492188 C 2.441406 45.425781 1.777344 44.410156 1.226562 42.988281 C 0.808594 41.914062 0.3125 40.296875 0.179688 37.324219 C 0.03125 34.109375 0 33.144531 0 25.003906 C 0 16.859375 0.03125 15.894531 0.175781 12.679688 C 0.3125 9.707031 0.808594 8.09375 1.226562 7.015625 C 1.78125 5.59375 2.441406 4.578125 3.507812 3.507812 C 4.574219 2.441406 5.589844 1.777344 7.015625 1.226562 C 8.089844 0.808594 9.703125 0.3125 12.675781 0.175781 C 15.894531 0.03125 16.859375 0 25 0 C 33.144531 0 34.105469 0.03125 37.324219 0.175781 C 40.296875 0.3125 41.910156 0.808594 42.984375 1.226562 C 44.410156 1.777344 45.425781 2.441406 46.492188 3.507812 C 47.5625 4.574219 48.21875 5.589844 48.773438 7.015625 C 49.191406 8.089844 49.6875 9.703125 49.824219 12.675781 C 49.96875 15.894531 50 16.855469 50 25 C 50 33.140625 49.96875 34.105469 49.824219 37.324219 C 49.6875 40.296875 49.191406 41.914062 48.773438 42.988281 C 48.21875 44.410156 47.558594 45.425781 46.492188 46.492188 C 45.425781 47.558594 44.410156 48.21875 42.984375 48.773438 C 41.910156 49.191406 40.296875 49.6875 37.324219 49.824219 C 34.109375 49.96875 33.144531 50 25 50 C 16.859375 50 15.894531 49.972656 12.679688 49.824219 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 18.859375 25.105469 C 18.859375 21.6875 21.632812 18.914062 25.050781 18.914062 C 28.472656 18.914062 31.246094 21.6875 31.246094 25.105469 C 31.246094 28.527344 28.472656 31.296875 25.050781 31.296875 C 21.632812 31.296875 18.859375 28.527344 18.859375 25.105469 M 15.515625 25.105469 C 15.515625 30.375 19.785156 34.644531 25.050781 34.644531 C 30.320312 34.644531 34.589844 30.375 34.589844 25.105469 C 34.589844 19.839844 30.320312 15.570312 25.050781 15.570312 C 19.785156 15.570312 15.515625 19.839844 15.515625 25.105469 M 32.738281 15.191406 C 32.738281 16.421875 33.734375 17.417969 34.96875 17.421875 C 36.199219 17.421875 37.195312 16.421875 37.195312 15.191406 C 37.199219 13.960938 36.199219 12.960938 34.96875 12.960938 C 33.738281 12.960938 32.738281 13.960938 32.738281 15.191406 M 17.546875 40.226562 C 15.738281 40.144531 14.753906 39.84375 14.097656 39.585938 C 13.230469 39.25 12.613281 38.847656 11.960938 38.199219 C 11.3125 37.546875 10.910156 36.929688 10.570312 36.0625 C 10.316406 35.410156 10.015625 34.425781 9.933594 32.613281 C 9.84375 30.65625 9.824219 30.066406 9.824219 25.105469 C 9.824219 20.144531 9.84375 19.558594 9.933594 17.601562 C 10.015625 15.789062 10.320312 14.804688 10.570312 14.152344 C 10.910156 13.285156 11.3125 12.664062 11.960938 12.015625 C 12.609375 11.363281 13.230469 10.960938 14.097656 10.625 C 14.753906 10.371094 15.738281 10.066406 17.546875 9.984375 C 19.503906 9.894531 20.09375 9.878906 25.050781 9.878906 C 30.011719 9.878906 30.597656 9.898438 32.558594 9.984375 C 34.371094 10.070312 35.351562 10.371094 36.007812 10.625 C 36.875 10.960938 37.492188 11.363281 38.144531 12.015625 C 38.796875 12.664062 39.195312 13.285156 39.535156 14.152344 C 39.789062 14.804688 40.089844 15.789062 40.171875 17.601562 C 40.261719 19.558594 40.28125 20.148438 40.28125 25.105469 C 40.28125 30.066406 40.261719 30.652344 40.171875 32.613281 C 40.089844 34.425781 39.789062 35.410156 39.535156 36.0625 C 39.195312 36.929688 38.792969 37.550781 38.144531 38.199219 C 37.496094 38.847656 36.875 39.25 36.007812 39.585938 C 35.355469 39.84375 34.371094 40.144531 32.558594 40.226562 C 30.601562 40.316406 30.011719 40.335938 25.050781 40.335938 C 20.089844 40.335938 19.503906 40.316406 17.546875 40.226562 M 17.394531 6.644531 C 15.417969 6.734375 14.066406 7.046875 12.886719 7.507812 C 11.664062 7.980469 10.628906 8.617188 9.59375 9.648438 C 8.5625 10.679688 7.925781 11.714844 7.453125 12.941406 C 6.992188 14.121094 6.679688 15.472656 6.589844 17.449219 C 6.496094 19.429688 6.476562 20.0625 6.476562 25.105469 C 6.476562 30.152344 6.496094 30.785156 6.589844 32.765625 C 6.679688 34.742188 6.992188 36.09375 7.453125 37.273438 C 7.925781 38.496094 8.5625 39.53125 9.59375 40.5625 C 10.628906 41.59375 11.664062 42.230469 12.886719 42.707031 C 14.066406 43.164062 15.417969 43.480469 17.394531 43.570312 C 19.375 43.660156 20.007812 43.683594 25.050781 43.683594 C 30.097656 43.683594 30.730469 43.660156 32.710938 43.570312 C 34.6875 43.480469 36.039062 43.164062 37.21875 42.707031 C 38.441406 42.230469 39.476562 41.597656 40.507812 40.5625 C 41.542969 39.53125 42.175781 38.496094 42.652344 37.273438 C 43.109375 36.09375 43.425781 34.742188 43.515625 32.765625 C 43.605469 30.78125 43.625 30.152344 43.625 25.105469 C 43.625 20.0625 43.605469 19.429688 43.515625 17.449219 C 43.425781 15.472656 43.109375 14.121094 42.652344 12.941406 C 42.175781 11.71875 41.542969 10.683594 40.507812 9.648438 C 39.476562 8.617188 38.441406 7.980469 37.21875 7.507812 C 36.039062 7.046875 34.6875 6.730469 32.710938 6.644531 C 30.730469 6.554688 30.097656 6.53125 25.054688 6.53125 C 20.011719 6.53125 19.375 6.550781 17.394531 6.644531 "/></g></svg></a>
             </div>
      </div>
  </div>
  </div>
  <section class="footer__payment">
    <div class="footer__payment__logos footer__payment__paygate">
      <div class="payment-item footer__payment__item1"><img src="https://racetech.co.za/assets/images/paymentlogospaygate/paygate5.png" width="" alt="Payagte"></div>
      <div class="payment-item footer__payment__item2"><img src="https://racetech.co.za/assets/images/paymentlogospaygate/mastercard3.png" width="" alt="Matercard"></div>
      <div class="payment-item footer__payment__item3"><img src="https://racetech.co.za/assets/images/paymentlogospaygate/Visa3.png" width="" alt="Visa"></div>
      <div class="payment-item footer__payment__item4"><img src="https://racetech.co.za/assets/images/paymentlogospaygate/mastercardsecure3.png" width="" alt="Mastercard Secure"></div>
      <div class="payment-item footer__payment__item5"><img src="https://racetech.co.za/assets/images/paymentlogospaygate/instanteft3.png" width="" alt="Instant EFT"></div>
      <div class="payment-item footer__payment__item6"><img src="https://racetech.co.za/assets/images/paymentlogospaygate/visaverified3.png" width="" alt="Verified by Visa"></div>
  </div>
      </section>
  <section class="bottom__bar">
  <div class="bottom__bar__copyright">
    <p>Racetech &copy; 2026 | <a href="https://www.mifs.co.za" target = "_blank">Webshop by Mifs Solutions - POS-i-TILL</a> </p>
  </div>
  </section>
  </footer>
  <a id="back-to-top" href="#" class="btn btn-default btn-lg back-to-top" role="button" ><span class="glyphicon glyphicon-chevron-up"></span></a>
  <script>
    //   Mobile Footer Collapsible
var coll = document.getElementsByClassName("footer__heading");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function () {
    this.classList.toggle("footer__collapsible");
    var footer__body = this.nextElementSibling;
    if (footer__body.style.display === "block" && jQuery(window).width() < 650) {
      footer__body.style.display = "none";
    } else {
      footer__body.style.display = "block";
    }
  });
}
  </script>
    <script>
        whatsapp_icon();
</script>

    <script>

// Slick Slider Carousel
jQuery(document).ready(function ($) {
  $('.carousel').slick({
    infinite: true,
    slidesToShow: 8,
    slidesToScroll: 1,
    autoplay: true,
    centerMode: true,
    fade: false,
    lazyload: 'ondemand',
    autoplaySpeed: 700,
    arrows: false,
    dots: false,
    pauseOnHover: true,
    responsive: [{
      breakpoint: 1100,
      settings: {
        slidesToShow: 6
      }
    }, {
      breakpoint: 768,
      settings: {
        slidesToShow: 4
      }
    }, {
      breakpoint: 520,
      settings: {
        slidesToShow: 3
      }
    }]
  });
});
  </script>


</body></html>