Как выровнять по центру пейджер

<ul class="pager">

<li class="previous"><a href=#><img src=img2/previous.gif></a></li>

<!--//<li class="previous_off"><img src=img2/previous.gif></li>//-->

   <li class="active">1</li>

   <li class="passive"><a href="">2</a></li>

   <li class="passive"><a href="">3</a></li>

   <li class="passive"><a href="">4</a></li>

   <li class="passive"><a href="">5</a></li>

   <li class="passive"><a href="">6</a></li>

   <li class="passive"><a href="">7</a></li>

<li class="next"><a href=#><img src=img2/next.gif></a></li>

<!--//<li class="next_off"><img src=img2/next.gif></li>//-->

</ul>

 

 

 

 

/*Show  pager//////////////////////////*/

ul.pager {

margin-top:40px;

text-align:center;

        }

.pager li{

border:0;

margin:0;

padding:5px 5px 5px  5px;

float:left;

font-size:14px;

list-style:none;

}

.pager a{

color:#6c7e9e;

text-decotation:underline;

}

.pager a:hover{

color:#6c7e9e;

}

.pager .previous_off,  .pager .next_off {

/*Класс для неактивной кнопки- Назад*/

}

.pager .previous a,.pager .next a {

/*Класс для неактивной кнопки- Вперёд*/

}

.pager .active{

color:#ffffff;

font-weight:bold;

padding-top:10px;

}

.pager .passive{

color:#ffffff;

font-weight:bold;

padding-top:10px;

}

/*Show  pager//////////////////////////////*