/*.as_image_type{ */
.as_prod_attr_img {
    border: 2px solid #CCCCCC;
    border-radius: 50%;
    display: inline-block;
    margin: 2px;
    padding: 1px;
    cursor: pointer;
    
    _overflow:hidden;/*IE6, IE7*/
    *zoom:1;/*IE6, IE7*/
    *display:inline;/*IE6, IE7*/
}
/*
.as_prod_attr_img{
    height: 18px;
    width: 18px;
} */

.as_prod_attr_img:hover{
    border: 2px solid #00c;
}

.as_text_type{
    border: 1px solid #999999;
    background-color: #fff;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 2px 3px;
    padding-left: 5px;
    padding-right: 5px;
    
    _overflow:hidden;/*IE6, IE7*/
    *zoom:1;/*IE6, IE7*/
    *display:inline;/*IE6, IE7*/
}

.as_text_type:hover{
    border: 1px solid #AA2222;
    background-color: #008000;
    color: #fff;
}

.as_text_selected{
    border: 1px solid #999999;
    background-color: #CCCCCC;
    color: #fff;
}

.as_image_selected .as_prod_attr_img{
    border: 2px solid #AA2222;
}
.as_image_type {position: relative;}

.as_image_type .radio_attr_label {  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 160%;
  left: 50%;
  margin-left: -60px;

	opacity: 0;  
    transition: opacity 0.5s;
}

.as_image_type .radio_attr_label::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.as_image_type:hover .radio_attr_label {visibility:visible; opacity: 1; }