/********************************************  CSS RESET  *********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
}
address {
	font-style: normal;
}
.clearFloat {
	clear: both;
}


/**********************************************  FONTS  ***********************************************/

h1 {
	color:#6d7a81;
	font-size:1.5em;
	padding-bottom:10px;
}
h2 {
	color:#6d7a81;
	font-size:1em;
	padding-bottom:10px;
}
p {

}
a {

}

/**********************************************  HEADER  **********************************************/

#header {

}


/**********************************************  FOOTER  **********************************************/

#footer {
	background:#9e9e9e url(../images/backgrounds/footer-top.gif) top left no-repeat;
	height:70px;
	clear:both;
	padding-left:228px;
	padding-top:25px;
	font-size:0.7em;
	color:#737373;
}

#footer a{
	text-decoration:none;
	color:#737373;
}

#footer a:hover{
	color:#737373;
	text-decoration:underline;
}


/***********************************************  MENU  ***********************************************/

#menu {
	margin-left:320px;
	width:541px;
	height:24px;
}

#menu #home a{
	width:44px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/home-off.jpg);
	background-repeat:no-repeat;
}

#menu #home a:hover{
	background-image:url(../images/navigation/home-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #home a.selected{
	background-image:url(../images/navigation/home-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #about a{
	width:64px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/about-off.jpg);
	background-repeat:no-repeat;
}

#menu #about a:hover{
	background-image:url(../images/navigation/about-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu.about #about a{
	background-image:url(../images/navigation/about-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #innovation a{
	width:75px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/innovation-off.jpg);
	background-repeat:no-repeat;
}

#menu #innovation a:hover{
	background-image:url(../images/navigation/innovation-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu.innovation #innovation a{
	background-image:url(../images/navigation/innovation-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #processes a{
	width:76px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/processes-off.jpg);
	background-repeat:no-repeat;
}

#menu #processes a:hover{
	background-image:url(../images/navigation/processes-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu.processes #processes a{
	background-image:url(../images/navigation/processes-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #products a{
	width:70px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/products-off.jpg);
	background-repeat:no-repeat;
}

#menu #products a:hover{
	background-image:url(../images/navigation/products-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu.products #products a{
	background-image:url(../images/navigation/products-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #news a{
	width:43px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/news-off.jpg);
	background-repeat:no-repeat;
}

#menu #news a:hover{
	background-image:url(../images/navigation/news-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu.news #news a{
	background-image:url(../images/navigation/news-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #distributors a{
	width:89px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/distributors-off.jpg);
	background-repeat:no-repeat;
}

#menu #distributors a:hover{
	background-image:url(../images/navigation/distributors-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu.distributors #distributors a{
	background-image:url(../images/navigation/distributors-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu #contact a{
	width:80px;
	height:24px;
	float:left;
	color:#ffffff;
	text-indent: -9999em;
	background-image:url(../images/navigation/contact-off.jpg);
	background-repeat:no-repeat;
}

#menu #contact a:hover{
	background-image:url(../images/navigation/contact-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}

#menu.contact #contact a{
	background-image:url(../images/navigation/contact-on.jpg);
	background-repeat:no-repeat;
	color:#425058;
}


/*****************************************  INTERNAL LEFT MENU  ****************************************/


#left-col ul{
	padding-top:20px;
	margin-left:29px;
	font-size:0.7em;
	padding-bottom:30px;
	text-transform: uppercase;
}

#left-col ul li {
	padding-right: 8px;
}

#left-col ul li a{
	padding:4px 8px 4px 4px;
	border-bottom:1px dotted #949994;
	color:#333333;
	text-decoration:none;
	display:block;
	width:100%;
	font-weight:bold;
}

#left-col ul li a:hover{
	background-color:#425058;
	color:#ffffff;
	text-decoration:none; 
}

#left-col ul li a.selected{
	background-color:#425058;
	color:#ffffff;
	text-decoration:none; 
}

ul#product-menu {
	margin-left: 15px;
}

ul#product-menu .submenu-company {
	color:#6D7A81;
	font-size:1.5em;
	padding: 30px 0px 5px 0px;
	font-weight: bold;
	display: block;
}

ul#product-menu .submenu-category {
	color:#6D7A81;
	font-size:1.5em;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	display: block;
	margin-left: 15px; 
	margin-top: 10px;
}

ul#product-menu .submenu-product {
	margin-left: 15px; 
}


/*

#left-col ul{
	padding-top:20px;
	margin-left:29px;
	font-size:0.7em;
	padding-bottom:30px;
}

#left-col ul li {
	padding-right: 8px;
}

#left-col ul li a{
	padding:4px 8px 4px 4px;
	border-bottom:1px dotted #949994;
	color:#333333;
	text-decoration:none;
	display:block;
	width:100%;
	font-weight:bold;
}

#left-col ul li a:hover{
	background-color:#425058;
	color:#ffffff;
	text-decoration:none; 
}

#left-col ul li a.selected{
	background-color:#425058;
	color:#ffffff;
	text-decoration:none; 
}

#left-col ul li span.submenu-heading {
	color:#6D7A81;
	font-size:1.5em;
	padding: 30px 0px 5px 0px;
	font-weight: bold;
	display: block;
}

*/
/***********************************************  BODY  ***********************************************/

body {
	background:#9e9e9e url(../images/backgrounds/page-bg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
}
textarea, input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
}

/*******************************************  PAGE LAYOUT  ********************************************/

#int-header-image{
	width:850px;
	height:183px;
	margin-left:11px;
}

#btm-search{
	clear:both;
	margin-left:11px;
	width:180px;
	background-color:#d4d2c2;
	border-top:4px solid #425058;
}

.bbtm-search-fix{
	margin-left:9px;
}

#int-right-col{
	width:620px;
	padding-right:30px;
	float:right;
	position:relative;
	margin-top:37px;
	padding-bottom:30px;
}

#int-right-col p{
	padding:10px 0px;
	font-size:0.9em;
}


/********************************************  HOME PAGE  *********************************************/

#container{
	width:872px;
	margin:9px auto;
	background:#ffffff url(../images/backgrounds/primary-bg.jpg) top left repeat-y;
}

#container #top{
	background:transparent url(../images/backgrounds/container-top.jpg) top left no-repeat;
	min-height:592px;
}

#logo{
	width:180px;
	margin-left:11px;
	padding-top:11px;
}

#header-image{
	width:850px;
	height:253px;
	margin-left:11px;
}

#left-col{
	background-image:url(../images/backgrounds/left-col-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:175px;
	margin-left:11px;
	padding:0px 10px 10px 0px;
	min-height:324px;
	height:auto !important;
	height:324px;
}

*html #left-col{
	background-image:url(../images/backgrounds/left-col-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 5px 10px 0px;
	height:324px;
}

#left-col #search-box{
	background-color:#d4d2c2;
	padding-top:11px;
	width:171px;
	padding-left:9px;
}

#right-col{
	width:620px;
	padding-right:30px;
	float:right;
	position:relative;
	margin-top:25px;
	padding-bottom:30px;
}

#right-col p{
	padding:10px 0px;
	font-size:0.9em;
}

#news-panel{
	width:180px;
}

#news-panel h2{
	color:#6d7a81;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	padding:20px 0px 0px 10px;
}

.headline{
	color:#6d7a81;
	font-weight:bold;
	font-size:0.9em;
}

.headline a {
	color: #6d7a81;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

.news-item{
	padding:10px;
}

.news-item p{
	font-size:0.8em;
	padding-top:5px;
}

.news-item-odd{
	padding:10px;
	border-top:1px dotted #ada99a;
	border-bottom:1px dotted #ada99a;
	background-color:#dddac8;
}

.news-item-odd p{
	font-size:0.8em;
	padding-top:5px;
}


.ProductImage {
	float:right; 
	padding: 10px 0px 10px 10px;
	clear: both;
}

.pdfIcon {
	position: relative; 
	top: 4px;
}

/**********************************************  COMMON  ***********************************************/


.search-bttn{
	float:right;
	padding-right:25px;
}

.news-desc{
	border:1px solid #cccccc;
	font-size:0.85em;
	width:90%;
	margin-top:5px;
	background:#ffffff url(../images/backgrounds/news-items-bg.gif) bottom left repeat-x;
	padding:10px;
}

.item-padding{
	padding:10px 10px 0px 10px;
}

.news-desc-odd{
	border-bottom:1px dashed #cccccc;
	padding:10px 10px;
	font-size:0.85em;
	width:90%;
	background-color:#f0f0f0;
}

.archive{
	font-size:1.5em;
	color:#6d7a81;
	padding-bottom:5px;
}

.download{
	font-size:1em;
}

h2.news-heading{
	color:#333333;
	font-weight:bold;
	padding-bottom:0px;
}

h2.news-heading a{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
}

h2.news-heading a:hover{
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:0px;
}

h2.news-heading img {
	vertical-align: top;
}

.older{
	padding-top:20px;
}

.older-news a{
	padding:4px 8px;
	border: 1px solid #6d7a81;
	color:#6d7a81;
	text-decoration:none;
	font-size:0.9em;
}

.older-news a:hover{
	border: 1px solid #6d7a81;
	background-color: #6d7a81;
	color:#ffffff;
}


.contact-locations{
	float:right;
	width:240px;
	font-size:0.85em;
}

.contact-locations a{
	color:#425058;
}

.contact-locations a:hover{
	color:#425058;
	text-decoration:none;
}

h1.news-article-heading{
	padding-bottom:0px;
}

.news-date{
	margin-top:-15px;
	font-weight:bold;
	color:#333333;
	font-size:0.75em;
}

.article{
	padding-top:20px;
	padding-right:60px;
}

.article ul {
	margin-left:20px;
	list-style:disc;
	padding:10px;
	font-size:0.9em;
}

.article ol {
	margin-left:20px;
	list-style:decimal;
	padding:10px;
	font-size:0.9em;
}

.location{
	color:#999999;
	font-size:11px;
	padding-bottom:10px;
}

.location a{
	color:#999999;
}

.location a:hover{
	color:#425058;
}



/**************************** FORM CONTROLS ************************************/

.label{
	width:130px;
	float:left;
	font-size:0.8em;
}

ul.contact li{
	padding:2px 0px;
}

ul.contact .textbox, ul.contact textarea {
	width: 200px;
}
ul.contact select {
	width: 205px;
}

ol{
	margin-left:20px;
	list-style:disc;
	padding-left:10px;
	font-size:0.9em;
}

#ItemContent ul{
	margin-left:20px;
	list-style:disc;
	padding-left:10px;
	font-size:0.9em;
}

#ItemContent a {
	color: #425058;
}

td.even{
	background-color: #e1e1e1;
	padding:5px;
	font-size:0.9em;
}

td.odd{
	padding:5px;
	font-size:0.9em;
}

td.value-head{
	padding:10px;
	text-align:center;
	background-color:#6d7a81;
	color:#ffffff;
}


/**************************************** Distributors **************************************************/

.dist-list{
	width:275px;
	float:left;
	display:inline;
	margin-right:10px;
}

/**************************************** Navigation **************************************************/
#Navigation {
	margin: 20px 0px 0px 0px;
	text-align: center;
	font-size: .9em;
}
#Navigation .pageSummary{
	margin-right: 20px;
}
#Navigation .navBox {
	border: 1px #dfdfdf solid;
	padding: 0px 5px 0px 5px;
	margin: 0px 3px 0px 3px;
}
#Navigation a {
	text-decoration: underline;
	color: #6D7A81;
}

/**************************************** Button **************************************************/

.formButton {
	 color: #425058;
	 border: 1px solid #425058;
	 background-color: #D4D2C2;
	 font-family: "trebuchet MS", arial, helvetica, sans-serif;
	 outline: none; /* hide dotted outline in Firefox */
	 cursor: pointer;
	 height: 25px;
	 width: 70px;
}

/**************************************** Help **************************************************/

.helpShow {
	display: inline;
	position: relative;
	cursor: help;
	top: 3px;
	vertical-align: top;
}
.help1{
	left: 20px;
	top: -2px;
	position: absolute;
	background-color: white;
	border: 1px solid #ff0000;
	width: 200px;
	padding: 2px 2px 2px 4px;
	font-size: .7em;
	color: #333333;
}
a.helpHover span{
	display: none;
}
a:hover.helpHover span{
	font-size:0.7em;
	color:#000000;
	display:block;
	position:absolute;
	top:25px;
	left:6px;
	width:45px;   
	border:1px solid #000000;
	background-color:#ffffe1;
	padding:2px;
}

/**************************************** DROP DOWN MENU **************************************************/


#right-col .images-disclaimer{
	font-size:9px;
	position:relative;
	bottom:0px;
	padding-top:100px;
}
#nav {
	width: 138px;
}
#left-col #nav li {
	position: relative;
	width: 138px;
	float: left;
}
#left-col #nav a {
}
#left-col #nav ul {
	font-size: 1em;
	position: absolute;
	top: 0px;
	left: 150px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background: #f8f2dc;
	border: 1px #777 solid;
	border-bottom: 0px;
	border-top: 1px #777 dotted;
	visibility: hidden;
}
#left-col #nav li:hover ul, #left-col #nav li.menuLiOver ul {
	visibility: visible;
}
#left-col #nav ul li {
	padding: 0px;
	width: auto;
	width: 150px;
}
#left-col #nav ul a {
	width: auto;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
#container #left-col #nav ul ul {
	left: 150px;
	visibility: hidden;
}
#container #left-col #nav ul li:hover ul, #container #left-col #nav ul li.menuLiOver ul {
	visibility: visible;
}