How to add padding to the itemprop="headline" in the tabbed container

Hi,

I’m still struggling making the content in this site line up full width with the width of the boxed layout.

I’ve created a colour section and given it an ID of pricing_page then used:

#pricing_page * {padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important;}

To make the content line up full width as you can see with this screenshot:

But as you can see the padding on the tabs has also been removed. I thought this would be easy to get back by adding a bit of CSS:

.tabcontainer div[itemprop="headline"]{margin:20px!important; padding:20px!important; border: 1px dashed red;}

But this gives me vertical margin and padding but no horizontal padding. See:

Which selector do I need to target to give the itemprob=headline some padding on either side of the text?

And is there not an easier way of making the content sit full width in a boxed layout? I’d quite like to see this as an option in the future.

Many thanks.