.shadesbox{
width: 20px;
height:20px;
float: left;
margin: 5px;
}

.shadesbar {
display:block;
font-family:Arial,Helvetica;
font-size:1em;
font-weight:bold;
height:15px;
line-height:15px;
margin-top:10px;
padding:4px 7px 4px 0;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
width:305px;
clear:both;
}
.shadesbarimg{
clear: both;
text-align: center;
width:305px;

}

.choosecolor{
border: 1px solid #cccccc;
padding: 5px;
width: 150px;

}
.son{
width: 370px;
}
.prodhds{
position: absolute;
display: none;
width: 370px;
}
.mainprod{
display: block;
}