#color_selector{
position: absolute;
background-color: #efefef;
border: 2px solid #ccc;
z-index: 9999;
left: 0;
top: 100px;
overflow: hidden;
}

#color_selector_close{
background: url(../images/close.gif) no-repeat left top;
position: absolute;
width: 21px;
height: 20px;
right: 10px;
top: 8px;
font-weight: bold;
cursor: pointer;
}

a.colorlink{
display: block;
margin: 1px;
border: 1px solid #fff;
width: 70px;
height: 20px;
float: left;
padding: 1px;
}

a.colorlink:hover{
border: 1px solid #666;
}

li.colorfield{
overflow: hidden;
width: 150px;
}

li.colorfield  label{
margin: 5px 0 0 5px;
}

.clear{
clear: both;
line-height: 1px;
font-size: 1px;
}

#color_proof{
width: 70px;
}

.color{
background-image: none;
}

.color_col{
width: 150px;
float: left;
margin: 0 0 20px 0;
}

#color_select{
overflow: hidden;
}

#inactive{
background-color: #fff;
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity = 50);
position: absolute;
left: 0;
top: 0;
}

.no_color{
background: url(../images/no_color.gif) no-repeat center center;
}


#colors_container{
position: relative;
overflow: hidden;
margin: 40px 20px 20px 20px;
width: 730px;
height: 370px;
}

#colors{
left: 0;
height: 400px;
}

#colors ul{
width: 150px;
float: left;
}

.popup_label{
background: url(../images/navi_bg.gif) repeat-x 0 0  #51812E;
padding: 10px;
color: #fff;
font-size: 1.2em;
font-weight: bold;
width: 100%;
display: block;
}

#color_controls{
text-align: center;
margin: 10px;
}