Since I was new to posting, I apologise for not being clear with my first question.

I'm currently working site www.qnecomputing.com.au and trying to achieve an effect where the product search bar is located in the middle of the logo banner.

This effect can be seen on the following website; http://www.skycomp.com.au

By default my current template has a search bar located on the right hand side menu bars or the top right hand corner in the title bar (can be seen when using firefox web developer plug in), is there some way to move either one of them into the logo banner area and increase the size of the box while also creating a frame around it for aesthetic appeal.

Thanks in advance!