/*[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;

}


[type=radio] + img {
    cursor: pointer;
}


[type=radio]:checked + img {
    outline: 2px solid #f00;
}*/
.radio-type-button {
    display: inline-block;
    width: auto;
    margin: 5px 1px 5px 0px;
    padding: 0px;
}
.radio-type-button input {
    visibility: hidden;
    position: absolute;
}
.radio-type-button span {
    padding: 2px;
    background: #efefef;
    border: 1px solid #fff;
    display: block;
}
.radio-type-button label {
    padding-left: 0;
}
.radio-type-button span:hover {
    border: 1px solid #000;
}
.radio-type-button span.active {
    border: 1px solid #e90d15;
}


.colorswatchbox {
    display: inline-block;
    /*
 outline: solid 1px #000000;
width:25px;
 height:25px;*/
    margin-right: 3px;
    margin-bottom: 6px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.absColorArea{
    text-align: center; position: absolute;z-index: 99;width: 100%;bottom:118px;
}