<style type="text/css">
.pagenav_row {
font-family: arial, verdana, helvetica;
font-size: 11px;
font-style: normal;
}
.pagenav_row .pagenav_column {
width: 500px;
margin: 0px;
padding: 6px 0px 0px 0px;
float:left;
}
.pagenav_row .pagenav_column ul li {
display:inline;
margin:0px !important;
border:0px !important;
padding:0px !important;
}
.pagenav_row .pagenav_column .pagenav_item {
margin: 1px 2px 1px 1px;
padding: 0px 3px 0px 3px;
}
.pagenav_item a {
font-weight:bold;
color:#000000;
border:1px solid #616161;
text-align:center;
text-decoration:none !important;
padding:0px 3px;
}
.pagenav_item a:hover {
font-weight:bold;
border:1px solid #616161;
text-align:center;
text-decoration:none;
background-color:#CCCCCC;
}
.pagenav_item a.selected {
font-weight:bold;
border:1px solid #CCCCCC;
text-align:center;
text-decoration:none !important;
padding:0px 3px;
background-color:#CCCCCC;
}
.pagenav_item a.selected:hover {
font-weight:bold;
border:1px solid #CCCCCC;
text-align:center;
text-decoration:none !important;
padding:0px 3px;
background-color:#CCCCCC;
}
</style>
<div class="pagenav_row">
<div class="pagenav_column">
<ul>
<li class="pagenav_item"><a title="PAGE 1" href="">1</a></li>
<li class="pagenav_item"><a class="selected" title="PAGE 2" href="">2</a></li>
<li class="pagenav_item"><a title="PAGE 3" href="">3</a></li>
<li class="pagenav_item"><a title="PAGE 4" href="">4</a></li>
<li class="pagenav_item"><a title="PAGE 5" href="">5</a></li>
<li class="pagenav_item"><a title="PAGE 6" href="">6</a></li>
<li class="pagenav_item"><a title="PAGE 7" href="">7</a></li>
<li class="pagenav_item"><a title="Page 8" href="">8</a></li>
<li class="pagenav_item"><a title="PAGE 9" href="">9</a></li>
<li class="pagenav_item"><a title="PAGE 10" href="">10</a></li>
<li class="pagenav_item"><a title="PAGE 11" href="">11</a></li>
<li class="pagenav_item"><a title="PAGE 12" href="">12</a></li>
<li class="pagenav_item"><a title="Page 13" href="">13</a></li>
</ul>
</div>
</div>