@import url("style.css");


* { /* Global Whitespace Reset - do not delete */
	padding: 0;
	margin: 0px;
}

html {overflow-y: scroll;}

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #ccc;
}

img {border: 0;}

a:focus {
	border: 0;
	outline: none;
}

br.clear {
	display: block;
	height: 0;
	clear: both;
}

a:link,
a:visited,
a:active{
	color:#0099cc;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

div.main {
	margin: 0 auto;
	padding: 0 19px;
	width: 946px;
	background: transparent url(images/bg-main.gif) no-repeat 0 0;
}

div.content {
	padding: 0 15px 0 16px;
	width: 915px;
	min-height: 500px;
	background: #fff;
}

div.content div.top {
	width: 336px;
	height: 37px;
	background: transparent url(images/header/bg-Search.gif) no-repeat 0 0;
	float: right;
}

div.content div.top h1 {
	font-weight: normal;
	font-size: 10px;
	color: #FFF;
	padding: 8px 15px 0 20px;
	float: left;
}

div.content div.top h1 a:link,
div.content div.top h1 a:visited,
div.content div.top h1 a:active {
	color: #FFF;
	text-decoration:none;
}

div.content div.top h1 a:hover {
	text-decoration:underline;
}

div.content div.top input {
	width: 160px;
	height:13px;
	background: transparent url(images/header/input-gradient.gif) repeat-x 0 0;
	float: left;
	border: 1px solid #dedede;
	margin-top: 5px;
	color: #777982;
	font-size: 11px;
	padding: 2px;
}

div.content div.top input.goButton {
	width: 19px;
	height: 19px;
	background: none;
	float: none;
	border: none;
	margin: 5px 0 0 8px;
	color: none;
	padding: 0px;
}

div.content div.top img {
	margin: 5px 0 0 8px;
}

div.content div.mast {
	width: 915px;
	height: 70px;
}

div.content div.mast a.home:link,
div.content div.mast a.home:visited {
	float: left;
	margin: 10px 0 10px;
	width: 384px;
	height: 46px;
	text-indent: -10000em;
	background: transparent url(images/a-home.gif) no-repeat 0 0;
}

div.content div.nav ul {
	float: right;
	width: 915px;
	height: 35px;
	list-style: none;
	border-bottom: 2px solid #0153a5;
	border-top: 2px solid #0153a5;
}

div.content div.nav ul li span {
	display:block;
	padding: 10px 12px;
}

div.content div.nav ul li {
	float: left;
}

div.content div.nav ul li a:link,
div.content div.nav ul li a:visited {
	color: #737373;
	text-decoration: none;
	display:block;
}
div.content div.nav ul li a:hover,
div.content div.nav ul li a.on:link,
div.content div.nav ul li a.on:visited {
	color: #000;
	background: url(images/nav-on.gif) no-repeat 0 6px;
} 

div.content div.nav ul li a:hover span,
div.content div.nav ul li a.on:link span,
div.content div.nav ul li a.on:visited span {
	color: #000;
	background: url(images/nav-right.gif) no-repeat right 6px;
}

div.content div.container {
	padding: 285px 0 0;
	width: 915px;
	height: 40px;
	border-top: 2px solid #0153a5;
	overflow: hidden;
	position: relative;
}

div.content div.container div.slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 4575px;
	height: 285px;
}

div.content div.container div.slider div {
	float: left;
	padding: 0 0 0 423px;
	width: 492px;
	height: 285px;
	color: #363636;
	background: transparent url(images/bg-slider.jpg) no-repeat 0 0;
	position: relative;
}
div.content div.container div.slider div.radiochemistry {background: transparent url(images/bg-radiochemistry.jpg) no-repeat 0 0;}
/*div.content div.container div.slider div.metals {background: transparent url(images/bg-metals.jpg) no-repeat 0 0;}*/
div.content div.container div.slider div.dioxin {background: transparent url(images/bg-dioxin.jpg) no-repeat 0 0;}
div.content div.container div.slider div.ion {background: transparent url(images/bg-ion.jpg) no-repeat 0 0;}
div.content div.container div.slider div.npo {background: transparent url(images/bg-npo.jpg) no-repeat 0 0;}
div.content div.container div.slider div.waterlab {background: transparent url(images/bg-waterlab.jpg) no-repeat 0 0;}

/*div.content div.container div.slider div.metals,*/
div.content div.container div.slider div.dioxin,
div.content div.container div.slider div.ion,
div.content div.container div.slider div.npo,
div.content div.container div.slider div.waterlab {margin-left: -686px;}

div.content div.container div.slider div * {visibility: hidden;}

div.content div.container div.slider div h1 {
	text-indent: -10000em;
	margin: 17px 0 7px;
	width: 399px;
	height: 58px;
}
div.content div.container div.slider div.radiochemistry h1 {background: transparent url(images/h1/radiochemistry.gif) no-repeat 0 0;}
/*div.content div.container div.slider div.metals h1 {background: transparent url(images/h1/metals.gif) no-repeat 0 0;}*/
div.content div.container div.slider div.dioxin h1 {background: transparent url(images/h1/dioxin.gif) no-repeat 0 0; height: 33px; width: 439px;}
div.content div.container div.slider div.ion h1 {background: transparent url(images/h1/ion.gif) no-repeat 0 0;}
div.content div.container div.slider div.npo h1 {
	background: transparent url(images/h1/npo.gif) no-repeat 0 0; 
	margin: 9px 0px 4px;
}

div.content div.container div.slider div.waterlab h1 {background: transparent url(images/h1/waterlab.gif) no-repeat 0 0;}

div.content div.container div.slider div p {width: 475px;}

div.content div.container div.slider div.npo {
	line-height:14.5px;
}

div.content div.container div.slider div ul {
	list-style: none;
	margin: 0 0 0 -10px;
	width: 475px;
	height: 25px;
	overflow: hidden;
}

div.content div.container div.slider div ul li {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 10px 0 11px;
	white-space: nowrap;
	border-left: 1px solid #09c;
}

div.content div.container div.slider div a:link,
div.content div.container div.slider div a:visited {
	color: #09c;
	text-decoration: underline;
}
div.content div.container div.slider div a:hover {text-decoration: none;}

div.content div.container div.slider div.ion ul {
	list-style: none;
	margin: 0;
	height: auto;
	overflow: visible;
}

div.content div.container div.slider div.ion ul li {
	width: 215px;
	padding: 0 0 6px;
	border: 0;
}

div.content div.container div.slider div span.matrices img {float: left;}

div.content div.container div.slider div span.international {
	float: left; 
	font-size: 10px;
}

div.content div.container div.slider div span.international img {margin: 0 2px;}

div.content div.container div.slider div span.contact {
	float: right; 
	width: 140px;
	font-size: 10px;
}

div.content div.container div.chooser {
	width: 915px;
	height: 40px;
	background: transparent url(images/bg-chooser.jpg) no-repeat 0 0;
}

div.content div.container div.chooser ul {
	width: 915px;
	list-style: none;
}

div.content div.container div.chooser ul li {
	float: left;
	margin: 0 11px;
	width: 206px;
	height:40px;
}

div.content div.container div.chooser ul li.middle {
	width:207px;
}

div.content div.container div.chooser ul li a:link,
div.content div.container div.chooser ul li a:visited {
	height:40px;
	line-height:40px;
	display: block;
	font-size: 13px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	
}
div.content div.container div.chooser ul li.last a{
	line-height:normal;
	padding-top:4px;
	height:36px;
}
div.content div.container div.chooser ul li a.on:link,
div.content div.container div.chooser ul li a.on:visited {background: transparent url(images/a-chooser.gif) no-repeat left 17px}

div.content div.news {
	margin: 16px 0;
	width: 915px;
	height: 35px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

div.content div.news span {
	float: left;
	text-transform: uppercase;
	line-height: 35px;
	color: #e1890b;
	font-weight: bold;
	font-size: 15px;	
}

/* bottom banners - KMK 7/29/08 */

div.content div.technicalInfo{
	background: url(images/homepage/technicalInfo.jpg) no-repeat 0 0;	
	width: 305px;
	height: 121px;
	padding-right: 10px;
	float:left;
	margin-bottom: 16px;
}

div.content div.technicalInfo ul{
	padding: 42px 0 0 17px;
	list-style: none;
}

div.content div.technicalInfo ul li{
	padding-bottom: 10px;
	line-height:16px;
}

div.content div.technicalInfo ul li a:link,
div.content div.technicalInfo ul li a:active,
div.content div.technicalInfo ul li a:visited{
	text-decoration: underline;
	color: #363636;
}

div.content div.technicalInfo ul li a:hover{
	text-decoration: none;
}

div.content div.orderOnline{
	background: url(images/homepage/orderOnline.jpg) no-repeat 0 0;	
	width: 294px;
	height: 121px;
	float:left;
	padding-right: 10px;
	margin-bottom: 16px;
}

div.content div.orderOnline p{
	padding: 42px 0 0 12px;
	width: 145px;
}

div.content div.orderOnline p a:link,
div.content div.orderOnline p a:active,
div.content div.orderOnline p a:visited{
	text-decoration: underline;
	color: #363636;
}

div.content div.orderOnline p a:hover{
	text-decoration: none;
}

div.content div.resources{
	background: url(images/homepage/resources.jpg) no-repeat 0 0;	
	width: 296px;
	height: 121px;
	float:left;
	margin-bottom: 16px;
}

div.content div.resources ul{
	padding: 42px 0 0 12px;
	list-style: none;
}

div.content div.resources ul li{
	background: url(images/homepage/arrow_bullet.gif) no-repeat 0 0; 
	background-position: 0;
	padding-left: 10px;
}

div.content div.resources ul li a:link,
div.content div.resources ul li a:active,
div.content div.resources ul li a:visited{
	text-decoration: underline;
	color: #363636;
}

div.content div.resources ul li a:hover{
	text-decoration: none;
}

div.content div.news ul {list-style: none; line-height: 25px;}

div.content div.news ul li {float: left;}

div.content div.news ul li a:link,
div.content div.news ul li a:visited {
	color: #686868;
	text-decoration: none;
	font-size: 15px;
}

div.content div.news ul li a:hover {text-decoration: underline;font-size: 15px;}

/*Interior -- KMK 7/30/08 */


div.containerInt {
	background: #eaeaea url(images/bg-interior.gif) repeat-y 0 0;
	margin-bottom: 5px;
	width: 915px;
	min-height: 375px;
	float:left;
	position: relative;
	height: 100%;
}

div.main div.content div.sideBar{
	width: 206px;
	float:left;
	padding: 15px 0 30px 0;
}

div.main div.content div.sideBar p{
	margin-bottom: 20px;
}

div.main div.content div.sideBar p a:link,
div.main div.content div.sideBar p a:visited,
div.main div.content div.sideBar p a:active{
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	color: #000;
	padding: 10px 10px 0 10px;
}

div.main div.content div.containerInt div.sideBar p a:hover{
	text-decoration: none;
}

div.main div.content div.containerInt div.sideBar div{
	background-color: #c7c7c7;
	padding-top: 10px;
}

div.main div.content div.containerInt div.sideBar div.bulletlist strong{
		padding-left: 10px;
}

div.main div.content div.containerInt div.sideBar div.bulletlist ul{
	padding: 5px 0 15px 10px;
	list-style: none;
	margin-bottom: 5px;
}

div.main div.content div.containerInt div.sideBar div.bulletlist ul li{
	background: url(images/homepage/arrow_bullet.gif) no-repeat 0 0; 
	background-position: 0;
	padding-left: 10px;
}

div.main div.content div.containerInt div.sideBar div.bulletlist ul li a:link,
div.main div.content div.containerInt div.sideBar div.bulletlist ul li a:active,
div.main div.content div.containerInt div.sideBar div.bulletlist ul li a:visited{
	text-decoration: underline;
	color: #363636;
	line-height: 17px;
}

div.main div.content div.containerInt div.sideBar div.bulletlist ul li a:hover{
	text-decoration: none;
}


div.main div.content div.containerInt div.sideBar div.orderOnlineSB{
	background: url(images/sidebar/orderOnline.jpg) no-repeat 0 0;	
	width: 206px;
	height: 121px;
	float:left;
	margin-bottom: 10px;
}

div.main div.content div.containerInt div.sideBar div.orderOnlineSB h1{
	padding: 25px 0 0 12px;
	width: 145px;
	font-size: 11px;
	font-weight: normal;
}

div.main div.content div.containerInt div.sideBar div.orderOnlineSB h1 a:link,
div.main div.content div.containerInt div.sideBar div.orderOnlineSB h1 a:active,
div.main div.content div.containerInt div.sideBar div.orderOnlineSB h1 a:visited{
	text-decoration: underline;
	color: #363636;
	font-size: 11px;
}

div.main div.content div.containerInt div.sideBar div.orderOnlineSB h1 a:hover{
	text-decoration: none;
}

div.main div.content div.containerInt div.sideBar div.contact{
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
	background: #eaeaea;
}

div.main div.content div.containerInt div.sideBar div.contact strong{
	color: #444;
}

div.main div.content div.containerInt div.sideBar div.contact ul{
	list-style: none;
	margin-top: 3px;
}

div.main div.content div.containerInt div.sideBar div.contact ul li{
	line-height: 17px;
}

div.main div.content div.containerInt div.sideBar div.contact ul li a:link,
div.main div.content div.containerInt div.sideBar div.contact ul li a:visited,
div.main div.content div.containerInt div.sideBar div.contact ul li a:active{
	color: #09c;
	text-decoration: underline;
}

div.main div.content div.containerInt div.sideBar div.contact ul li a:hover{
	text-decoration: none;
}

div.main div.content div.containerInt div.mainContent{
	margin-left: 225px;
	margin-bottom: 15px;
}

div.main div.content div.containerInt div.breadcrumb{
	padding: 13px 0 10px 0px;
	font-size: 10px;
	color: #505050;
	border-bottom: 1px solid #e1890b;
	width: 420px;
	margin: 0 -20px 20px 20px;
	float: left;
}

div.main div.content div.containerInt div.breadcrumb a:link,
div.main div.content div.containerInt div.breadcrumb a:active,
div.main div.content div.containerInt div.breadcrumb a:visited{
 color: #505050;
 text-decoration: underline;
}

div.main div.content div.containerInt div.breadcrumb a:hover{
	text-decoration: none;
}

div.main div.content div.containerInt div.mainContent h2{
	font-weight: normal;
	font-size: 20px;
	margin-bottom:1em;
}

div.main div.content div.containerInt div.mainContent p{
	line-height: 18px;
	margin-bottom: 1em;
}

div.main div.content div.containerInt div.floatingSquare{
	width: 266px;
	min-height: 266px;
	background: #eaeaea url(images/interior/square-gradient.jpg) repeat-x 0 0;	
	float: right;
	border-left: 1px solid #e1890b;
	border-bottom: 1px solid #e1890b;
	margin: 0 0 20px 20px;
}

div.main div.content div.containerInt div.floatingSquare div{
	padding: 25px 25px 5px 10px;
}

div.main div.content div.containerInt div.floatingSquare div h1{
	color: #e1890b;
	font-size: 14px;
}

div.main div.content div.containerInt div.floatingSquare div ul{
	padding-top: 10px;
	list-style: none;
}

div.main div.content div.containerInt div.floatingSquare div ul li{
	background: url(images/interior/orange-bullet.gif) no-repeat 0 5px; 
	padding-left: 10px;
	margin-bottom: 10px;
}


/*footer --KMK 7/29/08 */

div.content div.footer p.links{
	font-size: 11px;
	margin: 10px 0;
}

div.content div.footer p a:link,
div.content div.footer p a:active,
div.content div.footer p a:visited{
	text-decoration: underline;
	color: #363636;
}

div.content div.footer p a:hover{
	text-decoration: none;
}

div.content div.footer p.copyright{
	padding-bottom: 17px;
	font-size: 11px;
}

/*IE6 =========================================== */

*html div.content div.mast ul li {margin-left: 22px;}

*html div.content div.container div.chooser ul {padding-left: 10px;}
*html div.content div.container div.chooser ul li {margin-left: 0; margin-right: 23px;}


*html div.main div.content div.containerInt div.mainContent{
	padding-left: 225px;
	padding-bottom: 15px;
}

*html div.main div.content div.containerInt div.floatingSquare{
	height: 266px;
	margin: 0 0 20px 20px;
}

.main .content .containerInt .mainContent table td {
	padding: 4px;
}

.main .content .containerInt .mainContent img {
	margin: 5px;
}


.contactLinks thead th {text-align:left;}
.contactLinks tbody tr td {padding:0;margin:0;border:none;}