reducing depth of css selectors

This fixes the issue of excessive depth in the css, (was 5 levels, we should be at a maximum of 4).

As the commercial components across both articles & fronts and have high & low relevance while trying to keep the same html it's tricky to keep the depth down!