.item-Show-colors .item-Swatch-small {
  height: 28px;
  width: 28px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  cursor: pointer;
  display:inline-block; 
}

.item-Swatch-small {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: border-box;
}



.item-Swatch-trim-small {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 33%;
}

 .item-Swatch-small:hover {
  border-color: #5e9eff;
  border-width: 4px;
} 







.item-Show-colors .item-Swatch {
  height: 32px;
  width: 32px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  cursor: pointer;
  display:inline-block; 
}

.item-Swatch {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: border-box;
}

.item-Swatch-trim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 33%;
}

 .item-Swatch:hover {
  border-color: #5e9eff;
  border-width: 4px;
} 
.itemActive {
  border-color: #5e9eff;
  border-width: 4px; 
}



.color-pallete .item-color {
  display:block
  float: left;
  height: 55px;
  width: 55px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
}

.item-color {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  border-width: 1px;
  border-style: solid;
 border-color: #000000;
  border-radius: 6px;
  box-sizing: border-box;
}

.item-color-trim {
  display:block
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 33%;
}

.item-color:hover {
  display:block
  border-color: #000000;
  border-width: 1px;
} 

.item-name {
  display:block;
  font-weight:bold;
  margin-bottom: 1px;;
} 


.item-pms {
  display:block
  margin-bottom: 0px;;
  font-size:11px;
} 



.color-block
{
    width:120px;
    margin-top:15px;
    position: relative;
    display: inline-block;
}