﻿#header .nav ul, #header .nav ul li {
     display: inline-block;
     font-size: 13px;
     list-style: none outside none;
     margin: 0pt;
     padding: 0pt;

}

#header div.nav ul li 
{
     float: left;
     height: 30px;
     padding-right: 10px;
}

#header .nav ul li a {
     padding-right: 15px;
}

#header .nav ul li.selected a {
     color: #444444;
}

#header .nav ul li.selected ul li a {
     color: #FFFFFF;
}

#header div.nav ul {
     float: right;
}

#header div.nav ul li:hover {
}

#header div.nav ul li ul {
     background: none repeat scroll 0% 0% rgba(0, 122, 201, 0.7);
     display: none;
     left: 0pt;
     padding: 10px;
     position: absolute;
     top: 30px;
     width: 180px;
     z-index: 99;
}

.ie8 #header div.nav ul li ul {
     background: none repeat scroll 0% 0% #FFFFFF;
}

.ie7 #header div.nav ul li ul, .ie6 #header div.nav ul li ul {
     background: none repeat scroll 0% 0% #FFFFFF;
}

#header div.nav ul li ul li {
     background-image: none;
     border-bottom: 1px solid #007AC9;
     display: block;
     float: none;
     font-size: 14px;
     height: auto;
     padding: 5px 0pt;
}

#header div.nav ul li ul li:hover {
     background-image: none;
}

#header div.nav ul li ul li.last {
     border-bottom: medium none;
}

#header div.nav ul li ul li a {
     background: none repeat scroll 0% 0% transparent;
     color: #FFFFFF;
}

#header div.nav ul li ul li a:hover {
     text-decoration: underline;
}

#header div.nav ul li:hover > ul {
     display: block;
}

div.navigationSecondary {
     float: right;
     padding: 7px 0pt 10px;
     text-align: right;
     width: 600px;
}

div.navigationSecondary ul {
     padding-right: 5px;
}

div.navigationSecondary ul li {
     border-right: 1px dotted #CCCCCC;
     display: inline;
     padding: 3px 12px;
}

div.navigationSecondary ul li.last {
     border-right: medium none;
}

div.navigationSecondary ul li a {
     color: #CCCCCC;
     font-size: 11px;
}

div.navigationSecondary ul li a:hover {
     color: #444444;
}

div.breadcrumbs li a, div.headline a {
     background: url("/~/media/Ecolab/Global/Site%20Shell/breadcrumbarrow.ashx") no-repeat scroll right center transparent;
     margin-right: 5px;
     padding-right: 10px;
}

ul.infolist li, div.onecol div.fullCopy div.threecol li {
     border-bottom: 1px solid #444444;
     font-size: 14px;
     font-weight: bold;
     padding: 5px 0pt;
}

div.onecol div.fullCopy div.threecol li {
     font-weight: normal;
}

ul.infolist p.moreless {
     font-size: 14px;
     font-weight: bold;
     margin: 7px 0pt ! important;
     padding-left: 20px;
}

ul.infolist p.moreless a.more {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/more.ashx") no-repeat scroll left center transparent;
     padding: 5px 0pt 5px 25px;
}

ul.infolist p.moreless a.less {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/less.ashx") no-repeat scroll left center transparent;
     padding: 5px 0pt 5px 25px;
}

div.twocol ul li a.button {
     float: left;
}

div.threecol ul li.last, div.onecol div.fullCopy div.threecol li.last, div.onecol div.fullCopy div.onecol li.last, div.onecol div.fullCopy div.twocol li.last {
     border-bottom: medium none;
}

div.onecol div.fullCopy div.threecol ul, div.onecol div.fullCopy div.onecol ul, div.onecol div.fullCopy div.twocol ul {
     clear: left;
     float: left;
     padding-bottom: 20px;
}

div.onecol div.fullCopy div.threecol li, div.onecol div.fullCopy div.onecol li, div.onecol div.fullCopy div.twocol li {
     border-bottom: 1px solid #444444;
     font-size: 11px;
     font-weight: bold;
     padding: 5px 0pt;
}

div.onecol div.fullCopy div.twocol li {
     margin-left: 20px;
}

div.onecol div.fullCopy div.twocol li {
     float: none;
     width: auto;
}

div.threecol.articleList li {
     font-size: 11px;
     padding: 0pt 10px 10px 0pt;
}

div.twocol ul, div.onecol div.fullCopy div.onecol div.videoTray ul, div.twocol ul.videoTray, div.threecol ul.videoTray {
     margin-left: -20px;
}

div.twocol ul li, div.onecol div.fullCopy div.videoTray li, ul.videoTray li {
     display: block;
     float: left;
     padding-left: 20px;
     width: 140px;
}

.ie6 div.onecol div.twocol li, .ie7 div.onecol div.twocol li {
     padding: 0pt 12px 0pt 0pt;
}

.ie6 div.onecol div.twocol li a.button {
     color: #FFFFFF;
     display: block;
     float: left;
}

div.twocol ul li p {
     color: #007AC9;
}

div.onecol div.imageContainer div.nav li {
     border-bottom: 1px solid #CCCCCC;
     font-size: 11px;
     font-weight: 500;
     margin: 5px 0pt;
     padding-bottom: 5px;
     text-transform: uppercase;
     width: 220px;
}

div.onecol div.imageContainer div.nav li.last {
     border-bottom: medium none;
}

div.breadcrumbs ul li {
     display: inline;
}

div.leftNav ul li a {
     background: url("/~/media/Ecolab/Global/Site%20Shell/bluearrowright.ashx") no-repeat scroll left 4px transparent;
     display: block;
     font-weight: 700;
     padding-left: 15px;
}

div.leftNav ul li.selected a {
     background-image: none;
     color: #444444;
     font-weight: 900;
}

div.leftNav li {
     border-bottom: 1px dotted #CCCCCC;
     line-height: 18px;
     margin-bottom: 10px;
     padding-bottom: 10px;
}

div.leftNav li.last {
     border-bottom: medium none;
}

div.leftNav li.selected {
     background: url("/~/media/Ecolab/Global/Site%20Shell/bluearrowdown.ashx") no-repeat scroll 0pt 5px transparent;
}

.ie7 div.leftNav ul {
     position: relative;
}

div.leftNav li.selected ul li a {
     color: #007AC9;
     font-weight: 500;
}

div.leftNav li.selected ul li a:hover {
     color: #444444;
}

div.leftNav li.selected ul li.selected {
     background-image: none;
     margin-left: 15px;
     padding-left: 0pt;
}

div.leftNav li.selected ul li.selected ul {
     margin-left: 15px;
}

div.leftNav li.selected ul li.selected a, div.leftNav li.selected ul li.selected li.selected a, div.leftNav li.selected ul li.selected li.selected li.selected a {
     color: #444444;
     font-weight: 900;
}

div.leftNav li.selected ul li.selected ul, div.leftNav li.selected ul li.selected ul li {
     list-style: disc outside none;
     padding-left: 0pt;
}

div.leftNav li.selected ul li.selected li a, div.leftNav li.selected ul li.selected li.selected li a, div.leftNav li.selected ul li.selected ul li.selected li.selected li a {
     color: #007AC9;
     font-weight: 500;
}

div.leftNav li.selected ul li.selected ul {
     margin-left: 25px;
}

div.leftNav li.selected ul li.selected ul li.selected {
     margin-left: 0pt;
}

div.leftNav li.selected ul li.selected ul li a {
     color: #007AC9;
}

div.leftNav li.selected ul li.selected ul li a:hover, div.leftNav li.selected ul li.selected ul li.selected li.selected a:hover {
     color: #444444;
}

div.leftNav li ul li {
     border-bottom: medium none;
     margin-bottom: 0pt;
     padding-bottom: 0pt;
}

div.leftNav li ul li.selected a {
     background: none repeat scroll 0% 0% transparent;
     color: #007AC9;
     padding: 0pt;
}

div.copyTop div.showing ul, div.copyTop div.showing ul li {
     display: inline;
}

div.fullCopy ul.articleList li {
     font-weight: bold;
     margin-bottom: 20px;
}

div.fullCopy ul.articleList {
     border-bottom: 1px dotted #CCCCCC;
     margin-bottom: 30px;
     padding: 20px 0pt;
}

div.featuredVideo ul {
     margin-left: 80px;
}

div.onecol div.fullCopy div.featuredVideo ul li {
     border-bottom: medium none;
     display: block;
     float: left;
     padding-right: 5px;
}

div.videoTray ul {
     height: 183px;
     white-space: nowrap;
}

div.onecol div.fullCopy div.videoTray ul li h1 {
     border-bottom: medium none;
     color: #007AC9;
     font-size: 12px;
     margin: 10px 0pt 0pt;
}

div.onecol div.fullCopy div.videoTray ul li img {
     float: none;
     padding: 0pt;
}

div.twocol ul.teamMembers {
     margin-left: -10px;
}

div.twocol ul.teamMembers li {
     padding: 0pt;
}

ul.teamMembers li img {
     height: 160px;
     margin-right: 0pt;
     padding-bottom: 50px;
     width: 140px;
}

ul.teamMembers li.last {
     margin-right: 0pt;
}

ul.teamMembers li {
     float: left;
     margin-right: 20px;
     width: 140px;
}

ul.teamMembers li a {
     display: block;
     font-weight: 700;
}

ul.teamMembers li p {
     color: #999999;
     margin: 0pt;
     padding: 10px 0pt;
     width: 100%;
}

ul.videoTray {
     margin-left: -10px;
}

ul.videoTray li, div.videoTray li {
     position: relative;
}

ul li a.videoThumb {
     display: block;
     position: relative;
}

ul li a.videoThumb span {
     background: url("/~/media/Ecolab/Global/Site%20Shell/videoplay.ashx") no-repeat scroll 0% 0% transparent;
     height: 69px;
     position: absolute;
     width: 69px;
}

ul.videoTray li span, div.videoTray li span {
     background: url("/~/media/Ecolab/Global/Site%20Shell/videoplay.ashx") no-repeat scroll 0% 0% transparent;
     height: 69px;
     position: absolute;
     width: 69px;
}

div.rightCol ul li {
     border-bottom: 1px dotted #CCCCCC;
     line-height: 18px;
     padding: 10px 0pt;
}

div.rightCol ul li.last {
     border-bottom: medium none;
     margin-bottom: 30px;
}

div.fullCopy ul li.listing {
     border-bottom: 1px solid #CCCCCC;
     display: block;
     margin-bottom: 20px;
     padding-bottom: 20px;
}

div.fullCopy ul li.listing.last {
     border-bottom: medium none;
}

div.fullCopy ul li.listing div.description {
     float: left;
     margin-right: 20px;
     width: 140px;
}

div.fullCopy ul li.listing div.description img {
     padding-bottom: 5px;
}

div.fullCopy ul li.listing div.description a {
     float: left;
}

div.fullCopy ul li.listing div.description p {
     color: #666666;
     font-size: 11px;
     padding: 0pt 0pt 15px;
     width: 100%;
}

div.fullCopy ul li.listing div.content {
     float: left;
     margin-right: 10px;
     width: 540px;
}

div.fullCopy ul li.listing div.content p {
     line-height: 18px;
     padding-right: 10px;
}

div.fullCopy ul li.listing div.content h1 {
     color: #666666;
     font-size: 15px;
     font-weight: bold;
     margin: 0pt 0pt 5px;
     padding: 0pt;
}

ul.homeCarousel {
     background-color: #FFFFFF;
     height: 364px;
     list-style: none outside none;
     overflow: hidden;
     position: relative;
     width: 939px;
}

ul.homeCarousel li {
     display: block;
     height: 364px;
     left: 0px;
     opacity: 0;
     position: absolute;
     top: 0px;
     width: 939px;
}

ul.homeCarousel li img {
     height: 364px;
     left: 0px;
     opacity: 0;
     position: absolute;
     top: 0px;
     width: 939px;
}

ul.homeCarousel li div.carouselText {
     float: none;
     left: 45px;
     opacity: 0;
     position: absolute;
     top: 150px;
     width: 350px;
     z-index: 2;
}

ul.homeCarousel li h1 {
     color: #333333;
     display: block;
     float: left;
     font-size: 60px;
     font-weight: 600;
     line-height: 60px;
     text-shadow: 0pt 1px 2px rgba(0, 0, 0, 0.3);
     width: 100%;
}

ul.homeCarousel li div a.button {
     clear: left;
     float: left;
     font-size: 16px;
     font-weight: 700;
     margin-left: 10px;
     width: 90px;
}

.ie6 ul.homeCarousel li div a.button {
     color: #FFFFFF;
}

ul.homeCarousel li div a.button span.buttonLabel {
     padding: 4px 64px 0px;
}

ul.homeCarousel li div p {
     float: left;
     font-size: 16px;
     font-weight: 700;
     line-height: 20px;
     padding-bottom: 20px;
}

ul.homeCarousel li.controls {
     opacity: 1;
     position: relative;
}

ul.homeCarousel li.controls a {
     display: none;
     height: 25px;
     margin: 0pt;
     padding: 0pt;
     position: absolute;
     top: 157px;
     width: 25px;
}

.ie7 ul.homeCarousel li.controls {
    
}

ul.homeCarousel li.controls a.arrowLeft {
     left: 0pt;
}

ul.homeCarousel li.controls a.arrowRight {
     right: 0pt;
}

ul.test {
     display: block;
     height: 80px;
}

div.filter ul, div.filter li {
     display: inline-block;
     list-style: none outside none;
}

div.filter li {
     border-right: 1px solid #444444;
     margin-right: 10px;
     padding-right: 10px;
}

div.filter li.last {
     border-right: medium none;
}
