h3 in featured, new, special etc. sidebox Header

Hi all,

I have created a new div id in the tpl_featured.php by changing line 16 (or so) from

$content .= '<div class="sideBoxContent centeredContent">'; to
$content .= '<div id="featuredContent" class="sideBoxContent centeredContent">';

This has allowed me to put background graphics in different colours in the #featuredHeader and #featuredContents in my stylesheet.

#featuredHeading {
	height: 21px;
	background-image: url("../images/SideboxPinkTop.gif");
	background-position: bottom;
	}

#featuredContent {
	background-image: url("../images/SideboxPinkBottom.gif");
	background-position: bottom;
	padding: 0.5em 0.8em 1.5em 0.8em;
	}

But this stil does not allow me to change the font colour in the sidebox header

I do not want to make this a global change, but make it specific for each sidebox I specify.

I have tried:
#featuredHeading a { etc, but that does not seem to make a difference. Should it be something like:
#sideBoxHeader.featuredHeader { ????

Any one able to solve this little mystery for me?

Many thanks,

Goshawk

specify the h3

try this:
h3#featuredHeading a{
color: #.... and so on}

h3#featuredHeading a:hover{ }

Thanks nodesigns for helping me along,

This did the trick:

h3#featuredHeading a {
	font-size: 1em;
	color: #ffffff;
	}

h3#featuredHeading a:hover {
	font-size: 1em;
	color: #3366ff;
	}

But now I have another little cosmetic challenge:
If you look at this site http://www.kalaxcreations.com/new_shop/index.php?main_page=index you will see that the text in the headers does not all align vertically the same. Curiously the text in the Currencies Header does align at the bottom naturally, but none of the other Header texts do.
I have tried to set vertical-align: bottom;, but this does not work.

Any Idea's,

Goshawk

the currencies has this padding properties in the css :

padding top and bottom are set to 0.2em, that's why it has equal space on top and bottom of "currencies" text.

label, h4.optionName (line 147)
{
line-height: 1.5em;
padding-top: 0.2em;
padding-right: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.2em;
}