remove "width: 150px;" from <div id="categories" class="rightBoxContainer" style="wid

I’ve put my categories side box into the menu. I know theres other ways of achieving the menu i want, but im following this method through aswell as a learning exercise.

Firebug is telling me the following;

How can I remove this "width: 150px;". Its not in any style sheet so im guessing its in the php somewhere.
Thanks
James

Well, it's found in includes/templates/template_default/common/tpl_box_default_right.php

but the actual 150px value is set in admin - configuration - layour settings - column width - right boxes

If you want to shut off the right sideboxes altogether, there's a 'global' setting there too.

(I used the admin - tools - developers tool kit and searched for 'rightboxcontainer' to find this.)

Admin>>Configuration>>Layout Settings and the top two lines are where you can change that width:

Column Width - Left Boxes 150px
Column Width - Right Boxes 150px

Also if you don't want the side columns on at all, you can turn them off in the same section:

Column Left Status - Global
Column Right Status - Global

Thanks.

The reason I wanted this was I had to put

So that my menu can be fluid I dont want a width value for this div so ive changed the following;

I first tried to use CSS to override the PHP but the following didn't work;
.rightBoxContainer, #categories {
width: 100%;
}

So long as this hasn't caused problems for me down the line, it seems to be working fine.

In future, would it be possible to use CSS to override the PHP so I dont have to edit the PHP code?

thanks
james