#page-wrap {
    padding: 10px 0;
    background: #fff;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 10px auto;
    height: 30px;
    width: 100%;
}

.paging {
    list-style-type: none;
}

.page-x-of-y {
    padding: 0 10px;
}

.paging li, .paging li a {
    float: left;
    line-height: 24px;
}

.paging li {
    border-radius: 3px 3px 3px 3px;
    position: relative;
    border: 1px solid #261803;
    text-align: center;
    margin-left: 3px;
    cursor: pointer;
    white-space: nowrap;
    background: #fff url(skins/paging.gif) no-repeat -200px 0;
    height: 26px;
}

    .paging li a {
        display: inline-block;
        width: 26px;
        height: 24px;
        color: #666;
        font-weight: 700;
    }

    .paging li.page-first {
        background-position: 50% 2px;
    }

    .paging li.page-prev {
        background-position: 50% -22px;
    }

    .paging li.page-next {
        background-position: 50% -44px;
    }

    .paging li.page-last {
        background-position: 50% -66px;
    }

    .paging li.actived {
        border: 1px solid #03963E;
        background: #03963E;
        box-shadow: 0 1px 1px rgba(255,255,255,.1) inset;
    }

        .paging li.actived a, .paging li:hover a {
            color: #fff;
            text-shadow: 0 1px 0 #2c4566;
        }

    .paging li:hover {
        border: 1px solid #03963E;
        background-color: #03963E;
    }