#roller
{
overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 880px; height:110px;
}
.ul_roller
{
margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -880px;top:0px;
}
.li_roller
{
overflow: hidden; float: left; margin: 0px; padding: 0px; width: 207px; height: 110px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}
.li_roller p
{
margin: 0px; padding: 0px;
}

.li_roller img
{
margin:0px 4px 4px 0px;
}

.li_bar
{
float: right; width: 31px; height: 110px; background:url(img/bg_bar_carusel.gif) left top repeat-y; margin-left:10px;
}
   
    .mouseWheel a.prev, .mouseWheel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        text-decoration: none;
        background: url("img/imageNavLeft.gif") left top no-repeat;
    }
        .mouseWheel a.next {
            background: url("img/imageNavRight.gif") right top no-repeat;
        }
            .mouseWheel a.next:hover {
                 background: url("img/imageNavRightHover.gif") right top no-repeat;
            }
            .mouseWheel a.prev:hover {
                background: url("img/imageNavLeftHover.gif") left top no-repeat ; 
            }    
            .mouseWheel a:hover, .carousel a:active {
                border: none;
                outline: none;
            }                 
.clear { clear: both; }