If you haven't done so already:
Download FireBug (for Firefox)
Download Web Developer Toolbar (for Firefox)
Both of these will help immensely when editing your website.
If you haven't read up on CSS, then read up on CSS at
http://www.w3schools.com.
For the Blue Background area, that is currently an image file located here:
http://www.coolwestfoods.com.au/xcart/skin1/images/vivid_dreams/head-right.jpg
Dimensions of this JPG are: 47x33
You'll need to open this file in Photoshop, then crop the file to a 1px wide x 33px heigh file. Make sure you crop it to whatever color you want in the background and that it is only 1px wide. You want the light blue, so make sure you crop the far left side of this existing JPG image. Now save this as a NEW FILE and name it whatever you feel (perhaps line2bg.jpg), using the FILE > SAVE-FOR-WEB feature in Photoshop. Also make sure you store this file inside the /vivid_dreams/ folder. Then upload. Next, you'll need to edit the corresponding DIV within the MAIN.CSS. Look for the following line of code in your MAIN.CSS file.
---------BEGIN EXISTING CODE----------
#header .line2 {
border:0 none;
color:#451300;
height:32px;
margin-top:245px;
position:relative;
width:100%;
}
---------END EXISTING CODE----------
Add this line of code:
background: url(images/vivid_dreams/line2bg.jpg) repeat-x;