ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
#attributes .attribute_list #color_to_pick_list li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 10px 0 20px;
}

#attributes .attribute_list #color_to_pick_list span{
position:absolute;
left: -9390px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
width: 220px;
}
#attributes .attribute_list #color_to_pick_list li:hover{
z-index: 1150;
cursor:pointer;
}
#attributes .attribute_list #color_to_pick_list span img{
padding:0px;
background:#ccc;
}
#attributes .attribute_list #color_to_pick_list li:hover span{
    
/*top: 40px;*/ /*the distance from the bottom of the thumbnail to the top of the popup image*/
/*left: 40px;*/ /*distance from the left of the thumbnail to the left of the popup image*/

position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -250px;
visibility: hidden;
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}

.ooo:hover {
    border: 4px solid black;
}