@charset "UTF-8";
body {
	font-size:62.5%;
	font-family: Lucida Sans;
	background-color: #;
	background-image: url(../images/interface/gradback-grey.gif);
	background-repeat: repeat-x;
}
* {
	margin: 0px;
	padding: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	color: #006699;
}
ul {
	list-style-type: none;
}
.clearfloats {
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	height: 1px;
	display: block;
	clear: both;
	width: 100%;
	
}

#pagewrapper {
	background-color: #FFFFFF;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	
}

#header {
}

#header div.contact {
	float: right;
	padding-top: 15px;
}

#header div.contact span.tel {
	font-size: 1.6em;
	padding-left: 40px;
	background-image: url(../images/interface/telephone.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 26px;
	float: left;
	width: 180px;
	display: block;
	padding-top: 10px;
}

#header div.contact span.email {
	display: block;
	float: left;
	clear: left;
	font-size: 1.6em;
	padding-left: 40px;
	background-image: url(../images/interface/email.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 180px;
	padding-top: 10px;
	height: 26px;
}

#header div.contact span.email a {
	color: #000000;
	text-decoration: none;
}

#header div.contact span.email a:hover {
	color: #E52B38;
}

#header a.logo {
	display: block;
	padding-left: 25px;
	
	padding-top: 12px;
	
	padding-bottom: 12px;
}

#header div.tagline {
	clear: both;
	font-size: 1.8em;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 28px;
	height: 22px;
}

#header div.tagline span.taglinecopy {
	float: left;
}

#header div.tagline span.samplerequest {
	float: right;
	padding-right: 28px;
	font-size: 0.7em;
	padding-top: 3px;
}

#header div.tagline span.samplerequest a {	color: #E52B38;
	text-decoration: none;}

#header div.tagline span.samplerequest a:hover {color: #ffffff;}

.nav {
	height: 31px;
	background-image: url(../images/interface/main-nav-back.gif);
	background-repeat: repeat-x;
	padding-left: 16px;
}

.nav div.search {
	float: right;
	padding-top: 6px;
	padding-right: 30px;
	position: relative;
}

.nav div.search label {font-size: 1.1em;}

.nav div.search input.textfield {
	border: 1px solid #146B56;
	padding: 2px;
	font-size:1.1em;
	width: 150px;
}

.nav div.search input.gobtn {
	padding-left: 4px;
	position: relative;
	top: 2px;
}

.nav div.search input.gobtn:hover {cursor:pointer;}

/* Sean adds for accessible over labels on search box */	
	
label.overlabel {
	position:absolute;
	left:-2000px;
}

label.overlabel-apply {
	position:absolute;
	left:10px;
	top:8px;
	z-index:1;
}

/* LEVEL ONE */

.nav ul {}

.nav ul li {
	display: block;
	float: left;
	position: relative;
	
	font-size: 1.4em;
	font-weight: bold;
	color: #146B56;
	padding: 6px 12px;
	height: 19px;
}

.nav ul li:hover {cursor:default;}



.nav ul li a {
	color: #146B56;
	text-decoration: none;
	display: block;
/*	float: left;*/
	
}


/*  END Sean amended */

.nav ul li a:hover {}

/* LEVEL TWO */

.nav ul li ul {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 31px;
	display: none;
}

.nav ul li:hover ul {
	display: block;
}

.nav ul li ul li {
	float: none;
	position: relative;
	float: none;
	background-color: #ECECEC;
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
display: block
	
}

.nav ul li ul li:hover {background-color: #cccccc; cursor:default;}


.nav ul li ul li a {
	color: #000000;
	display: block;
	

	
}

.nav ul li ul li a:hover {background-color: #cccccc;}

/* LEVEL THREE */



.nav ul li ul li ul {

	position: absolute;
	left: 200px;
	top: 0px;
	visibility: hidden;
}



.nav ul li ul li:hover ul {
	visibility: visible;
}


.nav ul li ul li ul li {
	position: relative;
	font-size: 1em;
	display: block;
}

.nav ul li ul li ul li:hover {background-color: #cccccc; cursor:default; display: block;}

.nav ul li ul li ul li a {display: block;	width:100%;}

.nav ul li ul li ul li a:hover {background-color: #cccccc;}  


/* LEVEL FOUR */


.nav ul li ul li:hover ul li ul {
position: absolute;
	left: 200px;
	top: 0px;
visibility: hidden;
	}

.nav ul li ul li:hover ul li:hover ul {visibility: visible;}

.nav ul li ul li ul li ul li {
	margin: 0px;
}

.nav ul li ul li ul li ul li:hover {background-color: #cccccc; cursor:default;}

.nav ul li ul li ul li ul li a {
	display: block;
	width:100%;
}

.nav ul li ul li ul li ul li a:hover {background-color: #cccccc;}

.pagebody {
	clear: both;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;

}



.column1 {
	float: left;
	width: 230px;
	margin-right: 8px;
}

.column1 h1 {
	
}

.column1 ul {}

.column1 ul li {}

.column1 ul li a {
	
}

.column1 ul li a:hover {}

.column1 div.mediaelement {
	margin-bottom: 12px;
}

.column1 h2 {
	font-size: 1.2em;
	line-height: 1.7em;
	color: #901649;
	padding-bottom: 4px;
	width: 220px;
}

.column1 p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 8px;
	width: 220px;
}

.column2 {
	float: left;
	width: 230px;
	margin-right: 2px;
	height: 404px;
	background-image: url(../images/home/glass-back.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #AD1617;
	
	}

.column2 h1 {
	height: 31px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	text-align: center;
	padding-top: 16px;
	color: #FFFFFF;
	background-color: #AD1617;
	}

.column2 ul {
	display: none;
}

.column2:hover ul {
	display: block;
/*	cursor: pointer;*/
	
}

.column2 ul li {
	font-size: 1.4em;
	color: #000000;
	
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9AE9C;
	display: block;
	background-image: url(../images/home/panel-nav-back.png);
	background-repeat: repeat-y;
	position:relative;}
	
	.column2 ul li:hover {
	background-color: #CCCCCC; cursor:default;
}

.column2 ul li a {
	display: block;
		color: #000000;
		text-decoration: none;
	}
/*
.column2 ul li a:hover {
	background-color: #CCCCCC;
}
*/
.column2:hover ul li ul {
	display: none;
	
}

.column2 ul li:hover ul {
	display: block;
	/*cursor: pointer;*/
	position:absolute;
	left:230px;
	top:0px;
	width:200px;
	}

.column2 ul li ul li {
	font-size: 1em;display: block;
	color: #000000;
	text-decoration: none;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9AE9C;
	
	background-image: url(../images/home/panel-nav-back.png);
	background-repeat: repeat-y;}

.column2 ul li ul li:hover {background-color: #CCCCCC; cursor:default;}
.column2 ul li ul li a {color: #000000;
	text-decoration: none;}

.column3 {
	float: left;
	width: 230px;
	margin-right: 2px;
	height: 404px;
	background-image: url(../images/home/plastics-back.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #901649;
	}

.column3 h1 {
	height: 31px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	text-align: center;
	color: #FFFFFF;
	background-color: #901649;
	padding-top: 16px;
	}

.column3 ul {
	display: none;
	}
	
	.column3:hover ul {
	display: block;
/*	cursor: pointer;*/
	}

.column3 ul li {
font-size: 1.4em;
	color: #000000;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9AE9C;
	display: block;
	background-image: url(../images/home/panel-nav-back.png);
	background-repeat: repeat-y;
	position:relative;
	}

.column3 ul li a {
	color: #000000;
	text-decoration: none;
	display: block;
	
	}
	
	.column3 ul li:hover {	background-color: #CCCCCC;}

/*.column3 ul li a:hover {	background-color: #CCCCCC;}*/

.column3:hover ul li ul {
	display: none;
	
}

.column3 ul li:hover ul {
	display: block;
	cursor: pointer;
	position:absolute;
	left:230px;
	top:0px;
	width:200px;
	}

.column3 ul li ul li {
	font-size: 1em;display: block;
	color: #000000;
	text-decoration: none;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9AE9C;
	
	background-image: url(../images/home/panel-nav-back.png);
	background-repeat: repeat-y;}

.column3 ul li ul li:hover {background-color: #CCCCCC;}
.column3 ul li ul li a {color: #000000;
	text-decoration: none;}

.column4 {
	float: left;
	width: 230px;
	margin-right: 2px;
	height: 404px;
	background-image: url(../images/home/caps-back.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #146B56;
	}

.column4 h1 {
	height: 31px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	text-align: center;
	color: #FFFFFF;
	background-color: #146B56;
	padding-top: 16px;
	}

.column4 ul {
	display: none;
	}
	
	.column4:hover ul {
	display: block;
/*	cursor: pointer;*/
	}

.column4 ul li {
	font-size: 1.4em;
	color: #000000;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9AE9C;
	display: block;
	background-image: url(../images/home/panel-nav-back.png);
	background-repeat: repeat-y;
	position: relative;
	}
	
	.column4 ul li:hover {	background-color: #CCCCCC;}

.column4 ul li a {
	color: #000000;
	text-decoration: none;
display: block;
	}

.column4:hover ul li ul {
	display: none;
	
}

.column4 ul li:hover ul {
	display: block;
	cursor: pointer;
	position:absolute;
	left:-200px;
	top:0px;
	width:200px;
	}

.column4 ul li ul li {
	font-size: 1em;display: block;
	color: #000000;
	text-decoration: none;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9AE9C;
	
	background-image: url(../images/home/panel-nav-back.png);
	background-repeat: repeat-y;}

.column4 ul li ul li:hover {background-color: #CCCCCC;}

.column4 ul li ul li a {color: #000000;
	text-decoration: none;}


#footer {
	clear: both;
	padding-top: 6px;
	float: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

#footer span.right {
	display: block;
	float: right;
}


/* SUB-PAGE STYLES */

.subpage .pagebody {
	background-image: url(../images/interface/gradback-green.gif);
	background-repeat: repeat-x;
	width: 980px;
	min-height: 500px;
	margin: 0px;
	padding: 0px;
}

.leftcolumn {
	float: left;
	width: 250px;
}

.leftcolumn div.sectionname {
	padding-top: 85px;
	background-image: url(../images/interface/sh-img-caps.png);
	background-repeat: no-repeat;
}

.leftcolumn div.sectionname span {
	height: 30px;
	background-image: url(../images/interface/sh-grad-green.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #6FB1A3;
	padding-top: 3px;
}

.leftcolumn ul.sectionnav {
	padding-top: 10px;
}

.leftcolumn ul.sectionnav li {}

.leftcolumn ul.sectionnav li a {
	display: block;
	width: 225px;
	padding-left: 25px;
	font-size: 1.3em;
	text-decoration: none;
	padding-bottom: 6px;
	color: #000000;
}

.leftcolumn ul.sectionnav li a:hover {
	color: #116452;
	background-image: url(../images/interface/here-arrow-green.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
}

.leftcolumn ul.sectionnav li.on a {
	
		background-repeat: no-repeat;
	background-position: 10px 2px;
	}
	
	
	.rightcolumn {
	float: left;
	width: 730px;
	margin: 0px;
	padding: 0px 0px 10px;
}
	
	
	ul.breadcrumb {
	padding-top: 10px;
	padding-left: 23px;
	width: 500px;
	float: left;
}
	
	ul.breadcrumb li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	display: block;
	float: left;
	padding-right: 3px;
}
	
	ul.breadcrumb li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 3px;
}
	
	ul.breadcrumb li a:hover {
	color: #000000;
}
	
	.rightcolumn h1 {
	clear: left;
	font-size: 1.8em;
	color: #FFFFFF;
	padding-left: 23px;
	padding-top: 4px;
	padding-bottom: 8px;
}

.instruction {
	padding-left: 23px;
	font-size: 1.2em;
	color: #FFFFFF;
	padding-bottom: 12px;
}
	
	ul.tabnav {
	padding-left: 12px;
	margin: 0px;
	height: 29px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
	
	ul.tabnav li {
	display: block;
	float: left;
}
	
	ul.tabnav li a {
	display: block;
	float: left;
	height: 23px;
	width: 134px;
	background-image: url(../images/interface/off-tab.png);
	background-repeat: no-repeat;
	padding-left: 11px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #12705B;
	padding-top: 6px;
}
	
	ul.tabnav li a:hover {}
	
	ul.tabnav li.on a {
	background-image: url(../images/interface/on-tab.png);
}

.outertab {
	width: 708px;
	padding-bottom: 8px;
	background-image: url(../images/interface/tab-back-base.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.outertab .tab {
	width: 708px;
	background-image: url(../images/interface/tab-back-rpt.png);
	background-repeat: repeat-y;
	float: left;
	padding-top: 14px;
}


.outertab .tab div.bodycopy {
	float: left;
	width: 360px;
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 0px 10px 10px;
}

.outertab .tab div.bodycopy p {}

.outertab .tab div.image {
	float: left;
	padding-left: 8px;
	width: 300px;
	padding-right: 12px;
	text-align: center;
}

.outertab .tab div.image img {
	border: 1px solid #07816E;
}

.outertab .tab div.image ul {
	padding-bottom: 6px;
	width: auto;
}

.outertab .tab div.image ul li {
	display: block;
	float: left;
}

.outertab .tab div.image ul li a {
	display: block;
	float: left;
	font-size: 1.1em;
	color: #07816E;
	text-decoration: none;
	background-color: #CBE4E0;
	padding: 5px;
	width: 90px;
}

.outertab .tab div.image ul li a:hover {}

.outertab .tab div.image ul li.on a {
	color: #FFFFFF;
	background-color: #1F8D7C;
}

.outertab .tab div.image ul li.enlarge a {
	color: #1F8D7C;
	background-color: #FFFFFF;
}




.outertab .tab div.tabledata {
	clear: left;
	padding: 10px;
	width: 680px;
}

.outertab .tab div.tabledata table {
	width: 100%;
	font-size: 1.3em;
}

.outertab .tab div.tabledata table tr {}

.outertab .tab div.tabledata table tr th {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #07816E;
	color: #07816E;
	text-align: left;
	font-weight: normal;
}

.outertab .tab div.tabledata table tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #07816E;
	padding: 3px;
}

.outertab .tab div.tabledata p.samplerequest {
	padding-top: 8px;
	text-align: right;
}

.outertab .tab div.tabledata p.samplerequest input {
	background-color: #07816E;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	padding: 3px;
}

	.outertab .tab div.tabledata p.samplerequest input:hover {cursor:pointer;}
	
	.outertab .tab div.rppanel {
	padding-left: 15px;
	margin-bottom: 7px;
}
	
	.outertab .tab div.rppanel a {
	display: block;
	height: 111px;
	width: 666px;
	background-image: url(../images/interface/rp-panel.png);
	background-repeat: no-repeat;
	padding: 2px 10px 10px 2px;
	text-decoration: none;
}
	
	.outertab .tab div.rppanel a:hover {}
	
	.outertab .tab div.rppanel a img {
	display: block;
	float: left;
}
	
		.outertab .tab div.rppanel a span.header {
	font-size: 1.6em;
	color: #09826E;
	display: block;
	padding: 8px;
	float: left;
	text-decoration: none;
	width: 490px;
}
		
			.outertab .tab div.rppanel a span.paragraph {
	display: block;
	float: left;
	padding: 0px 9px 8px;
	width: 488px;
	text-decoration: none;
	font-size: 1.1em;
}
	
/* ********* FREEFOR PAGE STYLES ********** */

.freeform .column1 {
	padding-top: 14px;
}


.freeform .column2 {
	float: left;
	width: 580px;
	margin-right: 2px;
	background-image: none;
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #AD1617;
	padding-left: 0px;
	padding-bottom: 20px;
	height: auto;
	}

.freeform .column2 h1 {
	height: 31px;
	font-family: Lucida Sans;
	font-size: 1.6em;
	text-align: left;
	padding-top: 16px;
	color: #E52B38;
	background-color: #FFFFFF;
	}
	
	.freeform .column2 h2 {
	font-family: Lucida Sans;
	font-size: 1.45em;
	text-align: left;
	color: #146B56;
	background-color: #FFFFFF;
	}
	
	.freeform .column2 h3 {

	font-family: Lucida Sans;
	font-size: 1.3em;
	text-align: left;
	
	color: #000;
	background-color: #FFFFFF;
	}
	
	.freeform .column2 p {
		font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom:8px;
	
	}

.freeform .column2 ul {
	display: block;
	margin-left: 14px;
	list-style-type: square;
}

.freeform .column2:hover ul {
	display: block;
	cursor: default;
}

.freeform .column2 ul li {
	font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom: 4px;
}

.freeform .column2 ul li a {
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #E9AE9C;
	display: block;
	background-image: none;
	background-repeat: repeat-y;
	}

.freeform .column2 ul li a:hover {
	background-color: #FFFFFF;
}	

.freeform .column2 ol {
	display: block;
	margin-left: 20px;
	list-style-type: decimal;
}



.freeform .column2 ol li {
	font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom: 4px;
}

table.basket {}

table.basket tr {}

table.basket tr th {
	font-size: 1.2em;
	color: #146B56;
	text-align: left;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7CDC9;
}

table.basket tr td {
	padding: 2px;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7CDC9;
}

table.basket tr.dark td {}

.formelements {padding-bottom:20px;}

.formelements p {
	clear: left;
}

.formelements p label {
	display: block;
	float: left;
	width: 200px;
}

.formelements p input {
	padding: 2px;
	width: 300px;
	border: 1px solid #91B8B3;
}

.formelements p select {}

.formelements p textarea {padding: 2px;
	width: 300px;
	border: 1px solid #91B8B3;}

.formelements p span {
	display: block;
}

.productpanels {}



.productpanels div.singlepanel {
	padding-left: 15px;
	margin-bottom: 7px;
	float:left;
}
	
	.productpanels div.singlepanel a {
	display: block;
	height: 111px;
	width: 330px;
	background-image: url(../images/interface/332-panel.png);
	background-repeat: no-repeat;
	padding: 2px 10px 10px 2px;
	text-decoration: none;
}

.tab div.productpanels div.singlepanel a {

	width: 320px;
	background-image: url(../images/interface/332-panel.png);
	
}
	
	.productpanels div.singlepanel a:hover {}
	
	.productpanels div.singlepanel a img {
	display: block;
	float: left;
}
	
	.productpanels div.singlepanel a span.header {
	font-size: 1.6em;
	color: #09826E;
	display: block;
	padding: 8px;
	float: left;
	text-decoration: none;
	width: 160px;
}
		
	.productpanels div.singlepanel a span.paragraph {
	display: block;
	float: left;
	padding: 0px 9px 8px;
	width: 160px;
	text-decoration: none;
	font-size: 1.1em;
}

.tab div.productpanels div.singlepanel a span.header {

	width: 150px;
}
		
	.tab div.productpanels div.singlepanel a span.paragraph {

	width: 150px;
	
}

.productpanels p {
	padding: 15px;
	min-height: 300px;
}