


  

	
	
			
	
	
																	
					
																	
				
				
				
		
						
				
					
		
	
		
	
	
			
						
		
											
												
						
				
	
	
	
		
						
			
						
	
						
	
						
	
	
	
			
						
		
						
	
	
	
		
												
			
									
									
									
									
	
												
																		
				 	
	
	
		
	
		
						
		
						
		
						
	
	
		
	
	
	
	
		
																		   
		
		
										      					
	
						
	
	
						
	
	
		
						
	
	
											
			
	
										
						
	
						
	
				
				
				
	
	
						
	
										
	
		
						
		
						
		
						
	
						
	
	
	
	
		
		
	
		
	
	
		
		
						
		
			
						
	
	
				
			
							
				
	
							
				
	
							
				
	
							
				
				
																	
					
											
				
			
							
				
	
							
				
	
							
				
	
							
				
	
	
	
		
						
	
			
				
				
	
				
				
	
	
	
	
	
		
		
	
	
		
											
											
	
	
		
											
	
						
	
						
	
				
				
	
						
	
				
	
	
						
		
						
	
	
	
		
											
	
	
		
						
	
											
											
															
						
				
	
	
	
	
	
		
		
												
												
						
	
						
		
						
		
						
	
						
			
						
	
	
	
		
						
		
										
			
								
	
				
	
										
				
								
	
				
	
	
		
	
	
		
											
						
	
						
	
						
	
	
	
	
	
		
		
						
	
						
	
											
										
	
			
						
	
						
	
						
		
			
									
					
									
					
									
					
														
					
									
					
									
					
									
					
									
					
	
	
	
		
											
				
	
										
	
				
	
				
	
	
	
	
		
		
						
	
						
	
										     					
						
	
	
	
		
										     						
											
						
		
											
									
									
		
							
	
	
		
	
	
		
											
											
				
				
				
	
	
	
		
											
						
	
						
									
					
	
	
	
					
		
											
	
	
	
		
						
	
	
		
						
		
													
	
	
		
		
						
	
						
				
				 
	
		
						
			
							
			
							
				
							
				
		
											
	
						
	
		
											
		
														
																
								
				
												
								
				
		
														
								
	
		 
															   
		
						
		
						
	
																		
					
					
					
					 					
					
					
					
					
					
					
					
	
		
						
	
						
	
	
		
															
	
	
		
						
		
						
				
	
						
	
						
				
				
						
				
	
						 								
	
						 								
	
						
				
	
	
		
												
	
						
	
	
						
	
	
	
			
						
	
						
	
						
	
	
	
	
	
		
						
				





        



				



        

        



        		    
        		
        
    
        
        
   
        
            	    
            	
        
    
        
      
        
        
            	    
            	
        
    
        
        
      
        
            	    
            	
        
    
        
        
       
        
            	    
            	
        
    
        
        
       
        
            	    
            	
        
    
        
        
       
        
            	    
            	
        
    
        
        
       
        
            	    
            	
        
    
        
        
       
        
            	    
            	
        
    
        
        
       
        
            	    
            	
        
    
        
    
    
 
				
		
	
        



	    		    
        		
        



		        
    
            

        

		        
    
            

        
    
    
    
	        
    
            
    
        
    
    
    
        
    
    



    
            
    
            

        
    
    
    
            
    
            

        

	
    
            
    
            

        









		
	



	








		








<!DOCTYPE HTML >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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.hancockfloorcoverings.com.au/home.php" title="Home Page" />
<link rel="about" href="https://www.hancockfloorcoverings.com.au/home.php" title="About Hancock Floor Coverings" />

	<link rel="author" href="https://www.hancockfloorcoverings.com.au/home.php" title="About Hancock Floor Coverings" />

<link rel="contents" href="https://www.hancockfloorcoverings.com.au/site/pages/sitemap.php" title="Site Map" />
<link rel="copyright" href="https://www.hancockfloorcoverings.com.au/site/pages/terms.php" title="Terms of Use" />


<link rel="apple-touch-icon" sizes="180x180" href="/documents/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/documents/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/documents/favicon-16x16.png">
<link rel="manifest" href="/documents/site.webmanifest">
<link rel="mask-icon" href="/documents/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/documents/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/documents/browserconfig.xml">
<meta name="theme-color" content="#ffffff">




									<title>MODERN - Hancock Floor Coverings</title>
		<meta name="description" content="Listing of MODERN products" />
		<link rel="canonical" href="https://www.hancockfloorcoverings.com.au/RUNNER/MODERN/pl.php" />
		<meta name="twitter:card" value="summary">
		<meta property="og:title" content="MODERN - Hancock Floor Coverings" />
		<meta property="og:type" content="article" />
		<meta property="og:url" content="https://www.hancockfloorcoverings.com.au/RUNNER/MODERN/pl.php" />
		<meta property="og:description" content="Listing of MODERN products" />
																			<meta property="og:image" content="https://www.hancockfloorcoverings.com.au/documents/categories/MODERN.jpg" />
			



<script type="text/javascript" src="https://www.hancockfloorcoverings.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.hancockfloorcoverings.com.au/documents/javascript/html5shiv.min.js"></script> 	<script type="text/javascript" src="https://www.hancockfloorcoverings.com.au/documents/javascript/respond.min.js"></script> <![endif]-->
<!--[if lt IE 10]>
	<script type="text/javascript" src="https://www.hancockfloorcoverings.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.hancockfloorcoverings.com.au/documents/javascript/bootstrap.min.js"></script> <script type="text/javascript" src="https://www.hancockfloorcoverings.com.au/documents/javascript/jquery.simplyCountable.js"></script>
<script type="text/javascript" src="https://www.hancockfloorcoverings.com.au/documents/javascript/jquery.ba-throttle-debounce.min.js"></script>
<script src="https://www.hancockfloorcoverings.com.au/documents/javascript/jquery.ui.totop.js"></script>
<script src="https://www.hancockfloorcoverings.com.au/documents/javascript/easing.js"></script>

<script language="javascript" type="text/javascript" src="https://www.hancockfloorcoverings.com.au/documents/javascript/site.js"></script>



		<script type="text/javascript" src="https://www.hancockfloorcoverings.com.au/documents/fancybox/jquery.fancybox.pack.js"></script>
	<script type="text/javascript" src="https://www.hancockfloorcoverings.com.au/documents/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
	<link rel="stylesheet" href="https://www.hancockfloorcoverings.com.au/documents/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
	<script type="text/javascript" src="https://www.hancockfloorcoverings.com.au/documents/fancybox/jquery.fancybox-thumbs.js"></script>
	<link rel="stylesheet" href="https://www.hancockfloorcoverings.com.au/documents/fancybox/jquery.fancybox-thumbs.css" type="text/css" media="screen" />




<link rel="stylesheet" type="text/css" href="https://www.hancockfloorcoverings.com.au/documents/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="https://www.hancockfloorcoverings.com.au/documents/font-awesome.min.css" /> <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://www.hancockfloorcoverings.com.au/documents/site.css" />
<link rel="stylesheet" type="text/css" href="https://www.hancockfloorcoverings.com.au/documents/responsive.css" />


<style type="text/css">
	@font-face {
	  font-family: 'FontAwesome';
	  src: url('https://www.hancockfloorcoverings.com.au/documents/fonts/fontawesome-webfont.eot');
	  src: url('https://www.hancockfloorcoverings.com.au/documents/fonts/fontawesome-webfont.eot#') format('embedded-opentype'), url('https://www.hancockfloorcoverings.com.au/documents/fonts/fontawesome-webfont.woff') format('woff'), url('https://www.hancockfloorcoverings.com.au/documents/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://www.hancockfloorcoverings.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: #183884 !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(){
	

										SEL.updateOptionStockMsgPL('1');
						
			$(".fancybox").fancybox({
				openEffect	: 'fade',
				closeEffect	: 'fade',
				nextEffect	: 'fade',
				prevEffect	: 'fade',
				helpers		: {
					title	: { type : 'inside' },
					thumbs : {
						width  : 90,
						height : 90
					}
				}
			});
			
		
				
		
		$('.carousel').carousel({
			
				interval: 5000
			
		});
		
		
				
		
		 
										
				
				
				
		$().UItoTop({ easingType: 'easeOutQuart' });

	});
	
	
	/* ]]> */
</script>




	
	<script language="JavaScript" type="text/javascript">
	// Google Analytics - Universal Analytics
		
				
		

		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		

		ga('create', 'UA-130765213-1', 'auto');  // Inserts your property ID
		
		// Set up Virtual Pageviews for Payment pages
					// Standard non-payment page
			ga('send', 'pageview');
				
			</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("{\"ACCESSORIES\":{\"P\":3,\"C\":{\"UNDERLAY\":{\"P\":1,\"C\":null}}},\"CARPET TILES\":{\"P\":2,\"C\":{\"BREEZE\":{\"P\":1,\"C\":null},\"CLUB\":{\"P\":1,\"C\":null}}},\"CARPETS\":{\"P\":3,\"C\":{\"CARLTON ELITE\":{\"P\":1,\"C\":null},\"CASABLANCA\":{\"P\":1,\"C\":null},\"CHECKERS\":{\"P\":1,\"C\":null},\"CLASSIC CITY\":{\"P\":1,\"C\":null},\"FLEET STREET\":{\"P\":1,\"C\":null},\"HAVEN\":{\"P\":1,\"C\":null},\"MATILDA BAY\":{\"P\":1,\"C\":null},\"NATURE INDOOR OUTDOOR\":{\"P\":1,\"C\":null},\"OAK TWIST\":{\"P\":1,\"C\":null},\"ROMEO LUXE'\":{\"P\":1,\"C\":null}}},\"HARD FLOORS\":{\"P\":3,\"C\":{\"VINYL PLANKING\":{\"P\":2,\"C\":[\"REGAL VINYL PLANK\"]}}},\"MISC\":{\"P\":2,\"C\":{\"RUG RACKS\":{\"P\":1,\"C\":null}}},\"RUGS\":{\"P\":2,\"C\":{\"CIRCLE\":{\"P\":2,\"C\":[\"CANYON\",\"DA VINCI\",\"ZENITH\"]},\"CLEARANCE\":{\"P\":2,\"C\":[\"LUXURY VINTAGE\",\"SHERPA\"]},\"FLATWEAVE\":{\"P\":2,\"C\":[\"DAWN\"]},\"KIDS\":{\"P\":2,\"C\":[\"DESIGNS\",\"RICHIE\"]},\"MODERN\":{\"P\":2,\"C\":[\"AURORA\",\"AUSTIN\",\"CANVAS\",\"CANYON\",\"CASABLANCA\",\"COASTAL\",\"MADISON\",\"MASAI\",\"PURE RECYCLE\",\"ROSEMARIE\",\"SECRET GARDEN\",\"SIERRA\",\"SONATA\",\"TRENTINO\",\"VALENTINE\",\"VALENTINO\",\"ZENITH\",\"ZOE\"]},\"OUTDOOR\":{\"P\":2,\"C\":[\"BRIGHTON\",\"NATURE\",\"NEWPORT\"]},\"SHAG\":{\"P\":2,\"C\":[\"BOHO\",\"LANA\",\"RHAPSODY\",\"SIDNEY\"]},\"TRADITIONAL\":{\"P\":2,\"C\":[\"DA VINCI\",\"DIAMOND WOOL\",\"HERITAGE\",\"JADE\",\"KASHQAI\",\"PESCARA\",\"PURE RECYCLE\",\"TIGANI\"]}}},\"RUNNER\":{\"P\":2,\"C\":{\"FLATWEAVE\":{\"P\":2,\"C\":[\"DAWN\"]},\"MODERN\":{\"P\":2,\"C\":[\"AURORA\",\"CHEOPS\"]},\"TRADITIONAL\":{\"P\":3,\"C\":[\"DA VINCI\"]}}},\"VINYL\":{\"P\":3,\"C\":{\"ELEMENTS\":{\"P\":1,\"C\":null},\"ESSENTIALS\":{\"P\":1,\"C\":null}}},\"VINYL COMMERCIAL\":{\"P\":1,\"C\":[]}}");
	var VHN = 'https://www.hancockfloorcoverings.com.au/';
	var sVHN = 'https://www.hancockfloorcoverings.com.au/';

	menu1 = new SEL_CatMenu("?filters=");

	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( "RUNNER", "MODERN", "" );

	
			
			menu1.setNoDataToggleOnMenu(true);
		
		

	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(_linkParams) {

	//properties/fields
	var jsonCatData;
	var publicVHN;
	var secureVHN;
	var linkParams = _linkParams;

	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' + linkParams;

			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' + linkParams;

			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' + linkParams;

			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>

</head>










<body class="" style="background-color:#EFEFEF;">
<a name="pagetop"></a>


	<input type="hidden" name="pricesIncGST" id="pricesIncGST" value="1" />


<div id="bodyBackground" style="background-color:#FFFFFF; ">



	







	
		
			

	<div id="container" style="background-color:#FFFFFF; " class="container ">


		
						











<div id="Header" class="row hidden-xs">
	<div id="header-standard" style="background-image: url(https://www.hancockfloorcoverings.com.au/documents/Header-Standard.jpg);">
		
					<div class="socialMediaHeaderIcons">
			
   
   
   
   
   
   
   
   

   

   


   <div class="SocialIcons">

	   	   	   	   	   	   	   		   
		   <a href="https://www.instagram.com/hancockfloors/
					" target="_blank" class="social_instagram"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-instagram"></i></span><span style="font-weight:bold;">@hancockfloors</span></a>
	   	   
	      
   </div>			</div>
		
				
	</div>
</div> <!-- end header row -->


<div id="Navigation" class="row hidden-xs">
		















































































<div class="mainMenu">
	<nav class="navbar">
		<div>
			<!-- Toggle for Mobile Display -->
			<div class="navbar-header visible-sm">
				<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 ><a href="https://www.hancockfloorcoverings.com.au/home.php">Home</a></li>
					<li class="navmenu-divider visible-lg visible-md"></li>			

					
																								<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/about_us.php">About Us</a></li>
							<li class="navmenu-divider visible-lg visible-md"></li>
												
													<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/cleaning_instructions.php">Cleaning Instructions</a></li>
							<li class="navmenu-divider visible-lg visible-md"></li>
												
												
												
														
												
												
												
												
						
										
										
										
										
										
										<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/contact.php">Contact Us</a></li>
										
					 
																		<li class="navmenu-divider visible-lg visible-md"></li>
						<li class=""><a href="https://www.hancockfloorcoverings.com.au/site/pages/register.php">Register</a></li>
						<li class="visible-sm "><a href="https://www.hancockfloorcoverings.com.au/site/pages/login.php">Log In</a></li>
										
										
										
					
				</ul>
			</div><!-- /.navbar-collapse -->
			<!-- End Navigation, Show Phone Number -->
							<div id="headerPhoneNumber-standard" class="hidden-xs hidden-sm">
						<p><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:08 9248 6666">08 9248 6666</a></p>
				</div>
					</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" style="width:33%">
				<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" style="width:33%">
				<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" style="width:33%">
				<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>
	</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.hancockfloorcoverings.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="BrandSeachSubmit" id="BrandSeachSubmit" title="Search Products" value="Go!" class="btn btn-info"><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.hancockfloorcoverings.com.au/site/pages/register.php"><div class="clearfix"><span class="menu_item">Register Account</span></div></a></li>
							<li ><a href="https://www.hancockfloorcoverings.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.hancockfloorcoverings.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">Email</label>
			<div class="col-sm-8">
				<input type="email" 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 to B2B" class="btn btn-primary" />
				<a href="https://www.hancockfloorcoverings.com.au/site/pages/reset_password.php" class="btn btn-info">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 id="Login" class="row hidden-sm hidden-xs">
	
	<div class="col-md-8 col-sm-12">




	
	 
				<div id="loginWrapper">
			<form id="loginForm" class="form-inline" name="loginForm" method="post" action="https://www.hancockfloorcoverings.com.au/admin/pages/home.php" onsubmit="return SEL.checkLoginForm(this)">
				<input type="hidden" name="Operation[0]" value="LoginSellerUserOrBuyerUser" />
				<input type="hidden" name="SellerUserCheckField" value="AccountManager" />
				<input type="hidden" name="Operation[1]" value="Redirect" />
																
																		<!--Email: --><input type="text" name="UserName" id="UserName" value="" maxlength="255" class="form-control input-login" placeholder="Email" />
										<!--Password: --><input type="password" name="Password" id="Password" value="" maxlength="255" class="form-control input-login" placeholder="Password" autocomplete="off" />
					<input type="submit" formnovalidate name="LoginSubmit" id="LoginSubmit" value="Login to B2B" class="btn btn-primary" />
					<span class="forgotLogin"><a class="btn btn-default" href="https://www.hancockfloorcoverings.com.au/site/pages/reset_password.php">Forgot password?</a></span>
			</form>
		</div>
		
	
</div>
	
	<div class="col-md-4">
			</div>
	
</div> <!-- end header row -->

<div class="row">

			<div id="Sidebar" class="col-md-3 visible-md visible-lg">
			




	<div class="simpleSearchWrapper">
		<form id="searchform" name="searchform" action="" method="post" onsubmit="return SEL.checkSimpleSearch(this, 'https://www.hancockfloorcoverings.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="BrandSeachSubmit" id="BrandSeachSubmit" title="Search Products" value="Go!" class="btn btn-info"><i class="fa fa-search" aria-hidden="true"></i></button>
						</span>
					</div>
				</div>
			</div>
		</form>
	</div>














	


			





<div id="Menu_Products" class="hidden-xs hidden-sm">
	<div class="categoryMenuTitle">
		<h4><a href="https://www.hancockfloorcoverings.com.au/pl.php" title="Category Menu">Products</a></h4>
	</div>
	<div class="categoryMenuWrapper category-tree " id="menuholder">
		<div id="menuHTMLwrapper" class="">
				<ul class="nav nav-list">
												<li >
						<a href="https://www.hancockfloorcoverings.com.au/ACCESSORIES/pl.php">
														<div class="clearfix"><span class="menu_item">ACCESSORIES</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/CARPET-TILES/pl.php">
														<div class="clearfix"><span class="menu_item">CARPET TILES</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/CARPETS/pl.php">
														<div class="clearfix"><span class="menu_item">CARPETS</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/HARD-FLOORS/pl.php">
														<div class="clearfix"><span class="menu_item">HARD FLOORS</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/MISC/pl.php">
														<div class="clearfix"><span class="menu_item">MISC</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/RUGS/pl.php">
														<div class="clearfix"><span class="menu_item">RUGS</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/RUNNER/pl.php">
														<div class="clearfix"><span class="menu_item">RUNNER</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/VINYL/pl.php">
														<div class="clearfix"><span class="menu_item">VINYL</span></div>
						</a>
					</li>
																<li >
						<a href="https://www.hancockfloorcoverings.com.au/VINYL-COMMERCIAL/pl.php">
														<div class="clearfix"><span class="menu_item">VINYL COMMERCIAL</span></div>
						</a>
					</li>
										<li >
				<a href="https://www.hancockfloorcoverings.com.au/">
										<div class="clearfix"><span class="menu_item">Error Displaying Menu...</span></div>
				</a>
			</li>
		</ul>
		</div>
	</div>
</div>















		</div>

		<div id="mainContent" class="col-md-9 col-sm-12 col-xs-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.hancockfloorcoverings.com.au/home.php"><img src="https://www.hancockfloorcoverings.com.au/documents/Header-Logo.png" alt="Hancock Floor Coverings Home" title="Hancock Floor Coverings Home" style="max-width:95%; max-height:100px"/></a>
	</div>
	</div>		
				

<div id="print-header" class="visible-print-block" style="padding-bottom:15px;">
	<table width="100%" border="0" cellspacing="0" cellpadding="5">
		<tr style="border-bottom:2px solid #333;">
			<th valign="top">
				<p style="text-align: left;">
					<strong>Hancock Floor Coverings</strong><br /> 
					24 Enterprise Crescent<br /> 
										Malaga, WA 6090<br />
					AUSTRALIA                                                       <br />
					<br />
					<strong>Tel:</strong> 08 9248 6666<br />										<strong>Email:</strong> admin.hancock@iinet.net.au<br />					<strong>Web:</strong> https://www.hancockfloorcoverings.com.au/				</p>
			</th>
			<th valign="top">
				<div style="float:right;max-width:50%">
					<img src="https://www.hancockfloorcoverings.com.au/documents/EmailBanner.jpg" alt="" />
				</div>
			</th>
		</tr>
	</table>
</div>











	

	
	

	

	
		





															
		
									
		






<div id="productListWrapper">
		
		


<div class="row">
	<div class="col-md-12">
		<ol class="breadcrumb">

			<li><a href="https://www.hancockfloorcoverings.com.au/"><span itemprop="title">Home</span></a></li>

							<li><a href="https://www.hancockfloorcoverings.com.au/pl.php"><span itemprop="title">Products</span></a></li>
			
							<li itemscope itemtype="https://data-vocabulary.org/Breadcrumb"><a href="https://www.hancockfloorcoverings.com.au/RUNNER/pl.php" itemprop="url"><span itemprop="title">RUNNER</span></a></li>
			
							<li itemscope itemtype="https://data-vocabulary.org/Breadcrumb"><a href="https://www.hancockfloorcoverings.com.au/RUNNER/MODERN/pl.php" itemprop="url"><span itemprop="title">MODERN</span></a></li>
			
			
			
		</ol>
	</div>
</div>	
							
					
							<h1>MODERN</h1>
				
		
				







 	
	


	
				
	<br class="clearfloat" />
	<p>Please choose from the categories below:</p>

	<br />
	<div class="tileContainer">
	
																								
				 
																<div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 tile">
				<a href="https://www.hancockfloorcoverings.com.au/RUNNER/MODERN/AURORA/pl.php" style="max-width:99.999%">
					<div class="tileImage tileImageFixedSize">
													<img src="https://www.hancockfloorcoverings.com.au/documents/categories/AURORA.jpg" alt="AURORA" title="AURORA" />
											</div>
					<div class="productCategoryText"><h2>AURORA</h2></div>
				</a>
			</div>
		
	
																								
				 
																<div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 tile">
				<a href="https://www.hancockfloorcoverings.com.au/RUNNER/MODERN/CHEOPS/pl.php" style="max-width:99.999%">
					<div class="tileImage tileImageFixedSize">
													<img src="https://www.hancockfloorcoverings.com.au/documents/categories/CHEOPS.jpg" alt="CHEOPS" title="CHEOPS" />
											</div>
					<div class="productCategoryText"><h2>CHEOPS</h2></div>
				</a>
			</div>
		
		</div>
	<br class="clearfloat" />
	

	</div> 











			
				
				</div> <!-- end #mainContent -->
			</div> <!-- end row -->
			<br class="clearfloat" />


		</div> 
		
				

								
							
		<!-- start footer -->
		<div id="Footer" class="footer " style=" background-color: #EFEFEF;;border-top:1px solid #183884">
			<div class="container" >

								








<div class="row footer-main " style="padding-bottom: 15px; background-color:#EFEFEF;">

	<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.hancockfloorcoverings.com.au/">Home</a></li>

							<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/about_us.php">About Us</a></li>
			
							<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/cleaning_instructions.php">Cleaning Instructions</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.hancockfloorcoverings.com.au/site/pages/contact.php">Contact Us</a></li>
			
			
							<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/privacy.php">Privacy Policy</a></li>
										<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/terms.php">Terms &amp; Conditions</a></li>
						
			<li ><a href="https://www.hancockfloorcoverings.com.au/site/pages/sitemap.php">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.hancockfloorcoverings.com.au/site/pages/register.php">Create Account</a></li>
                    <li><a href="https://www.hancockfloorcoverings.com.au/site/pages/login.php">Log In</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;">Hancock Floor Coverings</h3>
	<p>
		24 Enterprise Crescent<br>
		Malaga<br>
		WA 6090<br> 
		<br />ABN 93 008 780 194	</p>
	<h4><a href="tel:08 9248 6666" class="phone">Call Us: 08 9248 6666</a></h4>
</div>				<div style="margin-bottom: 10px;">
			
   
   
   
   
   
   
   
   

   

   


   <div class="SocialIcons">

	   	   	   	   	   	   	   		   
		   <a href="https://www.instagram.com/hancockfloors/
					" target="_blank" class="social_instagram"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-instagram"></i></span><span style="font-weight:bold;">@hancockfloors</span></a>
	   	   
	      
   </div>		</div>
				<div style="margin-bottom: 10px;">
			






		</div>
	</div>

</div> <!-- end row -->				

								




	
		
		
		
						

				<div class="row footer-cat hidden-xs" style="background-color:#EFEFEF;  border-top: 0px solid #ffffff; border-bottom: 0px solid #ffffff;">
			<div class="col-md-12">
				<div>
					<ul class="breadcrumb">

					
										
										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/ACCESSORIES/pl.php">ACCESSORIES</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/CARPET-TILES/pl.php">CARPET TILES</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/CARPETS/pl.php">CARPETS</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/HARD-FLOORS/pl.php">HARD FLOORS</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/MISC/pl.php">MISC</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/RUGS/pl.php">RUGS</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/RUNNER/pl.php">RUNNER</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/VINYL/pl.php">VINYL</a></li>

										
																		
						<li><a href="https://www.hancockfloorcoverings.com.au/VINYL-COMMERCIAL/pl.php">VINYL COMMERCIAL</a></li>

										</ul>
				</div>
			</div>
		</div> <!-- end row -->
		
	
				

									

																		
						




<nav class="navbar visible-xs">
	<div>
		<div class="navbar-header">
			<button type="button" class="btn btn-navbar collapsed" onClick="javascript:window.open('https://www.hancockfloorcoverings.com.au/RUNNER/MODERN/pl.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.instagram.com/hancockfloors/
					" target="_blank" class="social_instagram"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-stack-1x fa-inverse fa-instagram"></i></span><span style="font-weight:bold;">@hancockfloors</span></a>
	   	   
	      
   </div>			</div>
						<div class="col-md-12">
			<p>&copy;
				<script language="JavaScript" type="text/javascript">
					<!--
					var d=new Date();
					yr=d.getFullYear();
					document.write(" " + yr);
					//-->
				</script> 
				Hancock Floor Coverings - <a href="https://www.straightsell.com.au/site/pages/standard-design-eCommerce-website.php" title="eCommerce Website Design and Functionality">eCommerce Website Design</a> V13 
				| <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 -->



</body>
</html>