/* Breadcrumbs */
.b_brd li {
    background:url("../../images/default/breadcrumbs_add.gif") no-repeat scroll right center transparent;
    padding:0 10px 0 5px;
    margin-left: 0;
}
.b_brd li.last{
    background: none;
    font-weight: bold;
}
/*----------------------------- HTML -----------------------
    <ul class="b_brd">
        <li><a href="#">home</a></li>
        <li><a href="#">category</a></li>
        <li class="last"><a href="#">car</a></li>
    </ul>
*/


/* Pagination */

.b_pag{
    display: inline-block;
}
.b_pag.center{
    text-align: center;
    display: block;
    width: 100%;
}
.b_pag li{
    display: inline;
    margin: 0 7px;
}
.b_pag li.active,.b_pag li.active a{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.b_pag li.next,.b_pag li.previous,.b_pag li.previous a,.b_pag li.next a{
    width: 15px;
    display: inline-block;
    text-decoration: none;
}
.b_pag li.next,.b_pag li.previous{
    display: inline !important;
}
.b_pag li.previous{
    background: url("../../images/default/pagination_arrow.gif") 0 5px no-repeat;
}
.b_pag li.next{
    background: url("../../images/default/pagination_arrow.gif") -9px 5px no-repeat;
}
/*----------------------------- HTML -----------------------
    <ul class="b_pag center">
        <!--
            <li class="no_link"><a href="#">&laquo;</a></li>
            <li><a href="#">Previous</a></li>
        -->
        <li class="active">1</li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>
        <li><a href="#">7</a></li>
        <li><a href="#">8</a></li>
        <li><a href="#">9</a></li>
        <li><a href="#">Next</a></li>
        <li class="no_link"><a href="#">&raquo;</a></li>
    </ul>
*/