




	
	
			
	
	
				
		
			
	
	
	
		
	
		
	
	
			
						
		
						
				
	
						
				
		
						
				
	
	
	
		
						
			
						
	
						
	
						
	
	
	
			
						
		
						
	
	
	
		
						
				
		
			
									
					
									
					
									
					
									
					
									
					
	
						
				
	
	
	
		
	
		
						
		
						
		
						
	
	
		
	
	
	
	
		
	
		
						
				
	
	
						
				
	
	
						
				
	
	
	
		
	
		
						
	
	
						
						
			
	
						
						
	
						
	
				
				
				
				
	
	
						
	
	
	
		
						
				
		
						
				
		
						
				
	
						
				
	
	
	
	
		
		
	
		
	
	
		
		
						
		
			
						
	
	
				
			
							
				
	
									
					
	
									
					
	
									
					
	
							
				
	
																	
					
					
							
				
	
							
				
	
							
				
	
	
	
		
						
	
			
				
				
	
				
				
	
	
	
	
	
		
		
	
	
		
						
				
	
						
				
	
	
	
		
						
				
	
	
						
				
	
	
						
				
	
	
						
				
	
				
				
	
						
				
	
				
	
	
						
		
						
	
	
	
		
						
				
	
	
	
		
						
	
						
				
	
											
									
					
	
						
				
	
	
	
	
	
		
		
						
				
		
						
				
		
						
				
	
						
		
						
				
		
						
				
	
						
			
						
	
	
	
		
											
					
	
					
					
	
									
	
	
									
					
	
					
					
	
									
	
	
	
		
	
	
		
						
				
	
						
	
						
	
						
	
	
	
	
	
		
		
						
				
	
			
						
				
	
						
				
	
										
				
	
	
	
			
						
				
	
						
				
	
						
				
		
			
									
					
					
									
					
					
									
					
					
														
					
					
									
					
					
									
					
					
									
					
					
									
					
					
	
	
	
		
						
				
	
				
				
	
										
				
	
				
				
	
				
				
	
	
	
	
		
		
						
	
						
				
	
						
				
	
						
				
	
	
	
		
						
				
		
						
				
	
						
		
											
					
									
					
									
					
		
							
					
	
	
	
		
	
	
		
						
				
	
				
				
				
	
	
	
		
						
				
	
						
	
						
				
									
					
	
	
	
					
				
		
							
	
	
	
		
						
	
	
		
						
		
																										
	
	
	
	
	
		
		
						
				
		
						
				
	
																		
					
					
					
					 					
					
					
					
					
					
					
					
	
	
		
						
				
			
							
			
							
				
							
	
	
	
		
						
	
						
	
	
	
		
																
	
	
		
																											
	
	
		
						
				
		
						
				
	
						
	
						
				
				
	
						
				 				
	
						
				 				
	
						
				
				
	
	
	
	
		
						
				
	
	
						
	
	
	
	
		
						
				
		
	
						
	
	
						
	
	
	
			
						
	
						
	
						
	
	
	
	
	
		
						
				
	
	
	
	
		
						
				
	
	
	
	
		
											
					
						
	
						
	
						

        



		
		




        

        



            
    
    
            
    

        
    
        
        
   
        
            
    
    
            
    

        
    
        
      
        
        
            
    
    
            
    

        
    
        
        
      
        
            
    
    
            
    

        
    
        
        
       
        
            
    
    
            
    

        
    
        
        
       
        
            
    
    
            
    

        
    
        
        
       
        
            
    
    
            
    

        
    
        
        
       
        
            
    
    
            
    

        
    
        
        
       
        
            
    
    
            
    

        
    
        
        
       
        
            
    
    
            
    

        
    
        
    
    
 
	        
    
    
            
    

        



	        
    
    
            
    

        



		        
    
    
            
    

        

		        
    
    
            
    

        
    
    
    
	        
    
    
            
    
    
        
    
    
    
        
    
    



    
            
    
    
            
    

        
    
    
    
            
    
    
            
    

        

	
    
            
    
    
            
    

        
    

            
    
    
            
    

        


            
    
    
            
    

        



		






















































<!DOCTYPE HTML >
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />


<link rel="home" href="https://www.tektile.com.au/" title="Home Page" />
<link rel="about" href="https://www.tektile.com.au/" title="About TekTile Australia" />






	<link rel="author" href="https://www.tektile.com.au/" title="About TekTile Australia" />
<link rel="contents" href="https://www.tektile.com.au/site/pages/sitemap.php" title="Site Map" />
<link rel="copyright" href="https://www.tektile.com.au/site/pages/onlineterms.php" title="Terms of Use" />

<link rel="shortcut icon" href="https://www.tektile.com.au/documents/favicon.ico" type="image/x-icon" />



		<title>Design Range - TekTile Australia</title>
	<meta name="description" content="Design Range - TekTile Australia" />
	<meta name="keywords" content="TekTile Australia" />
	<link rel="canonical" href="https://www.tektile.com.au/designQR.php" />





<script type="text/javascript" src="https://www.tektile.com.au/documents/javascript/jquery-1.11.3.min.js"></script>
<!-- HTML5 shim, for IE6, IE7, IE8 support of HTML5 elements -->
<!--[if lt IE 9]>
	<script type="text/javascript" src="https://www.tektile.com.au/documents/javascript/html5shiv.min.js"></script> 	<script type="text/javascript" src="https://www.tektile.com.au/documents/javascript/respond.min.js"></script> <![endif]-->
<!--[if lt IE 10]>
	<script type="text/javascript" src="https://www.tektile.com.au/documents/javascript/jquery.placeholder.js"></script>
	
	<script>
	$(function() {
		// Invoke the plugin to support form input placeholder
		$('input, textarea').placeholder();
	}); 
	</script>
	
<![endif]-->
<script type="text/javascript" src="https://www.tektile.com.au/documents/javascript/bootstrap.min.js"></script> <script type="text/javascript" src="https://www.tektile.com.au/documents/javascript/jquery.simplyCountable.js"></script>
<script type="text/javascript" src="https://www.tektile.com.au/documents/javascript/jquery.ba-throttle-debounce.min.js"></script>
<script src="https://www.tektile.com.au/documents/javascript/jquery.ui.totop.js"></script>
<script src="https://www.tektile.com.au/documents/javascript/easing.js"></script>

<script language="javascript" type="text/javascript" src="https://www.tektile.com.au/documents/javascript/site.js"></script>




<!-- Start of briancummins Zendesk Widget script -->

	<script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(e){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var e=this.createElement("script");n&&(this.domain=n),e.id="js-iframe-async",e.src="https://assets.zendesk.com/embeddable_framework/main.js",this.t=+new Date,this.zendeskHost="briancummins.zendesk.com",this.zEQueue=a,this.body.appendChild(e)},o.write('<body onload="document._l();">'),o.close()}();
	/*]]>*/</script>

<!-- End of briancummins Zendesk Widget script -->




<link rel="stylesheet" type="text/css" href="https://www.tektile.com.au/documents/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="https://www.tektile.com.au/documents/font-awesome.min.css" /> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://www.tektile.com.au/documents/site.css" />
<link rel="stylesheet" type="text/css" href="https://www.tektile.com.au/documents/responsive.css" />


<style type="text/css">
	@font-face {
	  font-family: 'FontAwesome';
	  src: url('https://www.tektile.com.au/documents/fonts/fontawesome-webfont.eot');
	  src: url('https://www.tektile.com.au/documents/fonts/fontawesome-webfont.eot#') format('embedded-opentype'), url('https://www.tektile.com.au/documents/fonts/fontawesome-webfont.woff') format('woff'), url('https://www.tektile.com.au/documents/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://www.tektile.com.au/documents/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
</style>




	
	<style type="text/css">
	.social_facebook .fa-stack-1x, .social_twitter .fa-stack-1x, .social_googleplus .fa-stack-1x, .social_youtube .fa-stack-1x,
	.social_linkedin .fa-stack-1x, .social_pinterest .fa-stack-1x, .social_instagram .fa-stack-1x, .social_soundcloud .fa-stack-1x, 
	.social_rss .fa-stack-1x { 
		color: #fff !important; 
	}
	.social_facebook		{ color: #3B5998 !important; }
	.social_twitter			{ color: #00ACED !important; }
	.social_googleplus		{ color: #D14836 !important; }
	.social_youtube			{ color: #CD332D !important; }
	.social_linkedin		{ color: #007FB1 !important; }
	.social_pinterest		{ color: #CB2027 !important; }
	.social_instagram		{ color: #3F729B !important; }
	.social_soundcloud		{ color: #FF6600 !important; }
	.social_rss				{ color: #FF8300 !important; }
	</style>
	














<script>
$(function () {
	// Android checks and changes
	var nua = navigator.userAgent
	var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
	if (isAndroid) {
		$('select.form-control').removeClass('form-control').css('width', '100%').css('height','32px'); /* resets select dropdown to default and sets height/width otherwise select fields look like regular inputs */
		$('.checkbox input').css('margin-top', '-2px'); /* removes margin-top on checkbox to line up labels */
	}
	// Opera checks and changes
	var isChromium = window.chrome;
	var isOpera = window.navigator.userAgent.indexOf("OPR") > -1 || window.navigator.userAgent.indexOf("Opera") > -1;
	if (isChromium !== null && isOpera == true) {
		$('.form-control').css('height', '30px'); /* change size of form controls or inputs are too tall */
		$('.galleryCart').css('min-height', '40px'); /* change size of cart size because this browser is whack */
		$('.featureCart').css('min-height', '40px');
		$('.addonCart').css('min-height', '40px');
	}

})
</script>




<script language="JavaScript" type="text/javascript">
	/* <![CDATA[ */
	
	$(document).ready(function(){
	

				
				
		
		
		$('.carousel').carousel({
			
							interval: 5000
						
		});
		

				
		
		
		
		
		
				
		
		
		
		
				
				
		
		
		
		 
										
				
				
				
		$().UItoTop({ easingType: 'easeOutQuart' });

	});
	
	
	/* ]]> */
</script>




		
	<!-- Global Site Tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-0KQKP0JG13"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
	
		// Set up Virtual Pageviews for Payment pages
					// Standard non-payment page
			gtag('config', 'G-0KQKP0JG13');
				
			</script>


		
    
	








<!--[if lte IE 8]>
<style type="text/css">
span.rotated {
	background: gray; /* need a color for filter */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
</style>
<![endif]-->




<script type="text/javascript">


$( function() {

	var json_obj = $.parseJSON("{\"DESIGN RANGE\":{\"P\":1,\"C\":[]},\"INDUSTRIAL RANGE\":{\"P\":3,\"C\":{\"ANTI STATIC FLOORING\":{\"P\":1,\"C\":null},\"ESD FLOORING\":{\"P\":1,\"C\":null},\"SPECIAL ORDERS\":{\"P\":2,\"C\":[\"ANTI STATIC SPECIAL ORDER\",\"CHEQUER PLATE DOVETAIL\",\"CHEQUER PLATE DOVETAIL PU COATED\",\"LEATHER EXCEL HIDDEN JOIN\",\"LEATHER EXCEL HIDDEN JOIN PU COATED\",\"SCRUBBER MACHINES\",\"SLATE HIDDEN JOIN\",\"SLATE HIDDEN JOIN PU COATED\",\"STUDDED T-JOIN\",\"STUDDED T-JOIN PU COATED\",\"TEXTURED DOVETAIL PU COATED\",\"TEXTURED DOVETAIL SPECIAL ORDER\",\"TILE CORNER\",\"TILE EDGING\",\"TRANSITION STRIP\"]}}},\"URBAN RANGE\":{\"P\":1,\"C\":[]}}");
	var VHN = 'https://www.tektile.com.au/';
	var sVHN = 'https://www.tektile.com.au/';

	menu1 = new SEL_CatMenu();

	menu1.init( json_obj, VHN, sVHN, 'menu1' ); // 4th param is the css element id namespace

	/* SET ICONS: desktop-closed, desktop-open, mobile-closed, mobile-open */
	/* Choose a different icon from http://fortawesome.github.io/Font-Awesome/icons/ */
	menu1.setMenuIconClasses( 'fa fa-chevron-right', 'fa fa-minus', 'fa fa-chevron-right', 'fa fa-minus' );

	menu1.setSelectedCats( "", "", "" );

	
		

	menu1.render( 'menuholder', 'menuholder_phone' );

// split menu example. Needs another pair of divs to hold the split menu for desktop and phone
/*
	var json_obj_NoCat = $.parseJSON('');

	menu2 = new SEL_CatMenu();
	menu2.init( json_obj_NoCat, VHN, sVHN, 'menu2' ); // 4th param is the css element id namespace
	menu2.render( 'menuholder_split', 'menuholder_phone2' );
*/
});


var SEL_CatMenu = (function() {

	//properties/fields
	var jsonCatData;
	var publicVHN;
	var secureVHN;

	var selectedCat1 = "";
	var selectedCat2 = "";
	var selectedCat3 = "";

	var noChildProductBehaviour_always_link = false;


	var noDataToggleOnMenu = false;



	// Desktop/Tablet (non "Phone") menu element classes
	var desktopCSSClasses = {
		wrapperDivclass : "",
		cat1ULclass : "nav nav-list",
		cat1LIclass : "",
		cat1ALinkclass : "",
		cat2ULclass : "nav nav-list collapse",
		cat2LIclass : "",
		cat2ALinkclass : "",
		cat3ULclass : "nav nav-list collapse",
		cat3LIclass : "",
		cat3ALinkclass : "",
		SubtreeOpenclass : "in",
		SubtreeClosedclass : "",
		CatIsActiveClass : 'active',
		SubcatControlIconClosed: 'fa fa-chevron-right',
		SubcatControlIconOpen: 'fa fa-minus'
	};

	// Phone menu element classes
	var phoneCSSClasses = {
		wrapperDivclass : "",
		cat1ULclass :  "nav ",
		cat1LIclass :  "",
		cat1ALinkclass :  "",
		cat2ULclass :  "nav collapse",
		cat2LIclass :  "",
		cat2ALinkclass :  "",
		cat3ULclass :  "nav collapse",
		cat3LIclass :  "",
		cat3ALinkclass :  "",
		SubtreeOpenclass :  "in",
		SubtreeClosedclass :  "",
		CatIsActiveClass :  'active',
		SubcatControlIconClosed: 'fa fa-chevron-right',
		SubcatControlIconOpen: 'fa fa-minus'
	};

	var CSSClasses;
	var IDPrefix_base;
	var IDPrefix; // a constant prefix to apply when generating ID - allows generated content to be ID namespaced

	var eol = "\n";
	var indent = "\t";

	// private utility functions
	var escapeHtml = function (string) {
		var entityMap = {
			"&": "&amp;",
			"<": "&lt;",
			">": "&gt;",
			'"': '&quot;',
			"'": '&#39;',
			"/": '&#x2F;'
		};
		return String(string).replace(/[&<>"'\/]/g, function (s) {
			return entityMap[s];
		});
	};

	// encodes a string using the "straightsell" escaper - lets arbitrary category names be used in */pl.php URLs
	var ss_encode = function ( str ) {
		return str.replaceAll('-', '_dash_').replaceAll('&', '_and_').replaceAll(' ', '-').replaceAll('/', '_or_').replaceAll('=', '_equals_');
	};

	// private functions
	var createMenuHTML = function () {

		var HTML = '';

		HTML += '<div id="' + IDPrefix + 'menuHTMLwrapper" class="' + CSSClasses.wrapperDivclass + '">' + eol;

		// Cat 1 level UL
		HTML += indent + '<ul class="' + CSSClasses.cat1ULclass + '">' + eol;

		HTML += createCat1LevelHTML( jsonCatData, (indent + indent) );

		HTML += indent + '</ul>' + eol;

		HTML += '</div> <!-- end #menuHTMLwrapper -->' + eol;

		return HTML;
	};

	var createCat1LevelHTML  = function ( jsonsubtree, currentindent ) {

		var output = '';
		var cat1idx = 1;
		var cat1name = '';
		var selectedCat;
		var selectedCatClass;
		var activeCatClass;


		/* example: move a category level 1 to top
			(must be in a loop to check it actually exists because if it doesn't exist it will break the menu) */
		/*
			for( cat1name in jsonsubtree ) {
				if( cat1name == "XXXXXXXX") {
					renderCatLevel1LI( cat1name );
					cat1idx++;
				}
			}
		*/


		/* example: add static link */
		/*
			output += '<li class="' + CSSClasses.cat1LIclass + '"><a class="' + CSSClasses.cat1ALinkclass + '" href="http://google.com" id="' + IDPrefix + 'cat1_LI_' + cat1idx + '">Link Text</a></li>';
			cat1idx++;
		*/


		for( cat1name in jsonsubtree ) {

			/* example to skip some hardcoded class (i.e.if it was already displayed out of order as in the example above)

			if( cat1name != 'XXXXXXXX' )
			{	
				renderCatLevel1LI( cat1name );
				cat1idx++;
			}

			*/

			// normal rendering
			renderCatLevel1LI( cat1name );
			cat1idx++;
		}

		return output;

		function renderCatLevel1LI( _cat1name ) {
			// if this category is on the selected tree it needs to be "opened"
			if( _cat1name == selectedCat1 ) {
				selectedCat = true;
				selectedCatClass = ' ' + CSSClasses.SubtreeOpenclass + ' ';
			} else {
				selectedCat = false;
				selectedCatClass = ' ' + CSSClasses.SubtreeClosedclass + ' ';
			}

			// if this category is the most specific selection, it needs to be "active"
			if( _cat1name == selectedCat1 && selectedCat2 == '' ) {
				activeCatClass = ' ' + CSSClasses.CatIsActiveClass + ' ';
			} else {
				activeCatClass = '';
			}

			output += currentindent + '<li class="' + CSSClasses.cat1LIclass + activeCatClass + '">' + eol;

			link = publicVHN + escapeHtml( ss_encode( _cat1name ) ) + '/pl.php?resetbrand=1';

			toggleTargetID = 'cat2_UL_' + cat1idx;

			switch( jsonsubtree[_cat1name]['P'] ) {

				case 1:	// P = 1: Category has child products and no child categories
					// output a link
					output += currentindent + indent + '<a class="' + CSSClasses.cat1ALinkclass + '" href="' + link + '" id="' + IDPrefix + 'cat1_LI_' + cat1idx + '">';					
					output += '<div class="clearfix">';
					output += '<span class="menu_item">' + escapeHtml( _cat1name ) + '</span>';
					output += '</div>';
					output += '</a>' + eol;

					break;

				case 2:	// P = 2: Category has no child product and has child categories
					// output a toggle

					// text link + icon
					output += currentindent + indent + '<a class="' + CSSClasses.cat1ALinkclass + '" href="' + link + '" id="' + IDPrefix + 'cat1_LI_' + cat1idx +'"';
					if( noChildProductBehaviour_always_link == false && noDataToggleOnMenu == false ) {
						output += ' data-toggle="collapse" data-target="#' + IDPrefix + toggleTargetID + '"';
					}
					output += '>';

					// text character as category open/close button
					output += '<div class="clearfix">';
					output += '<span class="menu_item">' + escapeHtml( _cat1name ) + '</span>';
					output += '<span class="pull-right menu_icon "><i class="' + ( selectedCat ? CSSClasses.SubcatControlIconOpen : CSSClasses.SubcatControlIconClosed ) + '"></i></span>';
					output += '</div>';
					output += '</a>' + eol;

					// subtree
					output += currentindent + indent + '<ul id="' + IDPrefix + toggleTargetID + '" class="' + CSSClasses.cat2ULclass + selectedCatClass + '">' + eol;
					output += createCat2LevelHTML( jsonsubtree[_cat1name]['C'], _cat1name, cat1idx, ( currentindent + indent + indent ) );
					output += currentindent + indent + '</ul>' + eol;
					break;

				case 3:	// P = 3: Category has child products and has child categories
					// output a link

					// text link
					output += currentindent + indent + '<a class="' + CSSClasses.cat1ALinkclass + '" href="' + link + '" id="' + IDPrefix + 'cat1_LI_' + cat1idx + '">';
					output += '<div class="clearfix">';
					output += '<span class="menu_item">' + escapeHtml( _cat1name ) + '</span>';
					//output += '<span class="pull-right menu_icon" data-toggle="collapse" data-target="#' + IDPrefix + toggleTargetID + '">';
					output += '<span class="pull-right menu_icon"';
					if( noDataToggleOnMenu == false ) {
						output += ' data-toggle="collapse" data-target="#' + IDPrefix + toggleTargetID + '"';
					}
					output += '>';

					output += '<i class="' + ( selectedCat ? CSSClasses.SubcatControlIconOpen : CSSClasses.SubcatControlIconClosed ) + '"></i>';
					output += '</span>';
					output += '</div>';
					output += '</a>' + eol;

					// subtree
					output += currentindent + indent + '<ul id="' + IDPrefix + toggleTargetID + '" class="' + CSSClasses.cat2ULclass + selectedCatClass + '">' + eol;
					output += createCat2LevelHTML( jsonsubtree[_cat1name]['C'], _cat1name, cat1idx, ( currentindent + indent + indent ) );
					output += currentindent + indent + '</ul>' + eol;

					break;
			}

			output += currentindent + '</li>' + eol;
		};

	};

	var createCat2LevelHTML  = function ( jsonsubtree, cat1name, cat1idx, currentindent ) {

		var cat2idx = 1;
		var output = '';
		var cat2name = '';
		var selectedCat;
		var selectedCatClass;
		var activeCatClass;

		for( cat2name in jsonsubtree ) {

			// note: both category levels need to match, to prevent sub cats with same name on different branches of tree from interfering
			if( cat1name == selectedCat1 && cat2name == selectedCat2 ) {
				selectedCat = true;
				selectedCatClass = ' ' + CSSClasses.SubtreeOpenclass + ' ';
			} else {
				selectedCat = false;
				selectedCatClass = ' ' + CSSClasses.SubtreeClosedclass + ' ';
			}

			// if this category is the most specific selection, it needs to be "active"
			if( cat1name == selectedCat1 && cat2name == selectedCat2 && selectedCat3 == '' ) {
				activeCatClass = ' ' + CSSClasses.CatIsActiveClass + ' ';
			} else {
				activeCatClass = '';
			}

			output += currentindent + '<li class="' + CSSClasses.cat2LIclass + activeCatClass + '">' + eol;

			link = publicVHN + escapeHtml( ss_encode( cat1name ) ) + '/' +escapeHtml( ss_encode( cat2name ) ) + '/pl.php?resetbrand=1';

			toggleTargetID = 'cat3_UL_' + cat1idx + '_' + cat2idx;

			// if this category is on the selected tree it needs to be "opened"
			switch( jsonsubtree[cat2name]['P'] ) {

				case 1:	// P = 1: Category has child products and no child categories
					// output a link
					output += currentindent + indent + '<a class="' + CSSClasses.cat2ALinkclass + '" href="' + link + '" id="' + IDPrefix + 'cat2_LI_' + cat1idx + '_' + cat2idx + '">';
					output += '<div class="clearfix">';
					output += '<span class="menu_item">' + escapeHtml( cat2name ) + '</span>';
					output += '</div>';
					output += '</a>' + eol;
					break;

				case 2:	// P = 2: Category has no child product and has child categories
					// output a toggle

					output += currentindent + indent + '<a class="' + CSSClasses.cat2ALinkclass + '" href="' + link + '" id="' + IDPrefix + 'cat2_LI_' + cat1idx + '_' + cat2idx + '"';
					if( noChildProductBehaviour_always_link == false && noDataToggleOnMenu == false ) {
						output += ' data-toggle="collapse" data-target="#' + IDPrefix + toggleTargetID + '"';
					}
					output += '>';

					output += '<div class="clearfix">';
					output += '<span class="menu_item">' + escapeHtml( cat2name ) + '</span>';
					output += '<span class="pull-right menu_icon "><i class="' + ( selectedCat ? CSSClasses.SubcatControlIconOpen : CSSClasses.SubcatControlIconClosed ) + '"></i></span>';
					output += '</div>';
					output += '</a>' + eol;

					output += currentindent + indent + '<ul id="' + IDPrefix + toggleTargetID + '" class="' + CSSClasses.cat3ULclass + selectedCatClass + '">' + eol;

					output += createCat3LevelHTML( jsonsubtree[cat2name]['C'], cat1name, cat2name, cat1idx, cat2idx, ( currentindent + indent + indent ) );

					output += currentindent + indent + '</ul>' + eol;
					break;

				case 3:	// P = 3: Category has child products and has child categories
					// output a link
					output += currentindent + indent + '<a class="' + CSSClasses.cat2ALinkclass + '" href="' + link + '" id="' + IDPrefix + 'cat2_LI_' + cat1idx + '_' + cat2idx + '">';


					output += '<div class="clearfix">';
					output += '<span class="menu_item">' + escapeHtml( cat2name ) + '</span>';
					//output += '<span class="pull-right menu_icon" data-toggle="collapse" data-target="#' + IDPrefix + toggleTargetID + '">';
					output += '<span class="pull-right menu_icon"';
					if( noDataToggleOnMenu == false ) {
						output += ' data-toggle="collapse" data-target="#' + IDPrefix + toggleTargetID + '"';
					}
					output += '>';

					output += '<i class="' + ( selectedCat ? CSSClasses.SubcatControlIconOpen : CSSClasses.SubcatControlIconClosed ) + '"></i>';
					output += '</span>';
					output += '</div>';
					output += '</a>' + eol;


					output += currentindent + indent + '<ul id="' + IDPrefix + toggleTargetID + '" class="' + CSSClasses.cat3ULclass + selectedCatClass + '">' + eol;

					output += createCat3LevelHTML( jsonsubtree[cat2name]['C'], cat1name, cat2name, cat1idx, cat2idx, ( currentindent + indent + indent ) );

					output += currentindent + indent + '</ul>' + eol;

					break;
			}

			output += currentindent + '</li>' + eol;
			cat2idx++;

		}

		return output;

	};

	var createCat3LevelHTML  = function ( jsonsubtree, cat1name, cat2name, cat1idx, cat2idx, currentindent ) {

		var cat3idx = 1;
		var output = '';
		var cat3Arrayidx = '';

		for( cat3Arrayidx in jsonsubtree ) {

			cat3name = jsonsubtree[ cat3Arrayidx ];

			// if this category is the most specific selection, it needs to be "active"
			if( cat1name == selectedCat1 && cat2name == selectedCat2 && cat3name == selectedCat3 ) {
				activeCatClass = ' ' + CSSClasses.CatIsActiveClass + ' ';
			} else {
				activeCatClass = '';
			}

			output += currentindent + '<li class="' + CSSClasses.cat3LIclass + activeCatClass + '">' + eol;

			link = publicVHN + escapeHtml( ss_encode( cat1name ) ) + '/' +escapeHtml( ss_encode( cat2name ) ) + '/' +escapeHtml( ss_encode( cat3name ) ) + '/pl.php?resetbrand=1';

			output += currentindent + indent + '<a class="' + CSSClasses.cat3ALinkclass + '" href="' + link + '" id="' + IDPrefix + 'cat3_LI_' + cat1idx + '_' + cat2idx + '_' + cat3idx + '">';
			//output += '<span class="menu_rightangle">&#x221f;&nbsp;</span>';
			
			output += '<div class="clearfix">';
			output += '<span class="menu_item">' + escapeHtml( cat3name ) + '</span>';
			output += '</div>';
			output += '</a>' + eol;

			output += currentindent + '</li>' + eol;
			cat3idx++;
		}

		return output;
	};


	var getMenuHTMLDesktop = function () {
		// create menu html if necessary, or retrieve from cache
			var menuHTML = '';

		// check cache for validity
		if(0) {
			// found in cache
			//TODO: retrieve from cache
		} else {

			CSSClasses = desktopCSSClasses;
			IDPrefix = IDPrefix_base + 'desk_';
			// not found, regenerate
			menuHTML = createMenuHTML();

			//saveincache
			//TODO
		}

		return menuHTML;
	};


	var getMenuHTMLPhone = function () {
		// create menu html if necessary, or retrieve from cache
			var menuHTML = '';

		// check cache for validity
		if(0) {
			// found in cache
			//TODO: retrieve from cache
		} else {

			CSSClasses = phoneCSSClasses;
			IDPrefix = IDPrefix_base + 'phone_';
			// not found, regenerate
			menuHTML = createMenuHTML();

			//saveincache
			//TODO
		}

		return menuHTML;
	};



		/* attaches a listener to the parent div which holds the menu tree. the click listener filters for elements with attribute data-toggle=collapse. the attached handler prevents a click from propagating to the default handler behaviour, to stop the page changing when we just want the sub category tree to open */
		var preventDefaultOnToggles = function ( outputDivId ) {
			$('#' + outputDivId).on('click', '[data-toggle=collapse]', function (e) { 
				e.preventDefault(); 
			})
		};
	

		var rotateMenuIconOnShowHide = function ( outputDivId, _CSSClasses ) {
			$('#' + outputDivId).on('hide.bs.collapse', 'ul.collapse', function(e) {
				var CSSClasses = _CSSClasses; // keep a local copy in the anonymous func as the parent var changes between desktop to mobile view
				$(e.target).parent().children('a').find('div > span.menu_icon > i').removeClass().addClass(CSSClasses.SubcatControlIconClosed);
			})
			$('#' + outputDivId).on('show.bs.collapse', 'ul.collapse', function(e) {
				var CSSClasses = _CSSClasses; // keep a local copy in the anonymous func as the parent var changes between desktop to mobile view
				$(e.target).parent().children('a').find('div > span.menu_icon > i').removeClass().addClass(CSSClasses.SubcatControlIconOpen);
			})

		}


	// public functions
	return {

		init: function( _jsonCatData, _publicVHN, _secureVHN, _IDPrefix ) {
			jsonCatData = _jsonCatData;
			publicVHN = _publicVHN;
			secureVHN = _secureVHN;
			IDPrefix_base = _IDPrefix;
		},

		setMenuIconClasses: function( Desktop_SubcatControlIconClosed,  Desktop_SubcatControlIconOpen , Phone_SubcatControlIconClosed,  Phone_SubcatControlIconOpen ) {
			desktopCSSClasses.SubcatControlIconClosed = Desktop_SubcatControlIconClosed;
			desktopCSSClasses.SubcatControlIconOpen = Desktop_SubcatControlIconOpen;
			phoneCSSClasses.SubcatControlIconClosed = Phone_SubcatControlIconClosed;
			phoneCSSClasses.SubcatControlIconOpen = Phone_SubcatControlIconOpen;
		},

		setSelectedCats: function( _selectedCat1, _selectedCat2, _selectedCat3 ) {
			selectedCat1 = typeof _selectedCat1 !== 'undefined' ? _selectedCat1 : '';
			selectedCat2 = typeof _selectedCat2 !== 'undefined' ? _selectedCat2 : '';
			selectedCat3 = typeof _selectedCat3 !== 'undefined' ? _selectedCat3 : '';
		},

		setNoChildProductBehaviour: function( _noChildProductBehaviour_always_link ) {
			noChildProductBehaviour_always_link = _noChildProductBehaviour_always_link;
		},

		setNoDataToggleOnMenu: function( _noDataToggleOnMenu ) {
			noDataToggleOnMenu = _noDataToggleOnMenu;
		},

		render: function( outputDivIdDesktop, outputDivIdPhone ) {

			var el = document.getElementById( outputDivIdDesktop );
			el.innerHTML = getMenuHTMLDesktop();
			preventDefaultOnToggles( outputDivIdDesktop );
			rotateMenuIconOnShowHide( outputDivIdDesktop, CSSClasses );

			if( outputDivIdPhone != '') {
			el = document.getElementById( outputDivIdPhone );
			el.innerHTML = getMenuHTMLPhone();
			preventDefaultOnToggles( outputDivIdPhone );
				rotateMenuIconOnShowHide( outputDivIdPhone, CSSClasses );
			}

		}//, // last item had no trailing comma

	};
});

String.prototype.replaceAll = function( strTarget, strSubString )
{
	var strText = this;
	var intIndexOfMatch = strText.indexOf( strTarget );

	while (intIndexOfMatch != -1)
	{
		strText = strText.replace( strTarget, strSubString );
		intIndexOfMatch = strText.indexOf( strTarget );
	}

	return( strText );
}


</script>
<!-- Start of briancummins Hotjar script -->

	<script>
    		(function(h,o,t,j,a,r){
        		h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        		h._hjSettings={hjid:3404191,hjsv:6};
        		a=o.getElementsByTagName('head')[0];
        		r=o.createElement('script');r.async=1;
        		r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        		a.appendChild(r);
    		})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
	</script>

<!-- End of briancummins Hotjar script -->

</head>











		


<body class="" style="background-color:#f0efef;">
<a name="pagetop"></a>



	<input type="hidden" name="pricesIncGST" id="pricesIncGST" value="1" />


<div id="bodyBackground" style="background-color: #fff;">












			
					
		
			


	<div class="" style="position:sticky;top:0px;z-index:999;background-color:#fff;">


						







	



	











	<div style="background-color:#2d2d2d;">
		<div class="container">
			<div id="Navigation" class="row">
				



    


























    














<div class="mainMenu">
    <nav class="navbar">
        <div>
            <!-- Toggle for Mobile Display -->
            <div class="navbar-header hidden-md hidden-lg">
                <button type="button" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#mainnav" aria-expanded="false">
                <span class="fa fa-reorder"></span> MAIN MENU
                </button>
            </div>
            <!-- End Toggle for Mobile Display -->

            <!-- Navigation -->
            <div class="collapse navbar-collapse" id="mainnav">
                <ul class="nav navbar-nav">

                    <li  
							class="dropdown" 
						>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Product Range<span class="caret"></span></a>
                        <ul class="dropdown-menu">

							
                            <li ><a href="https://www.tektile.com.au/site/pages/commercial-flooring.php?resetbrand=1">Commercial Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/retail-flooring.php?resetbrand=1">Retail Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/esd-anti-static-flooring">ESD / Anti-Static Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/garage-flooring">Garage Flooring</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/factory-flooring">Factory Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/gym-flooring">Gym Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/industrial-flooring">Industrial Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/office-flooring">Office Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/residential-flooring">Residential Flooring</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/warehouse-flooring">Warehouse Flooring</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/workshop-flooring">Workshop Flooring</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/healthcare-flooring">Healthcare Flooring</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/education-flooring">Education Flooring</a></li>
							
														
																					
                        </ul>
                    </li>

                    <li class="navmenu-divider visible-lg visible-md"></li>

                    <li  
							class="dropdown" 
						>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Product Type<span class="caret"></span></a>
                        <ul class="dropdown-menu">

							
                            <li ><a href="https://www.tektile.com.au/site/pages/checkered">Checkered</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/design-collection">Design Collection</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/excel-hidden-join-flooring">Excel (Hidden Join) Flooring</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/slate-hidden-join">Slate (Hidden Join)</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/studded">Studded</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/textured">Textured</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/ramps-and-edges">Ramps &amp; Edges</a></li>

							
																																										

                        </ul>
                    </li>

                    <li class="navmenu-divider visible-lg visible-md"></li>

                    <li  
							class="dropdown" 
						>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Technical Information<span class="caret"></span></a>
                        <ul class="dropdown-menu">

							
                            <li ><a href="https://www.tektile.com.au/site/pages/faq">FAQ</a></li>
                            <li ><a href="https://www.tektile.com.au/site/pages/installation">Installation</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/cleaning-and-maintenance">Cleaning &amp; Maintenance</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/sustainability">Sustainability</a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/safety-non-slip">Safety / Non Slip</a></li>

							
																																			                        </ul>
                    </li>

                    <li class="navmenu-divider visible-lg visible-md"></li>
                    
                    <li ><a href="https://www.tektile.com.au/site/pages/why-choose-tektile">Why Choose Tek-Tile</a></li>

                    <li class="navmenu-divider visible-lg visible-md"></li>     
                    
                    <li  
							class="dropdown" 
						>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<span class="caret"></span></a>
                        <ul class="dropdown-menu">

							
			 <li ><a href="https://www.tektile.com.au/blog.php?category_title=Projects">Projects</a></li>
			 <li ><a href="https://www.tektile.com.au/blog.php?category_title=Blog">Blog</a></li>  
                         <li ><a href="https://www.tektile.com.au/site/pages/videos">Videos</a></li>
            

							
														
                        </ul>
                    </li>

                    <li class="navmenu-divider visible-lg visible-md"></li>     
                    
                    <li  
							class="dropdown" 
						>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Contact<span class="caret"></span></a>
                        <ul class="dropdown-menu">
							<li ><a href="https://www.tektile.com.au/site/pages/our-locations">Our Locations</a></li>
														<li ><a href="https://www.tektile.com.au/site/pages/contact.php?resetbrand=1">Contact Form</a></li>
							                        </ul>
                    </li>

                    <li class="navmenu-divider visible-lg visible-md"></li> 
                        
                                        
                                        
                                        
                                        
                                        
                     
                                                                                                                
                                        
                                        
                    
                </ul>
            </div><!-- /.navbar-collapse -->
            <!-- End Navigation -->

        </div>
    </nav>
</div>			</div> <!-- end header row -->

						<div id="MobileNavigation" class="row hidden-md hidden-lg">
				




	
<div class="navbar-fixed-top visible-xs visible-sm" id="menuholder_phone_outer">
	<div class="container">
		<div class="row category-tree-phone category-tree-phone-nav">

						<div class="navbar" >
				<button class="btn btn-navbar btn-mobile" data-toggle="collapse" data-target="#menuholder_phone" aria-expanded="false" onclick="javascript:document.getElementById('adminnav').classList.remove('in');document.getElementById('adminnav').removeAttribute('style');document.getElementById('searchholder_phone').classList.remove('in');document.getElementById('searchholder_phone').removeAttribute('style');document.getElementById('ajaxFullCart').setAttribute('style','display: none');">
				<i class="fa fa-cube"></i><br />
				<span class="mobile-nav-text">Products</span>
				</button>
			</div>
			
						<div class="navbar navbar-borderleft" >
				<button class="btn btn-navbar btn-mobile" type="button" data-target="#searchholder_phone" data-toggle="collapse" title="Search Site" onclick="javascript:document.getElementById('menuholder_phone').classList.remove('in');document.getElementById('menuholder_phone').removeAttribute('style');document.getElementById('adminnav').classList.remove('in');document.getElementById('adminnav').removeAttribute('style');document.getElementById('ajaxFullCart').setAttribute('style','display: none');">
				<i class="fa fa-search"></i><br />
				<span class="mobile-nav-text">Search</span>
				</button>
			</div>
			
						
			
			<div class="navbar navbar-borderleft" >
				<button  class="btn btn-navbar btn-mobile" type="button" data-target="#adminnav" data-toggle="collapse" title="User Account" onclick="javascript:document.getElementById('menuholder_phone').classList.remove('in');document.getElementById('menuholder_phone').removeAttribute('style');document.getElementById('searchholder_phone').classList.remove('in');document.getElementById('searchholder_phone').removeAttribute('style');document.getElementById('ajaxFullCart').setAttribute('style','display: none');">
									<i class="fa fa-user"></i><br />
											<span class="mobile-nav-text">Login</span>
													</button>
			</div>
			
						
			 				<div id="ajaxSummaryCartMini">
					





				
			
			


	
	


	



<div id="cartsummary">
	
	<div id="cartsummaryImage" class="hidden-sm hidden-xs btn btn-navbar" 
					><i class="fa fa-shopping-cart shopping-cart-off" style="color:#fff"></i>
			</div>


	<div id="cartsummaryText" class="hidden-sm hidden-xs">
								(0)
							$0.00
									</div>

	
		
	<div class="navbar navbar-borderleft visible-sm visible-xs" style="background-color:#106c9b;">
		<button class="btn btn-navbar btn-mobile" type="button" title="Shopping Cart" onclick="javascript:document.getElementById('menuholder_phone').classList.remove('in');document.getElementById('menuholder_phone').removeAttribute('style');document.getElementById('adminnav').classList.remove('in');document.getElementById('adminnav').removeAttribute('style');document.getElementById('searchholder_phone').classList.remove('in');document.getElementById('searchholder_phone').removeAttribute('style');">
			<i class="fa fa-shopping-cart"></i><br />
			<span class="mobile-nav-text">Cart</span>
		</button>
	</div>
	
</div>







				</div>
						
		</div>
	</div>
</div>





<div class="visible-xs visible-sm">
	<div style="" class="container">
		<div class="row category-tree-phone">

						<div class="nav-collapse collapse" id="searchholder_phone">
				<div style="padding: 10px;">
				



	<div class="simpleSearchWrapper">
		<form id="searchform" name="searchform" action="" method="post" onsubmit="return SEL.checkSimpleSearch(this, 'https://www.tektile.com.au/')">
			<input type="hidden" name="Operation[0]" value="Redirect" />
			<div class="row">
				<div class="col-lg-12">
					<div class="input-group">
						<input type="text" name="searchfilter" id="searchfilter" class="form-control" maxlength="255" placeholder="Search Products" />
						<span class="input-group-btn">
							<button type="submit" name="SearchSubmit" class="btn btn-primary" title="Search"><i class="fa fa-search" aria-hidden="true"></i></button>
						</span>
					</div>
				</div>
			</div>
		</form>
	</div>
				



				</div>
			</div>
			

											<div class="collapse navbar-collapse" id="adminnav" style="margin: 0;">
					<ul class="nav">
													<li ><a href="https://www.tektile.com.au/site/pages/register.php?resetbrand=1"><div class="clearfix"><span class="menu_item">Register Account</span></div></a></li>
							<li ><a href="https://www.tektile.com.au/site/pages/reset_password.php"><div class="clearfix"><span class="menu_item">Reset Password</span></div></a></li>
							<div class="col-xs-12 adminMenuLogin">
									



<form id="loginCheckoutForm" name="loginCheckoutForm" method="post" action="https://www.tektile.com.au/admin/pages/home.php" onsubmit="return SEL.checkLoginForm(this)" class="form-horizontal">
	<input type="hidden" name="Operation[0]" value="LoginSellerUserOrBuyerUser" />
	<input type="hidden" name="SellerUserCheckField" value="AccountManager" />
	<input type="hidden" name="Operation[1]" value="Redirect" />

	<fieldset>
		<div class="form-group">
			<label class="col-sm-4 control-label" for="inputBuyerName">Username</label>
			<div class="col-sm-8">
				<input type="text" name="UserName" id="UserNameCheckout" value="" maxlength="255" class="form-control" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label" for="inputBuyerName">Password</label>
			<div class="col-sm-8">
				<input type="password" name="Password" id="PasswordCheckout" value="" maxlength="255" class="form-control" autocomplete="off" />
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-4 col-sm-8">
				<input type="submit" formnovalidate name="LoginSubmit" id="LoginSubmitCheckout" value="Login" class="btn btn-primary" />
				<a href="https://www.tektile.com.au/site/pages/reset_password.php" class="btn btn-default">Forgot password?</a>
			</div>
		</div>
	</fieldset>
		
</form>							</div>
											</ul>
				</div>
							
						<div class="collapse navbar-collapse" id="menuholder_phone">
				<ul class="nav">
								</ul>
			</div>
			
		</div>
	</div>
</div>			</div>
		</div>
	</div>

	<div>
		<div class="container">
			<div class="row hidden-xs header-container">
				<div class="col-md-4">
											<a href="https://www.tektile.com.au/"><img src="https://www.tektile.com.au/documents/Header-FullWidth-Logo.png" alt="TekTile Australia Home" title="TekTile Australia Home" /></a>
									</div>	
				<div class="col-md-4">
					



	<div class="simpleSearchWrapper">
		<form id="searchform" name="searchform" action="" method="post" onsubmit="return SEL.checkSimpleSearch(this, 'https://www.tektile.com.au/')">
			<input type="hidden" name="Operation[0]" value="Redirect" />
			<div class="row">
				<div class="col-lg-12">
					<div class="input-group">
						<input type="text" name="searchfilter" id="searchfilter" class="form-control" maxlength="255" placeholder="Search Products" />
						<span class="input-group-btn">
							<button type="submit" name="SearchSubmit" class="btn btn-primary" title="Search"><i class="fa fa-search" aria-hidden="true"></i></button>
						</span>
					</div>
				</div>
			</div>
		</form>
	</div>
				</div>

				<div class="col-md-4 header-right">
					<div class="">Sustainable Industrial & Luxury Vinyl Tile</div>					<div><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:1300 66 22 14" onclick="gtag('event', 'click', {'event_label': 'Phone Number Clicked', 'event_category': 'Contact', 'value': 1})">1300 66 22 14</a></div>
					<div><i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:admin@tektile.com.au" onclick="gtag('event', 'click', {'event_label': 'Email Address Clicked', 'event_category': 'Contact', 'value': 1});" >admin@tektile.com.au</a></div>
				</div>

			</div> 
		</div>
	</div>

</div>

	<div class="hidden-sm hidden-xs product-navigation-cart-container">
		<div class="container">
			<div class="row product-navigation-cart">
				<div class="col-md-8 col-sm-12">
					<a href="https://www.tektile.com.au/DESIGN-RANGE/pl.php">Design Range</a>
<a href="https://www.tektile.com.au/URBAN-RANGE/pl.php">Urban Range</a>
<a href="https://www.tektile.com.au/INDUSTRIAL-RANGE/pl.php">Industrial Range</a>				</div>
				<div class="col-md-4 cart-login-container">
											<div><i class="fa fa-user-circle-o" aria-hidden="true"></i> <a href="https://www.tektile.com.au/site/pages/login.php?resetbrand=1">Login / Register</a></div>
																<div id="ajaxSummaryCart">





				
			
			


	
	


	



<div id="cartsummary">
	
	<div id="cartsummaryImage" class="hidden-sm hidden-xs btn btn-navbar" 
					><i class="fa fa-shopping-cart shopping-cart-off" style="color:#fff"></i>
			</div>


	<div id="cartsummaryText" class="hidden-sm hidden-xs">
								(0)
							$0.00
									</div>

	
		
	<div class="navbar navbar-borderleft visible-sm visible-xs" style="background-color:#106c9b;">
		<button class="btn btn-navbar btn-mobile" type="button" title="Shopping Cart" onclick="javascript:document.getElementById('menuholder_phone').classList.remove('in');document.getElementById('menuholder_phone').removeAttribute('style');document.getElementById('adminnav').classList.remove('in');document.getElementById('adminnav').removeAttribute('style');document.getElementById('searchholder_phone').classList.remove('in');document.getElementById('searchholder_phone').removeAttribute('style');">
			<i class="fa fa-shopping-cart"></i><br />
			<span class="mobile-nav-text">Cart</span>
		</button>
	</div>
	
</div>







</div>
										
				</div>
			</div> <!-- end header row -->
		</div>
	</div>

	

<div style="background:#FFFFFF url('https://www.tektile.com.au/documents/backgroundimage.jpg') repeat-x top;">

	<div id="container" style="background-color:#FFFFFF; " class="container">

		<div class="row">

							<div style="display:none;" id="menuholder"></div>				<div id="mainContent" class="col-md-12">
			

							
		
						
		

										
		
				


		<div id="ajaxMsg" style="display:none;"></div>
		

					<div id="ajaxFullCart" style="display:none;">
					





	








		</div> 				



<div class="row visible-xs ">
		
	<div id="mobile-headerimage">
		<a href="https://www.tektile.com.au/"><img src="https://www.tektile.com.au/documents/Header-Mobile-Logo.png" alt="TekTile Australia Home" title="TekTile Australia Home" /></a>
	</div>
	</div>


<div id="contentLeft">
	














	


	
	

	
































<div class="row">
	<div class="col-md-12">
		<ol class="breadcrumb">
			<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="https://www.tektile.com.au/" itemprop="url"><span itemprop="title">Home</span></a></li>
			
				
							<li>DesignX Range</li>
		
		</ol>
	</div>
</div>	<h1>Design Range</h1>
	<!-- <edit name="designQR" page="designQR"> -->   
 <p><iframe src="https://www.flipbookpdf.net/web/site/ca187ed6bcf7d0f71e86b42bc372a7ac394dd601FBP23002294.pdf.html" width="100%" height="600" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p><a href="https://www.tektile.com.au/productimages/TekTile_Design%20Range V10.2021 LR1.pdf"><img class="img-fluid img-responsive" title="DOWNLOAD TEKTILE DESIGN BROCHURE" src="https://www.tektile.com.au/documents/BUTTON2021_DESIGN.jpg" alt="DOWNLOAD TEKTILE DESIGN BROCHURE" width="100%" /></a></p> 
 <!-- </edit> -->
</div>





			
				
					</div> <!-- end #mainContent -->
				</div> <!-- end row -->
			<br class="clearfloat" />


			</div> 		</div> 
		<div id="Newsletter-Footer" style="background: #2d2d2d;color:#fff;">
	<div class="container">
		<div class="row">
			<div class="col-md-12" style="display: flex;justify-content: center;align-items: center;padding: 1rem;">
				Subscribe to our newsletter 
				<form action="https://briancummins.us16.list-manage.com/subscribe/post?u=9ca793d696721e0249507287d&amp;id=13eb183fb4&amp;f_id=00b76ae0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
					<div class="input-group" style="margin-left:1.25rem">
						<input type="email" name="EMAIL" id="mce-EMAIL" class="form-control" placeholder="Email Address" required />
						<span class="input-group-btn">
							<button type="submit" class="btn btn-info" name="subscribe" id="mc-embedded-subscribe"><i class="fa fa-play" aria-hidden="true"></i></button>
						</span>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
		
				
		

											
			

														
		<!-- start footer -->
		<div id="Footer" class="footer " style=" background-color: #f0efef;border-top:1px solid #414942">
			<div class="container" >

								






	


	



<div class="row footer-main " style="padding-bottom: 15px; background-color:#f0efef;">

	<div class="col-md-3">
		





























































	









<nav class="navbar">
	<div>
		<!-- Toggle for Mobile Display -->
		<div class="navbar-header visible-sm visible-xs">
			<button type="button" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#infonav" aria-expanded="false">
			<span class="fa fa-reorder"></span> Information
			</button>
		</div>
		<!-- End Toggle for Mobile Display -->

		<!-- Navigation -->
		<div class="collapse navbar-collapse" id="infonav">
			<h3 class="hidden-xs hidden-sm">Information</h3>
			<ul class="nav nav-stacked">
				
			<li ><a href="https://www.tektile.com.au/">Home</a></li>

			
			
			
			
			
			
			
			
			
			
            <li ><a href="https://www.tektile.com.au/blog.php?category_title=Blog">Blog</a></li>  
            <li ><a href="https://www.tektile.com.au/blog.php?category_title=Projects">Projects</a></li>

            <li ><a href="https://www.tektile.com.au/pl.php?resetbrand=1">Products</a></li>

			
			
			</ul>
		</div><!-- /.navbar-collapse -->
		<!-- End Navigation -->

	</div>
</nav>	</div>

	<div class="col-md-3">
		



	



	


 
	







	



	





<nav class="navbar">
	<div>
		<!-- Toggle for Mobile Display -->
		<div class="navbar-header visible-sm visible-xs">
			<button type="button" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#csnav" aria-expanded="false">
			<span class="fa fa-reorder"></span> Customer Service
			</button>
		</div>
		<!-- End Toggle for Mobile Display -->

		<!-- Navigation -->
		<div class="collapse navbar-collapse" id="csnav">
			<h3 class="hidden-xs hidden-sm">Customer Service</h3>
			<ul class="nav nav-stacked">

							<li ><a href="https://www.tektile.com.au/site/pages/privacy">Privacy Policy</a></li>
										<li ><a href="https://www.tektile.com.au/site/pages/terms">Terms &amp; Conditions</a></li>
			
							<li ><a href="https://www.tektile.com.au/site/pages/whs">WHS</a></li>
			
							<li ><a href="https://www.tektile.com.au/site/pages/onlineterms">Online Terms &amp; Conditions</a></li>
			
			<li ><a href="https://www.tektile.com.au/site/pages/sitemap">Site Map</a></li>

			</ul>
		</div><!-- /.navbar-collapse -->
		<!-- End Navigation -->

	</div>
</nav>	</div>

			<div class="col-md-3">
		







<nav class="navbar">
	<div>
		<!-- Toggle for Mobile Display -->
		<div class="navbar-header visible-sm visible-xs">
			<button type="button" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#myaccnav" aria-expanded="false">
			<span class="fa fa-reorder"></span> My Account
			</button>
		</div>
		<!-- End Toggle for Mobile Display -->

		<!-- Navigation -->
		<div class="collapse navbar-collapse" id="myaccnav">
			<h3 class="hidden-xs hidden-sm">My Account</h3>
			<ul class="nav nav-stacked">

																	<li><a href="https://www.tektile.com.au/site/pages/login.php?resetbrand=1">Login / Register</a></li>
							
			</ul>
		</div><!-- /.navbar-collapse -->
		<!-- End Navigation -->

	</div>
</nav>		</div>
	
	<div class="col-md-3 hidden-xs hidden-sm">
		



<div>
	<h3 style="border-bottom: none; padding: 1px 0 5px 0;">TekTile Australia</h3>
	<p>
		24 Stennett Road, Ingleburn, NSW 2565
		<br />ABN 44 622 733 644	</p>
	<h4><a href="tel:1300 66 22 14" onclick="gtag('event', 'click', {'event_label': 'Phone Number Clicked', 'event_category': 'Contact', 'value': 1})" class="phone">Phone 1300 66 22 14</a></h4>
</div>		<div style="margin-bottom: 10px;">
			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	

	<div class="SocialIcons">

					
			<a href="https://www.facebook.com/TekTileAustralia/" target="_blank" class="social_facebook"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-facebook"></i></span></a>
							
			<a href="https://twitter.com/TektileAU" target="_blank" class="social_twitter"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-twitter"></i></span></a>
											
			<a href="http://www.linkedin.com/company/tektile-australia/" target="_blank" class="social_linkedin"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-linkedin"></i></span></a>
								
			
	</div>		</div>
		<div style="margin-bottom: 10px;">
			













		<div class="ccIcons">
							<i class="fa fa-2x fa-cc-visa"></i>
										<i class="fa fa-2x fa-cc-mastercard"></i>
											</div>
		</div>
	</div>

</div> <!-- end row -->				
			</div>
		</div>

								




	


	
		
		
									

		
		
		
		
		
		
													

				<div class="hidden-xs" style="background-color:#106c9b;  border-bottom: 10px solid #233d4f; border-top:1px solid #233d4f;">
			<div class="container">
				<div class="row footer-cat">
					<div class="col-md-12">
						<div>
							<ul class="breadcrumb">

							
														
														
																								
								<li><a href="https://www.tektile.com.au/DESIGN-RANGE/pl.php">DESIGN RANGE</a></li>

														
																								
								<li><a href="https://www.tektile.com.au/INDUSTRIAL-RANGE/pl.php">INDUSTRIAL RANGE</a></li>

														
																								
								<li><a href="https://www.tektile.com.au/URBAN-RANGE/pl.php">URBAN RANGE</a></li>

														</ul>
						</div>
					</div>
				</div> <!-- end row -->
			</div>
		</div>
		
	
				
		<div id="Footer" class="footer " style=" background: #ffffff;">
			<div class="container" >

									






<nav class="navbar visible-xs">
	<div>
		<div class="navbar-header">
			<button type="button" class="btn btn-navbar collapsed" onClick="javascript:window.open('https://www.tektile.com.au/designQR.php?showfullsite=1', '_self')">
			<span class="fa fa-chevron-right"></span> VIEW FULL SITE
			</button>
		</div>
	</div>
</nav>


				
				
				<!-- COPYRIGHT -->
				<!-- COPYRIGHT -->



	


	



<div class="row">
	<div class="copyright">
							<div class="col-md-12 visible-xs visible-sm" style="text-align:center; margin-bottom: 10px;">
			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	

	<div class="SocialIcons">

					
			<a href="https://www.facebook.com/TekTileAustralia/" target="_blank" class="social_facebook"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-facebook"></i></span></a>
							
			<a href="https://twitter.com/TektileAU" target="_blank" class="social_twitter"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-twitter"></i></span></a>
											
			<a href="http://www.linkedin.com/company/tektile-australia/" target="_blank" class="social_linkedin"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-linkedin"></i></span></a>
								
			
	</div>			</div>
						<div class="col-md-8">
			<p>&copy; <script language="JavaScript" type="text/javascript">
				<!--
				var d=new Date();
				yr=d.getFullYear();
				document.write(" " + yr);
				//-->
			</script> TekTile Australia - <a href="https://www.straightsell.com.au/site/pages/eCommerce-website-functionality.php" title="eCommerce Website Design and Functionality">eCommerce Website Design</a> V11A | <a href="https://www.straightsell.com.au/site/pages/content-management-functionality.php" title="Content Management System Functionality">CMS</a> | <a href="https://www.straightsell.com.au/site/pages/accounting-systems-eCommerce-integration.php" title="Accounting Systems eCommerce Integration">eCommerce Integration</a> by <a href="https://www.straightsell.com.au/" title="Straightsell eCommerce Websites">Straightsell</a></p>
		</div>
				<br class="clearfloat" />

	</div>
</div>

<!-- END COPYRIGHT -->				<!-- END COPYRIGHT -->

			</div>
		</div>

	</div>


</div> <!-- end #bodyBackground -->


<div id="floatingCheckout" style="position: fixed;right: 10px;z-index: 1001;top: 4px">
	</div>




<!--Start of Tawk.to Script 20190129-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5c9b06871de11b6e3b05626a/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>

<!--End of Tawk.to Script-->


</body>
</html>