Using different colors on background module header

In the template eCommerce the background of the module headers is defined in the style(nr).php files by $modulesHeadingBgStart and $modulesHeadingBgEnd.
Is it possible to have different colors for each module header background by applying a different Module Class suffix for each module? (See attached jpg file)

Hi,

Yes you can use suffixes , but you must then add appropriate css rules that are in action when header is in .module<suffix>{... class

Oké, I thought so. This is what I've done. I made a copy of the styles for "div.moduletable h3" and put in a suffix. The only thing now is that the background of the module doesn't have a background-color. It's supposed to be white. Can't figure out that one
You can see at the module SHOPPING CART at studiopat.nl.mol5.nl
(Can't I use something simular like $modulesHeadingBgStart and $modulesHeadingBgEnd and put in the style1.php?)

=== my copy of the css class ==

div.moduletable-m4m h3 {
font-size:17px;
text-align:left;
font-weight:normal;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform:uppercase;
margin:0 0 7px 0;
padding:0 0 0 25px;
line-height:35px;
background-color: #00CC33;
}

div.moduletable-m4m p,
div.moduletable-m4m div,
div.moduletable-m4m td {
padding:0 10px;
}

div.moduletable-m4m td p {
padding:0;
}

You have to use:

div.moduletable-m4m .vmCartModule{
background-color:#xxxxxx!important;
}

I've made this background yellow as you can see on studiopat.nl.mol5.nl/ but there still is a gap between the header and content.

div.moduletable-m4m h3 {
font-size: 17px;
text-align: left;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: uppercase;
margin: 0 0 7px 0;
padding: 0 0 0 25px;
line-height: 35px;
background-color: #0C3;
}

set margin parameter to: 0 0 0px 0;