/* Demo CSS - You do not need this css in your own slider */

/*body{
        font-family: "Open Sans", helvetica, arial;
}

pre{
        font-family: "Source Code Pro", monospace;
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 20px;
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre;
        white-space: pre-wrap;
        background-color: whiteSmoke;
        border: 1px solid #CCC;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}

h2{
        font-size: 48px;
}

pre + h2{
        margin-top: 80px;
}*/

/*#container{
        max-width:620px;
        margin:0 auto;
        padding-bottom:80px;
}*/

#banner-fade,
#banner-slide{
    margin-bottom: 0px;
    margin: 9px 153px;
    height: 90px !important;
    float: left;
    width: 100%;
    max-width: 728px !important;
    margin-bottom: 4px;
}

#banner-slide-left li.bjqs-slide img{
    float: left;
    // width: 728px;
}

#banner-slide-top{
    margin-bottom: 0px;
    margin: 0px 0px;
    height: 90px !important;
    float: left;
    width: 100%;
    max-width: 728px !important;
    top: 45px !important;
    left: 221px !important;
    position: absolute !important; 
    margin-left: 59px;
}

#banner-slide-left li.bjqs-slide{
    float: left;
    width: 120px !important;
    height: 510px !important;
}


#banner-fade,
#banner-slide-right{
    margin-bottom: 0px;
    margin: 0px 0px;
    height: auto !important;
    float: left;
    width: 100%;
    overflow: hidden;
}

#banner-slide-right li.bjqs-slide{
    float: left;
    width: 120px !important;
    height: auto !important;
}

li.bjqs-slide a{
    float: left !important;
}

#banner-slide-right  ul.bjqs{height: auto !important;}

#banner-slide-right .bjqs-wrapper{height:  auto !important;}

#banner-fade,
#banner-slide-left{
    margin-bottom: 0px;
    margin: 0px 0px;
    height: auto !important;
    float: left;
    width: 100%;
    overflow: hidden;
}

#banner-slide-left li.bjqs-slide{
    float: left;
    width: 120px !important;
    height: auto !important;
}

#banner-slide-left  ul.bjqs{height: auto !important;}

#banner-slide-left .bjqs-wrapper{height:  auto !important;}



ul.bjqs-controls.v-centered li a{
    display:block;
    padding:10px;
    background:#fff;
    color:#000;
    text-decoration: none;
    display: none;
}

ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}

ol.bjqs-markers li a{
    padding:5px 10px;
    background:#000;
    color:#fff;
    margin:5px;
    text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
    background: #999;
}

p.bjqs-caption{
    background: rgba(255,255,255,0.5);
}

.bjqs-wrapper{height: 115px !important;width: 728px !important;}