﻿/* 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_banner{
  width:680px;
  padding:0px 0px 20px 0px;
  margin:0 auto;
  overflow:hidden;
}

#banner {
  height:240px;
  width:680px;
  margin:0 auto;
  position:relative;
  background:#fff;
  border:0px #fff solid;
  /*box-shadow:0 0 50px rgba(0,0,0,0.5);*/
}

 ul.bjqs-controls li a{
  display:block;
  padding:5px 5px;
  position:absolute;
  background:#000000;
  color:#FFFFFF;
  font-size: 36px;
  text-decoration:none;
  text-transform:uppercase;
  filter: Alpha(Opacity=30);
  opacity: 0.3;
}

a.bjqs-prev{
  left:0;
}

a.bjqs-next{
  right:0;
}

 p.bjqs-caption{
  background-color: #CFE5D9;
  filter: Alpha(Opacity=70);
  opacity: 0.7;
  text-align: left;
  font-size: 16px;
  color: #1F3222;
  width: 680px;
}

 ol.bjqs-markers{
  position:absolute;
  /*bottom:-50px;*/
  background-color: #CFE5D9;
  filter: Alpha(Opacity=70);
  opacity: 0.7;
  width: 680px;
  z-index: 1000;
}

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

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

ol.bjqs-markers li.active-marker a{
  background:#436D4A;
}