@import url("promos.css");
@import url("masthead.css");
@import url("navigation.css");
@import url("product.css");
@import url("list.css");
@import url("../css/translated_backgrounds.css");

body{
    background:#FFF; 
    /*behavior: url(http://molecular2:1776/static/js/iehover/csshover2.htc);*/
    color:#000;
    font:12px Arial, Helvetica, sans-serif normal;
    line-height:117%; /*** 12/14 ***/
    padding:0;
} 

body *{
    outline:none;
}

link{
    display:none;
}

/*** HP Flash ***/
div#flash{
    position:absolute;
    top:174px;
    visibility:hidden;
}

    div#flash p{
        line-height:125%;
        padding-left:20px;
    }

/*** Since we can't work with containers that well...***/
.sized{
    width:966px;
}

/*****************
* General
*****************/
a img{
    border:0;
}

form{
    margin:0;
    padding:0;
}

div.clear, span.clear{
    clear:both;
    display:block !important;
    float:none !important;
    font-size:0;
    height:0;
    line-height:0;
}

span.separator{
    
}

h1{
    font-size:150%;
    line-height:125%;
    margin:0 0 .5em;
}

h2{
    margin:0 0 .5em;
}

h3{
    letter-spacing:-.01em;
    line-height:125%;
}

h4{
    font-size:12px;
    margin:1em 0 .25em;
}

h1.shifted, h2.shifted, h3.shifted, h4.shifted, h5.shifted, h6.shifted{
    text-indent:-4000px;
}

    div#hero.product .shifted{
        height:57px;
        width:315px;
    }
    
h1.unshifted, h2.unshifted{
    text-indent:0px;
}

h1.unshifted{
  font-size:150%;
}

h2.unshifted{
   text-transform:lowercase; margin-top: 48px; font-size: 12px;
}

    div#hero.product .unshifted{
        height:auto;
        width:315px;
    }

/*****************
*  Branded colors
*****************/
.nkYellow{
    color:#FD0;
}

/*****************
*  Links
*****************/
a{
    
    color:#454545;  
    font-weight:bold;
    font-size: 11px;
    padding-left:14px;
    text-decoration:none;  
}

    a:hover{
        color:#000;
    }
    
a.footer{
    background:url(../images/icon_link_black.gif) no-repeat 0 2px;
    color:#454545;  
    font-weight:normal;
    padding-left:14px;
    text-decoration:none;
    font-size:10px;
	font-weight:normal;  
}

    a.footer:hover{
        color:#000;
    }  
    
 a.login{
    background:url(../images/icon_link_black.gif) no-repeat 0 2px;
    color:#454545;  
    font-weight:bold;
    padding-left:14px;
    text-decoration:none;
    font-size:12px;
	
}

    a.login:hover{
        color:#000;
    }       
    
    
    a.none, div#container_directions a, div.search a, a.link, div#at20mc a, a#at-whatsthis{
        background:none;
        padding:0;
    }
    
        p a.none, td a.none, div.search a, a.link{
            text-decoration:underline;
        }
        
            p a.none:hover, td a.none:hover, a.link:hover{
                text-decoration:none;
            }
    
    a.std, div#breadcrumbs a, div#container_article div.article_bd a{
        background:none;
        color:#666;
        font-size:10px;
        font-weight:normal;
        padding:0;
        text-decoration:underline;
    }
    
        div#breadcrumbs div#addThis_breadcrumb a{
            text-decoration:none;
        }
    
        a.std:hover, div#breadcrumbs a:hover{
            color:#666;
        }
    
    a.global{
        background:url(../images/icon_globalSite.gif) no-repeat 0 2px;
        color:#777;
        font-size:10px;
        font-weight:normal;
    }
    
        a.global:hover{
            color:#777;
        }
    
    a#changeCountryLink{
        background:url(../images/icon_changeCountry.gif) no-repeat;
        margin-right:10px;
    }

    a.feedback{
        background:url(../images/icon_feedback.gif) no-repeat;
        background-position:right;
        padding:0 14px 0 0;
        font-weight:normal;        
    }
    
    a.pop{
        background:url(../images/icon_pop.gif) no-repeat;
        padding:0 0 2px 16px;
    }  
    
        a.gray_pop.pop{
            background:url(../images/icon_pop_gray.gif) no-repeat;    
        }  

    .white a{
        background:url(../images/icon_link_white.gif) no-repeat 0 2px;
        color:#FFF;
    }
    
        .white a:hover{
            color:#FFF;
        }
        
    #aBox a{ padding:0; }
    
    a.print{
        background:url(../images/icon_printer.gif) no-repeat 100% 1px  !important;
        font-size:10px;
        padding-right:14px !important;
    }
    
    a.blue{
        color:#353DCD;
        font-weight:normal;
    }
    
/********
*  Custom-image unordered list
*********/
ul{
    list-style-image:url(../images/icon_yellow_bullet.gif);
    margin:.25em 0;
    padding:0 0 0 14px;
    display:block;
} 
/***** Exclusions....*/
div.content_product ul, div.promo_product ul, ul.indented, ul.none, ul ol{
    list-style-image:none;
}  
    
    ul.indented, ul.none{
        list-style-type:none;    
    }
    
        ul.indented li, ul.none li{
            margin:0.25em 0;
        }
        
    ul.none{
        padding:0;        
    }
/********/


/*****************
* Search Results
*****************/
div#hero_gray.search div.header{
    padding-bottom:10px;    
}


    div#hero_gray.search div.header div{
        /*
        float:left;
        position:relative;    
        */
    }
    div#hero_gray.search div.bd{
        padding-top:20px;
    }
    div#hero_gray.search div.header div.row_left{
        width:100px;        
    }

    div#hero_gray.search div.header div.row_right{
        width:300px;        
    }
    
    div#hero_gray.search div.header div.clear{
        float:none;
    }

div#hero_gray.search label{
    font-size:100%;
    font-weight:bold;
    margin-right:1em;
    position:relative;
    top:2px;
}

    div#hero_gray.search label.input{
        font-size:11px;
        font-weight:normal; 
        margin-left:0.5em;  
        top:-2px;
    }

div#hero_gray.search hr{
    border:0;
    border-bottom:2px dotted #999;
    height:0;
}

div#hero_gray.search ol{
    list-style-type:none;
    margin:0;
    padding:0;
}

div#hero_gray.search li{
    margin:0;
    padding:0.8em 0 0.8em 0.8em;    
}

    div#hero_gray.search li h4{
        margin:0 0 0.5em;    
    }

    div#hero_gray.search li.odd{
        background:#F5F5F5;    
    }

    div#hero_gray.search li p{
        font-size:
        font-weight:normal;
        margin:0 0 0.25em;
    }
    
div#search_info{
    font-size:11px;
    margin:0.75em auto;
    text-align:center;
}

div#search_navigation{
    font-weight:bold;
    margin:0.75em auto;
    text-align:center;
}

    div#search_navigation a.std{
        font-size:11px;
        font-weight:bold;
        position:relative;
        top:-1px;
    }
    
    div#search_navigation span.pageInfo{
        padding:0 .5em;
    }
    
    div#search_navigation ol{
        font-size:11px;
        float:left;
        margin:0.75em auto;
        padding:0;
        text-align:center;
    }
    
        div#hero_gray.search div#search_navigation li{
            border:0;
            float:left;
            margin:0 0.5em;
            padding:0;    
        }
        
div.suggestion{
    background:#F3F3F3;
    font-size:110%;
    font-style:italic;
    margin:1em 0;
    padding:1em 0.5em;
}

/*The below styles are appended by RM...Note: All CSS definitions that start with google_ are elements that are found in the google XSL located within the Google admin panel.*/

div#google_header{
    margin-bottom:65px;
}

div#hero_gray.search div.header div.row {
    border-top:1px solid #e4e4e4;
    padding:10px 0px;
    clear:both;
}
    div#hero_gray.search div.header div.first_row {
        border-top:none;
        padding-top:0px;
        margin-bottom:0px;
    }
    div#hero_gray.search div.header div.last_row {
        margin-bottom:50px;
    }
    div#hero_gray.search div.header div.row_left{
        width:80px;
        float:left;
    }
    div#hero_gray.search div.header div.row_right{
        float:left;
    }
    div#hero_gray.search div.row_right label {
        font-weight:normal;
        margin-bottom:5px;
        font-size:95%;
        position:relative;
        top:-2px;
    }
    div#hero_gray.search div.row_right input#search_term {
        margin:5px 0px 0px 5px;
    }
    div#hero_gray.search div.row_right select {
        margin-left:5px;
    }
    
    div#hero_gray.search div#search_box {
        position:absolute;
        top:105px;
        padding-left:85px;
    }
    div#hero_gray.search div#google_site_collection label{
        font-weight:normal;
        font-size:90%;
        position:relative;
        top:-2px;
    }

/**Search TOP navigation**/ 
div#hero_gray.search div#google_top_navigation{
    margin-bottom:0px;
}   
    div#hero_gray.search div#google_top_navigation div#google_sort_by{
        float:right;
        display:none;
    }   
    div#hero_gray.search div#google_top_navigation div#google_top_pagination{
        position:relative;
        left:-3px;
        border-bottom:1px solid #ccc;
        height:30px;
    }   
        div#hero_gray.search div#google_top_pagination div.google_previous,
        div#hero_gray.search div#google_top_pagination div.google_next{
            float:left;
            margin-right:5px;
            position:relative;
            top:4px;
        }
    div#hero_gray.search div#google_top_navigation div#google_top_pagination a{
        color:#555;
        font-size:90%;
        font-weight:normal;
    }
div#hero_gray.search div#google_search_results_summary{
    clear:both;
    margin:0px 0px 0px -53px;
    padding:10px;
    padding-left:52px;
    width:684px;
    background:#f1f1f1;
    float:none;
    position:absolute;
    top:136px;
}


/*Search BOTTOM navigation*/    
div#hero_gray.search div#google_bottom_pagination{
    margin-top:15px;
}   
    div#hero_gray.search div#google_bottom_pagination span#google_result_page_label{
        display:none;
    }
    
    div#hero_gray.search div#google_bottom_pagination div.google_first{
        float:left;
        margin-right:10px;
    }
    
    div#hero_gray.search div#google_bottom_pagination div.google_previous,
    div#hero_gray.search div#google_bottom_pagination div.google_next{
        float:left;
        margin-right:5px;
        padding:3px;
    }
        div#hero_gray.search div#google_bottom_pagination div.google_previous a,
        div#hero_gray.search div#google_bottom_pagination div.google_next a{
            font-weight:normal;
        }
    div#hero_gray.search ul.google_pagination{
        float:left;
        margin-right:10px;
        padding:0px;
        margin:0px;
    }
        div#hero_gray.search ul.google_pagination li{
            display:block;
            float:left;
            margin:0px;
            padding:0px;
            margin-right:2px;
        }
        div#hero_gray.search ul.google_pagination li a,
        div#hero_gray.search ul.google_pagination li span.i{
            display:block;
            background:#f1f1f1;
            padding:3px;
            border:1px solid #ccc;
        }
        div#hero_gray.search ul.google_pagination li span.i{
            background:#fff;
        }
        div#hero_gray.search ul.google_pagination li a:hover{
            background:#ffee7f;
            border:1px solid #eed94e;
        }

/*Search Result Listings*/
div.search div.google_search_result{
    width:550px;
    padding:10px 0px;
    border-bottom:1px solid #e4e4e4;
    clear:both;
}
    div.search div.google_search_result .google_title{
        margin-bottom:3px;
    }
    div.search div.google_search_result a.google_link{
        display:block;
        clear:both;
        margin-bottom:3px;
    }
    
    div.search div.google_search_result div.google_summary{
        color:#555;
        line-height:1.3;
    }
    
    
    div.search div.google_search_result .google_metaresult{
        display:inline;
        margin-top:6px;
        font-size:1px;
        clear:both;
        width:540px;
    }
    div.search div.google_search_result .google_metaresult img{
        float:left;
    }
    div.search div.google_search_result .google_metaresult a{
        display:block;
        float:left;
        width:210px;
        overflow:hidden;
        margin:5px 5px 0px;
        font-weight:normal;
        color:#444;
        font-size:12px;
    }
    
    
/*Search Empty Results listings*/
div.search div.google_noresults{
    
}
div#hero_gray.search div.google_noresults ul{
    margin:8px 0px 0px 0px;
}  
div#hero_gray.search div.google_noresults ul li{
    padding:0px 0px 3px 0px;
}  

#google_desktop_tab,
#google_advanced_link,
.google_first{
    display:none;
}

/*****************
*  Homepage
*****************/
div#hero_homepage{
    color:#FFF;
    height:340px;
    padding:20px 30px;
    width:940px;
    overflow:hidden;
}
    
    div#hero_homepage.dark{
        color:#545454;    
    }
    
    div#hero_homepage div.replace_img{
        background-repeat:no-repeat;
        height:50px;
        width:250px;    
    }
    
        div#hero_homepage div.replace_img h1, div#hero_homepage div.replace_img h2{
            margin:0;
            text-indent:-4000px;    
        }

    div#hero_homepage div.bd{
        margin:20px 0 30px;
        width:300px;
    }
    
div.link_button{
    height:43px;
    margin-top:15px;
    width:177px;    
}
    
    div.link_button img{
        height:43px;
        width:177px;
    }

    div.link_button a{
        cursor:pointer;
        display:block;
        height:100%;
        width:100%;
    }

                div.link_button h2{
                    margin:0;
                    text-indent:-4000px;
                }
                
/*****************
*  Misc.
*****************/

    /********
     * The "white hero" look
     *******/
     div#hero.white div.content{
         color:#FFF;
     }
     
form{
    margin:0;
    padding:0;
}

iframe{
    border:0;
}

img.link_icon{
    left:4px;
    margin-right:0.5em;
    position:relative;
    top:4px;
}

img.inline_icon{
    margin-left:0.75em;
    position:absolute;
}

span.required{
    font-size:110%;
    font-weight:bold;
}

div#form_errors{
    background:#FDF4B4;
    border:2px solid #E00413;
    color:#E00413;
    display:none;
    margin:0.5em auto;
    padding:10px;
    width:66%;
}

    div#form_errors ul{
        list-style-image:none;
        list-style-type:disc;
        padding:0 0 0 14px;
    }

        
a.closeIcon{
    background:url(../images/icon_flyout_close-1.gif) no-repeat;
    cursor:pointer;
    cursor:hand;
    display:block;
    height:10px;
    padding:0;
    position:absolute;
    right:10px;
    top:10px;   
    width:45px; 
    z-index:42562;
}

.es_MX a.closeIcon{
    background:url(../images/icon_flyout_close.gif) no-repeat;
} 

    a:hover.closeIcon{
        background:url(../images/icon_flyout_close_on-1.gif) no-repeat;        
    }

    .es_MX a:hover.closeIcon{
        background:url(../images/icon_flyout_close_on.gif) no-repeat;        
    }
 
div.centeredLoading{
    background:url(../images/icon_loading.gif) no-repeat;
    height:42px;
    left:45%;
    position:absolute;
    top:45%;
    width:42px;
    z-index:9999;
}
    
.noD{
    display:none !important;
}

input.gray, .grayed{
    color:#999;
}

.right{
    text-align:right;
}

.small{
    font-size:85%;
}

.noM{
    margin:0 !important;
}

.error{
    color:#F00;
}

div.hp_shift{ 
    margin-left: -8px !important;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}