/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* demo styles */


#container{
  width:980px;
  padding:100px 0;
  margin:0 auto;
  overflow:hidden;
}

#banner {
  height:300px;
  width:700px;
  margin:0 auto;
  position:relative;
  background:#fff;
  border:20px #fff solid;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

ul.bjqs-controls li a{
  display:block;
  position:relative;
}

a.bjqs-prev{
  display: none;
}

a.bjqs-next{

}

 p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

 ol.bjqs-markers{
  //position: relative;
  margin-top: 10px !important;
  //left: 228px !important;
  margin-left: 297px;
}

 ol.bjqs-markers li{
  float:left;
  margin:0 3px;
}

 ol.bjqs-markers li a{
  display:block;
  height:4px;
  width:4px;
  border:2px solid #000;
  overflow:hidden;
  text-indent:-9999px;
  background:#fff;
  border-radius:5px;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

ol.bjqs-markers li.active-marker a{
   border:2px solid #E2001A; 
}

.slider {
  overflow: hidden;
  padding-bottom: 40px;
}

.slider .bjqs-wrapper .bjqs .slide.bjqs-slide p img {
  float: left;
  margin-right: 20px;
}

.contentslider img{
  width: 500px;
  height: 500;
}
.contentslider .bjqs-controls a.bjqs-prev{
  display: none;
  text-indent: -9999px;
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.contentslider .bjqs-controls .bjqs-next{
  width: 500px;
  height: 500px;
  display: block;
  text-indent: -9999px;
  margin-top: -500px;
}