﻿
.ProductList MoveAbove div
{
}

#trivita-top-share-bar
{
    width: 100%;
    border: 1px solid :000;
}
#trivita-top-share-bar
{
    border: 1px solid :000;
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    display: inline;
    position: fixed;
    top: -450px;
    left: 0px;
    z-index: 10000;
    background: #C6C6C6 url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/shareWindow.png) repeat-x;
}

#shareLogobu
{
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/top-share-logo.png) no-repeat;
    height: 31px;
    width: 164px;
    float: left;
}

#shareLogo
{
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/new_logo.png) no-repeat;
    height: 78px;
    width: 206px;
    float: left;
    position: absolute;
    top: 0;
    margin: 0 0px 0 -225px;
}

#trivita-top-share-bar-shadow
{
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/sharebar-shadow.png) no-repeat;
    height: 20px;
    width: 100%;
    background-position: center;
}

#headerSlideContainer
{
    position: fixed;
    top: -80px;
    width: 100%;
    background: #C6C6C6 url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/shareWindow.png) repeat-x;
    display: inline;
    left: 0px;
    z-index: 10000;
}
#headerSlideContent
{
    width: 940px;
    height: 41px;
    margin: 0 auto;
    border: 0px solid Green;
    padding: 0;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}
#headerSlideLeft
{
    float: left;
    width: 415px;
    padding: 8px 0 0 222px;
    border: 0px solid Aqua;
}
#headerSlideRight
{
    
    width:auto;
    float:right;
    position:relative;
    padding: 13px 20px 0 75px;
    border-left: 1px solid #c5c5c5;
    height: 27px;
    display: inline;
    background: #C6C6C6 url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/topBg2.png) repeat-x;
}

#headerSlideRight .share
{
    display: inline;
    font-size: 12px;
    position: absolute;
    text-transform: uppercase;
    color: #444;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    padding: 0px 0 0 0px;
    margin: 0px 0px 0 -50px;
}

#shareRight
{
    background: #C6C6C6 url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/shareProdBgRight.png) repeat-x;
    float: right;
    width: auto;
    padding: 10px 20px 0 75px;
    margin: -2px 0px 0 0px; /*   */
    height: 24px;
    display: inline;
}

#shareRight div.share
{
    display: inline;
    position: absolute;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    color: #444;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    margin: 0px 0px 0 -50px;
}


#shareLeft
{
    float: left;
    padding: 0;
    margin: 0px 0 0 0;
    position: absolute;
    width: 325px; /* width: auto; padding: 0px 12px 0 12px;         margin-top: 0px;         height: 24px; background: #C6C6C6 url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/topBg2.png) repeat-x;*/
}


.shadowWrapper
{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 100;
}

.sharingBar2
{
    border: 0px solid #ecf5fa;
    position: absolute;
    padding: 4px 0px 0px 48px;
    margin: -7px -9px 10px -9px;
    height: 47px;
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/shareProdBg.png) no-repeat;
    position: relative;
    z-index: 100;
}

/*   .sharingBar2:hover
    {
        background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/shareProdBg_hover.png) no-repeat;
    }

    .sharingBar2:hover #shareRight
    {
        background: #C6C6C6 url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/rightShare_Hover.png) repeat-x bottom;
    }

    .sharingBar2:hover .upArrow
    {
        margin: 9px 0 0 0;
    }
*/
.separator-bar
{
    float: left;
    width: 2px;
    height: 35px;
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/separator.png) repeat;
    margin: -11px 0 0 -75px;
    position: absolute;
}
.separator-bar2
{
    float: right;
    width: 2px;
    height: 35px;
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/separator.png) repeat;
    margin: -53px 0 0 226px;
    position: absolute;
}
.separator-left
{
    width: 2px;
    height: 35px;
    margin: -7px 0px 0 -19px;
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/separator.png) repeat-y;
    display: inline;
    position: absolute;
}
.separator-right
{
    width: 2px;
    height: 35px;
    margin: -7px 0px 0 0px;
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/separator.png) repeat-y;
    display: inline;
    position: absolute;
}
.borderWrap
{
    border-left: 1px solid #e0e0e0;
    width: auto;
    padding: 7px 15px 0 15px;
    height: 25px;
    display: inline;
    position: absolute;
    margin: -7px 0px 0 160px;
    z-index: 1000;
}
.borderWrap-tweet
{
    border-left: 1px solid #e0e0e0;
    width: auto;
    padding: 7px 20px 0 15px;
    height: 25px;
    display: inline;
    position: absolute;
    margin: -7px 0px 0 0px;
    z-index: 100;
}
.shareIcons
{
    float: right;
    width: 100%;
}
.upArrow
{
    background: url(http://trivita.static.s3.amazonaws.com/all/images/socialmedia/upArrow.png) no-repeat;
    width: 37px;
    height: 23px;
    float: left;
    margin: 15px 0 0 -50px;
    position: absolute;
}
.bmwrapper
{
    padding: 0 0 10px 0;
}

.shareIcons span
{
    padding: 0 3px;
}
