/*
   Ecolab General Styles
   Copyright (c) 2006 Ecolab Inc.  All Rights Reserved Worldwide.*/

body
{   
    color: #111;
	font-size: 12px;
	font-family: arial, sans;
	margin: 0px;
	background-color: #FFFFFF;
}

ol
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

ul
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

a
{
	color: #007ac9;
	text-decoration: none;
}

A:hover
{
	color:#666;
	text-decoration: underline;
}

/*!!!ask chad about these!!!*/
table, input, textarea
{
    color: #111;
	font-family: arial, sans;
	font-size: 12px;
}

button
{
    background-color: #007ac9;
	color: #fff;
	text-transform: uppercase;
	font-family: arial, sans;
	font-size: 12px;
}

td
{
    color: #111;
	font-size: 12px;
	font-family: arial, sans;
}

TR 
{
	VERTICAL-ALIGN: top;
}

h3
{
	font-size: 17px;
	line-height: 20px;
	padding: 0px;
}

h4
{
	font-size: 17px;
	line-height: 5px;
	padding: 0px;
}

.BusinessList
{
    COLOR: #111;
    FONT-FAMILY: Arial, Sans;
    FONT-SIZE: 12px;
    PADDING-LEFT: 5px;
    PADDING-TOP: 10px;
    FONT-WEIGHT: normal;
}

.BusinessList A
{
    COLOR: #007ac9;
    FONT-FAMILY: Arial, Sans;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;
}

.BusinessList TD
{
    COLOR: #111;
    FONT-FAMILY: Arial, Sans;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
}

.ContentSubTitle
{
  font-family: Arial, sans-serif;
  font-size: 12px;
}

.ContentSubTitle A
{
  font-family: Arial, sans-serif;
  font-size: 12px;
}


.formFields 
{
	FONT-FAMILY: arial, sans;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	WORD-SPACING: 1px;
}

.formFields A
{
	FONT-FAMILY: arial, sans;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 5px;
	PADDING-RIGHT: 3px;
	PADDING-TOP: 5px;
	WORD-SPACING: 1px;
}

.mktIntro
{
	FONT-FAMILY: arial, sans;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 20px;
	PADDING-TOP: 10px;
}

/* Content Classes
 *
 * The Content class is applied to the table cell that
 * wraps all content.
 *
 */

.Content
{
    color: #111;
    font-family: arial, sans;
	font-size: 12px;
	font-weight: normal;
    padding-right: 5px;
    padding-top: 15px;
}

Content A
{
  color: #007ac9;
  text-decoration: none;
}

Content TD, Content TABLE
{
    color: #111;
    font-family: arial, sans;
	font-size: 12px;
	font-weight: normal;
}

Content A: hover
{
  color: #111;
  text-decoration: underline;
}

/* General headings (similar to H3) */

.ContentHeading
{
    color: #111;
	font-family: arial, sans;
	font-size: 12px;
	text-transform: uppercase;
}

.ContentHeading A, A.ContentHeading
{
    color: #007ac9;
	font-family: arial, sans;
	font-size: 12px;
	TEXT-DECORATION: none;
}

.ContentHeadingLink A
{
    color: #007ac9;
	font-family: arial, sans;
	font-size: 15px;
	font-weight: bold;
	TEXT-DECORATION: none;
}

.ContentSideBar
{
  font-size: 8pt;
  width: 200px;
}

.ContentSideBar P
{
  font-size: 8pt;
  width: 200px;
}

.ContentSideBar LI
{
  font-size: 8pt;
  width: 200px;
}
 
.ContentLight
{
	font-family: arial, sans-serif; 
	color:#50504A; 
}

.Copyright
{
    color: #007ac9;		
    font-size: 9pt;
    font-weight: normal;
}

Faded
{
  .color: silver;
}


/* Report: This is a generic class that can be applied against
   tables that display columnar or flat reports. */

.Report
{
  border: 1 solid #C0C0C0
}

.Report TH
{
  background: silver;
  color: #2E79B0;
  text-align: left;
}

.ReportRow1
{
}

.ReportRow2
{
  background:#EEE;
}

.Trace
{
    BACKGROUND-COLOR: pink;
    BORDER-BOTTOM: red 1px solid;
    BORDER-LEFT: red 1px solid;
    BORDER-RIGHT: red 1px solid;
    BORDER-TOP: red 1px solid;
    COLOR: black;
    FONT-FAMILY: courier new;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
}

.WorldLeader 
{ 
	font-family: Arial, Sans; 
	font-size: 10px; 
	font-weight: bold 
}


/* The following styles impact certain scripts in ecolab.com */

a.head
{
    COLOR: #2E79B0;  
    FONT-FAMILY: Arial, Sans;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}

a.sublink
{
    FONT-FAMILY: Arial, Sans;
    FONT-SIZE: 9px
}

a.sublink2
{
    FONT-FAMILY: Arial, Sans;
    FONT-SIZE: 9px;
    COLOR: #2E79B0;
    TEXT-DECORATION: none;
}
.sublink2 A
{
    FONT-FAMILY: Arial, Sans;
    FONT-SIZE: 9px;
    COLOR: #2E79B0;
    TEXT-DECORATION: none;
}




/* topBar Classes Bar under border containing the page group dropdown and login, etc. buttons 
 *  - similar to "wpsToolBar"
 * The topBar classes are used for the top-most global navigation bar  
 * (above the logo, page title and breadcrumbs) on Ecolab.com. 
 *
 */

.topBarNav
{
    font-size: 12px;
    background-color: #fff;
    color: #007ac9; 
    padding: 0px 5px;
    margin-left: 0px;
	text-decoration: none;
}

.topBarNav A
{
    color:#007ac9;
	font-family: arial, sans;
	font-size: 12px;
    text-decoration: none;
}

.topBarNav A:hover
{
    color: #666;
	font-family: arial, sans;
	font-size: 12px;
    text-decoration: underline;
}

.topBarSeperator
{
    background-color: #FFF;
    color: #FFF;
	font-family: arial, sans;
	font-size: 11px;
}

/* End topBar Classes */

.stockPadding
{
	Padding-right: 15px;
	vertical-align: bottom;
}

/* midBar Classes (PLACE BAR (GlobalHeader) - similar to "wpsUnSelectedPlace")
 * 
 * The midBar classes are used for the middle global navigation bar (immediately below
 * the logo, page title and breadcrumbs - and above all content) on Ecolab.com. 
 *
 */

.midBarNav
{
    color: #FFF;
    background-color: #0099cc;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
	text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px;
}

.midBarNav A
{
    color: #FFF;
}

.midBarNav A:hover
{
    color: #666;
}

.midNavBG
{
    background-color: #0099cc;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
}

/* End midBar Classes */


/* rightBarNav Classes
 * The rightBarNav classes are used for the right navigation bar on Ecolab.com. */
.rightNav
{
	background-color: #f9f9f9;
}

.rightBarNav A:hover
{
	color: #666;
	text-decoration: underline;
}

.rightBarNav A:visited
{
	color: #222;
}

.rightNavLinks
{
	font-family: arial, sans;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	background-color: #f9f9f9;
	padding-bottom: 5px;
	padding-left: 6px;
	line-height: 14px;
}

.rightNavLinks A
{
	color: #007ac9;
	text-decoration: none;
}

.rightNavLinks A:hover
{
	color: #666;
	text-decoration: underline;
}

.rightNavLinks A:visited
{
	color: #222;
}

.rightBarNavEcolabBlue
{
    background-color: #007ac9;
    color: #fff;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
	text-transform: uppercase;
    padding-left: 6px;
    text-align: left;
    vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 2px;
}

.rightBarNavEcolabBlue A
{
    cursor: hand;
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
}

.rightBarNavDarkBlue
{
	background-color: #4060af;
    color: #fff;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
	text-transform: uppercase;
    padding-left: 6px;
    text-align: left;
    vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 2px;
}

.rightBarNavDarkBlue A
{
	cursor: hand;
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
}

.rightBarNavLightBlue
{
	background-color: #0099cc;
    color: #fff;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
	text-transform: uppercase;
    padding-left: 6px;
    text-align: left;
    vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 2px;
}

.rightBarNavLightBlue A
{
	cursor: hand;
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
}

.rightBarNavGreen
{
	background-color: #4fa800;
    color: #fff;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
	text-transform: uppercase;
    padding-left: 6px;
    text-align: left;
    vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 2px;
}

.rightBarNavGreen A
{
	cursor: hand;
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
}

.rightBarNavRed
{
	background-color: #dd0954;
    color: #fff;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
	text-transform: uppercase;
    padding-left: 6px;
    text-align: left;
    vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 2px;
}

.rightBarNavRed A
{
	cursor: hand;
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
}

/* End rightBarNav Classes */



/* TitleNav Classes (PAGE TITLE - similar to "wpsPageTitle")
 *
 * The TitleNav is constructed in a table.  Therefore
 * some CSS attributes need to be re-applied because tables
 * do not inherit all formatting from the parent container.
 *
 */

.TitleNav
{
	color: #111;
    font-family: arial, sans;
	font-size: 18px;
	text-transform: uppercase;
}

.TitleNavMktHeader
{
    color: #111;
    font-family: arial, sans;
	font-size: 18px;
    padding-top: 10px;
    padding-left: 12px;
    padding-bottom: 20px
}

.TitleNavTrail
{
    color: #111;
    font-family: arial, sans;
	font-size: 9px;
	text-decoration: none;
}

.TitleNavTrail A
{
    color: #007ac9;
    font-family: arial, sans;
	font-size: 9px;
	text-decoration: none;
}

.TitleNavTrail A:hover
{
    color: #666;
    TEXT-DECORATION: underline;
}

/* end TitleNav Classes*/




/* localNav Classes 
 *
 * The localNav classes are used in the local navigation
 * of each section of Ecolab.com - The local navigation 
 * is currently located vertically on the left side of most
 * pages
 *
 */


/* Top level in the tree navigation - similar to "wpsSectionTitle" */
.localNavFirstHeading
{
    color: #111;
    font-family: arial, sans;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 6px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 14px;
}

.localNavFirstHeading A
{
	color: #007ac9;
}

.localNavFirstHeading A:hover
{
    color: #666;
	text-decoration: underline;
}

.localNavFirstHeading A:visited
{
    color: #222;
}

.localNavHeading 
{
    color: #111;
    font-family: arial, sans;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 14px;
}

.localNavHeading A
{
    color: #007ac9;
}

.localNavHeading A:hover
{
    color: #666;
	text-decoration: underline;
}

.localNavHeading A:visited
{
    color: #222;
}
/* End top level in the tree navigation */

/* UnSelected link hover in the tree navigation - similar to "wpsNavUnSelectedLink" */
.localNavLinksIndented
{
	padding-bottom: 6px;
	padding-left: 35px;
	padding-right: 15px;
	line-height: 14px;
}

.localNavLinksIndented A
{
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none;
}

.localNavLinksIndented A:hover
{
    color: #666;
    text-decoration: underline;
}

.localNavLinksIndented A:visited
{
    color: #222;
}

/*Ex: "Foodservice", "Healthcare", "Textile Care", Etc.  - DONE*/
.localNavLinks
{
	padding-bottom: 6px;
	padding-left: 25px;
	padding-right: 15px;
	line-height: 14px;
}

.localNavLinks A
{
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none;
}

.localNavLinks A:hover
{
    color: #666;
    text-decoration: underline;
}

.localNavLinks A:visited
{
	color: #222;
}

.localNavMktLinks
{
	padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 6px;
	line-height: 14px;
}

.localNavMktLinks A
{
	CURSOR: default;
    color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none;
}

.localNavText
{
    font-family: arial, sans;
	font-size: 12px;
	color: #111;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}

.localNavText A
{
	color: #007ac9;
}

.localNavSpacer
{
    PADDING-LEFT: 5px;
}
/* End UnSelected link hover in the tree navigation */




/* endBody class 
 *
 * The endbody class sets the style for all content in the 
 * endbody include file, "EndBody.inc"
 *
*/

.endBody
{
    PADDING-TOP: 15px
}

.endBody A
{
    COLOR: #007ac9;
	FONT-FAMILY: arial, sans;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

/* End endBody class */



/* navLink drop-down classes 
 *
 * The navLink classes are used for the drop-down
 * 'hovering' menus.  These are both global and local.
 *
*/

.navHeading2
{
    CURSOR: hand;
    color: #FFF;
    background-color: #0099cc;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 3px;
	WIDTH: 140px;
}

.navLink
{
    CURSOR: hand;
    color: #007ac9;
    background-color: #eee;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 3px;
 	WIDTH: 140px;
    VERTICAL-ALIGN: middle;
}

.navLinkOn
{
    CURSOR: hand;
    color: #fff;
    background-color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 1px;
    border: #007ac9 2px solid;
	WIDTH: 140px;
    VERTICAL-ALIGN: middle;
}

/*Left navigation "pop-up" menu item*/
.navLink2
{
    CURSOR: hand;
    color: #007ac9;
    background-color: #eee;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 3px;
    VERTICAL-ALIGN: top;
    WIDTH: 140px;
}

/*Left navigation "pop-up" selected menu item*/
.navLinkOn2
{
    CURSOR: hand;
    color: #fff;
    background-color: #007ac9;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 1px;
    border: #007ac9 2px solid;
    WIDTH: 140px;
    VERTICAL-ALIGN: top;
}
.navLinkOnBottom
{
    CURSOR: hand;
    color: #50504A;
    background-color: #FFF;
    font-family: arial, sans;
	font-size: 12px;
	text-decoration: none; 
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 1px;
    border: #0098CC 2px solid;
    WIDTH: 140px;
}
/* End navink drop-down classes */


/* Misc Classes */
.menuBorderTop
{
	BORDER-TOP: #cfc8cf 1px solid;
    WIDTH: 155;
}
.subMenuBorderTop
{
	BORDER-TOP: #cfc8cf 1px solid;
    LEFT: 155px;
    POSITION: absolute;
}