Thanks for that help John , It works a treat & I really appreciate it!
I also added a float:right to;
.product-field-type-E .product-field-display .attribute_list {
display: inline-block;
margin: 0 3px;
float:right;
}
Which finishes it off very nicely
Is there any reason why
This at line 2249
div.product-field.product-field-type-E span.product-field-display div div span {
display: inline !important;
width: 100% !important;
}
And this at line 2236
div.product-field.product-field-type-E span.product-field-display div div span {
background: none repeat scroll 0 0 transparent;
margin: 5px 0;
padding: 3px;
text-align: left;
}
cant be combined into this
div.product-field.product-field-type-E span.product-field-display div div span {
background: none repeat scroll 0 0 transparent;
margin: 5px 0px;
padding: 3px;
text-align: left;
display: inline !important;
width: 100% !important;
}