Hi,
This is a 100% custom modification and unfortunately we don't provide free support or step-by-step instructions for custom coding modifications.
You may purchase premium support:
www.flexiblewebdesign.com/premium-support
and let us take care this modification for you directly on your website though.
I recommend you to start using "Firebug" plugin to make the necessary CSS customizations. It will save you hours, because you will instantly know, what CSS files you need to make modification and what CSS rules you need to change (to change: color, font-size, padding, margin etc..)
For more info about Firebug, see this topic:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting
Attachment Pasted_Image_9_10_14__8_59_PM_2015-09-21.png not found
Regards.