.pages{
    margin-top:10px;
    text-align:center;
}
 .pages li.prev{
    background:url(../img/page-left.png) left no-repeat;
}
 .pages li.next{
    background:url(../img/page-right.png) right no-repeat;
}
 .pages li{
     display:inline-block;
}
 .pages li+li{
    margin-left:5px;
}
 .pages li a{
    display:block;
    padding:5px 10px;
    line-height:20px;
    color:#333;
    font-size:12px;
    border:1px #ddd solid;
    text-decoration:none;
}
 .pages li a:hover, .pages li a.active{
    color:#fff;
    text-decoration:none;
    background:#C5C5C5;
}
 .pages li.prev a{
    padding:5px 10px 5px 15px;
}
 .pages li.next a{
    padding:5px 15px 5px 10px;
}
 .pages li.prev a:hover{
    background:url(../img/page-left.png) #C5C5C5 left no-repeat;
}
 .pages li.next a:hover{
    background:url(../img/page-right.png) #C5C5C5 right no-repeat;
}