#range-container {
	width: 100%;
	max-width: 369px;
	margin: 20px auto 0;
}
#range-container img {
	margin-bottom: 20px;
	width: 100%;
}
#range-container figcaption {
	margin-top: -20px;
	text-align: center;
}
#colors {
	margin: 0 auto;
	max-width: 740px;
	padding: 10px;
	overflow: auto; /* contain floated elements */
}
#colors .color {
	margin: 3px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid rgb(21, 21, 24);
}
#colors > div {
	float: left;
	margin: 0px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0);
}
#colors > .current-option,
#colors > div:hover {
	border-color: #dba900;
}
.color.anthracite {
	background-color: rgb(51, 51, 51);
}
.color.ardoise {
	background-color: rgb(97, 95, 93);
}
.color.armor {
	background-color: rgb(118, 130, 153);
}
.color.burgundyred {
	background-color: rgb(102, 18, 31);
}
.color.britishracinggreen {
	background-color: rgb(45, 66, 32);
}
.color.chantilly {
	background-color: rgb(235, 235, 235);
}
.color.chocolat {
	background-color: rgb(63, 44, 36);
}
.color.coralblue {
	background-color: rgb(118, 187, 186);
}
.color.delftblue {
	background-color: rgb(171, 189, 204);
}
.color.englishcreme {
	background-color: rgb(248, 230, 192);
}
.color.faience {
	background-color: rgb(188, 191, 196);
}
.color.frenchblue {
	background-color: rgb(48, 58, 94);
}
.color.frangipane {
	background-color: rgb(191, 173, 152);
}
.color.graphite {
	background-color: rgb(59, 51, 49);
}
.color.griotte {
	background-color: rgb(139, 7, 24);
}
.color.ivory {
	background-color: rgb(232, 224, 209);
}
.color.mandarine {
	background-color: rgb(239, 123, 0);
}
.color.matteblack {
	background-color: rgb(21, 21, 24);
}
.color.marronglace {
	background-color: rgb(122, 93, 71);
}
.color.noirbrillant {
	background-color: rgb(21, 21, 24);
}
.color.olive {
	background-color: rgb(128, 130, 1);
}
.color.plum {
	background-color: rgb(100, 63, 83);
}
.color.portugueseblue {
	background-color: rgb(75, 86, 145);
}
.color.provenceyellow {
	background-color: rgb(226, 162, 1);
}
.color.rosequartz {
	background-color: rgb(223, 206, 214);
}
.color.stainlesssteel {
	background-color: rgb(185, 185, 185);
}
.color.terracotta {
	background-color: rgb(177, 66, 1);
}
.color.tilleul {
	background-color: rgb(206, 220, 197);
}
.color.vertsilice {
	background-color: rgb(176, 185, 185);
}
.color.vertsologne {
	background-color: rgb(192, 182, 133);
}
.color.blanc {
	background-color: rgb(235, 235, 235);
}
#trims {
	margin: 0 auto;
	max-width: 370px;
}
#trims > div {
	width: 64px;
	height: 64px;
	margin: 5px;
	padding: 1px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0);
	float: left;
}
#trims > .current-option,
#trims > div:hover {
	border-color: #dba900;
}