Commercial skins and comps

This updates the styles for all the commercial components so that they can be used when page skins are turned on. Previously we were unable to show commercial components when page-skins were on because of some layout issues.

Before, (without the page skin graphic!);
![screen shot 2014-06-30 at 12 09 10](https://cloud.githubusercontent.com/assets/1303616/3428865/39582da4-0048-11e4-965a-4c0aabe1c1ba.png)

![screen shot 2014-06-30 at 12 16 14](https://cloud.githubusercontent.com/assets/1303616/3428866/3958c980-0048-11e4-8ffa-16c802209dbf.png)

After:
![screen shot 2014-06-30 at 12 18 46](https://cloud.githubusercontent.com/assets/1303616/3428871/65c6ef1a-0048-11e4-9fc9-3019fa41cb36.png)

![screen shot 2014-06-30 at 12 18 58](https://cloud.githubusercontent.com/assets/1303616/3428872/65c83d5c-0048-11e4-98aa-29ffe2248bec.png)

Does this play well? Generally we don't remify icons