Text formating not displaying per css

[jeking]

I'm trying to create a new text display format. I think i did it right but it's not displaying correctly, so I must have done something wrong.

Near the top of my stylesheet.css, I put:

.tppHeading (
color: #B5CF8E;
text-align: center;
}

I modified the code for Tabbed Products Pro to use the new style and the code from the page created is:

<!--bof Custom sc1-->
<div id="sc1" class="tabcontent" style="display:block;">
<div id="ProductDescriptionHeader1" style="display:block;">
<div class="tppHeading">Product Details</div>
</div>

The code is from http://www.customcreationsunlimited.com/ test /index.php?main_page=product_info&products_id=1173 (spaced added to prevent spidering)

but the text 'Product Details' has no formatting, it's plain. I've tried moving it lower in the css but no luck. What am I doing wrong?

[schoolboy]

Incorrect opening bracket in:

.tppHeading (
color: #B5CF8E;
text-align: center;
}

As it's a single (unique) style, give it an ID rather than a class. Not sure if this will work, but try it:

#tppHeading {
color: #B5CF8E;
text-align: center;
}

... and try putting it at the bottom of stylesheet.css

<!--bof Custom sc1-->
<div id="sc1" class="tabcontent" style="display:block;">
<div id="ProductDescriptionHeader1" style="display:block;">
<div id="tppHeading">Product Details</div>
</div>

[jeking]

Thanks! It was just the bracket.