.colors {
	display:inline-block;
	width:50px;
	height:50px;
	border:1px outset #000;
	border-color:#cccccc;
	border-radius:5px;
	cursor:pointer;
	float: left;
	margin-right:6px;
	margin-top:6px;
}

#White {
	background-color:#FFFFFF;
}
#Black{
	background-color:#000000;
}
#Matte_Black{
	background-color:#282829;
}

#Light_Gray{
	background-color:#acafb1;
}
#Gray {
	background-color:#757a7a;
}
#Dark_Gray {
	background-color:#505553;
}
#Beige {
	background-color:#d8d0b3;
}

#Bright_Yellow{
	background-color:#f3eb28;
}
#Medium_Yellow{
	background-color:#efcb36;
}
#Sunflower_Yellow { 
	background-color:#e4a832;
}
#Orange {
	background-color:#c7552a;
}
#Tomato_Red {
	background-color:#a42926;
}
#Bright_Red {
	background-color:#a02a2a;
}
#Burgundy {
	background-color:#4d0013;
}
#Pink {
	background-color:#da85b4;
}
#Brown {
	background-color:#4C2600;
}
#Purple {
	background-color:#40356f;
}
#Light_Blue {
	background-color:#55a7d6;
}
#Olympic_Blue {
	background-color:#3683c9;
}
#Medium_Blue { 
	background-color:#305eae;
}
#Sapphire_Blue{
	background-color:#343277;
}
#Navy_Blue {
	background-color:#31315a;
}
#Vivid_Blue {
	background-color:#283d8c;
}
#Teal {
	background-color:#227a88;
}
#Dark_Green {
	background-color:#335440;
}
#Apple_Green {
	background-color:#6bbe34;
}
#Green{
	background-color:#2b7b53;
}
#Kelly_Green{
	background-color:#358b42;
}
#Forest_Green{
	background-color:#2a412d;
}
#Silver{
	background-color:#cbcccd;
}
#Gold{
	background-color:#837848;
}
#Imitation_Gold{
	background-color:#c19c44;
}