* {margin:0; padding:0;}

body {
	background:#7a7f8c url(/pix/zzTemplate/Body-BG.jpg) repeat-x center top;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#666;
}

/*body.products {
	background: #CCCCCC url(/pix/zzTemplate/Product-BG.gif) repeat-y center;
}*/

/*body.productsindex {
	background:none;
}*/

/* Text
---------------------- */
h2 {color:#004676; font-size:18px; margin:0 0 .5em 0;}
h3 {color:#004676; font-size:15px; margin:0 0 .3em 0;}
h4 {color:#004676; font-size:13px;}
h5 {color:#004676; font-size:12px; margin:0 0 .2em 0;}
h6 {font-size:9px; font-weight:normal;}
p {line-height:16px; margin:0 0 1em 0;}
blockquote {color:#257eb5; font-style:italic; line-height:16px; padding:30px 15px 15px 10px;}
blockquote p {color:#3ba4e5; font-size:10px; font-style:normal; padding:5px 0 0 0; text-align:right;}

/* Swine
---------------------- */
h2.swine {color:#004676; font-size:24px; line-height:24px; margin:0 0 .3em 0;}
h3.swine {color:#004676; font-size:15px; line-height:18px; margin:0 0 .3em 0;}

a img {border:none;}

sup { padding-left:1px; position:relative; vertical-align:baseline; top:-3px; z-index:1;}

div#page-container { 
	margin:15px auto;
	width:1000px;
	position:relative;
}

div#body-container li { 
	padding:3px 0;
}

div#body-container li ul { 
	 margin:0 0 0 15px;
}

/*div.metrex-body {
	margin: 0 auto;
}*/

/******** this is the gray header bkgd **********/
div.header-navi {
	background:url(/pix/zzTemplate/HeaderNavi-BG.jpg);
	height:83px;
	float:left;
	width:1000px;
}

/******** this is the metrex logo ***************/
h1.header-logo a {
	background: url(/pix/zzTemplate/Metrex-Logo.gif) no-repeat;
	display:block;
	position:relative;
	top: -15px;
	left: 30px;
	height:51px;
	width: 115px;
}
h1.header-logo span {display:none;}

.caflag {
	background: url(/pix/Misc/ca.gif) no-repeat;
	position:absolute;
	top:17px;
	left: 130px;
	height:11px;
	width: 16px;
}

.usflag {
	background: url(/pix/Misc/us.gif) no-repeat;
	position:absolute;
	top:17px;
	left: 130px;
	height:11px;
	width: 16px;
}

/******** this is the dark blude bkgd ***************/

div#header-bkgd {
	/*background: url(/pix/zzTemplate/Header-BG.jpg);*/
	float: left;
	width: 1000px;
	height: 306px;
	color: #FFFFFF;
	z-index: 0;
}

/*div.banner-text {
	color:#f3f3f3;
	height:306px;
	vertical-align:bottom;
	padding-right:30px; 
	padding-left:477px;
}*/
div.banner-text table {
	margin-left:477px;
	height:306px;
	width:493px;
}
.banner-text table h1{
	font-size:20px;
}
.banner-text table p {
	line-height:16px; margin:5px 0 0 0;
}

/******** this menu is:  Home | About Us | Contact Us .... ********/
/* Navigation Using images
---------------------- */
#mainnav {
	position:relative;
	height:30px;
	}
#mainnav ul { float:right;}

#mainnav span {display: none;}

/* Navigation Using images - Kenneth */
#mainnav li {float:left; list-style: none;}
#mainnav li a {display: block; height:30px;}
#mainnav li.home a { background:url(/pix/zzTemplate/Home.jpg) no-repeat; width:60px;}
#mainnav li.about a {background:url(/pix/zzTemplate/About.jpg) no-repeat; width:75px;}
#mainnav li.contact a {background:url(/pix/zzTemplate/Contact.jpg) no-repeat; width:86px;}
#mainnav li.careers a {background:url(/pix/zzTemplate/Careers.jpg) no-repeat; width:67px;}
#mainnav li.investor a {background:url(/pix/zzTemplate/InvestorRelations.jpg) no-repeat; width:125px;}
#mainnav li.home a:hover,#mainnav li.about a:hover,#mainnav li.contact a:hover,#mainnav li.careers a:hover,#mainnav li.investor a:hover {background:transparent;}

/******** this menu is:  Products | Education | Events .... ********/
div.menu-site {
	background:#010c2a;
	border-bottom: 1px solid #929292;
	float:left;
	width: 1000px;
	text-align: center;
	}
ul.menu-site {
	list-style-type:none;                         
	background-color: #010C2A;
	padding:0 0 0 110px;
}

ul.menu-site-canada {
	list-style-type:none;                         
	background-color: #010C2A;
	padding:0 0 0 195px;
}

li.menu-site {
	float:left;
}

li.menu-site a {
	display:block;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	background-color: transparent;
	color: #e5e5e5;
	padding:7px 18px;            
	border-left:1px solid #929292;
}

li.end
{
	border-right:1px solid #929292;
}
li.menu-site a:hover {
	color:#010C2A;
	background-color:#E5E5E5;
}

/*************************/

div.main-container {
	background:#fff url(/pix/zzTemplate/Container-BG.jpg);
	padding:0 0 30px 0;
	width: 1000px;
	float: left;
}

div.main-container-nobackground {
	background:#fff;
	padding:0 0 30px 0;
	width: 1000px;
	float: left;
}

div.product-index-main-container {
	background:#fff;
	width: 1000px;
	float: left;
}

/*********** MAIN CONTAINER HYPERLINKS **************/
div.main-container a {
	color:#004676;
}

div.main-container a:hover {
	text-decoration:none;
}

/*********** MAIN CONTAINER |h1-h6|p|ul|ol| **************/
.main-container h6 {margin:0 0 15px 0;}
.main-container p {line-height:16px; margin:0 0 15px 0;}
.main-container ul,.main-container ol {line-height:16px; margin:0 0 15px 15px;}
.main-container table {border-collapse:collapse; margin:0 0 15px 0; width:100%;}
.main-container table td {border:1px solid #ccc; padding:5px;}

/*********** MAIN CONTAINER |h1-h6|p|ul|ol| **************/
div#body-container {
	width:457px;
	padding:30px;
	float:left;
}

div#body-container .fullpagewidth {
	width:940px;
	float:left;
}
div#body-catalog-form {
	width:337px;
	padding:30px 0 30px 30px;
	float:left;
}
div#body-catalog-form table td {
	border:none;
}
/*div#body-container li {
	padding:2px 0;
}*/


div#body-container.nocolumn {
	width:688px;
}

div#body-container-category {
	float:left;
	padding:0;
	width:749px;
}

/*div#body-container.body-products {
	border-right:1px solid #ccc;
}*/
div.body-content {
	float:left;
}

div.body-content .fullpagewidth {
	float:left;
	width:960px;
}

div.body-content table.reclaimtable {
	font-size:9px;
}

div.body-content table.reclaimtable td {
	border:1px #ccc solid;
	border-collapse:collapse;
}


div.body-content-columns {
	width:688px;
}
.body-content-columns1 {
	float:left;
	padding:0 15px 0 0;
	width:329px;
}
.body-content-columns2 {
	float:left;
	clear:right;
	padding:0 0 0 15px;
	width:329px;
}

.body-content-columns1-awardsaccol {
	float:left;
	padding:0 15px 0 0;
	width:520px;
}
.body-content-columns2-awardsaccol {
	float:left;
	clear:right;
	padding:0 0 0 15px;
	width:387px;
}
div.body-content-threecolumns1 {
	float:left;
	padding:0 15px 0 0;
	width:214px;
}
div.body-content-threecolumns2 {
	float:left;
	padding:0 0 0 15px;
	width:214px;
}
div.body-content-threecolumns3 {
	float:left;
	clear:right;
	padding:0 0 0 15px;
	width:214px;
}

div.body-content a img {
	border:none;
}

.body-text {
	padding:30px;
}


/*************************/
#footer {
	background:url(/pix/zzTemplate/Footer-BG.png) no-repeat;
	float:left;
	clear:both;
	height:200px;
	width:1000px;
	font-size:9px;
	text-align:center;
        
}
#footer {
	filter:
	progid:dximagetransform.microsoft.alphaimageloader(src='../../pix/zzTemplate/Footer-BG.png', sizingmethod='crop');
}

ul.menu-footer
{
	padding:20px 0 0 0;
	list-style-type:none;
}

ul.menu-footer a
{
	color:#666;
}

ul.menu-footer a:hover
{
	text-decoration:none;
}

li.menu-footer
{
	display:inline;
	padding-right: 10px;
}
li.footer-left
{
	border-left: 1px solid #666;
	padding-left: 10px;
}
li.footer-noborder
{
	border-left:none;
	padding-left: 10px;
}

/********** this right sidebar is for the home template *********/

div.right-sidebar {
	float:left;
	width:232px;
}

div.right-sidebar img {
	float:left;
	border:none;
}
/*
div.right-sidebar ul {
	list-style:none;
	padding:0 15px;
}*/
div.right-sidebar-home {
	width: 213px;
	margin-top: 30px;
	float:left;
}
.right-sidebar-home ul {
	list-style: none;
	padding: 0;
	margin:0;
}
.right-sidebar-home li {
	background:url(/pix/zzTemplate/TopRightCorner-BG.gif) top right no-repeat;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	float:left;
	width: 183px;
	padding:15px;
}
.right-sidebar-home li.even {
	background-color: #f1f0f0;
}
.right-sidebar-home li.end {
	border-bottom: 1px solid #ccc;
	border-right: none;
}
.right-sidebar-home li img {float:left;}
.right-sidebar-home li div {float:right; width:152px;}
.right-sidebar-home h4 {margin-top: 30px; float: left; width: 213px;}
.right-sidebar-home p {margin:0;}

/********** this is for the home boxes *********/
div.home-content {
	width: 457px;
	float: left;
}
.home-content ul{
	list-style: none;
	padding:0;
	margin:0;
}
.home-content li {
	float:left;
	margin:0 0 30px 0;
}
.home-content img {
	border:1px solid #ccc;
	float: left;
	padding:3px;
}
.home-content div {float:left; margin:0 0 0 15px; width:330px}
.home-content div h5 {text-transform:uppercase;}
.home-content div p {}

/********** this right sidebar is for the category template *******/
div.right-sidebar-category {
	float: left;
	padding:0;
	width:749px;
}
.right-sidebar-category ul{
	list-style: none;
	float:left;
	padding:0;
	margin:10px 0 0 0;
}
.right-sidebar-category li {
	background:url(/pix/zzTemplate/Product-BoxBorders-BG.gif) repeat-y;
	border-top:1px solid #ccc;
	float:left;	
	height:177px;
	margin:5px 0 15px 15px;
	width:229px;
	display:inline;
}
/*.right-sidebar-category li.odd{
	border-right:none;
	width:204px;	
}*/
.right-sidebar-category img {
	float: left;
	margin:0 10px 0 0;
}
.right-sidebar-category div.item-content{
	padding:10px 15px 10px 10px;
}
.right-sidebar-category div.item-content h5 {
	color:#102458;
	font-size:12px;
	line-height:14px;
}
.right-sidebar-category div.item-content p {
	color:#666;
	margin:0 0 10px 0;
	font-size:11px;
	line-height:13px;
}
.right-sidebar-category h6 {background: #102458 url(/pix/zzTemplate/Product-BoxArrow.gif) no-repeat right center; float:left; font-size:12px; text-align: right; text-transform: uppercase;}
.right-sidebar-category h6 {color:#fff;}
.right-sidebar-category h6 a {display:block; padding: 5px 30px 5px 0; width:199px;}
.right-sidebar-category h6 a:link {color: #fff; text-decoration: none;}
.right-sidebar-category h6 a:visited {color: #fff; text-decoration: none;}
.right-sidebar-category h6 a:hover {color: #3ba4e5;}
.right-sidebar-category h6 active {color: #fff; text-decoration: none;}

/********** this right sidebar is for the product template *******/
div.right-sidebar-product {
	background:#f5f4f4;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width: 171px;
	float: left;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
}

.right-sidebar-product p {
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.right-sidebar-product ul {
	padding:5px 0 0 0;
}
/*.right-sidebar-product li{
	padding:0 0 0px 0;
}*/

/*.right-sidebar-product li{
	font-size: 12px;
}*/

.right-sidebar-product li a{
	text-decoration: none;
}
.right-sidebar-product li a:hover{
	text-decoration: underline;
}

/**** this category div is the left sidebar ************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.categorydiv ul {
	float:left;
	list-style-type: none;
	width:251px;
	margin:0;
	 /* Width of Menu Items */
}

/* Sub level menu links style */
.categorydiv ul li a {
	background:#fff;
	color:#004676;
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	text-decoration:none;
	padding:6px 15px;
	width:221px;
}

.categorydiv ul li a:hover {
	background:#00467f;
	color:#f4f4f4;
	text-decoration:none;
}

.categorydiv ul li.bookmark a {
	background:#00467f;
	color:#f4f4f4;
	text-decoration:none;
}

.categorydiv ul li.item {
	border-bottom:1px solid #a6a6a6;
	border-top:none;
	position: relative;
	z-index:2;
}

/* Sub level menu links style */
.categorydiv ul li.subitem {
	border:1px solid #a6a6a6;
	border-bottom:none;
	width:251px;
	z-index:2;
}

.categorydiv ul li.subitem-last {
	border:1px solid #a6a6a6;
	width:251px;
}

/*Sub level menu items */
.categorydiv ul li ul {
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index:99;
}
	
/* Holly Hack for IE */
* html .categorydiv ul li { float: left; height: 1%; }
* html .categorydiv ul li a { height: 1%; }
/* End */

.categorydiv ul li.header {
	background: url(/pix/zzTemplate/Category-Sidebar-BG.gif) repeat-y center right;
	background-color: #CCCCCC;
	border-bottom:1px solid #a6a6a6;
	color:#004676;
	font-size:14px;
	font-weight:bold;
	padding:15px;
	width:221px;
}

/**** this div is for products-index column  ************/

div.products-index {
	width: 285px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.products-index ul {
	border:1px solid #C0C0C0;
	margin-bottom:15px;
	padding-bottom:15px;
}

.products-index ul p {
	background:#CCCCCC url(/pix/zzTemplate/Category-Sidebar-BG.gif) repeat-y center right;
	color:#004676;
	font-size: 14px;
	font-weight:bold;
	padding:15px;
}

.products-index ul p a {
	color:#004676;
	display:block;
	text-decoration:none;
}

.products-index ul p a:hover {
	text-decoration:underline;
}

.products-index ul li/*.item*/{
	background-color:#fff;
	font-size: 12px;
	padding:0 0 3px 0;
	margin:0 30px;
}
	
.products-index ul li a {
	color:#004676;
	text-decoration:none;
}

.products-index ul li a:visited {
}

.products-index ul li a:hover {
	text-decoration:underline;
}

/**************** LAST **************************/

div.products-index-last {
	width: 285px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

.products-index-last ul {
	border:1px solid #C0C0C0;
	margin-bottom:15px;
	padding-bottom:15px;
}

.products-index-last ul p {
	background:#CCCCCC url(/pix/zzTemplate/Category-Sidebar-BG.gif) repeat-y center right;
	color:#004676;
	font-size: 14px;
	font-weight:bold;
	padding:15px;
}

.products-index-last ul p a {
	color:#004676;
	display:block;
	text-decoration:none;
}

.products-index-last ul p a:hover {
	text-decoration:underline;
}

.products-index-last ul li/*.item*/{
	background-color:#fff;
	font-size: 12px;
	padding:0 0 3px 0;
	margin:0 30px;
}
	
.products-index-last ul li a {
	color:#004676;
	text-decoration:none;
}

.products-index-last ul li a:visited {
}

.products-index-last ul li a:hover {
	text-decoration:underline;
}

/**************** SEARCH **********************/
#search {position:absolute; right:10px; top:45px;}

/**************** LAST **************************/


/**** miscellaneous CSS  ************/
.acrobatReader {list-style: url(/pix/zzTemplate/AcrobatReaderIconLI.gif);}
.acrobatReaderNone {list-style:circle;}
.acrobatReader span {padding:0 15px 0 15px; display:block;}
.flashPlayer {list-style: url(/pix/zzTemplate/FlashPlayerIconLI.gif);}
.clearthis {clear: both;} /* (this is the code you will use) <div class="clearthis"><!-- this div is not floated and its clear property is set to both --></div> */
.colorfffda9 {background:#fffda9; width:25%;}
.metricideTestFill {background:url(/pix/Products/US/MetriCide/testStripsFill.gif) repeat; width:25%;}
.colorb13484 {background:#b13484; width:25%;}
.colorb76684 {background:#b76684; width:25%;}
.divide {background:url(/pix/zzTemplate/divide.gif) repeat; clear:both; height:1px; margin:0 0 15px 0; width:100%;}/* Use this div ***** <div class="divide"><img src="/pix/zzTemplate/divide.gif" alt="image" /></div> ***** */
.spacing {margin:30px 0 0 0;}
.caption {font-size:9px;}
.aboutus {color:#257eb5; float:right; font-style:italic; font-size:16px; line-height:22px; padding:15px 30px;}
.emptyshell {background:#fff; float:left; padding:0; width:1000px;}
.emptyshell .content {padding:30px;}
.emptyshell .content ul {margin:0 25px;}
.dealer-management1 {
	float:left;
	padding:0 15px 0 0;
	width:214px;
}
.dealer-management2 {
	float:left;
	padding:0 0 0 15px;
	width:214px;
}
.dealer-management3 {
	float:left;
	clear:right;
	padding:0 0 0 15px;
	width:214px;
}
/**** Accordion CSS ************/
.accordion {background-color:#010c2a; color:#fff;}
.accordion dt a {background:url(/pix/Misc/awardaccolades-open-icon.gif) right no-repeat; display: block; color:#fff; font-size: 14px; font-weight:bold; padding:10px;  text-decoration: none;}
.accordion dt {margin:0 0 1px 0;}
.accordion dd {border-bottom:1px solid #fff; font-size: 12px; line-height: 16px; padding:10px;}
.accordion dd ul {margin:10px 20px;}
.accordion dd li a,.accordion dd li a:active {color:#f8872d; text-decoration:none;}
.accordion dd li a:hover {text-decoration:underline;}

/**** Fancyzoom CSS ************/
/* #large_box {position:absolute; top: 100px; height:600px; width:900px;} */

/**** Gallery ************/
/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(/pix/zzTemplate/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background {background: #222;}

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay p {color:#fff; font-size: 14px; margin:3px 0 0 0;}
.panel .panel-overlay h2 {color:#fff; font-size: 20px; margin:5px 0 0 0;}
/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}