﻿/* 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;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* demo styles */

#container{
  width:288px;
  padding:0px;
  margin:0 auto;
  overflow:hidden;
}

#my-slideshow {
  height:160px;
  width:288px;
  margin:0 auto;
  position:relative;

}

 ul.bjqs-controls li a{
  display:block;
  position:absolute;
  background:#fff;
  color:#fd0100;
  text-decoration:none;
  text-transform:uppercase;
  background: url(sprites/i/scroll-next.png);
width: 32px;
height: 32px;
}

a.bjqs-prev{
  left:0;
}

a.bjqs-next{
  right:0;
}

 p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

 ol.bjqs-markers{
 width:100%;
 text-align:center;
}

 ol.bjqs-markers li{
  margin:0 3px;
  display:inline-block;
}

 ol.bjqs-markers li a{
  display:block;
  height:10px;
  width:10px;
  overflow:hidden;
  text-indent:-9999px;
  background:rgba(0, 0, 0, 0.5);
  border-radius:10px;
  margin-right:8px;
}

ol.bjqs-markers li.active-marker a{
  background:rgba(0, 0, 0, 0.8);
}
.td-1 {text-align:left; vertical-align:top !important; padding-right:12px;}
.bjqs h2 {padding:0px; margin:0px; font-size:24px; line-height:24px;}
.bjqs li {height:160px;}
.td-2 {font-size:14px; font-weight:bold;}
.td-2 p {font-size:12px; font-weight:normal;}
.td-2 a {padding: 5px 15px 6px;
float: left;
border: 1px solid #0A81AE!important;
color: white !IMPORTANT;
background: #01ACEC url(../i/slide-btn-bg.png) repeat-x!important;
font-size: 11px;
border-radius: 4px;}
#my-slideshow li {margin:0px;}
.widget-next{background: url(../i/scroll-next.png);
width: 32px;
height: 32px;
float: left;}
.widget-prev{background: url(../i/scroll-prev.png);
width: 32px;
height: 32px;
float: left;}
.thumb-img{
width:64px}