Remove Ugly Box Around Category Dropdown...

See the screenshot:


I have this ugly box around the category dropdown in the search bad as seen in the screenshot (in the red box)

How can I remove this from the search bar and still have my search bar work.

I would like the category listing (dropdown) to still be their. If this is not possible I can remove the category listing completly.

Please help. thanks.

You can’t remove it as it is a part of the background image in /skins/mobishop_blue/customer/styles.css:

[QUOTE].top-tools-container {

background: url(“images/top_tools_bg.gif”) repeat-x scroll left 0 #E5E5E5;

height: 42px;

padding: 0;



Can it be taken out completly?

Just comment it out with /your css code/ like:

/*.top-tools-container {
background: url("images/top_tools_bg.gif") repeat-x scroll left 0 #E5E5E5;
height: 42px;
padding: 0;

/*.top-tools-container span.float-left, .top-tools-container span.float-right {
background: url("images/top_tools_left.gif") no-repeat scroll left 0 transparent;
height: 42px;
margin: 0;
padding: 0;


/*.top-tools-container span.float-right {
background: url("images/top_tools_right.gif") no-repeat scroll right 0 transparent;


But it’s really ugly…