[happyscott]

Thanks for that, looked up the float css stuff and got it to work, though I have the HeadRight on the left and the search box on the right.

One thing though, the div with the search box on the right is not as good as it could be, it has a 1 px gap at the bottom and a 2 px gap to the right, I have played with the padding and margins/borders, but cannot find why it is formatting like that.

I put another Div in to push the rest of the page back down as it all squashed together when I put the new divs in !

Here is what I have, note a few probably not needed extras in the css !

 
.HeadLine {
float:left;
width:44%;
padding: 3px;
margin:0;
}
.HeadRightBox
{
float:left;
width:55%;
padding: 1px;
margin:0;
BACKGROUND-COLOR: #ADDFEF;
border-left-width: 0px
MARGIN-RIGHT: 0 px;
BORDER: 0PX;
}
.HeadGapDiv
{
BACKGROUND-COLOR: #E7F3FF;
}

Here is the divs bit:

 
<div class="Headerbackgd">
<div class="HeadLogo"> <a href="{$http_location}/"><img class="logo" src="{$ImagesDir}/logo.jpg" width="800" height="120" alt="{$smarty.capture.title|replace:"\n":""}"/></a></div>
<div class="HeadRightBox">{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</div>
<div class="HeadLine">{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</div></div>
<div class="HeadGapDiv"><p></p></div>  

Really noticing the shop starting to load much quicker now, thanks for all you lots help so far, much appreciated