Need urgent help with Simplecart shipping

Good day ,

I was born many years before Computers (1951) and really needs someone to help me.
I am building a Wine store and decided to use Simple cart. Thank you for the examples, every thing works fine I only need to add shipping to my totals.
The shipping is per box and must be added to the total ( If 2 boxes are ordered the shipping must double.
I looked at examples for shipping and tried but with no success. I attached my simplecart.js If someone could please change the shipping for me so that the shipping amout shows and is added to the subtotal and the total. I will really appreciate it for i know what i need but got no idea of how to achive it.

Also the selling part if you can please help to accommodate the Shipping.

<table>
<br><h5>Price per Bottle R48.50 (Minimum 12 Bottles)</h5>
<h5>Price per Box (12 Bottles) R582.00</h5>
<br>
</div>
<tr>
<td>
<div class=“simpleCart_shelfItem”>
<h5> class=“item_name”>Pinotage 2010</h5><br>
<img src=“images/red_wine.jpg” title=“Pinotage 2010” class=“item_image”/>
<span class=“item_price per box”><strong>R582.00</strong></span>
<noscript><a href=“no_javascript.html” class=“item_add”>Add to card</a>;
</noscript>
<script>document.write('<a href="#"class=“item_add”><img src=“scbut03.gif”

alt=“”/></a>');</script>
<p class=“item_Description”>Very nice dark red wine with a oak flavor/p>
</div>
</td>
</tr>
<tr>
<td colspan=“2” class=“shoppingcart-container”><div style=“width:600px;”

class=“simpleCart_items”>
</div>
</td>
</tr>
<tr>
<td colspan=“2” align=“center”>
<div id=“cartTotal”><strong>Total: </strong><span

class=“simpleCart_total”></span></div>
</td>
</tr>
<tr>
<td>
<noscript><a href="no_javascript.html"class=“simpleCart_empty”>Empty

Cart</a>;</noscript>
<script>document.write('<a href="#"class=“simpleCart_empty”><img src=“empty.jpg”

alt=“”/></a>');</script>
</td>
<td>
<noscript><a

href=“no_javascript.html"class=“simpleCart_checkout”>Checkout</a>;</noscript>
<script>document.write('<a href=”#" class=“simpleCart_checkout”><img

src=“finalize.gif” alt=“”/></a>');</script>
</td>
</tr>
</table>

And the last last problem. The following text distorts my Header and Menu when I

place it inside the <head> </head>. It is there to place the shopping cart

items next to one another. Is there a way to place the items next to each ather

without using this style script.

<style>
.simpleCart_items div, div {
float:left;
position: relative;
margin-right: 20px;
}
.simpleCart_shelfItem, .shoppingcart-container {
border: 1px solid gray;
padding: 1em;
}
</style>

My simplecart.js must be changed as well to accomodate shipping. I can email it to the persons willing to assist me. Thank you in advance