/********************************************
* CSS DOCUMENT - Global 
********************************************/

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		background-color: #fff;
		color: #333333;
		margin: 0;
		padding: 0;
	}
	
	a {
		color: #333333;
		text-decoration: none;
	}
	
	a:hover {
		color: #999999;
	}
	
	a:active {
		text-decoration: none;
	}
	
	form {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	input, select, textarea {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #333333;
	}
	
	img {
		border: 0;
	}
	
	.hide {
		display: none;
	}
	
/********************************************
* MAIN LAYOUT
********************************************/
	
	div.wrap {
		width: 970px;
		margin: 0 auto;
	}
	
	div.container { 
		width: 950px;
		padding: 0 10px 50px 10px;
		float: left;
		text-align: left;
	}
	
/********************************************
* HEADER
********************************************/
	
	div.header { 
		width: 950px;
		background-color: #fff;
		padding: 0;
		float: left;
	}
	
	div.headercol1 { 
		width: 310px;
		padding: 21px 0 21px 0;
		float: left;
	}
	
	div.headercol2 { 
		width: 340px;
		padding: 0;
		float: left;
	}

	div.headercol3 { 
		width: 250px;
		padding: 0 0 0 50px;
		float: left;
	}
	
	div.headercol3 p.heading1 { 
		font-size: 120%;
		margin: 0;
		padding: 50px 0 0 0;
		line-height: 1.3em;
	}
	
	div.headercol3 p span.highlight1 { 
		color: #666666;
	}
	
	div.toplinks { 
		width: 340px;
		font-size: 104%;
		padding: 8px 0 0 0;
		text-align: right;
		float: left;
	}
	
	div.toplinks ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.toplinks li { 	
		margin: 0;
		padding: 0 0 0 15px;
		display: inline;
	}
	
	div.toplinks li a {
		font-weight: bold;
		text-decoration: none;
		color: #666666;
		margin: 0;
		padding: 0;
	}
	
	div.toplinks li a:hover {
		color: #999999;
	}
	
	div.search { 
		width: 340px;
		padding: 20px 0 0 0;
		text-align: right;
		float: left;
	}
	
	div.search input.searchfield {
		font-size: 94%;
		width: 180px;
		background-image: url(../images/magnifier.gif);
    	background-repeat: no-repeat;
		background-position: 5px center;
		border: 1px solid #cccccc;
		margin: 0 0 0 20px;
		padding: 5px 8px 5px 28px;
	}
	
	div.search .buttonalign {
		vertical-align: middle;
		margin: 2px 0 6px 4px;
	}


	/* Fix for IE-win \*/
		* html div.search .buttonalign {margin-top: 4px;}
	/* End Fix for IE-win */



div.headerimage { 
		width: 950px;
		background-color: #999999;
		padding: 0;
		float: left;
	}
	
/********************************************
* NAVBAR
********************************************/
	
	div.navbar { 
		width: 950px;
		background-color: #333333;
		margin-bottom: 4px;
		padding: 0;
		float: left;
		position: relative;
		z-index: 1;
	}
	
	#navlist {
		width: 950px;
		background-image: url(../images/nav_bg.gif);
    	background-repeat: repeat-x;
		background-position: left bottom;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
	}
		
	#navlist li {
		background-color: #333333;
		background-image: url(../images/nav_bg.gif);
   		background-repeat: repeat-x;
		background-position: left bottom;
		margin: 0 1px 0 0;
		padding: 0;
		position: relative;
		display: block;
		float: left;
	}

	
	#navlist li:hover {
		background-color: #666666;
	}
	
	#navlist li.highlight {
		background-color: #000;
		text-transform: uppercase;
	}
	
	#navlist li.highlight:hover {
		background-color: #666666;
	}
	
	#navlist li a {
		font-size: 94%;
		text-decoration: none;
		color: #fff;
		margin: 0;
		padding: 10px 20px 16px 20px;
		display: block;
	}
	
	#navlist li.highlight a.current {
		background-image: url(../images/nav_arrow1.gif);
    	background-repeat: no-repeat;
		background-position: 20px bottom;
	}
	
	#navlist li.highlight a.current:hover {
		background-image: url(../images/nav_arrow3.gif);
	}
	
	#navlist li a.current {
		background-image: url(../images/nav_arrow2.gif);
    	background-repeat: no-repeat;
		background-position: 20px bottom;
	}
	
	#navlist li a.current:hover {
		background-image: url(../images/nav_arrow3.gif);
	}
	
	#navlist li ul { /* second-level lists */
		width: 220px;
		font-size: 94%;
		background-color: #666666;
		display: none;
		position: absolute;
		margin: -6px 0 0 0;
		padding: 10px 0 10px 0; 
		top: 30px;
		left: 0;
		z-index: 100;
	}
	
	#navlist li li {
		width: 220px;
		background-image: none;
		background-color: #666666;
		padding: 0;
		display: block;
		clear: left;
	}
	
	#navlist li li a {
		color: #fff;
		background-image: url("../images/arrow1.gif");
    	background-repeat: no-repeat;
		background-position: 20px 8px;
		padding: 5px 24px 5px 30px;
		margin: 0;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
	}
	
	#navlist li li a:hover {
		color: #fff;
		background-color: #7a7a7a;
	}
	
	#navlist li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
		top: auto;
		left: auto;
	}

/* Fix for IE-win \*/
		* html #navlist li ul {margin: 4px 0 0 0;}
/* End Fix for IE-win */

#navlist li:hover ul, #navlist li.over ul { /* lists nested under hovered list items */
		display: block;
	}

/********************************************
* HOME PAGE SPECIFIC
********************************************/
	
	div.homeintro { 
		width: 950px;
		background-color: #cccccc;
		margin-bottom: 10px;
		padding: 0;
		float: left;
	}
	
	div.homeintrocontent { 
		width: 365px;
		padding: 15px 90px 10px 20px;
		float: left;
	}

	div.homeintrocontent h1 {
    	font-size: 130%;
		line-height: 1.3em;
		margin: 0;
		padding: 0.5em 0 0.5em 0;
	}
	
	div.homeintrocontent h2 {
    	font-size: 110%;
		line-height: 1.3em;
		margin: 0;
		padding: 0.3em 0 0.3em 0;
	}

	div.homeintrocontent p { 
		font-size: 94%;
		margin: 0;
		padding: 0.3em 0 0.3em 0;
		line-height: 1.3em;
	}
	
	div.homeintrocontent p.heading1 { 
		font-size: 200%;
		margin: 0;
		padding: 0 0 0.6em 0;
		line-height: 1.3em;
	}
	
	div.homeintrocontent p span.highlight1 { 
		color: #666666;
	}
	
	div.homeintroimage { 
		width: 475px;
		padding: 0;
		float: left;
	}
	
	div.homefeatures { 
		width: 950px;
		padding: 0;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.homeproducts { 
		width: 950px;
		background-image: url(../images/grad_bg.gif);
    	background-repeat: repeat-x;
		background-position: left top;
		margin-bottom: 10px;
		padding: 15px 0 25px 0;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.homeproducts p { 
		font-size: 94%;
		margin: 0;
		padding: 0 100px 1.5em 20px;
		line-height: 1.3em;
	}
	
	div.homeproducts p.heading1 { 
		font-size: 120%;
		font-weight: bold;
		margin: 0;
		padding: 0 100px 1.5em 20px;
		line-height: 1.3em;
	}
	
	div.homeproductsbox { 
		font-size: 94%;
		padding: 0 10px 0 20px;
		float: left;
	}
	
	div.homeproductsbox ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.homeproductsbox li { 	
		margin: 0;
		padding: 0;
	}
	
	div.homeproductsbox li a {
		font-weight: bold;
		text-transform: uppercase;
		background-image: url(../images/arrow1.gif);
    	background-repeat: no-repeat;
		background-position: left center;
		padding-left: 10px;
	}

/********************************************
* FEATURE BOXES
********************************************/

	div.featurebox { 
		width: 310px;
		margin-bottom: 10px;
		padding: 0;
		float: left;
	}
	
	div.featurebox p { 
		font-size: 94%;
		margin: 0;
		padding: 0 126px 1.5em 20px;
		line-height: 1.3em;
	}
	
	div.featurebox p.heading1 { 
		font-size: 180%;
		background-image: url(../images/lozenge1.gif);
    	background-repeat: no-repeat;
		background-position: left top;
		margin: 0;
		padding: 28px 120px 0.6em 20px;
		line-height: 1.3em;
	}
	
	.findatile { 
		background-image: url(../images/FindATile.jpg);
    	background-repeat: no-repeat;
		background-position: 205px 36px;
	}
	
	.architectural { 
		background-image: url(../images/Architectural.jpg);
    	background-repeat: no-repeat;
		background-position: 181px 26px;
	}
	
	.retailers { 
		background-image: url(../images/Retailers.jpg);
    	background-repeat: no-repeat;
		background-position: 192px 37px;
	}
	
/********************************************
* BREADCRUMBS
********************************************/
	
	div.breadcrumbs { 
		width: 950px;
		border-bottom: 1px solid #cccccc;
		padding-top: 4px;
		float: left;
	}
	
	div.breadcrumbs p { 
		font-size: 94%;
		color: #666666;
		margin: 0;
		padding: 0 20px 1em 20px;
		line-height: 1.3em;
	}
	
	div.breadcrumbs a { 
		color: #666666;
		padding: 0 3px 0 3px;
	}
	
	div.breadcrumbs a:hover { 
		color: #999999;
	}
	
	div.breadcrumbs span { 
		font-weight: bold;
		padding: 0 3px 0 3px;
	}
	
/********************************************
* MAIN CONTENT
********************************************/
	
	div.contentcontainer { 
		width: 950px;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 10px;
		float: left;
	}
	
	div.maincol1 { 
		width: 640px;
		padding: 0;
		float: left;
	}
	
	div.maincol2 { 
		width: 660px;
		padding: 0;
		float: left;
	}
	
	div.rightcol1 { 
		width: 310px;
		padding: 0;
		float: left;
	}
	
	div.leftcol1 { 
		width: 290px;
		padding: 0;
		float: left;
	}
	
	div.leftnav { 
		width: 250px;
		margin: 0 20px 0 0;
		padding: 28px 0 0 0;
		float: left;
	}
	
	div.leftnav p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0 0 0.8em 0;
		padding: 0 20px 1em 20px;
		line-height: 1.3em;
		border-bottom: 1px solid #cccccc;
	}
	
	div.leftnav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	div.leftnav li {
		font-size: 94%;
		background-image: url(../images/arrow1.gif);
    	background-repeat: no-repeat;
		background-position: 20px 5px;
		margin: 0;
		padding: 0 0 0.8em 30px;
		line-height: 1.4em;
	}
	
	div.leftnav li a.current {
		font-weight: bold;
	}
	
	div.maincontent1 { 
		width: 550px;
		padding: 20px 70px 20px 20px;
		float: left;
	}
	
	div.maincontent2 { 
		width: 550px;
		padding: 20px 70px 20px 0;
		float: left;
	}
	
	div.maincontent1 p, div.maincontent2 p { 
		font-size: 94%;
		margin: 0;
		padding: 0 0 1.5em 0;
		line-height: 1.3em;
	}
	
	div.maincontent1 p.heading1, div.maincontent2 p.heading1 { 
		font-size: 200%;
		color: #666666;
		margin: 0;
		padding: 0 0 0.6em 0;
		line-height: 1.3em;
	}
	
	div.maincontent1 p.heading2, div.maincontent2 p.heading2 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 0 0.2em 0;
		line-height: 1.3em;
	}
	
	div.maincontent1 img.mainimage, div.maincontent2 img.mainimage { 
		margin: 1.5em 0 3em 0;
		padding: 0;
	}
	
	div.maincontent1 h1, div.maincontent2 h1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 0 0.2em 0;
		line-height: 1.3em;
	}

	div.projectscontainer { 
		width: 660px;
		padding: 10px 0 10px 0;
		float: left;
	}
	
	div.projectsbox { 
		width: 660px;
		background-color: #cccccc;
		padding: 0 0 20px 0;
		float: left;
	}
	
	div.projectsbox p { 
		font-size: 94%;
		margin: 0;
		padding: 0 100px 1.5em 20px;
		line-height: 1.3em;
	}
	
	div.projectsbox p.heading1 { 
		font-size: 200%;
		color: #666666;
		margin: 0;
		padding: 20px 100px 0.6em 20px;
		line-height: 1.3em;
	}
	
	div.stockistsbox { 
		width: 100%;
		padding: 25px 0 12px 0;
		border-top: 1px solid #e5e5e5;
		float: left;
	}
	
	div.stockistsbox p {
    	font-size: 100%;
		margin: 0;
		padding: 0 0 1.0em 0;
		line-height: 1.4em;
	}
	
/********************************************
* PRODUCT RANGE
********************************************/
	
	div.productrange { 
		width: 910px;
		padding: 20px;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.productrange p.heading1 { 
		font-size: 200%;
		color: #666666;
		margin: 0;
		padding: 0 0 0.6em 0;
		line-height: 1.3em;
	}
	
	div.categoryproductwrap {
		float: left;
	}
	
	div.productsubrangelist { 
		width: 182px;
		padding: 0;
		float: left;
	}
	
	div.productsubrangelist img { 
		margin: 0;
		padding: 2px;
		border: 1px solid #fff;
	}
	
	div.productsubrangelist a:hover img { 
		border: 1px solid #cccccc;
	}
	
	div.productsubrangelist a span { 
		font-size: 94%;
		font-weight: bold;
		margin: 0 0 0 3px;
		padding: 0.5em 0 0.75em 0;
		line-height: 1.3em;
		float: left;
	}
	
/********************************************
* PRODUCT RANGE DETAIL
********************************************/
	
	div.productrangedetail { 
		width: 950px;
		padding: 20px 0 0 0;
		float: left;
	}
	
	div.productrangedetail p.heading1 { 
		font-size: 200%;
		color: #666666;
		margin: 0;
		padding: 0 0 0.6em 20px;
		line-height: 1.3em;
	}
	
	div.productrangedetailcol1 { 
		width: 336px;
		float: left;
	}
	
	div.productrangedetailcol2 { 
		width: 614px;
		float: left;
	}
	
	div.rangeinsitu { 
		width: 296px;
		padding: 0 20px 0 20px;
		float: left;
	}
	
	div.rangeinsitu p { 
		font-size: 94%;
		margin: 0;
		padding: 0.5em 0 1em 0;
		line-height: 1.3em;
	}
	
	div.rangeoverview { 
		width: 296px;
		padding: 20px 20px 0 20px;
		float: left;
	}
	
	div.rangeoverview p { 
		font-size: 94%;
		margin: 0;
		padding: 0 0 1.5em 0;
		line-height: 1.3em;
	}
	
	div.rangeoverview p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 0 0.2em 0;
		line-height: 1.3em;
	}
	
	div.completerange { 
		width: 614px;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.completerangeheader { 
		width: 614px;
		border-bottom: 1px solid #cccccc;
		padding: 0 0 10px 0;
		float: left;
	}
	
	div.completerangeheader p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 0 0.4em 20px;
		line-height: 1.3em;
	}
	
	div.completerangelistcontainer { 
		width: 597px;
		padding: 32px 0 32px 17px;
		float: left;
	}
	
	div.featuredproductwrap {
		float: left;
	}
	
	div.completerangelist { 
		width: 114px;
		background-color: #fff;
		min-height: 175px;
		padding: 0 1px 0 1px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.completerangelist {height: 175px;}
	/* End Fix for IE-win */
	
	div.completerangelist img { 
		margin: 0;
		padding: 2px;
		border: 1px solid #fff;
	}
	
	div.completerangelist a:hover img { 
		border: 1px solid #cccccc;
	}
	
	div.completerangelist a span { 
		font-size: 94%;
		margin: 0 0 0 3px;
		padding: 0.5em 0 0.75em 0;
		line-height: 1.3em;
		cursor: pointer;
		float: left;
	}
	
	div.completerangelist img.icons { 
		margin: 0 3px 4px 4px;
		border: none;
		float: right;
	}
	
	div.completerangelist a:hover img.icons { 
		border: none;
		cursor: default;
	}
	
/********************************************
* FIND A TILE
********************************************/
	
	div.findatilebox { 
		width: 950px;
		padding: 20px 0 0 0;
		float: left;
	}
	
	div.findatilebox p.heading1 { 
		font-size: 200%;
		color: #666666;
		margin: 0;
		padding: 0 0 0.6em 20px;
		line-height: 1.3em;
	}
	
	div.findatileboxcol1 { 
		width: 260px;
		float: left;
	}
	
	div.findatileboxcol2 { 
		width: 690px;
		float: left;
	}
	
	div.colourselector { 
		width: 260px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}
	
	div.colourselectorheader { 
		width: 220px;
		padding: 5px 20px 0 20px;
		float: left;
	}
	
	div.colourselectorheadercol1 { 
		width: 70px;
		float: left;
	}
	
	div.colourselectorheadercol1 p { 
		font-size: 94%;
		font-weight: bold;
		margin: 0;
		padding: 0 0 1.5em 0;
		line-height: 1.3em;
		text-transform: uppercase;
	}
	
	div.colourselectorheadercol2 { 
		width: 150px;
		text-align: right;
		float: left;
	}
	
	div.colourselectorheadercol2 p { 
		font-weight: bold;
		margin: 0;
		padding: 0 6px 0 0;
	}
	
	div.colourchooser { 
		width: 220px;
		padding: 0 20px 0 20px;
		float: left;
	}
	
	div.colourbox { 
		width: 36px;
		background-color: #fff;
		float: left;
	}
	
	div.colourbox img { 
		margin: 0;
		padding: 2px;
		border: 1px solid #fff;
	}
	
	div.colourbox a:hover img { 
		border: 1px solid #cccccc;
	}
	
	div.colourbox a span { 
		font-size: 94%;
		margin: 0 0 0 3px;
		padding: 0.5em 0 0.75em 0;
		line-height: 1.3em;
		float: left;
	}
	
	div.tilefilters {
		width: 240px;
		padding: 0 0 0 20px;
		float: left;
	}
	
	div.tilefilters label {
		width: 220px;
		font-size: 94%;
		text-transform: uppercase;
		font-weight: bold;
		margin: 6px 0 2px 0;
		display: block;
	}
	
	div.tilefilters select {
		width: 220px;
		font-size: 100%;
	}
	
	div.tilestartcontainer { 
		width: 690px;
		min-height: 446px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.tilestartcontainer {height: 446px;}
	/* End Fix for IE-win */
	
	div.tilestartbox { 
		width: 500px;
		padding: 50px 0 10px 190px;
		float: left;
	}
	
	div.tilestartbox.number1 { 
		background-image: url(../images/1.gif);
    	background-repeat: no-repeat;
		background-position: 123px 56px;
	}
	
	div.tilestartbox.number2 { 
		background-image: url(../images/2.gif);
    	background-repeat: no-repeat;
		background-position: 119px 56px;
	}
	
	div.tilestartbox p { 
		font-size: 115%;
		margin: 0;
		padding: 0 0 1.5em 0;
		line-height: 1.3em;
	}
	
	div.tilestartbox p.heading1 { 
		font-size: 200%;
		color: #666666;
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.3em;
	}
	
	div.alltilescontainer { 
		width: 690px;
		min-height: 446px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.alltilescontainer {height: 446px;}
	/* End Fix for IE-win */
	
	div.alltiles { 
		width: 690px;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.alltilesheader { 
		width: 690px;
		border-bottom: 1px solid #cccccc;
		padding: 0 0 10px 0;
		float: left;
	}
	
	div.alltilesheadercol1 { 
		width: 270px;
		float: left;
	}
	
	div.alltilesheadercol2 { 
		width: 400px;
		text-align: right;
		padding-right: 20px;
		float: left;
	}
	
	div.alltilesheadercol2 span { 
		font-size: 94%;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		padding: 0 4px 0 4px;
	}
	
	div.alltilesheadercol2 img { 
		vertical-align: middle;
		margin-bottom: 2px;
	}
	
	div.alltilesheadercol2 input.gobutton { 
		vertical-align: middle;
		margin: 0 1px 0 10px;
	}
	
	div.alltilesheader p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 0 0.4em 20px;
		line-height: 1.3em;
	}
	
	div.alltileslistcontainer { 
		width: 649px;
		padding: 32px 0 32px 41px;
		float: left;
	}
	
	div.alltileslist { 
		width: 74px;
		background-color: #fff;
		padding: 0 1px 0 1px;
		float: left;
	}
	
	div.alltileslist img { 
		margin: 0;
		padding: 2px;
		border: 1px solid #fff;
	}
	
	div.alltileslist a:hover img { 
		border: 1px solid #cccccc;
	}
	
	div.alltileslist a span { 
		font-size: 94%;
		margin: 0 0 0 3px;
		padding: 0.5em 0 0.75em 0;
		line-height: 1.3em;
		float: left;
	}
	
	div.alltileslist img.icons { 
		margin: 0 3px 4px 4px;
		border: none;
		float: right;
	}
	
	div.alltileslist a:hover img.icons { 
		border: none;
		cursor: default;
	}
	
	div.tiledetailbox { 
		width: 950px;
		padding: 20px 0 0 0;
		float: left;
	}
	
	div.tiledetailbox p.heading1 { 
		font-size: 200%;
		color: #666666;
		margin: 0;
		padding: 0 0 0.6em 20px;
		line-height: 1.3em;
	}

	div.tiledetailbox p { 
		margin: 0;
		padding: 0 0 0.6em 20px;
		line-height: 1.3em;
	}

	div.tiledetailboxcol1 { 
		width: 336px;
		padding: 0;
		float: left;
	}
	
	div.tiledetailimage { 
		width: 296px;
		padding: 0 20px 0 20px;
		float: left;
		position: relative;
	}
	
	div.tiledetailimage p { 
		font-size: 94%;
		margin: 0;
		padding: 0.5em 0 1em 0;
		line-height: 1.3em;
	}
	
	div.tilemorecolours { 
		width: 296px;
		padding: 0 20px 20px 20px;
		float: left;
	}
	
	div.tilemorecolours p.heading1 { 
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0 0.4em 0;
		line-height: 1.3em;
	}
	
	div.tilemorecolourslist { 
		width: 56px;
		background-color: #fff;
		padding: 0 1px 0 1px;
		float: left;
	}
	
	div.tilemorecolourslist img { 
		margin: 0;
		padding: 2px;
		border: 1px solid #fff;
	}
	
	div.tilemorecolourslist a:hover img { 
		border: 1px solid #cccccc;
	}
	
	div.tilemorecolourslist a span { 
		font-size: 94%;
		margin: 0 0 0 3px;
		padding: 0.5em 0 0.75em 0;
		line-height: 1.3em;
		float: left;
	}
	
	div.tilemorecolourslist img.icons { 
		margin: 0 3px 4px 4px;
		border: none;
		float: right;
	}
	
	div.tiledetailboxcol2 { 
		width: 278px;
		padding: 0;
		float: left;
	}
	
	div.tiledetailspecbox { 
		width: 248px;
		margin-bottom: 10px;
		padding: 4px 20px 4px 10px;
		float: left;
	}
	
	div.tiledetailspecbox p { 
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	div.tiledetailspecbox p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 20px 0.2em 0;
		line-height: 1.3em;
	}
	
	div.tiledetailspecbox p.descript { 
		padding: 0 0 20px 0;
	}
	
	div.tiledetailspecbox table {
		width: 248px;
		font-size: 94%;
		color: #000;
		border: 0;
		border-collapse: collapse;
		line-height: 14px;
		margin: 20px 0 30px 0;
	}
	
	div.tiledetailspecbox table td {
		vertical-align: top;
		padding: 2px 0 2px 0;
	}
	
	div.tiledetailspecbox table .tdcell1 {
		padding-right: 20px;
	}
	
	div.tiledetailspecbox table .tdcell2 {
		font-weight: bold;
	}
	
	div.tiledetailboxcol3 { 
		width: 336px;
		padding: 0;
		float: left;
	}

	div.productdetailbox { 
		width: 336px;
		margin-bottom: 10px;
		padding: 4px 0 4px 0;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.productdetailbox p { 
		font-size: 94%;
		margin: 0;
		padding: 0 20px 1.5em 20px;
		line-height: 1.3em;
	}
	
	div.productdetailbox p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 20px 0.2em 20px;
		line-height: 1.3em;
	}
	
	div.productdetailbox img { 
		margin: 12px 20px 10px 10px;
		float: right;
	}
	
	div.relatedproductsbox { 
		width: 316px;
		padding: 4px 0 20px 20px;
		float: left;
	}
	
	div.relatedproductsbox p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 0 0.6em 0;
		line-height: 1.3em;
	}

	div.relatedprojectscontainer { 
		width: 336px;
		margin-bottom: 10px;
		padding: 4px 0 4px 0;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.relatedprojectscontainer p.heading1 { 
		font-size: 140%;
		color: #333333;
		margin: 0;
		padding: 0 20px 0.2em 20px;
		line-height: 1.3em;
	}
	
	div.relatedprojectsbox { 
		width: 336px;
		padding: 10px 0 0 0;
		float: left;
	}
	
	div.relatedprojectsbox p { 
		font-size: 94%;
		margin: 0;
		padding: 0 20px 1.5em 20px;
		line-height: 1.3em;
	}
	
	div.relatedprojectsbox p.title { 
		font-size: 100%;
		font-weight: bold;
		color: #333333;
		margin: 0;
		padding: 0 20px 0 20px;
		line-height: 1.3em;
	}
	
	div.relatedprojectsbox img { 
		margin: 0 20px 10px 10px;
		float: right;
	}

	div.relatedproductslist { 
		width: 74px;
		background-color: #fff;
		padding: 0 1px 0 1px;
		float: left;
	}
	
	div.relatedproductslist img { 
		margin: 0;
		padding: 2px;
		border: 1px solid #fff;
	}
	
	div.relatedproductslist a:hover img { 
		border: 1px solid #cccccc;
	}
	
	div.relatedproductslist a span { 
		font-size: 94%;
		margin: 0 0 0 3px;
		padding: 0.5em 0 0.75em 0;
		line-height: 1.3em;
		float: left;
	}

/********************************************
* PRODUCTS PAGING
********************************************/	
	
	div.pagingbox1 {
		width: 910px;
		font-size: 94%;
		padding: 0 20px 0 20px;
		float: left;
	}
	
	div.pagingbox2 {
		width: 574px;
		font-size: 94%;
		padding: 0 20px 0 20px;
		float: left;
	}
	
	div.pagingbox3 {
		width: 650px;
		font-size: 94%;
		padding: 0 20px 0 20px;
		float: left;
	}
	
	div.pagingcol1 {
		width: 50%;
		padding: 15px 0 15px 0;
		float: left;
	}
	
	div.pagingcol2 {
		width: 50%;
		padding: 15px 0 15px 0;
		text-align: right;
		float: left;
	}
	
	div.pagingcol2 span {
		font-weight: bold;
		background-color: #333333;
		color: #fff;
		margin: 0 0 0 1px;
		padding: 1px 5px 1px 5px;
		border-width: 1px;
		border-style: solid;
		border-color: #333333;
	}
	
	div.pagingcol2 a {
		font-weight: bold;
		background-color: #fff;
		color: #333333;
		margin: 0 0 0 1px;
		padding: 1px 5px 1px 5px;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		text-decoration: none;
	}
	
	div.pagingcol2 a:hover {
		color: #fff;
		background-color: #666666;
		border-width: 1px;
		border-style: solid;
		border-color: #666666;
	}
	
/********************************************
* BROCHURES
********************************************/
	
	div.brochurebox { 
		width: 540px;
		padding: 20px 0 0 0;
		float: left;
	}
	
	div.brochurelist { 
		width: 250px;
		margin: 0 15px 20px 0;
		float: left;
	}
	
	div.brochurelist img { 
		border: 1px solid #cccccc;
		margin-right: 20px;
		float: left;
	}
	
	div.brochurelist p { 
		font-size: 94%;
		margin: 0;
		padding: 0 0 1.5em 0;
		line-height: 1.3em;
	}
	
	div.brochurelist p.heading1 { 
		font-size: 135%;
		font-weight: bold;
		color: #000;
		margin: 0;
		padding: 0 0 0.6em 0;
		line-height: 1.3em;
	}
	
	div.brochurelist a.PDF { 
		font-weight: bold;
		text-transform: uppercase;
		background-image: url(/images/pdf.gif);
    	background-repeat: no-repeat;
		background-position: left center;
		padding: 2px 0 2px 23px;
	}
	
/********************************************
* GENERAL EXTRAS
********************************************/
	
	.arrowlink1 { 
		font-weight: bold;
		text-transform: uppercase;
		background-image: url(../images/arrow1.gif);
    	background-repeat: no-repeat;
		background-position: right center;
		padding-right: 10px;
	}

	.pdflink1 { 
		font-weight: bold;
		text-transform: uppercase;
		background-image: url(../images/pdfdownload.gif);
    	background-repeat: no-repeat;
		background-position: right center;
		padding: 10px 25px 10px 0;
	}

	.extramargin1 { 
		margin-right: 10px;
	}
	
	.extramargin2 { 
		margin-top: 68px;
	}
	
/********************************************
* FOOTER
********************************************/
	
	div.footerfeatures { 
		width: 950px;
		padding: 0;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.footerfeaturesbox { 
		width: 310px;
		padding: 10px 0 0 0;
		float: left;
	}
	
	div.footerfeaturesbox p { 
		font-size: 94%;
		margin: 0;
		padding: 0 100px 1.5em 20px;
		line-height: 1.3em;
	}
	
	div.footerfeaturesbox p.heading1 { 
		font-size: 120%;
		font-weight: bold;
		margin: 0;
		padding: 0 100px 0.6em 20px;
		line-height: 1.3em;
	}
	
	.projects { 
		background-image: url(../images/Projects.jpg);
    	background-repeat: no-repeat;
		background-position: 233px 10px;
	}
	
	.brochures { 
		background-image: url(../images/Brochures.jpg);
    	background-repeat: no-repeat;
		background-position: right bottom;
	}
	
	.waxman { 
		background-image: url(../images/Waxman.gif);
    	background-repeat: no-repeat;
		background-position: 239px 29px;
	}
	
	div.footernav { 
		width: 950px;
		font-size: 94%;
		padding: 15px 0 15px 0;
		border-bottom: 1px solid #cccccc;
		float: left;
	}
	
	div.footernav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.footernav li { 	
		margin: 0;
		padding: 0 15px 0 0;
		display: inline;
	}
	
	div.footernav li a {
		font-weight: bold;
		text-decoration: none;
		color: #666666;
		margin: 0;
		padding: 0;
	}
	
	div.footernav li a:hover {
		color: #999999;
	}
	
	div.footer { 
		width: 950px;
		font-size: 94%;
		color: #999999;
		padding: 15px 0 0 0;
		float: left;
	}
	
	div.footer a {
		color: #999999;
		text-decoration: underline;
	}
	
	div.footer a:hover {
		text-decoration: none;
	}
	
	div.footercol1 { 
		width: 740px;
		float: left;
	}
	
	div.footercol2 { 
		width: 210px;
		text-align: right;
		float: left;
	}

	div.footercol2 span.chameleon {
		background-image: url("../images/Chameleon.gif");
    	background-repeat: no-repeat;
		background-position: right center;
		padding: 2px 15px 2px 0;
	}
	
/********************************************
* FORM
********************************************/
	
	div.formbox {
		width: 100%;
		float: left;
 	}
	
	div.formbox fieldset {
		border: 1px solid #e5e5e5;
		margin: 10px 0 15px 0;
		padding: 10px 15px 10px 15px;
 	}

	div.formbox label {
 		width: 200px;
		margin-right: 1em;
 		padding: 10px 0 8px 0;
		text-align: right;
		float: left;
		position: relative;
		clear: both;
 	}
	
	div.formbox legend {
		font-weight: bold;
		color: #666666;
 	}
	
	div.formbox input, div.formbox select, div.formbox textarea {
		margin: 7px 0 7px 0;
 	}
	
	div.formbox .actionbox {
		margin: 8px 0 0 0;
		padding: 0 0 0 210px;
		text-align: left;
	}
	
	div.formbox .actionbox2 input {
		margin: 0;
	}
	
	div.warning {
		color: #333333;
		border: 1px solid #ff0000;
		margin: 10px 0 10px 0;
		padding: 5px 10px 5px 10px;
  	}
	
/**************************************
* BUTTONS 
***************************************/

	.buttonLogin {
		border: 0;
		background: url("../images/login.gif");
		width: 73px;
		height: 24px;
		cursor: pointer;
		cursor: hand;
	}
	
	.buttonRegister {
		border: 0;
		background: url("../images/register.gif");
		width: 95px;
		height: 24px;
		cursor: pointer;
		cursor: hand;
	}
	
	.buttonSubmit {
		border: 0;
		background: url("../images/submit-1.gif");
		width: 80px;
		height: 24px;
		cursor: pointer;
		cursor: hand;
	}
	
/**************************************
* SLIDESHOW 
***************************************/
	
	#slideshow {
		position:relative;
		height:227px;
	}

	#slideshow IMG {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}

	#slideshow IMG.active {
		z-index:10;
		opacity:1.0;
	}

	#slideshow IMG.last-active {
		z-index:9;
	}