I am trying to change the color of the text of the product heading row on a sub category page. (Product Image, Item Name, Price)

I have altered the css to

.productListing-rowheading {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
height: 2em;
color: #FFFFFF;
}
Which only changed the first heading text, Product Image. In looking at the code behind the page, I find the text Item Name and Price classed as productListing-heading, so I created the following in the css

.productListing-heading {
height: 2em;
color: #FFFFFF;
}
Which also did not work.

I used the Admin Developer Tools to find all the css' and then Files, Templates et al, that might reference productListing-heading and only found the name in includes/functions/functions_general.php

Line #507 : $sort_prefix = '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('page', 'info', 'sort')) . 'page=1&sort=' . $colnum . ($sortby == $colnum . 'a' ? 'd' : 'a')) . '" title="' . zen_output_string(TEXT_SORT_PRODUCTS . ($sortby == $colnum . 'd' || substr($sortby, 0, 1) != $colnum ? TEXT_ASCENDINGLY : TEXT_DESCENDINGLY) . TEXT_BY . $heading) . '" class="productListing-heading">' ;

and in includes/modules/product_listing.php

Line #68 : 'params' => 'class="productListing-heading"',

I am not sure if this class should be changed to productlisting-rowheading or if there is another place that controls this color of row heading. I am not sure what I am doing wrong.

The site is www.gerredhudson.com. Thank you.