<div class="sub_cat_wrapper">
<table cellpadding="0" cellspacing="0" border="0" class="main_category_table">
<tr>
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series this is more test text</span></a></td>
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Current Events</span></a></td>
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series this is more test text</span></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Current Events</span></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
</tr>
<tr>
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
</tr>
</table>
</div>
<div class="sub_navigation1">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
- <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
<td width="100%" class="nav_mid_bg"></td>
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
</tr>
</table>
</div>
<div id="search_results_parent">
<div class="search_results checkout_item_pad">
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
<div class="item_detail_info">
<div class="item_detail_name">Book Name</div>
<div class="item_detail_author">by Author Name</div>
<div class="item_detail_extra_info">Publisher, Year, Size</div>
</div>
<div class="item_icon_wrapper">
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon"> <img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
<div class="item_icon_type_text">Book</div>
</div>
<div class="clear"> </div>
</tr>
<tr>
<td class="popup_lm"><div class="clear"> </div></td>
- <td class="popup_mid"><div class="popup_content"><img src="graphics/library_card.png" alt="library card" /></div></td>
+ <td class="popup_mid"><div class="popup_content"><img src="[% ctx.media_prefix %]/images/kpac/library_card.png" alt="library card" /></div></td>
<td class="popup_rm"><div class="clear"> </div></td>
</tr>
<tr>
<td class="popup_bm"><div class="clear"> </div></td>
<td class="popup_br"><div class="clear"> </div></td>
</tr>
- <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>
+ <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="[% ctx.media_prefix %]/images/kpac/popup_arrow_bm.png" /></td></tr>
</table>
</div>
</div>
<td class="popup_bm"><div class="clear"> </div></td>
<td class="popup_br"><div class="clear"> </div></td>
</tr>
- <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>
+ <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="[% ctx.media_prefix %]/images/kpac/popup_arrow_bm.png" /></td></tr>
</table>
</div>
</div>
<div class="box_inside">
<p>Library Card Number without spaces:</p>
<div class="input_box"><input type="text" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>
- <a class="help_btn" href="javascript:;" onclick="helpPopup('card_help', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>
+ <a class="help_btn" href="javascript:;" onclick="helpPopup('card_help', this, event);"><img src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="pin number help" /></a>
<div class="clear"> </div>
<div class="hr"> </div>
<p>Pin Number:</p>
<div class="input_box"><input type="password" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>
- <a class="help_btn" href="javascript:;" onclick="helpPopup('test_popup', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>
+ <a class="help_btn" href="javascript:;" onclick="helpPopup('test_popup', this, event);"><img src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="pin number help" /></a>
<div class="clear"> </div>
<div class="hr"> </div>
<p>Choose a Pickup Library:</p>
</div>
</div>
<div class="submit_btn">
- <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>
+ <a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="submit" /></a>
</div>
</div>
</td><td valign="top">
</div>
</div>
<div class="submit_btn">
- <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>
+ <a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="submit" /></a>
</div>
</div>
</td></tr></table>
<div class="sub_navigation2 checkout">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
- <td><a href="javascript:;"><img src="graphics/cancel_back_btn.png" /></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/cancel_back_btn.png" /></a></td>
<td width="100%" class="nav_mid_bg"> </td>
</tr></table>
</div>
<div class="sub_navigation2 checkout">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
- <td><a href="javascript:;"><img src="graphics/back_to_results_btn.png" /></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/back_to_results_btn.png" /></a></td>
<td width="100%" class="nav_mid_bg"> </td>
- <td><img src="graphics/back_to_book.png" /></td>
+ <td><img src="[% ctx.media_prefix %]/images/kpac/back_to_book.png" /></td>
<td nowrap="nowrap"><a class="checkout_res_back" href="javascript:;">Back to <span>Book Name</span></a></td>
</tr></table>
</div>
<!-- did somebody order the div salad? -->
<div class="item_detail_header">
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
<div class="item_detail_info">
<div class="item_detail_name">Book Name</div>
<div class="item_detail_author">by Author Name</div>
<div class="item_detail_icon_rate">
<div class="item_icon_wrapper">
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon"> <img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
<div class="item_icon_type_text">Book</div>
</div>
<div class="item_detail_rate_wrapper">
- <div class="item_detail_rate_starts"><img alt="rating" src="graphics/stars!.png" /></div>
+ <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></div>
<div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
<div class="clear"> </div>
<div class="item_detail_cn_wrapper">
</div>
</div>
<div class="item_detail_header_buttons">
- <div class="item_detail_getit_btn"><a href=""><img alt="get it" src="graphics/get_it_btn.png" /></a></div>
- <div class="item_detail_goback_btn"><a href=""><img alt="go back" src="graphics/go_back_btn.png" /></a></div>
+ <div class="item_detail_getit_btn"><a href=""><img alt="get it" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a></div>
+ <div class="item_detail_goback_btn"><a href=""><img alt="go back" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></div>
</div>
<div class="clear"> </div>
</div>
<div class="item_detail_rating_top">
<table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table"><tr>
<td class="avg_rate">Average Rating</td>
- <td class="stars"><img alt="rating" src="graphics/stars!.png" /></td>
+ <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></td>
<td class="total_rates">out of 132 reviews</td>
</tr></table>
<div class="clear"> </div>
<div class="item_detail_rating2">
<table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
<td class="rate">Rating</td>
- <td class="stars"><img alt="rating" src="graphics/stars!_gray.png" /></td>
+ <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!_gray.png" /></td>
<td class="scale">1 = Poor, 5 = Awesome</td>
</tr></table>
<div class="review_comment_box"><textarea class="review_comment" style="color:#aaa;" onfocus="if(this.value==' Write the reasons for your rating here. '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Write the reasons for your rating here. '; this.style.color='#aaa';}"> Write the reasons for your rating here. </textarea></div>
<div class="clear"> </div>
</div>
- <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="graphics/review_submit_btn.png" /></a></div>
+ <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
</div>
<div class="sub_navigation1">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
- <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
<td width="100%" class="nav_mid_bg"></td>
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
</tr></table>
</div>
<div class="sub_navigation2">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
- <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_last.png" /></a></td>
<td width="100%" class="nav_mid_bg">
<table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>
</td>
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_next.png" /></a></td>
</tr></table>
</div>
<div id="search_results_parent">
<div class="search_results" id="search_results_template">
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
<div class="item_detail_info">
<div class="item_detail_name">Book Name</div>
<div class="item_detail_author">by Author Name</div>
<div class="item_detail_callnumber">Call Number</div>
<div class="item_detail_extra_info">Publisher, Year, Size</div>
<div class="item_detail_actions">
- <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>
- <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>
+ <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/more_info_btn.png" alt="more info" /></a></div>
+ <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/get_it_btn_sm.png" alt="get it" /></a></div>
<div class="clear"> </div>
</div>
</div>
<div class="item_icon_wrapper">
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon"> <img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
<div class="item_icon_type_text">Book</div>
</div>
<div class="clear"> </div>
</div>
<div class="search_results">
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
<div class="item_detail_info">
<div class="item_detail_name">Book Name</div>
<div class="item_detail_author">by Author Name</div>
<div class="item_detail_callnumber">Call Number</div>
<div class="item_detail_extra_info">Publisher, Year, Size</div>
<div class="item_detail_actions">
- <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>
- <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>
+ <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/more_info_btn.png" alt="more info" /></a></div>
+ <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/get_it_btn_sm.png" alt="get it" /></a></div>
<div class="clear"> </div>
</div>
</div>
<div class="item_icon_wrapper">
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon"> <img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
<div class="item_icon_type_text">Book</div>
</div>
<div class="clear"> </div>
<div class="sub_navigation3">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
- <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_last.png" /></a></td>
<td width="100%" class="nav_mid_bg">
<table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>
</td>
- <td><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_next.png" /></a></td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
</tr></table>
</div>