/* CSS reset */
div#share-bar, div#share-layer{font-family:arial,helvetica,sans-serif;font-size:12px;color:#443;margin:0 auto;text-align:left !important;line-height:1}
div#share-layer div,div#share-layer h1,div#share-layer h2,div#share-layer h3,div#share-layer h4,div#share-layer h5,div#share-layer h6,div#share-layer p,div#share-layer blockquote,div#share-layer a,div#share-layer em,div#share-layer img,div#share-layer strong,div#share-layer dl,div#share-layer dt,div#share-layer dd,div#share-layer ol,div#share-layer ul,div#share-layer li,div#share-layer fieldset,div#share-layer form,div#share-layer label,div#share-layer legend,div#share-layer table,div#share-layer tbody,div#share-layer tfoot,div#share-layer thead,div#share-layer tr,div#share-layer th,div#share-layer td,
div#share-bar div,div#share-bar h1,div#share-bar h2,div#share-bar h3,div#share-bar h4,div#share-bar h5,div#share-bar h6,div#share-bar p,div#share-bar blockquote,div#share-bar em,div#share-bar img,div#share-bar strong,div#share-bar dl,div#share-bar dt,div#share-bar dd,div#share-bar ol,div#share-bar ul,div#share-bar li,div#share-bar fieldset,div#share-bar form,div#share-bar label,div#share-bar legend,div#share-bar table,div#share-bar tbody,div#share-bar tfoot,div#share-bar thead,div#share-bar tr,div#share-bar th,div#share-bar td{border:0;outline:0;;line-height:14px;vertical-align:baseline;background:transparent;margin:0;padding:0}
div#share-layer a,div#share-bar a,div#share-layer span,div#share-bar span{border:0;outline:0;line-height:14px;vertical-align:baseline;margin:0;padding:0}
div#share-layer strong,div#share-layer th,div#share-layer h1,div#share-layer h2,div#share-layer h3,div#share-layer h4,div#share-layer h5,div#share-layer h6,
div#share-bar strong,div#share-bar th,div#share-bar h1,div#share-bar h2,div#share-bar h3,div#share-bar h4,div#share-bar h5,div#share-bar h6{font-weight:bold}
div#share-layer ol,div#share-layer ul, div#share-bar ol,div#share-bar ul{list-style:none;list-style-image:none}
div#share-layer table, div#share-bar table{border-collapse:collapse;border-spacing:0}
.ie7 img{-ms-interpolation-mode:bicubic}

div#share-bar a, div#share-layer a{
    color:#5DC33B;
    font-weight:bold;
    text-decoration:none;
}

/* #share-bar -> the bar that appears on the page */
div#share-bar, div#product_container div#share-bar{
    margin:0 auto;
    padding:15px 15px 0;
    position:relative;    
}

    div#share-bar.green, div#product_container div#share-bar.green{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -1736px;
        height:65px;
        margin-bottom:-25px;        
        width:698px;
    }
    
        .ie6 div#share-bar.green, .ie6 div#product_container div#share-bar.green{
            margin-bottom:-20px;
        }
    
    div#share-bar.hero, div#product_container div#share-bar.hero, div#hero_product div#share-bar{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -1923px;
        height:55px !important;
        padding-top:25px;
        width:727px;    
    }    

        .ie6 div#share-bar.hero, div#product_container.ie6 div#share-bar.hero, div#hero_product div#share-bar{
            background:url(./img/share-layer/share-sprites_8-bit.png) no-repeat 0 -1923px !important;
        }
    
    div#hero_product div#share-bar{
        bottom:-62px;
        left:-1px;
        position:absolute;
        z-index:2;        
    }

div#share-bar div.facebook-like, div#share-bar div.tweet-button{
    float:left;
    margin-right:10px;
    width:135px;
}

div#share-bar div.addthis-toolbox{
    float:right;
    width:245px;
}

    div#share-bar div.addthis-toolbox a{
        float:right; 
        margin-left:10px;   
    }
    
        div#share-bar div.addthis-toolbox .more{
            background:url(./img/share-layer/sm_arrow.png) no-repeat right 7px;
            padding:2px 12px 0 0;    
        }
        
            div#share-bar.ie6 div.addthis-toolbox .more{
                background:url(./img/share-layer/sm_arrow_8-bit.png) no-repeat right 7px;
            }
        
        div#share-bar div.addthis-toolbox .more span{
            vertical-align:middle;    
        }
    

/* #share-layer -> the layer that appears as a flyout */
div#share-layer{
    display:none;
    position:absolute;
    top:-99999px;
    width:270px;
    z-index:9999;
}

    div#share-layer .hd{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -1616px;              
        max-height:100px;
        padding:10px 0 10px 10px;
        position:relative;
    }
    
        div#share-layer.ie6 .hd{
            background:url(./img/share-layer/share-sprites_8-bit.png) no-repeat 0 -1616px;
            zoom:1;
        }
    
    div#share-layer h1{
        color:#FFF;
        font-size:12px;
    }
    
    div#share-layer h2{
        font-size:12px;
        font-weight:normal;
        margin-bottom:10px;
    }
    
    div#share-layer a.social{
        color:#000;
        font-weight:normal;
        line-height:20px;
        margin-right:5px;
        padding-left:20px;
        position:relative;
    }
    
    div#share-layer .close{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -14px;
        display:block;
        height:19px;
        position:absolute;
        right:10px;
        text-indent:-9999px;
        top:5px;
        width:19px;
    }

        div#share-layer.ie6 .close{
            background:url(./img/share-layer/share-sprites_8-bit.png) no-repeat 0 -14px;
        }
    
    div#share-layer .edge{
        height:100%;
        position:absolute;
        top:0;
    }
    
    div#share-layer .left-edge{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -142px;
        left:-5px;
        width:5px;
    }
    
    div#share-layer .right-edge{
        background:#EAEAE9 url(./img/share-layer/share-sprites.png) no-repeat 0 -931px;
        right:-6px;
        width:6px;
    }
    
        div#share-layer .nokia-services .right-edge{
            background:#EAEAE9 url(./img/share-layer/share-sprites.png) no-repeat 0 -827px;
        }
        
    div#share-layer.ie6 .edge{
        display:none !important;
    }

    div#share-layer .addthis-toolbox{
        background:url(./img/share-layer/bg_toolbox.png) repeat-x;        
        margin:0 6px 0 5px;
        padding:1px 10px 20px; 
        position:relative;       
    }
    
        div#share-layer.ie6 .addthis-toolbox{
            margin:0;    
        }
    
        div#share-layer .addthis-toolbox .clearfix div{
            float:left;
            margin-top:20px;
            width:115px;   
        }
        
        div#share-layer .addthis-toolbox a{
            color:#000;
            display:block;
            font-weight:normal;
        }
        
            div#share-layer .addthis-toolbox a span{
                display:block;
                float:left;
            }
            
            div#share-layer .addthis-toolbox .label{
                margin-left:10px;
            }
            
    div#share-layer .nokia-services{
        background:#E9EAE9 url(./img/share-layer/bg_footer.png) repeat-x;
        margin:0 6px 0 5px;
        padding:15px 14px 5px 15px;
        position:relative;
    }
    
        div#share-layer.ie6 .nokia-services, div#share-layer.ie7 .nokia-services, div#share-layer.ie8 .nokia-services{
            border-top:2px solid #C8C8C8;
            zoom:1;    
        }
        
        div#share-layer.ie6 .nokia-services{
            margin:0;
        }
    
    div#share-layer .nokia-services p{
        margin-top:15px;
    }
    
    div#share-layer .ft{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -1721px;
        height:10px;
        width:270px;
    }

        div#share-layer.ie6 .ft{
            background:url(./img/share-layer/share-sprites_8-bit.png) no-repeat 0 -1721px;
            zoom:1;
        }
    
    div#share-layer .social .icon{
        height:22px;
        left:0;
        position:absolute; 
        top:-2px;
        width:22px;             
    }
    
    div#share-layer a.facebook span.icon{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -1816px;       
    } 

        div#share-layer.ie6 a.facebook span.icon{
            background:url(./img/share-layer/share-sprites_8-bit.png) no-repeat 0 -1816px;       
        } 

    div#share-layer a.twitter span.icon{
        background:url(./img/share-layer/share-sprites.png) no-repeat 0 -1864px;
        top:0;
    } 

        div#share-layer.ie6 a.twitter span.icon{
            background:url(./img/share-layer/share-sprites_8-bit.png) no-repeat 0 -1864px;
            top:0;
        } 
    
    div#share-layer a.youtube{
        padding-left:25px;
    }
    
        div#share-layer a.youtube span.icon{
            background:url(./img/share-layer/share-sprites.png) no-repeat 0 -1885px;
            top:-4px;
        } 

            div#share-layer.ie6 a.youtube span.icon{
                background:url(./img/share-layer/share-sprites_8-bit.png) no-repeat 0 -1885px;
                top:-4px;
            } 
    
    div#share-layer a.rss{
        padding-right:25px;
        position:relative;
        zoom:1;               
    }         
    
        div#share-layer a.rss span.icon{
            background:url(./img/share-layer/icon_rss.png) no-repeat right 0;
            height:20px;
            position:absolute;
            right:0;
            top:-3px;
            width:20px;            
        }
    
    div#share-layer hr{
        height:2px;
        background:#C8C8C8;
        border:none;
        border-style:none;
        margin:0;
    }
    
        div#share-layer.ie6 hr, div#share-layer.ie7 hr, div#share-layer.ie8 hr{
            display:none;    
        }

div#product_container div.gradient-falloff{
    background:#FFF url(./img/share-layer/bg_gradient-falloff.png) repeat-x 0 -7px;
    bottom:-1px;
    left:0;
    height:31px;
    position:absolute;
    width:100%;
}

div#share-bar .at300b, div#share-bar .at300m, div#share-bar .at300bs, .ie6 div#share-bar .at300bs{
    margin:0;
    padding:0;    
}

.ie7 div#share-layer .addthis-toolbox a {
    float:none !important;    
}

/*** Miscellaneous elements ***/    
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
