Как оформить слайдер изображения bxslider?

У вас есть некоторые проблемы с стилизацией моего ползунка изображения bxslider. Также не кажется, что он принимает какие-то стили, которые я пытался дать, в первую очередь, но они также содержат "предыдущие" и "следующие" текстовые ссылки, которые я тоже не хочу.

любой шанс, кто-то может помочь справиться с выстрелом, где мне нужно внести изменения в стиль, чтобы это выглядело больше! → http://danielmdesigns.com/windermere/images/sliderexample.png

Дайте мне знать, если вам нужно что-то еще, но чтобы увидеть это вживую, посетите http://www.danielmdesigns.com/windermere/index.html, и мои CSS CSS и JS также ниже;

HTML

 <ul class="bxslider">
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 </ul>

CSS

.bxslider{
height:600px;
width:auto;
background-color:#c41230;
background-size:cover;
position:relative;
top:95px;
}

и мой JS над тегом конца тела;

<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
    mode: 'fade',
    captions: true,
    auto: true,
    autoControls: false
});
});
</script>

мне просто нужно, чтобы это была полная ширина, только показывающие точки пейджера, расположенные поверх моего слайдера... всякая помощь приветствуется.