color boxes with swatches

.color-box {
  float: left;
	margin-right: 2px;
}

.color-box {
	border: 1px solid #E1E2E5;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: baseline;
    width: 15px;
    cursor: pointer;
}

.color-box.color-selected, .color-box:hover {
	border: 1px solid black;
}

.color-box.mini {	
	height: 10px;
	width: 10px;
}

/* bg-colors */
.bg-red {
	background-color: red;
}

.bg-yellow {
	background-color: yellow;
}

.bg-blue {
	background-color: #3E6484;
}

.bg-green {
	background-color: green;
}

.bg-orange {
	background-color: orange;
}

.bg-purple {
	background-color: purple;
}

.bg-brown {
	background-color: #CA8F67;
}

.bg-black {
	background-color: black;
}

.bg-grey {
	background-color: gray;
}