@charset "UTF-8";
/* CSS Document */

	body {
		font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		background-color: #e3e4d9;
		background-image: url(../images/bg.gif);
    	background-repeat: repeat-y;
		background-position: center top;
		color: #333333;
		height: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	a {
		color: #66672b;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	form {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	img {
		border: 0;
	}
		
	html { 
		height: 100%;
		margin-bottom: 20px;
	}
	
	.hide { 
		display: none;
	}


/**************************************
* LAYOUT
***************************************/

	div.wrap { 
		width: 870px;
		margin: 0 auto;
		text-align: left;
	}
	
	div.outercontainer { 
		width: 860px;
		padding: 0 0 0 10px;
		float: left;
		text-align: left;
	}
	
/**************************************
* HEADER
***************************************/
	
	div.header { 
		width: 860px;
		padding: 10px 0 10px 0;
		float: left;
	}

	div.header h1 {
		font-size: 100%;
		width: 232px;
		height: 124px;
		margin: 0;
		padding: 0 10px 0 0;
		background-image: url(../images/logo.gif);
    	background-repeat: no-repeat;
		background-position: left top;
		display: block;
		float: left;
	}
	
	div.header h1 a {
		font-size: 100%;
		width: 232px;
		height: 124px;
		background-image: url(../images/logo.gif);
    	background-repeat: no-repeat;
		display: block;
		float: left;
	}

	div.header h1 span { 
		display: none;
	}

/**************************************
* NAVBAR
***************************************/
	
	#navbar {
		width: 588px;
		background-color: #cbbd8b;
		background-image: url("../images/headerbg.gif");
		background-repeat: no-repeat;
		background-position: right bottom;
		margin: 0;
		padding: 94px 10px 10px 10px; 
		display: block;
		float: left;
	}
		
	#navbar li {
		list-style: none;
		position: relative;
		margin: 0;
		float: left;
	}
		
	#navbar li span {
		display: none;
	}
	
	#navbar li a {
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbar li .navbut1 {
		width: 52px;
		height: 20px;
		background-image: url("../images/navbut1.gif");
		background-position: 0px 0px;
	}
	
	#navbar li .navbut1:hover {
		background-position: 0px -21px;
	}
	
	#navbar li .navbut2 {
		width: 61px;
		height: 20px;
		background-image: url("../images/navbut2.gif");
		background-position: 0px 0px;
	}
	
	#navbar li .navbut2:hover {
		background-position: 0px -21px;
	}
	
	#navbar li .navbut3 {
		width: 98px;
		height: 20px;
		background-image: url("../images/navbut3.gif");
		background-position: 0px 0px;
	}
	
	#navbar li .navbut3:hover {
		background-position: 0px -21px;
	}
	
	#navbar li .navbut4 {
		width: 81px;
		height: 20px;
		background-image: url("../images/navbut4.gif");
		background-position: 0px 0px;
	}
	
	#navbar li .navbut4:hover {
		background-position: 0px -21px;
	}
	
	#navbar li .navbut5 {
		width: 44px;
		height: 20px;
		background-image: url("../images/navbut5.gif");
		background-position: 0px 0px;
	}
	
	#navbar li .navbut5:hover {
		background-position: 0px -21px;
	}

	
/**************************************
* MAIN COLUMN
***************************************/

	div.contentcontainer { 
		width: 860px;
		padding: 0 0 100px 0;
		float: left;
	}
	
	div.leftcol { 
		width: 232px;
		padding: 0 10px 0 0;
		float: left;
	}
	
	div.productnav { 
		width: 232px;
		min-height: 280px;
		background-color: #e3e4d9;
		margin: 0 0 10px 0;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.productnav {height: 280px;}
	/* End Fix for IE-win */ 
	
	div.productnav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 16px 0 16px 0;
	}
	
	div.productnav li { 	
		margin: 0;
		padding: 0;
	}
	
	div.productnav li a {
		font-size: 110%;
		color: #333333;
		text-decoration: none;
		margin: 0;
		padding: 10px 5px 10px 40px;
		display: block;
	}
	
	/* Fix for IE-win \*/
		* html div.productnav li a {height: 1px;}
	/* End Fix for IE-win */
	
	div.distributors { 
		width: 192px;
		background-color: #cbbd8b;
		margin: 0 0 10px 0;
		padding: 10px 20px 16px 20px;
		float: left;
	}
	
	div.distributors h3 {
		height: 14px;
		margin: 0 0 12px 0;
		padding: 0;
		background-image: url(../images/distributors.gif);
    	background-repeat: no-repeat;
		background-position: left top;
		display: block;
	}

	div.distributors h3 span { 
		display: none;
	}
	
	.buttonalign { 
		vertical-align: middle;
		margin: 0 0 3px 4px;
	}
	
	div.brochure { 
		width: 132px;
		font-size: 94%;
		min-height: 110px;
		background-color: #fff;
		background-image: url(../images/brochure.jpg);
    	background-repeat: no-repeat;
		background-position: 8px 0px;
		margin: 20px 0 10px 0;
		padding: 0 0 20px 100px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.brochure li a {height: 110px;}
	/* End Fix for IE-win */
	
	div.brochure h3 {
		height: 14px;
		margin: 5px 10px 0 0;
		padding: 0;
		background-image: url(../images/brochure.gif);
    	background-repeat: no-repeat;
		background-position: left top;
		display: block;
	}

	div.brochure h3 span { 
		display: none;
	}
	
	div.brochure p {
		margin: 0;
		padding: 1em 10px 0 0;
		line-height: 1.3em;
	} 
	
	div.maincol1 {
		width: 618px;
		margin: 0 0 10px 0;
		float: left;
	}
	
	div.imagegallerybox {
		width: 608px;
		margin: 10px 0 10px 0;
		float: left;
	}
	
	div.mainimagebox {
		width: 588px;
		min-height: 260px;
		margin: 0 0 10px 0;
		padding: 10px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.mainimagebox {height: 260px;}
	/* End Fix for IE-win */
	
	div.mainimageboxcol1 {
		width: 346px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div.mainimageboxcol2 {
		width: 192px;
		margin: 0;
		padding: 0 30px 0 20px;
		float: left;
	}
	
	div.mainimageboxcol2 h2 {
		font-size: 140%;
		font-weight: normal;
		margin: 0;
		padding: 0 0 1.4em 0;
		line-height: 1.4em;
	}
	
	div.mainimageboxcol2 p {
		font-size: 94%;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.4em;
	}
	
	div.maincontentbox {
		width: 518px;
		font-size: 110%;
		margin: 0;
		padding: 10px 70px 0 20px;
		float: left;
	}
	
	div.maincontentbox p {
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.4em;
	}
	
	div.maincontentbox h2 {
		font-size: 150%;
		font-weight: normal;
		color: #66672b;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.4em;
	}
	
	div.maincontentbox h3 {
		font-size: 140%;
		font-weight: normal;
		color: #66672b;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.4em;
	}

	div.maincontentbox h4 {
		font-size: 130%;
		font-weight: normal;
		color: #66672b;
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.4em;
	}

	div.maincontentbox h5 {
		font-size: 120%;
		font-weight: normal;
		color: #66672b;
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.4em;
	}

	div.maincontentbox ul {
		font-weight: bold;
		list-style-image: none;
		list-style-type: none;
		margin: 0 0 1.0em 0;
		padding: 0 0 0 0;
	}
	
	div.maincontentbox li {
		background-image:  url(../images/bullet1.gif);
		background-position: 0 6px;
		background-repeat: no-repeat;
		margin: 0 0 0 10px;
		padding: 0 14px 0 12px;
		line-height: 1.4em;
	}
	
	div.maincontentbox ul ul {
		font-weight: normal;
		font-style: italic;
		list-style-image: none;
		list-style-type: none;
		margin: 0.5em 0 0.5em 0;
		padding: 0 0 0 0;
	}
	
	div.maincontentbox li li {
		background-image:  url(../images/bullet2.gif);
		background-position: 0 6px;
		background-repeat: no-repeat;
		margin: 0 0 0 10px;
		padding: 0 14px 0 12px;
		line-height: 1.4em;
	}
	
	div.breadcrumbs { 
		width: 568px;
		font-size: 94%;
		background-color: #e3e4d9;
		margin: 0 0 10px 0;
		padding: 10px 20px 10px 20px;
		float: left;
	}
	
	div.breadcrumbs p { 
		margin: 0;
		padding: 0;
	}
	
	div.breadcrumbs a {
		color: #333333;
	}
	
	/* Featured Products */
	
	div.featuredproductscontainer {
		width: 618px;
		padding: 0;
		float: left;
	}
	
	div.featuredproductwrap {
		width: 618px;
		float: left;
		padding: 0 0 10px 0;
	}
	
	div.featuredproductouterbox {
		width: 196px;
		margin: 0 0 0 0;
		padding: 0 10px 0 0;
		float: left;
	}
	
	div.featuredproductbox {
		width: 176px;
		font-size: 94%;
		background-color: #e3e4d9;
		margin: 0;
		padding: 10px;
		float: left;
		min-height: 250px;

	}
	
		/* Fix for IE-win \*/
		* html div.featuredproductbox {height: 250px;}
	/* End Fix for IE-win */ 

	
	div.featuredproductbox p {
    	margin: 0;
		padding: 0 0 0.1em 0;
	}
	
	div.featuredproductbox .thumbimage {
		width: 176px;
		margin: 0 0 10px 0;
		min-height: 176px;
	}
	
	/* Fix for IE-win \*/
		* html div.featuredproductbox .thumbimage {height: 176px;}
	/* End Fix for IE-win */ 
	
	div.featuredproductbox .box1 {
		width: 166px;
		min-height: 40px;
		background-color: #e3e4d9;
		background-image: url("../images/arrow1.gif");
    	background-repeat: no-repeat;
		background-position: left 2px;
		padding: 0 0 0 10px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.featuredproductbox .box1 {height: 40px;}
	/* End Fix for IE-win */
	
	div.featuredproductbox .box1 p {
    	margin: 0;
		padding: 0 0 0.1em 0;
	}
	
	div.featuredproductbox .box1 .highlight1 {
		color: #333333;
	} 
	
	/* Main Product */
	
	div.productcontainer { 
		width: 568px;
		margin: 0 0 10px 0;
		padding: 0 20px 0 20px;
		float: left;
	}
	
	div.productimages { 
		width: 588px;
		background-color: #e3e4d9;
		margin: 0 0 10px 0;
		padding: 10px;
		float: left;
	}
	
	div.productimages img { 
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
	}
	
	div.producttitle { 
		width: 568px;
		margin: 0 0 10px 0;
		padding: 10px 20px 10px 20px;
		float: left;
	}
	
	div.producttitle h2 { 
		font-size: 100%;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	div.producttitle .code { 
		font-size: 140%;
	}
	
	div.producttitle .description { 
		color: #fff;

	}
	
	div.producttitle a {
		color: #333333;
	}

	
	
/**************************************
* COLOUR PALETTE
***************************************/
		
	.defaultcolor {
		background-color: #3a4438;
		color: #cbbd8b;
	}
	
	
/**************************************
* FOOTER
***************************************/
	
	div.footer {
		width: 810px;
		color: #3a4438;
		background-color: #cbbd8b;
		margin: 0 0 10px 0;
		padding: 20px;
		float: left;
	}
	
	div.footercol1 {
		width: 634px;
		float: left;
	}
	
	div.footercol2 {
		width: 176px;
		text-align: right;
		float: left;
	}
	
	div.footer p {
		font-size: 94%;
		margin: 0;
		padding: 0;
	}
	
	div.footer a {
		color: #3a4438;
	}
	
	div.footer span.chameleon {
		background-image: url("../images/chameleon.gif");
    	background-repeat: no-repeat;
		background-position: right center;
		padding: 2px 15px 2px 0;
	}