﻿#container {
     margin-bottom: 95px;
}

#headlineBar {
     background: none repeat scroll 0% 0% #007AC9;
     bottom: 0pt;
     clear: both;
     height: 95px;
     width: 100%;
     z-index: 9999;
}

div.headlineContainer {
     margin: 0pt auto;
     padding-left: 30px;
     width: 960px;
}

div.headlineContainer div {
     background: none repeat scroll 0% 0% #0074BF;
     border: 1px solid #0069AD;
     float: left;
     margin: 13px 7px;
     padding: 7px;
     width: 270px;
}

div.headlineContainer div img {
     float: left;
}

div.headlineContainer div h1 {
     color: #FFFFFF;
     float: left;
     font-size: 13px;
     font-weight: 700;
     margin: 0pt;
     padding: 0pt 0pt 5px 5px;
     width: 170px;
}

div.headlineContainer div a.arrowLeft {
     color: #6DBEF3;
     float: left;
     font-size: 10px;
     margin: 0pt 0pt 0pt 7px;
     padding: 0pt 0pt 0pt 0px;
     width: 170px;
}

div.carouselContainer {
     border-bottom: 1px dotted #CCCCCC;
     margin: 10px;
     padding-bottom: 20px;
}

div.carouselContainer div.carousel {
     float: left;
     margin: 10px 30px;
     width: 940px;
}

div.carouselContainer div.threecol div.articleList {
     margin: 0pt 0pt 0pt 20px;
}

div.carouselContainer li.controls div.indicators {
     display: none;
}

div.threecol div.articleList h2 {
     border-bottom: 1px solid #CCCCCC;
     font-size: 15px;
     font-weight: 500;
     margin: 0pt 0pt 10px;
     padding-bottom: 5px;
     text-transform: uppercase;
}

div.onecol div.headline {
     float: left;
     margin-left: 10px;
     width: 920px;
}

div.onecol div.threecol div.headline {
     margin: 0pt;
     width: auto;
}

div.onecol div.headline h1, div.onecol div.threecol div.headline h1 {
     color: #444444;
     float: left;
     margin: 0pt;
     text-shadow: 0pt 1px 2px rgba(0, 0, 0, 0.2);
}

div.onecol div.threecol div.headline h1 {
     padding-right: 0pt;
}

div.onecol div.headline a {
     line-height: 65px;
}

div.twocol div.headline a {
     margin-top: 29px;
}

div.onecol div.threecol h1 {
     margin-left: 0pt;
     padding-bottom: 10px;
}

div.threecol img {
     padding-bottom: 15px;
}

div.onecol div.threecol p {
     margin-left: 0pt;
     padding: 0pt 0pt 5px;
}

div.onecol div.imageContainer {
     margin: 0pt 0pt 0pt 10px;
     position: relative;
}

div.onecol h1 {
     color: #007AC9;
     float: none;
     margin: 0pt 0pt 10px 10px;
     text-shadow: 0pt 1px 2px rgba(0, 0, 0, 0.2);
}

div.onecol p {
     margin-left: 10px;
}

div.onecol div.imageContainer div.nav {
     background-color: rgba(255, 255, 255, 0.9);
     padding: 40px 20px;
     position: absolute;
     right: 30px;
     top: 0pt;
     width: 220px;
}

.ie8 div.onecol div.imageContainer div.nav, .ie7 div.onecol div.imageContainer div.nav, .ie6 div.onecol div.imageContainer div.nav {
     background: none repeat scroll 0% 0% transparent;
}

.ie6 div.onecol div.imageContainer div.nav {
     margin-right: 10px;
}

div.onecol div.imageContainer div.nav h1 {
     color: #007AC9;
     display: block;
     float: none;
     font-size: 25px;
     font-weight: bold;
     margin: 0pt 0pt 25px;
     text-shadow: 0pt 1px 2px rgba(0, 0, 0, 0.2);
}

div.onecol div.featured {
     background: url("/~/media/Ecolab/Global/Site%20Shell/pageDescription_bg.ashx") repeat-x scroll 0% 0% transparent;
     margin: -15px 10px 0pt;
     width: 940px;
}

.ie6 div.onecol div.featured {
     position: fixed;
}

div.onecol div.featured h1 {
     background: none repeat scroll 0% 0% #5C5C5C;
     color: #FFFFFF;
     display: block;
     float: left;
     font-size: 18px;
     font-weight: 700;
     margin: 40px 0pt;
     padding: 7px 20px 5px 40px;
}

div.onecol div.featured p {
     display: block;
     float: right;
     font-size: 21px;
     line-height: 35px;
     margin: 33px 33px 33px 0pt;
     padding: 0pt;
     width: 600px;
}

div.onecol div.featured p a {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/bluearrowbox.ashx") no-repeat scroll right center transparent;
     display: block;
     float: right;
     padding-right: 30px;
}

div.onecol div.featured p a:active {
     margin-right: -2px;
     padding-right: 32px;
}

div.onecol p {
     padding: 0pt 0pt 10px;
}

div.twocol div.headline h1 {
     border: medium none;
     color: #444444;
     display: inline;
     margin: 5px 10px 20px 0pt;
}

div.twocol div.headline {
     border-bottom: 1px dotted #CCCCCC;
     margin-bottom: 10px;
     margin-left: 0pt;
     width: 100%;
}

div.twocol img {
     display: block;
     float: left;
     padding: 0pt 20px 20px 0pt;
}

div.twocol h2 {
     margin: 10px 0pt;
}

div.twocol p {
     color: #999999;
     font-size: 11px;
     margin: 0pt;
     padding: 0pt 15px 10px 0pt;
}

div.twocol a.arrowLeft {
     float: left;
}

div.detailBanner {
     background: url("/~/media/Ecolab/Global/Site%20Shell/detailBanner.ashx") no-repeat scroll 0% 0% transparent;
     height: 117px;
     margin: 0pt 0pt 10px 10px;
     width: 940px;
}

div.breadcrumbs {
     font-size: 11px;
     margin: 0pt 0pt 15px 10px;
}

div.detailBanner h1 {
     color: #FFFFFF;
     font-size: 40px;
     font-weight: 500;
     padding: 50px 15px 15px;
}

div.leftNav {
     float: left;
     margin: 0pt 10px;
     width: 190px;
}

div.copyContainer p {
     margin: 0pt;
}

div.copyContainer div.onecol img {
     padding-bottom: 15px;
}

div.copyContainer div.onecol h2 {
     padding-bottom: 5px;
}

div.copyContainer div.onecol h1 {
     margin-left: 0pt;
}

div.fullCopy, div.copyContainer {
     float: left;
     width: 720px;
}

div.fullCopy p {
     font-weight: normal;
     margin-left: 0pt;
}

div.onecol div.copyContainer {
     padding-left: 10px;
}

div.fullCopy h1 {
     color: #007AC9;
     float: none;
     font-size: 25px;
     margin-bottom: 15px;
     padding-bottom: 10px;
}

div.fullCopy div.pageDescription {
     border-bottom: 1px solid #444444;
     margin-bottom: 20px;
     padding-bottom: 20px;
}

div.fullCopy div.pageDescription img {
     float: left;
     height: 290px;
     padding-bottom: 10px;
     width: 460px;
}

div.fullCopy div.pageDescription p {
     color: #999999;
     float: left;
     font-size: 18px;
     line-height: 25px;
     margin: 0pt;
     padding: 0pt 20px;
     width: 220px;
}

div.fullCopy div.pageDescription p a {
     font-size: 12px;
     font-weight: bold;
}

div.fullCopy div.threecol {
     width: 220px;
}

div.fullCopy div.threecol div.headline {
     margin: 0pt;
}

div.fullCopy div.threecol h1 {
     float: none;
     font-size: 14px;
     font-weight: bold;
}

div.fullCopy div.threecol p {
     font-size: 11px;
     line-height: 16px;
     margin: 0pt;
}

div.fullCopy div.headline {
     margin: 0pt;
}

div.copy {
     float: left;
     padding-right: 20px;
     width: 460px;
}

div.copy h1 {
     float: none;
}

div.copy div.onecol {
     width: 100%;
}

div.rightCol {
     float: right;
     width: 220px;
}

div.rightCol h1 {
     border-bottom: 1px dotted #CCCCCC;
     color: #ADADAD;
     display: block;
     font-size: 16px;
     margin: 0pt 0pt 5px;
     padding: 0pt 0pt 7px;
}

div.rightCol a.accordion {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/more.ashx") no-repeat scroll right center transparent;
     display: block;
}

div.rightCol a.less {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/less.ashx") no-repeat scroll right center transparent;
}

div.rightCol a.pdf {
     background: url("/~/media/Ecolab/Global/Site%20Shell/pdficon.ashx") no-repeat scroll left center transparent;
     margin-left: 3px;
     padding: 2px 0pt 2px 24px;
}

div.rightCol a.print {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/print.ashx") no-repeat scroll left center transparent;
     margin-left: 3px;
     padding: 2px 0pt 2px 24px;
}

div.rightCol p {
     color: #888888;
     display: none;
     padding: 5px 0pt;
     width: 190px;
}

div.rightCol p a {
     background: none repeat scroll 0% 0% transparent;
     display: inline;
     font-weight: bold;
}

div.copyTop {
     margin-bottom: 10px;
     padding-bottom: 10px;
     width: 100%;
}

div.copy h1 {
     border-bottom: medium none;
     color: #666666;
     font-size: 16px;
     font-weight: bold;
     margin: 5px 0pt;
     padding-bottom: 5px;
     text-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.2);
}

div.copy p {
     color: #666666;
     padding-bottom: 10px;
}

div.onecol div.headline h1 {
     font-size: 40px;
}

ul.teamMembers b.title {
     font-style: italic;
     line-height: 20px;
}

div.showing {
     float: left;
     width: 450px;
}

div.showing a.block {
     background: none repeat scroll 0% 0% #007AC9;
     color: #FFFFFF;
     padding: 3px 7px;
}

div.showing a.block.selected {
     background: none repeat scroll 0% 0% #5C5C5C;
}

div.dottedline {
     border-bottom: 1px dotted #CCCCCC;
     margin: 10px 0pt;
     padding: 0pt;
     width: 100%;
}

a.pageNumber, span.pageNumber {
     background: none repeat scroll 0% 0% #007AC9;
     color: #FFFFFF;
     padding: 3px 7px;
}

a.pageNumberSelected, span.pageNumberSelected {
     background: none repeat scroll 0% 0% #5C5C5C;
     color: #FFFFFF;
     padding: 3px 7px;
}

div.copyTop.bottom {
     border-bottom: medium none;
     margin-top: 20px;
}

div.person, div.blog {
     border-bottom: 1px dotted #CCCCCC;
     margin-bottom: 30px;
     padding-bottom: 10px;
     padding-left: 10px;
}

div.person.last, div.blog.last {
     border-bottom: medium none;
}

div.person img, div.blog div.details {
     display: block;
     float: left;
     padding-right: 20px;
     width: 140px;
}

div.person div.copy, div.blog div.copy {
     float: left;
     width: 530px;
}

div.person div.copy h1, div.blog div.copy h1, div.fullCopy div.threecol h1 {
     border-bottom: medium none;
     color: #666666;
     font-size: 14px;
     margin: 0pt;
     padding: 0pt 0pt 5px;
     text-transform: uppercase;
}

div.person div.copy p {
     padding-right: 10px;
}

div.person div.copy p.title {
     font-size: 11px;
     font-style: italic;
     padding: 0pt 0pt 10px;
}

div.person p.title {
     font-size: 11px;
     font-style: italic;
     padding: 0pt 0pt 10px;
}

div.bios div.fullCopy div.twoCol div.person h1, div.bios div.fullCopy div.twoCol div.person p {
     float: left;
}

div.bios div.fullCopy div.twoCol div.person h1 {
     color: #444444;
     font-size: 20px;
     margin: 0pt;
     padding: 0pt;
     width: 140px;
}

div.bios div.fullCopy div.twoCol div.person p {
     padding-right: 20px;
}

div.bios div.fullCopy div.twoCol div.person img {
     padding-left: 0pt;
}

div.bios div.titleContainer {
     background: none repeat scroll 0% 0% #EDEFF2;
     padding: 20px 0pt;
}

div.bios div.titleContainer h1 {
     color: #444444;
     float: left;
     font-size: 20px;
     margin: 0pt;
     padding: 0pt 30px;
     width: 300px;
}

div.bios div.fullCopy div.twoCol {
     border-top: 1px dotted #CCCCCC;
     float: left;
     height: 100%;
     margin: 0pt;
     padding: 30px 0pt 30px 20px;
     width: 320px;
}

div.bios div.fullCopy div.twoCol.first {
     padding-left: 0pt;
}

div.bios div.fullCopy.first div.twoCol {
     border-top: medium none;
}

div.bios div.spacer {
     background-color: #CCCCCC;
     float: left;
     height: 400px;
     margin: 0pt 20px;
     width: 1px;
}

div.bios div.fullCopy div.twoCol p {
     padding-right: 30px;
}

div.bios div.fullCopy div.twoCol p.title {
     border-bottom: medium none;
     width: 120px;
}

div.onecol div.fullCopy div.twoCol div.person {
     border-bottom: medium none;
     padding-left: 0pt;
     padding-right: 20px;
}

div.blog div.copy h1 {
     font-size: 16px;
     padding-bottom: 10px;
}

div.copyTop.bottom div.showing {
     margin: 10px 5px;
     width: 100%;
}

div.copyTop.bottom div.searchbar {
     background: none repeat scroll 0% 0% transparent;
     color: #444444;
     float: left;
     margin: 15px 0pt;
     width: 100%;
}

div.onecol div.fullCopy div.onecol {
     width: 100%;
}

div.onecol div.fullCopy div.onecol p {
     padding-bottom: 20px;
}

div.onecol div.fullCopy div.onecol img {
     float: left;
     padding: 0pt 20px 20px 0pt;
}

div.onecol div.fullCopy div.twocol {
     margin: 10px 20px 10px 0pt;
     width: 340px;
}

div.onecol div.fullCopy div.twocol p {
     color: #444444;
}

div.onecol div.fullCopy div.threecol {
     margin: 10px 20px 10px 0pt;
}

div.onecol div.fullCopy div.onecol h1, div.onecol div.fullCopy div.twocol h1 {
     color: #666666;
}

div.onecol div.fullCopy div.twocol h1 {
     margin-left: 0pt;
}

div.featuredVideo {
     background: none repeat scroll 0% 0% #E2E2E2;
}

div.featuredVideo iframe {
     padding: 20px 60px 30px 80px;
}

div.featuredVideo div.addthis_toolbox {
     padding-left: 80px;
}

div.featuredVideo div.addthis_toolbox div.custom_images img {
     float: none;
     padding: 0pt 5px 20px 0pt;
}

div.featuredVideo h1 {
     border-bottom: medium none;
     font-size: 14px;
     font-weight: 600;
     margin: 0pt;
     padding: 0pt 80px;
}

div.fullCopy div.onecol div.featuredVideo p {
     padding: 5px 0pt 10px 80px;
}

div.onecol div.fullCopy div.videoTray {
     height: 200px;
     overflow-x: scroll;
     overflow-y: hidden;
}

div.videoTray p {
     color: #007AC9;
     margin: 0pt;
}

div.videoTray h2 {
     margin: 10px 0pt;
}

div.public div.twocol h2 {
     border-bottom: 1px solid #CCCCCC;
     color: #007AC9;
     font-size: 11px;
     margin: 0pt 0pt 5px;
     padding-bottom: 2px;
}

div.public div.twocol div.title {
     float: left;
     padding-right: 20px;
     width: 130px;
}

div.public div.twocol div.copy {
     float: left;
     width: 250px;
}

div.twocol.brand h2 {
     font-size: 11px;
     margin: 0pt;
}

ul.infolist .hide {
     display: none;
}

div.filter {
     background: none repeat scroll 0% 0% #EDEFF2;
     margin-bottom: 20px;
     padding: 15px 20px;
}

div.filter span {
     font-weight: bold;
     text-transform: uppercase;
}

body.modalStyle {
     position: relative;
}

body.modalStyle div.titleBar {
     background: none repeat scroll 0% 0% #007AC9;
     padding: 5px 20px;
     position: fixed;
     top: 0pt;
     width: 100%;
}

.ie7 body.modalStyle div.titleBar, .ie6 body.modalStyle div.titleBar {
     position: relative;
     width: 592px;
}

body.modalStyle div.titleBar h1 {
     color: #FFFFFF;
}

body.modalStyle div.copy {
     margin-top: 50px;
     padding: 20px;
     width: 592px;
}

.ie7 body.modalStyle div.copy, .ie6 body.modalStyle div.copy {
     margin-top: 0pt;
}

.modalStyle div.copy a.print {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/print.ashx") no-repeat scroll left top transparent;
     height: 30px;
     width: 30px;
}

#mcs_container {
     clear: both;
     height: 300px;
     padding: 0pt 0pt 70px;
     position: relative;
     width: 950px;
}

#mcs_container .customScrollBox {
     margin-left: 10px;
     overflow: hidden;
     position: relative;
     width: 940px;
}

#mcs_container .customScrollBox .horWrapper {
     position: relative;
}

#mcs_container .customScrollBox .container {
     display: inline-block;
     position: relative;
}

#mcs_container .customScrollBox .content {
     clear: both;
}

#mcs_container .dragger_container_image {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/mcs_bg.ashx") no-repeat scroll 0% 0% transparent;
     height: 25px;
     margin: 5px 0pt;
     position: absolute;
     top: 170px;
     width: 940px;
}

#mcs_container .dragger_container {
     height: 22px;
     margin: 0pt 29px 5px 25px;
     position: relative;
     width: 890px;
}

#mcs_container .dragger {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/mcsDragger.ashx") no-repeat scroll 0% 0% transparent;
     cursor: pointer;
     height: 17px;
     margin: 2px 0pt;
     position: absolute;
     width: 75px;
}

#mcs_container .dragger_pressed {
     cursor: e-resize;
     height: 17px;
     position: absolute;
     width: 75px;
}

#mcs_container .scrollUpBtn, #mcs_container .scrollDownBtn {
     display: block;
     position: absolute;
}

#mcs_container .scrollUpBtn {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/mcs_arrow_left.ashx") no-repeat scroll 0% 0% transparent;
     height: 13px;
     left: 16px;
     top: 179px;
     width: 8px;
}

#mcs_container .scrollDownBtn {
     background: url("/~/media/Ecolab/Ecolab%20Site/Site%20Shell/mcs_arrow_right.ashx") no-repeat scroll 0% 0% transparent;
     height: 21px;
     right: 0pt;
     top: 175px;
     width: 21px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
     left: 0pt;
     overflow: hidden;
     position: absolute;
     top: 0pt;
     z-index: 9999;
}

#cboxOverlay {
     height: 100%;
     position: fixed;
     width: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
     clear: left;
}

#cboxContent {
     position: relative;
}

#cboxLoadedContent {
     overflow: auto;
}

#cboxTitle {
     margin: 0pt;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
     left: 0pt;
     position: absolute;
     top: 0pt;
     width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
     cursor: pointer;
}

.cboxPhoto {
     border: 0pt none;
     display: block;
     float: left;
     margin: auto;
}

.cboxIframe {
     border: 0pt none;
     display: block;
     height: 100%;
     width: 100%;
}

#cboxOverlay {
     background: none repeat scroll 0% 0% #FFFFFF;
     opacity: 0.1;
}

#colorbox {
    
}

#cboxContent {
     background: none repeat scroll 0% 0% #FFFFFF;
     border: 2px solid #444444;
     box-shadow: 1px -5px 8px #444444;
     overflow: hidden;
}

.cboxIframe {
     background: none repeat scroll 0% 0% #FFFFFF;
}

#cboxError {
     border: 1px solid #CCCCCC;
     padding: 50px;
}

#cboxLoadedContent {
    
}

#cboxTitle {
     bottom: 4px;
     color: #949494;
     left: 0pt;
     position: absolute;
     text-align: center;
     width: 100%;
}

#cboxCurrent {
     bottom: 4px;
     color: #949494;
     left: 58px;
     position: absolute;
}

#cboxSlideshow {
     bottom: 4px;
     color: #0092EF;
     position: absolute;
     right: 30px;
}

#cboxClose {
     height: 25px;
     position: absolute;
     right: 30px;
     text-indent: -9999px;
     top: 10px;
     width: 25px;
}

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    
}

.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight {
    
}
