OK, thanks for your help so far C. Ankerstjerne and others who have contributed reading material.
OK, here is my Table 1 now (with a few changes to your code C. Ankerstjerne due to not enough padding or space between cell inside borders and the text inside (as you can see with older tables to the Original I am trying to replicate.)
This looks like I’ve added enough padding between left hand site and the List ‘dots’ and bottom of the list ending and space (approx 8px to bottom of cell)
Here is the Almost finished Image screenshot, and if you look over from the start - We are getting alot closer to the original table 1
I have added some of my own adjustements to the code:
1) I measured the original Table 1 and it is approx 570px wide, so I need to change to 570px for the table width.
2) the right hand column is slighlty wider than the left (as it hold more test I gather), It looks like the left is 260px wide & right TD is 310px (approx, but thats close enough). The one thing is I have no idea how to change the widths of each individual Table TD (what is the name for a TD? row or column? Its been so long I write all this stuff down in my categorized notes so you know 
)
3) I changed the main font colour from black to the #3a3a3a which is the exact colour used in table 1 and 2 in the code.
So once we get the TD’s their widths, then I think with my little adjustments to padding (as you can see from last screenshot) it is looking more like a splitting image, well that was the plan all along, as I need this basically exactly as is for to fit into my layout.
Here is the code I adjusted from yours, if you compare it you will see minor changes, I still have no idea what margins are and padding and why the four digits (eg: 0 0 0 25px) is there an order for future reference. I mean I was changing things until it looked right. is there an order such as (eg: padding: first 0 is left, 2nd 0 is top, 3rd 0 is bottom & 4th 0/25px is left of the cell?)
Or a link you can guide me to that specializes in this area (padding and margins and the 4 digits (or less) what they change exactly, as I have yet to find any good info describing this on google - a short answer will do, just so I know what changes what, as there are 4 digits most of the time which I consider left, right, top, bottom from my experiementing with the padding in that code… Anyhow… here is my code, if you see something that does not need to be there, or is not correct with standards could you please fix it up for me quickly (so i compare what i did wrong).
This is your recent code with my changes:
table {
border-collapse: collapse;
}
#shipping {
width: 570px;
color: #3a3a3a;
}
td, th {
border: 1px solid #ccc;
font-family: arial, sans-serif;
font-size: 0.8em;
color: #3a3a3a;
padding: 5px 2px;
text-align: left;
vertical-align: top;
}
th {
font-weight: bold;
}
thead th, #airmail th {
background-color: #eee;
}
td ul {
margin: 0;
padding: 0 0 8px;
}
td li {
margin: 0 0 0 40px;
padding: 2px;
}
#airmail td {
text-align: center;
vertical-align: middle;
}
#airmail th:first-child {
font-weight: normal;
}
And the HTML changes are not the frequent, other than adding a  : sign before ‘Local Pick-Up’ as I did not know how to do it using padding, or even if that code is still used. I removed ‘Methods’ from “shipping methods” as I wanted to make sure I was not exanding those cells when playing with the padding and margin 0’s and 10px etc, so I have added back in the code below, however is missing from screenshot.
<table id="shipping">
<thead>
<tr>
<th scope="col">Shipping Methods</th>
<th scope="col">Shipping Timeframe</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"> Local Pick-Up</th>
<td>
<ul>
<li>$5 handling fee per pick-up from our warehouse in Port Melbourne, Victoria
<li>Please contact us before making a order
</ul>
</td>
</tr>
</tbody>
</table>
Thanks again in advance for your help on this last bit, hopefully if you can compare any alternated code to the original Table 1 we can see if it looks identical, and if you can answer my questions regarding the order of padding and margin numbers that will mean I have learned alot about padding and CSS today, as tables is the most common form of CSS I will start with - it makes sense now, and I use them very frequently. I know I have some learning ahead of me, but I picked up the old HTML 8yrs ago when I was just starting out, and could hand write code and websites no problems - as I said I’m a fast and keen learner so CSS will be no different I expect as always with the help of mentors and helpers that answer questions and help make it so much easier - like hands on learning!
I’m sure I will have some questions for you with the 2nd table, mostly about how to get all the cells the same size (or certain size), except the main front ones are different. I know it relies on text size also, but these are too cemetrical and measured for that. Also how to do that with CSS if I cannot use what you do to make the left and right cells in table 1 a certain width, though I will try before bothering you with questions.
It looks as if Table 2 will be alot easier than table 2, atleast in the old way we wrote tables from scratch it seems all text is centered and cells the same width and height, so the CSS should be a test for me
[b]thanks so much, and I appreciate you giving me instructions to get these tables right, once these are done I will have time to read, and will be hovering the CSS forums and other books and reading you suggested so I may help others in return once I learn more, or in something I know like PhotoShop Design (which is behind the times for DESIGN -> HTML) but a great application for web page elements (buttons, icons, logos etc) which I have many years experience in and hope I can give back.
Again - Your assistance I appreciate more than words. I have been on this for along time, then you came along, and from your spark I too shall be joining the CSS design group of designers (from old school to new).Looking forward to hearing from you soon, and see if we can get this table 1 looking the same with the cell widths, and once I add the other rows it will (hopefully) match.
P.S I know how to use CSS to make the font red on row 3 (from what i’ve been reading, I’m sure I have that down pat… learn something everyday… I knew that, just forgot it as it had been a while working with altering html/basic css templates yrs ago)
TTYS-
Jay
