.productcolor {
    border: 1px solid #DDDDDD;
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    margin: 0 4px 8px;
    padding: 0;
    text-indent: -999px;
    width: 22px;
}

.productcolor1 {
    background-color: #FF0000;
}
.productcolor2 {
    background-color: #FFFFFF;
}
.productcolor3 {
    background-color: #000000;
}
.productcolor4 {
    background-color: #0000FF;
}
.productcolor5 {
    background-color: #FFC0CB;
}
.productcolor6 {
    background-color: #FFFF00;
}
.productcolor7 {
    background-color: #FFA500;
}
.productcolor8 {
    background-color: #008000;
}
.productcolor9 {
    background-color: #800080;
}
.productcolor10 {
    background-color: #808080;
}
.productcolor11 {
    background-color: #D2B48C;
}
.productcolor12 {
    background-color: #A52A2A;
}