/* ========================================
   == Navigation
      -- contains backgrounds and
         navigation layout 
   ======================================== */
/*---- Backgrounds ----*/
/*.background_Plain { background-image: url(/ColgateTotal/IN/images/body_background.gif);  background-color: #FFF; }*/
.background_Plain { background-image: url(/ColgateTotal/SG_v2/images/body_spirograph_background.jpg);  background-color: #FFF;}
.background_Spirograph { background-image: url(/ColgateTotal/SG_v2/images/body_spirograph_background.jpg); background-color: #FFF;}

.background_Woman { background-image: url(/ColgateTotal/SG_v2/images/body_woman_background.jpg); background-color: #FFF; }

/*---- Navigation ----*/
#navigation_container {
    margin: 0 0 -76px 22px;
}

    #navigation_container #navigation_topper {
        background-image: url(/ColgateTotal/SG_v2/images/navigation/navigation_curved-top.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 165px;
        height: 55px;
    }
    
    #navigation_container #ADA { margin: -74px 0 50px 0; clear: both; }
    
    #navigation_container #navigation_footer {
        background-image: url(/ColgateTotal/SG_v2/images/navigation/navigation_curved-bottom.png);
        background-repeat: no-repeat;
        background-position: 0 -74px;
        width: 165px;
        height: 150px;
    }
/*----*/
.navigation.firstItem {
    margin: -37px 0 0 0;
    padding: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    color: #F00;
    width: 167px;
}

.navigation.main {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    color: #F00;
    background-image: url(/ColgateTotal/SG_v2/images/navigation/navigation_shadow-repeater.png);
    background-repeat: repeat-y;
    background-position: 60px 0;
    width: 167px;
}

.navigation.lastItem {
    margin: 0 0 -54px 0;
    padding: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    color: #F00;
    width: 167px;
}

    /* extends class registration - IE Fix */
    .navigation .registration { color: #F00; }

    .navigation h2 {
        margin: 0;
        padding: 1px 0 0 0;
        font-size: 13px;
        background-image: url(/ColgateTotal/SG_v2/images/navigation/navigation_divider.gif);
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #FFF;
        width: 140px;
        position: relative;
        z-index: 10;
    }

        .navigation h2 a {
            margin: 0;
            padding: 10px 30px 10px 9px;
            display: block;
            width: 104px;
        }

        .navigation h2 a:link, .navigation h2 a:visited {
            text-decoration: none;
            color: #F00;
            background-image: url(/ColgateTotal/SG_v2/images/navigation/navigation_gradient.gif);
            background-repeat: no-repeat;
            background-position: 0 50%;
        }

        .navigation h2 a:hover, .navigation h2 a:active {
            color: #F00;
            background: none;
        }

            /* ON STATE */
            .navigation h2.on a:link, .navigation h2.on a:visited, .navigation h2.on a:hover, .navigation h2.on a:active {
                color: #449EBB;
                background-image: url(/ColgateTotal/SG_v2/images/navigation/navigation_gradient_on.gif);
                background-repeat: no-repeat;
                background-position: 0 50%;
            }
            
                .navigation h2.on .registration { color: #449EBB; }
            
    /*-- second level --*/
    
    .navigation h3 {
        margin: 0 0 0 17px;
        padding: 2px 0 2px 10px;
        font-size: 12px;
        font-weight: 900;
        color: #F00;
        text-align: right;
        border-bottom: 1px dotted #CCC;
        width: 115px;
    }
    
        .navigation h3.lastItem { margin-bottom: 6px; border-bottom: none; }
        
        .navigation h3 a { text-align: left; }
    
        .navigation h3 a:link, .navigation h3 a:visited {
            margin: 0 0 0 -17px;
            padding: 0 0 0 7px;
            text-decoration: none;
            color: #F00;
            background: none;
            display: block;
        }
        
        .navigation h3 a:hover, .navigation h3 a:active {
            color: #449EBB;
            font-weight: 900;
            background-image:url(/ColgateTotal/SG_v2/images/navigation/navigation_arrow.gif);
            background-repeat: no-repeat;
            background-position: 0 3px;
        }
        
            .navigation h3 a:hover .registration, .navigation h3 a:active .registration { color: #449EBB; }
        
            /* ON STATE */
            .navigation h3.subon a:link,.navigation h3.subon a:visited, .navigation h3.subon a:hover, .navigation h3.subon a:active {
                color: #449EBB;
                font-weight: 900;
                background-image:url(/ColgateTotal/SG_v2/images/navigation/navigation_arrow.gif);
                background-repeat: no-repeat;
                background-position: 0 3px;
            }
            
                .navigation h3.subon .registration { color: #449EBB; }