#slider .slide {
            position: relative;
            height: 100%;
            overflow: hidden;
        }

        #mainSlide {
            width: auto;
        }

        #slider, #slider img {
            width: 100%;
        }

        .centeredDotsControls, .centeredDotsControls a, .centeredDotsControls a span {
            z-index: 2;
            position: relative;
        }

        .centeredDotsControls a {
            width: 15px;
            height: 15px;
            margin: 7px;
            background: transparent;
            border-radius: 15px;
            display: inline-block;
            /*text-indent: -9000px;*/
        }

        .controls *, .controls {
            z-index: 999;
        }

        .centeredDotsControls a {
            background: #ffffff;
            text-decoration: none;
            color: #fff;
        }
        .centeredDotsControls a:hover {
            background: #666666;
            text-decoration: none;
            color: #666666;
        }
        .centeredDotsControls a.current {
            background: #000000;
            color: #000000;
        }