Нужно сверстать шаблон tpl navigation при помощи имеющейся css

/* ================= PAGINATION ================= */
.pagination_block:after{
content:"";
display:table;
clear:both;
}
.pagination_block{
padding-top:2.125em;
padding-bottom:1em;
margin-top:2.125em;
text-align:center;
clear:both;
border-top:1px solid #cccccc;
}
.pagination_block .pw{
position:relative;
}
.pagination{

}
.pagination .prev,
.pagination .next{
padding:0.438em 1.875em 0.5em;
line-height:1!important;
}
.pagination .prev:hover,
.pagination .next:hover{
-webkit-box-shadow:0 3px 0 #ceaa1c;
-moz-box-shadow:0 3px 0 #ceaa1c;
box-shadow:0 3px 0 #ceaa1c;
}
.pagination a{
margin-right:0.5em;
margin-left:0.5em;
vertical-align:middle;
padding:0.8em 0.5em 1em;
display:inline-block;
line-height:1!important;
}
.pagination a.active,
.pagination a:hover{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 0 1px #f9c936;
box-shadow:0 0 0 1px #f9c936;
}
.pagination .prev span,
.pagination .next span{
font-size:28px;
}
.number{
position:absolute;
right:2.2%;
top:50%;
margin-top:-14px;
}
.number a.active{
color:#333;
border-bottom:3px solid #f9c936;
}
.number a{
margin:0 .5em;
display:inline-block;
color:#a1a1a1;
border-bottom:1px dotted;
}