/* Intro
--------------------------------------------------------
   This file is used to help make cross-browser design
   easier by setting default styles. Most of these
   styles can be overriden and styled by editing
   'layout.css'.

   DO NOT EDIT THIS FILE!
   Global Font Sizes
-------------------------------------------------------
The following code is to help achieve scalable and consistant
font-sizes across major platforms. To set a font-size in the 
CSS, use one of the percentage values from the table below.

This code is courtesy of the fine folks at Yahoo, Code is 
licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
--------------------------------------------------------
	 77% = 10px	 85% = 11px	 92% = 12px
	100% = 13px	107% = 14px	114% = 15px
	122% = 16px	129% =17px	136% = 18px
	144% = 19px	152% = 20px	159% = 21px
	167% = 22px	174% = 23px	182% = 24px
	189% = 25px	197% = 26px
-------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:;
	text-align:center;
	background: #edf3f1 url(graphics/bckgd_main2.jpg) repeat-y;
	background-position: center center;
	font-size:12px;
}
* {
margin:0;
padding:0;
}
h1 {
	color:#666666;
	padding:5px 0 10px 10px;
	font: 1.4em Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 {
	font-size:1.1em;
	color:#003366;
	padding:5px 0 0 10px;
	}
h3 {
	background-color:#96B57A;
	color: #FFFFFF;
	font-size: .95em;
	padding:5px;
	margin:5px 0 0 0;
}
p {
	margin: 0;
	padding: 8px 5px 0 10px;
	font-size:1.1em;
	line-height:1.7em;
}
ul{
	margin:12px;
}

li {
	font-size:12px;	line-height:1.7em;
	margin:10px 0;
	}
a img {
	border:none;
	}
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#003399;
}
a:hover{
	color: #8C8F62;
}
a:visited{
	color: #41442F;
}
a:active{
	color: #8C8F62;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.9em;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width:746px;
	height:100%;
	margin:0 auto;
	text-align:center;
	background-color: #F7F7F7;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

/**************************************************/		
/************** BANNER DIVs ***********************/
/**************************************************/
#banner {
margin:0;
padding:0;}

/**************************************************/		
/************** NAVIGATION DIVs ***********************/
/**************************************************/
#nav {
	padding:10px 0 0 0;
	height:60px;
	background-image: url(graphics/nav_backgd.png);
	background-repeat: repeat-x;
	color:#e8e8e8;
}
#nav a:link, #nav a:visited, #nav a:active{
	color:#FFFFFF;
	padding: 0 11px;
	font-size:1em;
	text-decoration:none; vertical-align: middle;
	}
#nav a:hover {
	color:#ffffff; text-decoration:underline;
	/*filter:alpha(opacity=10);-moz-opacity:.10;opacity:.10;*/
}
#nav img {
vertical-align:middle;
 }

.call {
font-size:.8em;	
font-weight:bold;
text-align:right;}

.style2 {font-size: 10px}
/**************************************************/		
/************** CONTENT DIVs ***********************/
/**************************************************/
#content {	
	text-align:left;
	background-color:#FFFFFF;
}
#content ul {
margin-left:30px;
text-align:left;
}
#content table {
border-collapse: collapse;
}
#content td {
vertical-align:top;
text-align:left;
}
.category{
        float: left;
		margin:0 16px 10px 16px;
}
.category p {
text-align:right;
margin:3px 0;
font-size:12px
}
#content a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.sorbent {
	background:url(graphics/img_sorbents.png) no-repeat;
	width:150px;
	height:165px;
	float:left;
	margin: 0 5px 0 5px;
	padding:50px 5px 0 85px;
	text-align:right;
	color:#FFFFFF;
	font-size:12px;
}
.sorbent a {
color:#FFFFFF;
text-decoration:none!important;}
.spillkits {
background:url(graphics/img_spillkits.png) no-repeat;
width:120px;
height:165px;
float:left;
margin: 0 0 0 20px;
padding:50px 20px 0 110px;
text-align:right;
color:#FFFFFF;
font-size:12px;
}
.spillkits a {
color:#FFFFFF;
text-decoration:none!important;}
.bold {
	font-size:1.7em;
}
/************** LEFT COLUMN DIVs ***********************/
#leftcol {}
/************** RIGHT COLUMN DIVs ***********************/
#rightcol {
	width: 200px;
	border-left:1px solid #666666;
		border-top:1px solid #666666;
	background-color:#cbb294;
	margin:0;}

img.center {
	padding: 5px 0 0 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
.ad { background:url(graphics/ad_backgd.png) no-repeat left top;
padding:3px 8px 0 10px;
margin: 10px 5px 0 14px;
font-size:12px;
color:#FFFFFF;
 }
 .ad img {
 padding: 0 3px 0 0;}
 .ad a {color:#FFFFFF;}
 
 /********** PHOTO GALLERY ***************/
.gallery{
        float: left;
		margin:0 10px 10px 10px;
}
.gallery p {
text-align:right;
margin:3px 0;
font-size:11px
}
 
 /******** FORM STYLES ******/
.form {
width:450px;
padding: 10px;
}
.form fieldset{
display:block;
clear:both;
border:none;
margin: 5px;
}
.form legend {
font-weight:bold;

}
.form input {
width: 400px;
margin:3px;
}
.form textarea {
width: 400px;
}
.form label
{display:block;
width: 80px;
float: left;
text-align: left;
  padding: 0;
  margin: 0; clear:right;
}
.form label.label2 {width: 450px;
}
.form .radio
{
  float:  none;
  width: 25px;
  height: expression('1%');
  padding: 0;
  margin: 0;
  text-align: left;
}
.required {
	color:#FF0000;
	font-size:18px;
	}
/************** PRODUCTS DIVs ***********************/
#productslist img{
	margin:5px;
}
.productstable {
margin: 5px;
}
.productsrow1 {
border-top:1px solid #999999;
}
.header {
	font-weight:bold;
	color: #B95426;
}
.productsrow2{
}
#productslist a{
	font-size:.9em;
	text-decoration:underline;
	color:#000000;
	padding:4px 4px 15px 4px;
}

/**************************************************/		
/************** MIVA DIVs ***********************/
/**************************************************/

.mivanav {
padding: 0 5px;
font-size:12px;
font-weight:bold;line-height:2em;
margin:0 5px;
}
.cattree_top {
color:#000000;
font-size:12px;
font-weight:normal;
line-height:2em;
}
.nbbreadcrumbs {
margin: 5px 5px 5px 8px;
}
.prodthumb img{
padding: 5px;
}
td.prodlist {

}
.prodlist p {
text-align:center}
.login {
padding: 5px;}
.login td {
padding: 5px;
}
.button1 form input{
	color:#999999;
	width: 75px;
	color:#FFFFFF;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:84%;
	font-weight:bold;
	background-color:322207;
	border:1px solid;
	border-top-color:#666666;
	border-left-color:#666666;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;}
/**************************************************/		
/************** FOOTER DIVs ***********************/
/**************************************************/

#footer {
	color:#000000;
	font-size:11px;
	line-height:1.5em;
	background: #efefef;
	padding:20px;
	margin: 8px 8px 0 8px;
}
#footer p {	
	}

.gx {	text-align:center;	padding: 20px;}
.gx a{
	font-size:0.7em;
	color:#CCCCCC;
}