#mainSlider {
  background: #000;
  border-bottom: 10px solid #fec029;
  overflow: hidden;
  width: 100%;
}
#mainSlider > div {
  display: block;
  height: 360px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 960px;
}
#mainSlider ul {
  display: block;
  height: 360px;
  position: relative;
  width: 100%;
}
#mainSlider ul li { 
  display: block;
  height: 360px;
  position: relative;
  width: 100%;
}
#mainSlider ul li a {
  display: block;
  height: 100%;
  text-indent: -9999em;
  width: 100%;
}
#mainSlider .bx-pager {
  background: #fec029;
  -webkit-border-radius: 5px 5px 0 0; 
  -moz-border-radius: 5px 5px 0 0; 
  border-radius: 5px 5px 0 0; 
  bottom: 0;
  display: block;
  height: 24px;
  left: 0;
  margin-left: 400px;
  padding-top: 8px;
  position: absolute;
  /*right: 0;*/
  width: auto;
  z-index: 99;
}
#mainSlider .bx-pager a {
  background: transparent url('images/bgSliderPager.png') no-repeat 0 0;
  display: block;
  float: left;
  height: 24px;
  margin: 0 8px;
  text-indent: -9999em;
  width: 24px;
}
#mainSlider .bx-pager a:hover, #mainSlider .bx-pager a.pager-active {
  background-position: left bottom;
}
#mainSlider a.bx-next, #mainSlider a.bx-prev {
  background: transparent url('images/bgSliderControls.png') no-repeat 0 0;
  bottom: 5px;
  display: block;
  height: 42px;
  overflow: hidden;
  position: absolute;
  width: 36px;
  text-indent: -9999em;
  z-index: 99;
}
#mainSlider a.bx-next {
  background-position: right top;
  right: 10px;
}
#mainSlider a.bx-prev {
  background-position: left top;
  left: 10px;
}
#mainSlider a.bx-next:hover {
  background-position: right bottom;
}
#mainSlider a.bx-prev:hover {
  background-position: left bottom;
}