/* SLIDER */

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}

#slider-container {
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    width: 1000px;
    height: 366px;
    background: #fff;
    overflow: hidden;
}

#slider-content {
    position: relative;
}

#slider ul, #slider li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 1000px;
    height: 366px;
}

#slider li, #slider {
    /* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
    width: 1000px;
    height: 366px;
    overflow: hidden;
}

#prevBtn, #nextBtn, #slider1next, #slider1prev {
    display: block;
    width: 32px;
    height: 64px;
    position: absolute;
    left: 0px;
    top: 155px;
    z-index: 200;
}

#nextBtn, #slider1next {
    left: 970px;
}

    #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
        display: block;
        width: 32px;
        height: 64px;
    }

#prevBtn a, #slider1prev a {
    background: url('../../images/WBMCommon/nextprev-png24.png') no-repeat 0px 0px;
}

#nextBtn a, #slider1next a {
    background: url('../../images/WBMCommon/nextprev-png24.png') no-repeat -32px 0px;
}

/* numeric controls */

ol#controls {
    margin: 1em 0;
    padding: 0;
    height: 10px;
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 330px;
    text-align: right;
    cursor: default;
}

    ol#controls li {
        margin: 0 5px 0 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 10px;
        width: 10px;
        line-height: 10px;
    }

        ol#controls li a {
            float: left;
            height: 10px;
            width: 10px;
            color: transparent;
            padding: 0px;
            text-decoration: none;
            background-color: #ccc;
            font-weight: bold;
            opacity: 0.4;
            filter: alpha(opacity=40);
            border-radius: 10px;
            cursor: default;
        }

        ol#controls li.current a {
            color: transparent;
            background-color: #ccc;
            opacity: 1.0;
            filter: alpha(opacity=100);
        }

        ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
            outline: none;
        }

.demo-height {
    height: 350px;
}

.carousel-content.carousel-content-wide {
    width: 100%;
}

.carousel-inner.carousel-wide .item .carousel-content {
    display: inline-block;
}

.carousel-inner.carousel-wide .item {
    text-align: center;
}

.carousel.wbm-carousel .carousel-indicators {
    bottom: 0;
}