Changing pagenav ul to div in AppsPro Tech

How do I change the pagination, in this case I only have to change prev and next button link.

Now it looks like this:
<ul class="pagenav">
<li class="pagenav-prev">
<a href="/article-2" rel="prev">&lt; Previuos</a>
</li>
<li class="pagenav-next">
<a href="/article-3" rel="next">Next &gt;</a>
</li>
</ul>

And want to do:
<div class="pagenav-prev">
<a href="/article-2" rel="prev" class="arrow-left">&lt; Previuos</a>
</div>
<div class="pagenav-next">
<a href="/article-3" rel="next" class="arrow-right">Next &gt;</a>
</div>
Where the text is images of arrows. The text is -9999 left.

I want the content to be in the middle of the screen and next arrow image to the right of the content and the prev arrow image to the left of the content. Both in smartphones/iPhone/iPad and in normal browsers.

I've checked the pagnination.php in the template folder but I can't see how to go about it.
Is this doable?

I've figure it out.
edit /*site*/plugins/content/pagenavigation/pagenavigation.php from line 173

// Output.
if ($row->prev || $row->next) {
$html = '
<br />' /** OLD <ul class="pagenav">' */
;
if ($row->prev) {
$html .= '
<div class="pagenav-prev">
<a href="'. $row->prev .'" rel="prev" class="arrow-prev">'
. JText::_('JGLOBAL_LT') . $pnSpace . JText::_('JPREV') . '</a>
</div>'
;
}



if ($row->next) {
$html .= '
<div class="pagenav-next">
<a href="'. $row->next .'" rel="next" class="arrow-next">'
. JText::_('JNEXT') . $pnSpace . JText::_('JGLOBAL_GT') .'</a>
</div>'
;
}
$html .= '
<br />' /** OLD <ul class="pagenav">' */
;

Rest is CSS.