/*

   Ecolab Navigation Styles
   Copyright (c) 2002 Ecolab Inc.  All Rights Reserved Worldwide.*/




/* The following classes - topBar, midBar and TitleNav - are used for 
 * Global Navigation in the Ecolab.com website.


/* topBar Classes
 * 
 * The topBar classes are used for the top-most global navigation bar  
 * (above the logo, page title and breadcrumbs) on Ecolab.com. 
 *
 */

.topBarLeft
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-LEFT: #03664d 1px solid;
    COLOR: #00005f;
}
.topBarMid1
{
    BACKGROUND-IMAGE: url('../images/diagspacer.gif');
    VERTICAL-ALIGN: middle
}
.topBarMid2
{
    BACKGROUND-IMAGE: url('../images/topbar1.gif');
    BORDER-TOP: 1px solid #c8ceff
}
.topBarNav
{
    BACKGROUND-COLOR: #03664d;
    BORDER-TOP: #c8ceff 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: middle;
}
.topBarNav A
{
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Arial, Sans;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
.topBarNav A:hover
{
    TEXT-DECORATION: underline;
}
.topBarSeperator
{
    BACKGROUND-COLOR: #03664d;
    BORDER-TOP: #c8ceff 1px solid;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, sans;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
}



/* midBar Classes
 * 
 * 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
{
    BACKGROUND-COLOR: #03664d;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: middle;
    xBORDER-TOP: 1px solid #949596;
}

.midBarNav A
{
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.midBarNav A:hover
{
    TEXT-DECORATION: underline;
}

.midBarSearch
{
    BACKGROUND-COLOR: #03664d;
    BORDER-LEFT: #c8ceff 1px solid;
    xBORDER-TOP: 1px solid #949596;
}

.midBarSeperator
{
    BACKGROUND-COLOR: #03664d;
    COLOR: #e3eef8;
    FONT-FAMILY: Arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 9px;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
}
.midBarEnd
{
    BACKGROUND-COLOR: #0045ae;
    COLOR: #e3eef8;
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, sans;
    FONT-WEIGHT: normal;
    VERTICAL-ALIGN: top;
}
.midNavBG
{
    BACKGROUND-IMAGE: url('../images/navbargradient.jpg');
    PADDING-LEFT: 2px
}


/* TitleNav Classes
 *
 * 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
{
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 15px;
    PADDING-TOP: 5px;
}

.TitleNavHeader
{
    COLOR: #00005f;
    FONT-FAMILY: Tahoma, Arial, Sans;
    FONT-SIZE: 28px;
    FONT-WEIGHT: normal;
    VERTICAL-ALIGN: bottom;
}

.TitleNavMktHeader
{
    COLOR: #00005f;
    FONT-FAMILY: Tahoma, Arial, Sans;
    FONT-SIZE: 28px;
    FONT-WEIGHT: normal;
    VERTICAL-ALIGN: middle;
}

.TitleNavTrail
{
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Sans;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: capitalize;
}

.TitleNavTrail A
{
    COLOR: navy;
    FONT-FAMILY: Tahoma, Arial, Sans;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: capitalize;
}

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



/* End Global Navigation 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
 *
 */


.localNavHeading
{
    BACKGROUND-COLOR: #F6F189;
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #cfc8cf 1px solid;
    COLOR: #03664d;
    FONT-FAMILY: tahoma, arial, sans;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 10px;
    PADDING-TOP: 2px;
}

.localNavLinks
{
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #cfc8cf 1px solid;
    COLOR: black;
    FONT-FAMILY: tahoma, arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 10px;
    PADDING-TOP: 4px;
    TEXT-DECORATION: none
}

.localNavLinks A
{
    COLOR: navy;
    FONT-FAMILY: tahoma, arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

.localNavLinks A:hover
{
    TEXT-DECORATION: underline;
}

.localNavMktLinks
{
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #cfc8cf 1px solid;
    COLOR: black;
	CURSOR: default;
    FONT-FAMILY: tahoma, arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 10px;
    PADDING-TOP: 4px;
    TEXT-DECORATION: none
}

.localNavLinks A
{
    COLOR: #03664d;
	CURSOR: default;
    FONT-FAMILY: tahoma, arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

.localNavMktLinks A:hover
{
    TEXT-DECORATION: none;
}

.localNavText
{
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #cfc8cf 1px solid;
    COLOR: black;
    FONT-FAMILY: arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 5px;
}

.localNavText A
{
    COLOR: blue;
    FONT-FAMILY: arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}

.localNavSpacer
{
    PADDING-LEFT: 10px;
    BORDER-LEFT: #cfc8cf 1px solid;
}


/* End localNav classes */


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


.endBody
{
    xPADDING-TOP: 15px
}
.endBody A
{
    COLOR: navy;
	FONT-FAMILY: tahoma, arial, sans;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;
}


/* 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
{
    BACKGROUND-COLOR: blue;
    COLOR: white;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 4px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 2px;
}
.navLink
{
    BACKGROUND-COLOR: #e1e9f9;
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #cfc8cf 1px solid;
    BORDER-RIGHT: #cfc8cf 1px solid;
    COLOR: #000000;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    HEIGHT: 20px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    VERTICAL-ALIGN: middle;
}
.navLinkOn
{
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #0045AE 4px solid;
    BORDER-RIGHT: #cfc8cf 1px solid;
    COLOR: #00005f;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    HEIGHT: 20px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    WIDTH: 140px;
    VERTICAL-ALIGN: middle;
}
.navLink2
{
    BACKGROUND-COLOR: #e1e9f9;
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #cfc8cf 1px solid;
    BORDER-RIGHT: #cfc8cf 1px solid;
    COLOR: #000000;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    HEIGHT: 26px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    VERTICAL-ALIGN: top;
    WIDTH: 155px;
}
.navLinkOn2
{
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #0045AE 4px solid;
    BORDER-RIGHT: #cfc8cf 1px solid;
    COLOR: #00005f;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    HEIGHT: 26px;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    WIDTH: 155px;
    VERTICAL-ALIGN: top;
}
.navLinkOnBottom
{
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: #cfc8cf 1px solid;
    BORDER-LEFT: #cfc8cf 1px solid;
    BORDER-RIGHT: #cfc8cf 1px solid;
    BORDER-TOP: #cfc8cf 1px solid;
    COLOR: #00005f;
    CURSOR: hand;
    FONT-FAMILY: Tahoma, Arial, sans;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    HEIGHT: 20px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    WIDTH: 150px;
}

/* 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;
}