/* 
 *
 *	SGoin edreamz March 2009
 *
 */


/* 
 * Global 
 */

h1 { color: #666666; font-weight: normal; font-size: 22px; font-family: Georgia, Times New Roman, serif; line-height: normal;}
h2 { color: #000000; font-weight: normal; font-size: 14px; font-family: Georgia, Times New Roman, serif; line-height: normal; margin-bottom:8px;}
h3 { color: #666666; font-weight: bold; font-size: 16px; font-family: Arial, Georgia, serif; line-height: normal;}
h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}
a { color: #005a9c; text-decoration: none;}
a:hover { color: #666; text-decoration: underline; cursor:pointer;}
    
ul li{ list-style-image: url(/images/bullet-arrow.gif); margin-bottom: 5px;}
ul li.green{ list-style-image: url(/images/bullet-arrow-green.gif); margin-bottom: 5px;}
ol li{ list-style: decimal; margin-bottom: 5px;}

.gray{ text-decoration: none; color: #666; display: block;}
.gray:hover{color: #005a9c; text-decoration: none; cursor:pointer;}

p{ margin: 0; padding: 0 0 15px 0; line-height:20px;}
p img{padding: 5px;}


/* 
 * Main Navigation
 */
#mainNav { position: absolute; top:108px; left:0; height: 34px; width: 960px; float: left; }
#mainNav ul.main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
#mainNav ul.main li { margin:0; padding:0; list-style: none; display: inline;}
#mainNav a { float: left; overflow: hidden; height: 34px; width: 191px; text-indent:-9999px; }
#mainNav a:hover { background-position: 0 -34px;}
#mainNav .selected{ background-position: 0 -34px;}

/* 
 * Secondary(Left Side) Navigation
 */
ul.subNav {width: 191px; padding: 0; margin-top:10px; font-size:12px; font-weight:bold;}
ul.subNav li{float:left; width:100%; list-style:none; background:url(/images/arrow.gif) no-repeat; background-position:8px 5px;}
ul.subNav li a {line-height:22px; padding-left:20px; display:block; }
ul.subNav li a.long {line-height:16px; padding-top:3px;}
ul.subNav li a:hover, ul.subNav li a.selected {text-decoration:none; background:#bed5dd url(/images/arrow.gif) 8px 5px no-repeat; width:173px; color:#666;}

/* 
 * Layout / Formatting
 */

body{ background: #ffffff; color: #666; font-size: 12px; font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Verdana; line-height: 18px;}
#wrapper{ width: 960px; margin: 0 auto;}
 
#hd { position: relative; background:#ffffff; height: 142px;}
#hd span { position: relative; background: url(/images/structure/main-logo.gif) no-repeat left top; width: 191px; height: 62px; top: 46px; left: 0; display: block;}
#hd span a { position: absolute; width: 191px; height: 62px; display: block; text-indent:-9999px;}
  
.search{width: 268px; height:25px; position: absolute; right: 0; top: 68px; color: #1496c5; text-align:right;}
.search #txtSearch{color: #6790ae;}
.search a{ float: right; margin-top:-23px;}

ul.topNav { float:left; width:400px; height:15px; margin:8px 0 0 230px; font-family:Georgia; font-size: 13px;}
ul.topNav li{float:left; list-style:none; padding:5px 10px 5px 10px; border-left:1px solid #666;}
ul.topNav li a{color:#666; text-decoration: none;}
ul.topNav li a:hover{color:#005a9c;}
ul.topNav li a.selected{color:#005a9c;}
  
#topNav { height: 40px; width: 480px; margin-left: 250px; position: relative; top:5px; z-index: 85; font-family:Georgia; font-size: 13px; text-align:center;}
#topNav #top { margin:0; padding:5px 0 5px 0; list-style: none; display: inline; overflow: hidden;}
#topNav #top li{ margin:0; padding:0; list-style: none; display: inline;}
#topNav #top li a{ float: left; width:125px; padding: 5px 0 0 0; height: 20px; color:#666; border-left:1px solid #b4b4b4;}
#topNav #top li a:hover{color:#005a9c; text-decoration: none; }
#topNav #top li .selected{color:#005a9c; text-decoration: none; }
	
/*dropdown menu*/
#topNav #top li ul { margin:0; padding: 0; position: absolute; display: block; visibility: hidden; top: 27px; font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Verdana; font-size:11px; text-align:left; border:1px solid #b4b4b4;}
#topNav #top li ul li { float: none; text-indent: 0; display: block; width: 123px; height: 20px;  }
#topNav #top li ul li a.sub:link { padding:3px 0 0 10px; background:#bed5dd; color: #666; width: 113px; height: 20px; display: block; text-decoration: none; border:none;}
#topNav #top li ul li a.sub:visited { padding:3px 0 0 10px; background:#bed5dd; color: #666; width: 113px; height: 20px; display: block; text-decoration: none; border:none;}
#topNav #top li ul li a.sub:hover { padding:3px 0 0 10px; background:#bed5dd; color: #005a9c; width: 113px; height: 20px; text-decoration: none; text-decoration: none; border:none;}
#topNav #top li ul li a.sub:active { padding:3px 0 0 10px; background:#bed5dd; color: #005a9c; width: 113px; height: 20px; display: block; text-decoration: none; border:none;}
	
.nav_americas-left{ left: 0;}
.nav_europe-left{ left: 126px;}
.nav_asia-pacific-left{ left: 252px;}

#nav_americas a {}
#nav_europe a {}
#nav_asia-pacific a {}
  
#container{ margin-top:20px; width: 960px; min-height:400px; padding-bottom: 0; }

/*---------Home Page---------*/
#homeLeft { background:url(/images/structure/logo-wm.gif) no-repeat left bottom; width: 193px; float: left; border:1px solid #b4b4b4; padding:0 0 5px 0; min-height:528px;}
#homeLeft .content {float:left; width: 172px; padding: 5px 10px 0 10px; font-size:11.5px;}
ul.product-btns {float:left; width:172px; padding:0; margin-left:10px; font-family:Georgia; font-size: 14px; font-weight:bold;}
ul.product-btns li{float:left; width:154px; list-style:none; padding:12px 0 8px 18px; border-top:1px solid #b4b4b4; background:url(/images/structure/block.gif) no-repeat; background-position:0 7px;}
ul.product-btns li.long{padding:4px 0 1px 18px;}
		
#homeCenter { width:570px; float: left; padding-top:1px;}	
	
#homeRight { width: 193px; float: left; border:1px solid #b4b4b4; height:532px;}
#homeRight .content {width: 172px; padding: 10px 10px 0 10px; height:222px; overflow:hidden;}
#homeRight .content a {line-height:16px; margin-bottom:8px; display:block; background:url(/images/arrow.gif) 0 3px no-repeat; text-indent:10px;}
#homeRight .home-ctas {float:right; width:190px; margin-top:0; height:300px; overflow:hidden;}
#homeRight .home-ctas .cta{ float:right; width: 190px; margin:0 2px 0 0;}
.logosTitle{color: #000000; font-weight: normal; font-size: 12px; font-family: Georgia, Times New Roman, serif; padding-left:14px;}
#partnerPanel{margin-left:5px; height: 105px; width: 178px; text-align: center;}
    
/*---------WYSIWYG Page---------*/
#bodyLeft {background:url(/images/structure/logo-wm.gif) no-repeat left bottom; width: 193px; min-height:400px; float: left; border:1px solid #b4b4b4; padding:0 0 5px 0;}
#bodyLeft .header{background:#bed5dd; border-bottom:1px solid #b4b4b4; padding: 10px 0 10px 14px; font-size:14px; font-family:Georgia;}
#bodyLeft .header-products{background:#bed5dd; border-bottom:1px solid #b4b4b4; padding: 3px 0 3px 0;}
  
.headerImg {float: left; margin-left:10px; width:752px; height:196px; border:1px solid #b4b4b4;}
.headerImg h1{float: right; padding:165px 20px 0 0;}
/*#hd-about-us {background:url(/images/banners/about-us.jpg) no-repeat left top;}*/
#hd-how-does {background:url(/images/banners/how-does.jpg) no-repeat left top;}
#hd-whats-microbe {background:url(/images/banners/whats-microbe.jpg) no-repeat left top;}
#hd-bacteria-results {background:url(/images/banners/bacteria-results.jpg) no-repeat left top;}
#hd-mold-results {background:url(/images/banners/mold-results.jpg) no-repeat left top;}
    
  .headerImg-blue {float: left; margin-left:10px; width:752px; height:37px; background:#bed5dd; border:1px solid #b4b4b4;}
  .headerImg-blue h1{float: right; padding:5px 20px 0 0;}
    
  #bodyRight {width: 753px; margin:10px 0 0 10px; min-height:284px; float: left; border-left:1px solid #b4b4b4; border-top:1px solid #b4b4b4;}
  #bodyRight h3{background:url(/images/hd-bg.gif) no-repeat left top; padding:6px 0 0 13px; width:740px; height:24px;}
  #bodyRight .content{padding: 15px 0 0 15px;}
  #bodyRight .content .bio {width:730px; border-bottom:1px solid #b4b4b4; padding:10px 0 10px 0;}
  #bodyRight .content .bio img{width:;}
  #bodyRight .content .bio .bio-text{float:left; width:550px; padding-left:10px;}
  
  
  #bodyRight .content .search2{float:left; width: 100%; height:25px; color: #1496c5; margin-bottom:20px;}
  #bodyRight .content .search2 #txtSearch{color: #6790ae;}
  #bodyRight .content .search2 a{ float: left; margin:-28px 0 0 165px;}
  #bodyRight .content .results a{ font-size:14px; font-weight:bold; line-height:26px;}
  
  #bodyRight .content .column{float:left; width:350px; padding-right:10px;}
  #bodyRight .content img{float:left; margin:6px 10px 8px 0; border: 4px solid #bed5dd;}
  #bodyRight .content a.news-title { text-decoration:none; display:block; border-bottom:1px solid #b4b4b4; padding-bottom:10px; margin-top:-7px;}
  #bodyRight .content .news-date{color:#005a9c; font-weight:bold; font-size:11px; line-height:10px;}
  /*#bodyRight .content strong{color:#333;}*/
  #bodyRight .content .btnBack {border:none;}
  
  #bodyRight .content .brand-list {float:left; width:730px;}
  #bodyRight .content .brand-list .item{padding:15px 0 15px 0; border-top:1px solid #b4b4b4;}
  #bodyRight .content .brand-list .item .logo{float: left; background:#fff; background-position:center center; border:none; width:160px; height:150px; border:1px solid #b4b4b4; background-repeat:no-repeat;}
  #bodyRight .content .brand-list .item .text{float: left; width:500px; margin-left:20px;}
  #bodyRight .content .brand-list .item .text img{float:right; border:none; margin-top:-10px;}
  
  #bodyRight .content .brand-detail {float:left; width:730px;}
  #bodyRight .content .brand-detail .logo{float: left; background:#fff; background-position:center center; border:none; width:160px; height:150px; border:1px solid #b4b4b4; background-repeat:no-repeat; margin:0 10px 10px 0;}
  #bodyRight .content .brand-detail a.back{float:right; margin-top:-10px;}
  
  
/*Products Overview Page*/
.bodyColumn {width: 178px; min-height:725px; float: left; border:1px solid #b4b4b4; margin-right:12px;}
.bodyColumn img{border-bottom:1px solid #b4b4b4;}
  
ul.products {width:100%; padding: 0; margin-top:10px; font-size:10.5px; font-weight:bold;}
ul.products li{float:left; width:100%; list-style:none; background:url(/images/arrow.gif) no-repeat; background-position:8px 2px;}
ul.products li a {line-height:15px; padding:0 7px 4px 20px; display:block;}
ul.products li a:hover {text-decoration:none; background:#bed5dd url(/images/arrow.gif) 8px 2px no-repeat; display:block; color:#666;}
ul.products li a.selected{text-decoration:none; background:#bed5dd url(/images/arrow.gif) 8px 2px no-repeat; display:block; color:#666;}  

/* 
 * Third(Left Side) Navigation
 */	
ul.thirdNav { width: 191px; margin: 0; padding:0; list-style: none;}
ul.thirdNav li { margin:-5px 0 5px 0; padding-left:0; background:none; list-style: none; }
ul.thirdNav li a { font-size: 11px; text-decoration: none; background:url(/images/thirdnav-bg.gif) 16px 5px no-repeat; display: block; width: 156px; height: auto; padding-left:30px; }
ul.thirdNav li a:hover { text-decoration: none; background:#e8e8e8 url(/images/thirdnav-bg.gif) 16px 5px no-repeat; display:block; color:#666;}
ul.thirdNav li a.selected{ text-decoration: none; background:#e8e8e8 url(/images/thirdnav-bg.gif) 16px 5px no-repeat; display:block; color:#666;}
 
  
/*Products Detail Page*/
.ovImg-Products {float: left; width:752px; height:396px; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;}
.ovImg-Products p{clear:right; float:right; padding:12px; width:256px;}
#ov-products-home {background:url(/images/banners/product-Home.jpg) no-repeat left top;}
#ov-products-commercial {background:url(/images/banners/product-Commercial.jpg) no-repeat left top;}
#ov-products-building {background:url(/images/banners/product-Building.jpg) no-repeat left top;}
#ov-products-apparel {background:url(/images/banners/product-Apparel.jpg) no-repeat left top;}
#ov-products-healthcare {background:url(/images/banners/product-Healthcare.jpg) no-repeat left top;}

.date{ font-size: 11px; color: #9a9a9a;}
/*this style is often used for news items with or w/o images and/or product listings*/
.infoRow { margin-top: 10px; background: #eee7d9;}
.infoRow .info-header{ width: 620px; height: 16px; padding: 5px 0 5px 10px; background: #ddcfb3;}
.infoRow .info-image{ width: 104px; float: left; padding: 5px;}
.infoRow .info-image img{ border: #ffffff 2px solid;}
.infoRow .info-text{ width: 506px; float: left; padding: 10px 10px 10px 0;}
.infoRow .info-text .learn-more{ float: right;}

/*
 * Layout / Form
 */

.form{ padding: 5px 5px 50px 5px; width: 460px; margin:0 auto;}
.formRow{ margin-top: 10px;}

.formItem { width: 210px; float: left;}
.formItem .textfield{ width: 200px;}
.formItem .textfield-small{ width: 50px;}
.formItem .dropdown{ height: 23px;}
	
.formItemSmall{ width: 40px; float: left;}
.formItemSmall .textfield{ width: 30px;}
	
.formItemLong { width: 450px; float: left;}
.formItemLong .textfield{ width: 450px;}
.formItemLong .textfield2{ width: 200px;}
.formItemLong .textfield-small{ width: 50px;}
.formItemLong .textarea { width: 450px;}
.formItemLong .dropdown{ height: 23px;}
	
.city{ width: 210px; float: left;}
.city .textfield{ width: 200px;}
	
.state{ width: 40px; float: left;}
.state .dropdown{ height: 23px;}
	
.zipcode{ width: 50px; float: left; margin-left:10px;}
.zipcode .textfield{ width: 50px;}
	
.phone{ width: 210px; float: left;}
.phone .textfield{ width: 30px;}
.phone .textfield2{ width: 35px;}
	
	
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}
.divider {padding:10px; height:1px;}
.arrow {font-size:14px; color:#666; margin-right:5px;}
.video-link {float:left; width:725px; height:142px; margin:15px 0 15px 15px; padding:5px 0 5px 0; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; text-align:center; }
	
/* 
 * Layout / Footer
 */

#ft{float:left; background:url(/images/structure/bg-footer.gif) top left no-repeat; color: #ffffff; font-family:Georgia; font-size: 11px; width: 960px; height:30px; line-height: normal; margin-top:20px;}
#ft .copy{float:left; width:350px; padding:8px 0 5px 10px;}
#ft ul {padding-left:10px; list-style:none;}
#ft ul li{float:right; padding:8px 10px 5px 0;}
#ft ul li a{ color: #ffffff; text-decoration:none; }
#ft ul li a:hover{ color: #586e82; text-decoration:underline; }

#social {float:left; width:100%; margin:5px 0 20px 0; text-align:right;}


/* 
 * 
 * English/Default
 * 
 */
#home_english a { background: url(/images/english/nav-home.gif) top left no-repeat; margin-left: 0;}
  #about-us_english a { background: url(/images/english/nav-about.gif) top left no-repeat; margin-left: 1px;}
  #products_english a { background: url(/images/english/nav-products.gif) top left no-repeat; margin-left: 1px;}
  #all-about-microbes_english a { background: url(/images/english/nav-all-about.gif) top left no-repeat; margin-left: 1px;}
  #contact-us_english a { background: url(/images/english/nav-contact.gif) top left no-repeat; margin-left: 1px;}
  
  #logos-rotating_english{background:url(/images/english/home-cta1.jpg)top left no-repeat; width:192px; height:141px;}

/* 
 * 
 * Espanol
 * 
 */
#home_espanol a { background: url(/images/espanol/nav_espanol-home.gif) top left no-repeat; margin-left: 0;}
  #about-us_espanol a { background: url(/images/espanol/nav_espanol-about.gif) top left no-repeat; margin-left: 1px;}
  #products_espanol a { background: url(/images/espanol/nav_espanol-products.gif) top left no-repeat; margin-left: 1px;}
  #all-about-microbes_espanol a { background: url(/images/espanol/nav_espanol-all-about.gif) top left no-repeat; margin-left: 1px;}
  #contact-us_espanol a { background: url(/images/espanol/nav_espanol-contact.gif) top left no-repeat; margin-left: 1px;}
  
  #logos-rotating_espanol{background:url(/images/espanol/home-cta1.jpg)top left no-repeat; width:192px; height:141px;}
  
/* 
 * 
 * Francais
 * 
 */
#home_francais a { background: url(/images/francais/nav_francais-home.gif) top left no-repeat; margin-left: 0;}
  #about-us_francais a { background: url(/images/francais/nav_francais-about.gif) top left no-repeat; margin-left: 1px;}
  #products_francais a { background: url(/images/francais/nav_francais-products.gif) top left no-repeat; margin-left: 1px;}
  #all-about-microbes_francais a { background: url(/images/francais/nav_francais-all-about.gif) top left no-repeat; margin-left: 1px;}
  #contact-us_francais a { background: url(/images/francais/nav_francais-contact.gif) top left no-repeat; margin-left: 1px;}
  
  #logos-rotating_francais{background:url(/images/francais/home-cta1.jpg)top left no-repeat; width:192px; height:141px;}
  
/* 
 * 
 * Deutsch
 * 
 */
#home_deutsch a { background: url(/images/deutsch/nav_deutsch-home.gif) top left no-repeat; margin-left: 0;}
  #about-us_deutsch a { background: url(/images/deutsch/nav_deutsch-about.gif) top left no-repeat; margin-left: 1px;}
  #products_deutsch a { background: url(/images/deutsch/nav_deutsch-products.gif) top left no-repeat; margin-left: 1px;}
  #all-about-microbes_deutsch a { background: url(/images/deutsch/nav_deutsch-all-about.gif) top left no-repeat; margin-left: 1px;}
  #contact-us_deutsch a { background: url(/images/deutsch/nav_deutsch-contact.gif) top left no-repeat; margin-left: 1px;}
  
  #logos-rotating_deutsch{background:url(/images/deutsch/home-cta1.jpg)top left no-repeat; width:192px; height:141px;}
  
/* 
 * 
 * Italiano
 * 
 */
#home_italiano a { background: url(/images/italiano/nav_italiano-home.gif) top left no-repeat; margin-left: 0;}
  #about-us_italiano a { background: url(/images/italiano/nav_italiano-about.gif) top left no-repeat; margin-left: 1px;}
  #products_italiano a { background: url(/images/italiano/nav_italiano-products.gif) top left no-repeat; margin-left: 1px;}
  #all-about-microbes_italiano a { background: url(/images/italiano/nav_italiano-all-about.gif) top left no-repeat; margin-left: 1px;}
  #contact-us_italiano a { background: url(/images/italiano/nav_italiano-contact.gif) top left no-repeat; margin-left: 1px;}
  
  #logos-rotating_italiano{background:url(/images/italiano/home-cta1.jpg)top left no-repeat; width:192px; height:141px;}

/* 
 * 
 * House Animation
 * 
 */
 #housebox{height: 346px; width: 574px; position: relative; top: -5px; left: 70px;}
			
 #house{position: absolute; top: 2px; left: -2px; z-index: 5;}
			
 #houserollovers{position: absolute; top: 0px; left: 0px; z-index: 6;}

 #houseimagemap{position: absolute; top: 0px; left: 0px; z-index: 7;}