Custom html modifications in the Checkout page

-- url of the page with the problem -- localhost
-- HikaShop version -- : 2.2.3
-- Joomla version -- :2.5.17
-- PHP version -- : 5.3.13
-- Browser(s) name and version -- : FreFox 27.0.1
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hi,

In HK's Checkout page, I would like to enclose the login and registration sections within a tab. The tab header anchors should be inserted just below the "#hikashop_checkout_login" div wrapper as shown. Is it possible? If so, where should I append the html anchor tab code? (Sorry, if this is not the correct forum.)

TIA

The current html code looks as follows:

<div class="hikashop_checkout_login row-fluid" id="hikashop_checkout_login">
   <!-- To add: Would like to insert the tab header anchors here. For instance:
	 [color=#000044] <ul id="tabsCheckout">
        <li><a href="#hikashop_checkout_login_left_part">Login</a></li>
        <li><a href="#hikashop_checkout_login_right_part">Register</a></li>       
    </ul>[/color]
	-->

	<div class="hikashop_checkout_login_left_part span4" id="hikashop_checkout_login_left_part">
	....
	</div>

	<div class="hikashop_checkout_login_right_part span8" id="hikashop_checkout_login_right_part">
	...
	</div>

</div>