Convert tiny design to flexibile HTML/CSS code

We have a tiny design for a small block of content. For a webshop, it represents a categoryblock in a categorylisting. We want you to convert this design to very flexibile HTML/CSS code. Please look at the design we attached to this bid.... As you can see it contains three of those categoryblocks. They are actually the same, but in different colors. The categoryblocks will be used in an affiliate webshop system, where the affiliates can configure their own webshop, containing their own preferred colors. This is why we need the HTML/CSS to be very flexible. Some end-user can choose some colors, and we need to be able to apply these colors to the categoryblocks on the fly. Also the background-color of the blocks can change.