height of top tool bar

hi, I really need to adjust the top bar where you can see 'home' 'contact us' etc. http://www.thegreatgiftshop.co.uk/zencart/index.php?main_page=product_info&cPath=80&products_id=615&zenid=fe862f42a33c8380cb7b54299f8dcdf1

as you can see its 2 tool bars high if you see what I mean, I'd like the 'search' and its field on the same line as 'log in' etc so its moved just up from where it is now next to 'log in' so that everything is on one line and hopefully I can then adjust the height of this bar so it isn't as thick and will look neater. Any ideas on how to achieve this and move the search will be much appreciated.

anyone? I'm really stuck on this and need to get it sorted asap

find this rule in your stylesheet and add float : left ; to it .

.back {
float:left;
}

Ah, thanks so much, how can I centre these nav links in the bar now though? I know float left keeps them on one line but if i float centre it puts an extra bit in again how it was.

and doing this has fixed the problem I had with images appearing in a column for the new prodc box and additional images on product info pages, but now...my attribute images are all ascew. How can I put them back to being next to eachother and also centre the nav links in the top bar

there is no float center . but you can add extra padding to have the links center .
navMain ul, #navSupp ul, #navCatTabs ul {
line-height:1.5em;
list-style-type:none;
margin:0;
padding:0.5em 0;
text-align:center;
padding-left:200px;
}

also try to fix this error in your stylesheet. sometimes validating your style might help with fixes.

LABEL, h4.optionName {{width:200px;}
line-height: 1em;
padding: 0.1em;
}

you have extra { }

Ah, thank you. That's fixed the top bar, and I removed the extra two } from the other section in the stylesheet...but I'm still having trouble with the attribute images, on some productinfo pages they are aligned fine, but on this particular page where there are two dropdowns they are still not aligned; http://www.thegreatgiftshop.co.uk/zencart/index.php?main_page=product_info&cPath=36&products_id=369

and I still want them to be flush with the beginning of the option names so they move over more to the left column.

Any ideas?

how about adding this to your CSS ?

.attribImg {
clear:right;
float:left;
}

i don't know how this plays with other pages. you may need to test it :cry:

You star! That seems to have helped. Its not perfect, for example the products with less than 3 attribute dropdowns, for example here;

http://www.thegreatgiftshop.co.uk/zencart/index.php?main_page=product_info&cPath=36&products_id=369

have a bit more of a gap between the images and their dropdown. But who cares! atleast they arnt crooked now so a vast improvment plsu they line up more with the attribute option names closer to the left margin. Thanks! :clap: