Nav Bar and Link Problems

[chemdata]

I have my nav bars at the top and also the one below the logo set as follows:

#navMainWrapper {
FONT-WEIGHT: bold;
MARGIN: 0em;
WIDTH: 100%;
COLOR: #ffffff;
HEIGHT: 1%;
BACKGROUND-COLOR: #426B9C
}


#navCatTabsWrapper {
FONT-WEIGHT: bold;
MARGIN-BOTTOM: 1px;
WIDTH: 100%;
COLOR: #ffffff;
HEIGHT: 1%;
BACKGROUND-COLOR: #426B9C
}

In spite of this the separator "|" between each of the links is not visible having taken on the background color.

I am also having a problem with the following two links which are aon the left and right side of the page. These are "new products (more)" and "shipping cart (more)" respectively. Although I was able to set the hover color to what I wanted it just accepts the color of all the otgher links on the page and not to what I want.

I seem to be at a standstill. Any help is appreciated. Thanks.

[kobra]

Post a url so we do not have to guess...

[chemdata]

Sorry. The url is:
http://www.fotopoet.com/zencart/

Thanks.

[Sketchy]

I think the popular misconception is that using the template overrides will have the separators in place, but that's a thing of the 'Classic' tabled header. However, you can add the separators in optionally.

To change the color of the sidebox header/title links;

h3.leftBoxHeading a:hover {
	color: #insertyourcolorhere;
	text-decoration: underline;
	}

h3.rightBoxHeading a:hover {
	color: #insertyourcolorhere;
	text-decoration: underline;
	}

[chemdata]

Thanks. The separators are in place. Its just that they took on the color of the background and therefore cannot be seen.

[Sketchy]

Odd, I can't see any seperators even in your page source.

Anyways, I forgot to mention that you forgot the semicolons following your last color codes in the codes you supplied. It's a good idea to validate as it lessens parse errors.