div.size-panel { width: 100%; margin-top: 25px; display: inline-block; text-align: left; margin-bottom: 20px;}
    div.size-panel > div { display: inline-block; padding:  1px 0 5px 0; width: 100%; }
    div.size-panel span.size-item { display: inline-block; width: 55px; background-color: #fff; height: 25px; text-align: center; cursor: pointer; font-size: 10px; /* border: #dedede 1px solid; */ padding-top: 6px; box-shadow: 0px 0px 8px #bab8b8; -moz-box-shadow: 0px 0px 8px #bab8b8; -webkit-box-shadow: 0px 0px 8px #bab8b8; margin: 10px 10px 0 0; }
    div.size-panel span.active { border: #fff 1px solid; /* box-shadow: 0px 0px 14px #fff; */ -moz-box-shadow: 0px 0px 14px #fff; /* -webkit-box-shadow: 0px 0px 14px #fff; */ background: #111; color: #fff;}
    div.size-panel span.no-stock { background-color: #dedede; }
div.color-panel { width: 100%; margin-top: 25px; display: inline-block; text-align: left; }
    div.color-panel > div { display: inline-block; padding: 1px 0 5px 0; width: 100%; }
    div.color-panel #ColorList { display: none; }
    div.color-panel div.color-item { display: inline-block; width: 150px; height: 150px; margin: 10px 10px 0 0; border: #bab8b8 1px solid; cursor: pointer; box-shadow: 0px 0px 8px #bab8b8; -moz-box-shadow: 0px 0px 8px #bab8b8; -webkit-box-shadow: 0px 0px 8px #bab8b8; }
    div.color-panel div.active { border-color: #808080; box-shadow: 0px 0px 14px #000; -moz-box-shadow: 0px 0px 14px #000; -webkit-box-shadow: 0px 0px 14px #000; }
    div.color-panel div.color-RD { background-color: red; }
    div.color-panel div.color-GL { background-color: yellow; }