[gizmo]

Sorry to confuse anyone Here I found final edits are OK, but not check it in all browsers, I have checked it in IE7 and latest Firefox.....

/* page container */
#page-container {
min-height: 100%;
position: relative;
width:960px;
margin:0 auto; (This is added not edited)
}
/* page layout */
#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 960px;
padding-bottom: 39px;
margin-top: 140px;
}
#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}
#center {
float: left;
position: relative;
width: 50%;
left: 50%;
}
#left-bar {
float: left;
position: relative;
width: 160px;
margin-left: 7px;
}
#right-bar {
float: right;
right: 7px;
position: relative;
width: 160px;
}
#center-main {
margin: 0px 187px 0px 187px;
position: relative;
overflow: hidden;
}
#header {
height: 140px;
position: absolute !important;
top: 0px;
left: 0px;
width: 960px;
}
#footer {
height: 39px;
width: 960px;
position: absolute !important;
bottom: 0;
overflow: hidden;
float: left;
}

AND ALSO I FOUND I STILL HAD TO EDIT THIS BECAUSE OF QUICK CART CHECKOUT PAGES:

/* Checkout page : tabs */
div.flc-tabs-container {
position: relative;
text-align: right;
height: 60px;
}
div.flc-tabs {
position: absolute;
right: 0;
top: 0;
}
ul.flc-progress-bar {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.flc-progress-bar li {
float: left;
height: 60px;
width: 145px;
padding: 0px;
margin: 0px;
text-align: center;
}

Obviously this is for 960px (Centred) up to you what size you choose) I Have not fully tested all areas
I hope it helps people, and just for the record I am self taut and no expect, but I do read a lot about css, if I cannot get any help here from people that may have tried it already....