Wootique Sidebar size

Hi all.

I have tried to sort this myself but have had little luck.

I have copied the code below into the custom.css file in the theme direcotry and changed 2 values.
That of #main(width:504px; padding-right:40px; )
to #main(width:544px; padding-right:40px; )
and #sidebar{width:280px;}
to #sidebar{width:240px;}

Thats +40 for main and -40 for sidebar.

This does seem to adjust the widths of information shown in the ‘panels’ but the actual ‘panels’ them selves do not change.

My site is avaiable below with the custom.css file containing the code in the code box. What else would I need to change ? Or should I be changing something else ?

Any help would be much appriciated.

web site : http://www.robsbots.co.uk/
Have added note to front page of site to help explain.

Thanks

Rob

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#wrapper  { }
#container { background: #fff; -webkit-box-shadow:0 0 40px rgba(0,0,0,0.1); -moz-box-shadow:0 0 40px rgba(0,0,0,0.1); box-shadow:0 0 40px rgba(0,0,0,0.1); }

#main{width:544px; padding-right:40px; }
.layout-full #main, #main.fullwidth { width:880px; }

#sidebar{width:240px;}

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 980px; margin: 0 auto; }

.layout-right-content #main.col-left { float: right; }
.layout-right-content #sidebar.col-right { float: left; border-left:0; }

.col2-set:after { content:""; display: block; clear: both; }
.col2-set .col-1, .col2-set .col-2 , .form-row { width:48%; float: left; }
.col2-set .col-2, .form-row-last { float: right; }
.form-row-first { clear: left; }
.form-row label { display: block; }
.form-row input, .form-row textarea, .form-row select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
.form-row input.button, .form-row input.button { width: auto; }
.form-row-wide { width:100%; float: left; clear:both; }