#container
{
    margin: 0 auto;
    position: relative;
    text-align: left;
    background: #fff;
    margin-bottom: 2em;
}

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next
{
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}
 #container
{
    width: 960px;
    height: 180px;
}
#slider
{
    width: 960px;
    height: 180px;
    overflow: hidden;
}
#slider ul
{
    min-width: 960px;
}
#slider ul, #slider li
{
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 180px;
}
#slider li
{
    /*  			define width and height of list item (slide) 			entire slider area will adjust according to the parameters provided here 		*/
    width: 240px;
    overflow: hidden;
    text-align: center;
    float: left;
}
#slider li a img
{
    max-width: 240px;
    max-height: 180px;
    border: 0;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev
{
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 52px;
    z-index: 88;
}
#nextBtn, #slider1next
{
    left: 960px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(../Images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a
{
    background: url(../Images/btn_next.gif) no-repeat 0 0;
}