Flexible Attributes addon support

[gjh42]

Replace your stylesheet_flexible_attributes.css content with this:

/*attribute layout*/
.wrapperAttribsOptions label {font-size: 1.0em;}/*make "label" elements match other text*/

/*.back {font-size: 1.3em; background-color: #FFFFff;
text-decoration: none;
margin:0.0em;
display:inline-block;
padding:0em;
align:center;
border:0px solid #e05030;}*/

h3#attribsOptionsText {text-align: center; font-size: 1.6em;}/*hide the "Please Choose:" heading*/
/* display: center; is invalid - do you want text centered?*/

h4.optionName {font-size: 1.3em; background-color: #FFFF00;
text-decoration: none;
margin:0;
padding:0;
border:0px solid #e05030;
float:none; /*Color the background of the option name - full width*/
text-align:center;/*Center the attribute name*/
}

.optionName+br/*to eliminate the effect of your unnecessary added <br>*/, .optionName+br+.back+br/*to eliminate the extra space from standard <br class="clearBoth" />*/ {display: none;}

.wrapperAttribsOptions {/*move common style properties here*/
font-size: 1.4em;
float:left;
padding:4px; 
margin-right: 0.5em;
border:1px solid #e05030;
line-height: 2.0;
}

.attribsOptions .back {float:none;}

.wrapperAttribsOptions+br.clearBoth {display: none;}/*allow floated attributes to sit side by side if desired*/

#wAttrib-1 { /*only need properties in these when different from common*/
}
#wAttrib-2 {
}
#wAttrib-3 {
text-decoration:line-through;
}
#wAttrib-4 {
padding:2px;
color:#e05830;
font-weight:bold;
border:2px solid #e05030;
}
#wAttrib-5 {
}
#wAttrib-6 {
border:1px solid #ffffff;
line-height: 3.0;
}

.attribsCheckbox {
display: none;
}
.attribsRadioButton {
display: none;
}