﻿/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* 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,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1,color:black;background:white}ol,ul{list-style:none}caption,th,td{text-align: left;font-weight:normal;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


.showhide {list-style-type:none;margin:0;padding:0;display:block;}
.showhide li {border:1px solid white;/* <------ required for ie 6*/padding:0 !important;display:block !important;list-style:none;margin:0 !important;background-image:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) !important;background-position:2px 2px;background-repeat:no-repeat;position:relative !important;}
.showhide li .button {display:block;font-weight:normal;margin-left:23px;line-height:140%;padding-bottom:0px;text-decoration:none;}
.showhide li .description {font-weight:normal;line-height:14px;color:#999;padding-top:0px;}
.showhide li .content {display:block;padding:0;/*border-bottom:1px dotted #999999;*/margin:0;margin-left:23px;line-height:145%;display:none;padding:3px;padding-bottom:10px;padding-left:0px;background-image:url(/na/en/image/hideshow_shadow_top.jpg);background-position:0px 0px;background-repeat:repeat-x;}
.showhide .visible {display:block;margin-left:23px;background-image:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) !important;background-position:2px 2px !important;background-repeat:no-repeat !important;}
.showhide li .sign {position:absolute;display:block;left:2px;top:-1px;cursor:pointer;width:17px;height:17px;z-index:99;}



/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

/*body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}*/

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

/*ul {
	list-style: disc;
}*/

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/* Body */

body {
  /*background:#000;*/
  background:#CCCCCC;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

/* Container */

#content-row-navigation .breadcrumb-only {
	display: none
}

#content-row-navigation ul ul.navigation-collapsed {
	display: none;
}
.container {
	margin: 0 auto;
	position:relative;
	width: 940px;
} 

/* Main */
.main {
width: 940px;
background-color: #FFFFFF;
}  

/* header-home */


.header-home {
  background:#fff;
  position: relative;
  height: 93px;
  margin: 0px;
  width: 940px;

}



.header-logo {
	width: 135px;
	/*left:100px;
	top:10px;
	position: absolute;*/
}

*html.header-logo {
	/*float: left;
	width: 135px;
	margin-top: 13px;
	margin-left: 15px;
	display: inline;
	position:relative;*/
}

.search-box{
position: absolute; 
top: 5px; 
right: 35px; 
}

#search-box-form
{
	
}

#search-box-text {
	border: 1px solid #ddd;
	font-family: Arial, Verdana, Myriad Pro, Helvetica, san-serif;
	color: #999;
	font-size: 11px;
	right: 5px;
	position: absolute;
	top: 35px;
margin:0px;
}

*html #search-box-text {
	/*border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-family: Arial, Verdana, Myriad Pro, Helvetica, san-serif;
	float: left;
	color: #999;
	font-size: 11px;
	right: 0px;
	position: relative;
	top: 35px;
	margin-left: 0px;*/
}

#cse-search-box {
padding-top: 0px;
float: right;
}

#cse-search-box-home {
padding-top: 0px;
float: right;
}

.search-box-home
{
	position: absolute; 
top: 5px; 
right: 35px; 
}

#under_search p{
   margin-bottom: 0;    
}

.go-button {
	right:-17px;
	z-index:99;
	position: absolute;
	top: 35px;
}

.go-button-home {
	margin-top: 35px;
	float: left;
	margin-left: -5px;
	position:absolute;
}

/* Main Nav Unordered Lists */

.main-nav, .primary_nav {
  background:#e70033;
  color:#fff;
  text-align:right;
  width: 940px;}
  
*html .main-nav
{
	width:940px;
}

.main-nav-homepage {
   position: relative;
   top:-342px;
}

.main-nav ul, .primary_nav ul {
  margin:0 0 0 350px;
}
.main-nav li, .primary_nav li {
  display:inline;
  margin:0;
}
.main-nav li.first {
  display:none;
}
.primary_nav li.search {
display:none;
}




.main-nav li a:link,
.main-nav li a:visited, .primary_nav li a:link, .primary_nav li a:visited {
  background:transparent url(/microbial/assets/nav-bg.png) scroll no-repeat 0 0;
  color:#fff;
  display:block;
  float:left;
  height:24px;
  line-height:24px;
  padding:0 10px;
  text-decoration:none;
  text-transform:uppercase;
}
.main-nav li a:hover,
.main-nav li a:active, .primary_nav li a:hover, .primary_nav li a:active {
  background:transparent url(/microbial/assets/nav-bg-hover.png) scroll repeat 0 0;     
}


}

.main-image 
{ 

} 
/* Nav Area */

.nav-area {

}


/* Primary Area */

/*.primary-nav {

}

.primary-nav ul li {

}

.primary-nav ul li ul li {

}

.primary-nav ul, .primary-nav ul li {

}
.primary-nav ul li ul li span {margin-bottom:0; padding-bottom:0;}

.primary-nav a:link, .primary-nav a:visited{

}

.primary-nav a:hover{

}*/

/* Secondary Nav */
.secondary-nav {

}

.secondary-nav ul, .secondary-nav ul li {

}

.secondary-nav a:link, .secondary-nav a:visited{

}

.secondary-nav a:hover {

}

/* Nav Include */
.nav-include{

}

/* Content Area */

.content-area {

}
.content-area h2 {

}
.content-area h3 {

}
.content-area h4 {

}
.content-area h5 {

}
.content-area h6 {

}
.content {


}
/* Title */

.title h1 {
	
}

/* Intro */

.intro {
	
}

.content-A {

}


.content-B {

}


.right-column-pr-headline {
	padding:20px 20px 0px 20px;
}

.right-column-body {
	padding:0px 0px 20px 20px;
}


/* Footer */


.footer {
  background-color: #CCCCCC;
  color: #283d5c;
	width: 940px;
}


#bottom_area{
	background: #FFFFFF;
	color:#283d5c; 
	font-size:14px; 
	padding-top: 50px; 
	background-color:#ffffff; 
	width:940px; 
	text-align:left;
	
}

#bottom_area a{
	color:#283d5c;
	text-decoration:none;
}

#bottom_area a:hover{
	color:#F00;
	text-decoration:none;
}

.large_blue{
	color:#283d5c; 
	font-size:16px;
}

.blue_arrow{
	list-style-image:url(/microbial/images/homepage/blue_arrow_white_backgd.jpg);
}

.footer_links{
	padding-left: 5px;
	padding-top: 20px	
}

#footer{
	background-color: #CCCCCC;
	font-size:10px;
	color:#666;
	width: 940px;
}

#footer a{
	font-size:10px;
	color:#666;
	text-decoration:none;
}

#footer a:hover{
	font-size:10px;
	color:#F00;
	text-decoration:none;
}


.column-wrapper {
	visibility:visible;
	display:block;
	background-color: #FFFFFF !important;
	/*position:relative;
	border:2px solid green;*/
}
.breadcrumb {
	background: none;
	color: #666;
	position:absolute;
	z-index:999;
	top:134px;
	left:205px;
}

/**html .breadcrumb
{
	margin-top:136px;
}*/

.breadcrumb a {
  color: #e70033;
}

.breadcrumb-text{
	display:none;
}


/* External Link Icon*/

.externalLink {
	padding-right: 15px;   
	background: transparent url(/images/global/external.gif) no-repeat center right;
}


a:link,a:visited {
  text-decoration:none;
}
a:hover, a:active {
  text-decoration:underline;
}
blockquote {
  padding:0 30px;
}

sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
  font-size:10px;
  
}
img.bug {/*
  float: right;
  margin: 0 0 10px 10px;*/
  margin:0 0 0 0;
}

sup {
  bottom: 2ex;
  font-size: 50%;
}

sub {
  top: .5ex;
}



/* Generic Layout Styles
------------------------------------------------------------ */
.header-home,
.logo,
.header-home .right,
.nav,
.primary_nav,
.home-main,
.left-column,
.main-nav,
.right-column,
.right-column-body-text,
.right-column-body-right-hand,
.footer,
.ft-ask,
.ft-news,
.ft-customer,
.copy,
.footlinks {
	float: left;
	/*position: relative;
	margin-left: 10px;
	margin-right: 10px;*/
}

/* header-home Layout Styles
------------------------------------------------------------ */
.logo {
  margin-left: 0;
	width: 460px;
}


.logo a {
  background:transparent url(/microbial/assets/images/logo.jpg) scroll no-repeat 0 0;
  display:block;
  height:93px;
  width:356px
}

.logo a span {
  display:none;
}

.header-home .right {
  margin-right: 0;
	width: 460px;
}

#flash {
  height: 399px;
  margin: 0;
}


/* Nav Layout Styles
------------------------------------------------------------ */
.nav {
  background:#e70033;
  color:#fff;
  margin: 0;
  text-align:right;
  width: 940px;
}

.nav ul {
  margin:0 0 0 350px;
}

.nav li {
  display:inline;
  margin:0;
}

.nav li.first {
  display:none;
}

.nav li a:link,
.nav li a:visited {
  background:transparent url(/microbial/assets/images/nav-bg.png) scroll no-repeat 0 0;
  color:#fff;
  display:block;
  float:left;
  height:24px;
  line-height:24px;
  padding:0 10px;
  text-decoration:none;
  text-transform:uppercase;
}

.nav li a:hover,
.nav li a:active {
  background:transparent url(/microbial/assets/images/nav-bg-hover.png) scroll repeat 0 0;     
}

/* Left Side Styles
------------------------------------------------------------ */
.left-column {
  background:#FFFFFF;
  color:#666666;
	width: 160px;
	position: relative;
    left: 5px;
}

.left-column ul {
  margin-bottom:0;
}

.left-column ul li {
  /*border-bottom:1px solid #474747;*/
}




.left-column ul li,
.right-column ul li{
  list-style:none none;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

.left-column ul li a {
  background:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) left no-repeat;
  color:#666666;
  display:block;
  font-size:11px;
  margin:0 0 0 0;
  /*padding:0 0 0 30px;8*/
  padding:2px 0 2px 30px;
  text-decoration:none;
}

.current-page {
  background:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) left no-repeat;
  }


.right-column ul ul li a {
  background:transparent none;
  list-style:none;
  margin:0 0 0 5px;
  padding:0 0 0 25px;
  
}

.left-column ul ul li a
{
  background:transparent none;
  list-style:none;
  margin:0 0 0 5px;
  padding:4px 0 4px 25px;
}

.left-column ul ul li a:hover
{
  background:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) left no-repeat;
  text-decoration:none;
}

.left-column ul ul li a span
{
  color:#e70033;  
}

#current-page, .current-page
{
  background:url(//microbial/assets/images/blue_arrow_white_backgd.jpg) left no-repeat;
  color:#e70033;
  padding-bottom:0;
}

.primary-nav-sub-selected
{
	padding:4px 0 4px 0;
    margin:0;	
}

.left-column h3 {
  font-size:11px;
  margin:15px 0 5px 5px;
  text-transform:uppercase;
}

/* Main Layout Styles
------------------------------------------------------------ */
.home-main {
  margin: 0 10px;
  width: 940px;
}


.right-column {
  background:#fff;
  color:#666;
  padding-top:20px;
  margin-left:24px;
/*padding-left: 60px;
  padding-top:30px;*/
  width: 755px;
  border-left:1px solid #CCCCCC;

}

.right-column a {
  color:#e70033;
}

.right-column h1 {
  color:#e70033;
  font-family: Arial;
  font-size: 20px;
}

.right-column #content ul {
  margin-top:10px;
}

.right-column .right-column-body-text ul li
{
  background:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) top left no-repeat;
  padding:0 0 0 30px;
  margin:0;
 }
 
/*.footer .ft-news ul li {
  background:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) left no-repeat;
  margin:0 0 15px 0;
  padding:0 0 2px 20px;
  height: 30px;
}

*html .ft-news ul li { padding-left:15px; }

.right-column #related {
  font-size:11px;
}*/

.right-column-title, .right-column-intro {
  display: none;
}

.right-column-body-text {
  margin-left: 0; width: 460px;
  padding-top:20px;
}

.right-column-body-right-hand {
  margin-right: 0;
  width: 200px;
  padding-left: 55px;
}
.right-column-body-right-hand #related {
  padding-top: 195px;
}

#related li a {
  color:#666;
  background:url(/microbial/assets/images/blue_arrow_white_backgd.jpg) scroll no-repeat 10px 2px;
  padding:0 0 0 30px;
  display:block;
}

#related a {
  color:#e70033;
}

.right-column .related-links {
  padding-top:50%;
}

.right-column .related-links a {
  background:transparent none;
  color:#e70033;
  padding:0;
}

#apps {
  width: 475px;
  height: 225px;
}

.right-column-body-homepage
{
	display:none;
}

/* Footer Styles
------------------------------------------------------------ */
/*.footer p, .footer ul {
  margin:0;
}
.footer a {
  color:#fff;
}

.ft-ask {
  background: url("/microbial/assets/images/ask.png") no-repeat scroll 165px 0px transparent;
  margin-left: 0;
	width: 220px;
}

.ft-news {
	width: 340px;}
	
*html .ft-news {width:320px;}

.ft-customer {
  margin-right: 0;
	width: 340px;
}

.ft-ask div {
  padding:20px 0 0 25px;
}
.ft-news div {
  padding:20px 25px;
}
.ft-customer div {
  padding:20px 25px 0 0;
}

.ft-ask div h3,
.ft-news div h3,
.ft-customer div h3 {
  border-bottom:1px solid #929293;
  font-size:20px;
  font-weight:bold;
  margin:0 0 10px;
}

.ft-ask div h3 em,
.ft-news div h3 em,
.ft-customer div h3 em {
  font-style:italic;
  font-weight:normal;
}

.ft-customer #globe {
  float:right;
  height: 160px;
  margin-top:-30px;
  margin-right:-20px;
  width: 160px;
}

.copy,
.footlinks,
.footlinks a {
  color:#aaa;
  font-size:9px;
}
.copy p,
.footlinks p {
  margin:0;
  padding:10px 25px;
}

.copy {
  height: auto;
  margin-left: 0;
  text-align:left;
	width: 460px;
}

.footlinks {
  margin-right: 0;
  text-align:right;
	width: 460px;
}*/

/*table rules and trademark*/

.tablehead {
color: #fff;
font-size: 94%;
background-color: #aaa;}

.table-heading {
color: #fff;
font-size: 94%;
background-color: #aaa;}

.table-subheading {
color: #fff;
background-color: #aaa;
vertical-align: bottom;}

.tablesubhead {
color: #fff;
font-size: 94%;
background-color: #aaa;}

.module-header-history {
color: #fff;

font-weight: bold;
font-size: 94%;
padding: 4px 0px 4px 5px;
margin-top: 1px;
background-color: #696969;}

.module-content {
padding-left: 5px;}

.table-heading-category {
color: #eee;
font-weight: bold;
font-size: 94%;
background-color: #696969;
padding-left: 20px}

*html .tablerowgray tr {
padding: 5px 10px 5px 10px;
background-color: #eee;}

.tablerowgray {
background-color: #eee;}

*html .gray-row tr {
padding: 5px 10px 5px 10px;
background-color: #eee;}

.gray-row {
background-color: #eee;}

.tablerowgray-category {
color: #666;
background-color: #eee;
font-size: 12px;
font-weight: bold;
padding-left: 20px;

}

.tablerowgray-category a:link, .tablerowgray-category a:visited {
color: #333;
text-decoration: none;}

.tablerowgray-category a:hover, .tablerowgray-category a:visited:hover {
color: #333;
text-decoration: underline;}

.table-border {
border: 1px solid #eee;}

.trademark {
color: #999;
font-size: .85em;}

/* `Clear Floated Elements
------------------------------------------------------------ */

/* http://sonspring.com/journal/clearing-floats */

.clear, .clearfloats {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*contact us rolloevers*/

.contact_rollover a{
   display: block;
   text-indent: -9999px;
   cursor: pointer;
   outline: transparent solid 0px;
}
#nav_request_sample a{
    height: 125px; 
   width: 107px;  
   background:url(/microbial/assets/images/nav_request_sample.jpg) no-repeat left top;
}
#nav_request_sample_on a{
    height: 125px; 
   width: 107px;  
   background:url(/microbial/assets/images/nav_request_sample.jpg) no-repeat left -125px;
}
#nav_request_sample a:hover{
   background-position: left -125px; 
}

#nav_news_updates a{
    height: 125px; 
   width: 107px; 
   background:url(/microbial/assets/images/nav_news_updates.jpg) no-repeat left top;
}
#nav_news_updates_on a{
    height: 125px; 
   width: 107px; 
   background:url(/microbial/assets/images/nav_news_updates.jpg) no-repeat left -125px;
}
#nav_news_updates a:hover{
   background-position: left -125px; 
}

#nav_contact_rep a{
    height: 125px; 
   width: 107px; 
   background:url(/microbial/assets/images/nav_contact_rep.jpg) no-repeat left top;
}
#nav_contact_rep_on a{
    height: 125px; 
   width: 107px; 
   background:url(/microbial/assets/images/nav_contact_rep.jpg) no-repeat left -125px;
}
#nav_contact_rep a:hover{
   background-position: left -125px; 
}

#nav_ask_us a{
   height: 125px; 
   width: 107px; 
   background:url(/microbial/assets/images/nav_ask_us.jpg) no-repeat left top;
}
#nav_ask_us_on a{
   height: 125px; 
   width: 107px; 
   background:url(/microbial/assets/images/nav_ask_us.jpg) no-repeat left -125px;
}
#nav_ask_us a:hover{
   background-position: left -125px; 
}

#nav_f_request_sample a{
  height: 171px; 
   width: 218px; 
   background:url(/microbial/assets/images/nav_f_request_sample.jpg) no-repeat left top;
}

#nav_f_request_sample a:hover{
   background-position: left -171px; 
}

#nav_f_news_updates a{
    height: 171px; 
   width: 218px; 
   background:url(/microbial/assets/images/nav_f_news_updates.jpg) no-repeat left top;
}

#nav_f_news_updates a:hover{
   background-position: left -171px; 
}

#nav_f_contact_rep a{
    height: 171px; 
   width: 218px; 
   background:url(/microbial/assets/images/nav_f_contact_a_rep.jpg) no-repeat left top;
}

#nav_f_contact_rep a:hover{
   background-position: left -171px; 
}

#nav_f_ask_us a{
   height: 171px; 
   width: 218px; 
   background:url(/microbial/assets/images/nav_f_ask_us_now.jpg) no-repeat left top;
}

#nav_f_ask_us a:hover{
   background-position: left -171px; 
}

.prod-tds
{
	float:right;
	margin:-28px 0 0 0;
	padding:12px 0 0 0;
	width:100px;
	height:28px;
	text-align:center;
	background:url(/microbial/images/prodlinks.gif);
}

@-moz-document url-prefix() {
	.prod-tds{
		margin-top:-10px;
	} 
}

@-moz-document url-prefix() {
	#flashscroll{
		margin-right:-10px;
	} 
}

.bio
{
	float:left;
	padding:0 20px 10px 0;
}

.team  h4 
{
	margin-bottom:5px; 
	padding-bottom:0;
	height:14px;
}

#large-globe
{
	margin-bottom:10px;
	height:500px;
}

#hflash {
  height: 346px;
  overflow:hidden;
  margin: 0px;
float:left;
  width: 940px;
}

/*.container-chn .left-column ul li a {
    font-size: 16px;
}

.container-chn .main-nav ul, .primary_nav ul {
    margin: 0 0 0 555px;
}


.right-column-chn {
	line-height: 20px;
	}
}
8?

/** {border:1px solid yellow;}*/
