attribute value text too small

[fakeDecoy]

The "Houston, TX" text on this page is too small. It's a display only attribute.

http://www.adamantbarbell.com/index....roducts_id=321

If you view source you'll see:

<!--bof Attributes Module -->

<div id="productAttributes">

<h3 class="attributesComments">To waive shipping charges, this can be picked up locally!</h3>

<div class="wrapperAttribsOptions">

<h4 class="optionName back">Pick Up Locations:</h4>
<div class="back biggertext" >
Houston, TX<br />
</div>
<br class="clearBoth" />
</div>

<br class="clearBoth" />

</div><!--eof Attributes Module -->

As you can see, I specified the "biggertext" class in additiona to the "back" class that was specified already. It is defined in stylesheet.css as:

.biggerText {
	font-size: 1.2em;
	}

.back {
	float: left;
	}

Shouldn't the innermost nested DIV tag with the "biggertext" override the outer ones?

[tony_sar]

CSS is case sensitive . try this

.biggertext {
font-size:1.2em;
font-weight:bold;
color:yellow ;
}