Bingo!! job done. I added width to this text:
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 3.8em;
width:88%; (this was added, for anyones else whos reading)
}

And it works, thanks your a star..

Is this what you are supposed to alter at the start or is it TEXTAREA bit of code in CSS but for some reason it didnt want to work or i did something?

Either way it works and while i got your attention there are going to be plenty of questions from me soon enough i am sure but i got a quick one.

When i add a category then add a bit of text and an image say, this displays fine but when i add a product and click on that category the text is not visible but the product is. How do i display text about category and then products after/below text? Thought id ask you while i was writing this.

Thanks

Paul