/* =============================================================================
   SLNotificationBar Plugin Styles
   ========================================================================== */

   .SLNotificationBar {
    background:url(../img/shine.png) repeat-x;
    background-position:top;
    padding:5px 0px;
    margin: 0px;
    z-index: 1000;
    width: 100%;


}
.SLNotificationBar p.SLtext{margin: 0px;  width: 90%;max-width: 90%;}
.SLNotificationBar img {
    border: 0 none;
    vertical-align: middle;
}

.SLNotificationBar .SLhelloinner {
    display:block;
    width:100%;
    margin:0 auto;
}
.SLNotificationBar .SLtext {
    padding:7px 0;
    font-weight:900;
    text-align:center;
}

.SLNotificationBar .SLtext a {
    font-weight:500;
    color:#fff;
    cursor: pointer;
    text-decoration: underline;
}

.SLRibbon {
    padding:3px;
    display:none;
    border:3px solid #FFF;
    box-shadow:0 2px 5px #777;
    color:#FFF;
    right:40px;
    cursor:pointer;
    border-radius:0 0 3px 3px;
}

.SLdownarrow {
    position:absolute;
    right:55px;
    top:3px;
    line-height: 1.7em !important;
    margin: 8px 0px !important;
}
.SLdownarrow p {

}

.SLRibbon:hover {
    background:#DF5A02 url(../img/shine.png);
    cursor:pointer;
}

.SLarrow {
    cursor:pointer;
}

@media only screen and (max-width: 800px) {
    .SLdownarrow{right: 12px;}
    .SLRibbon{right: 12px;}

}

.SLCloseCross
{
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}