.colorSelector {
	position : relative;
	width : 345px;
	height : 200px;
	margin: 10px
}

.colorSelector .saturationSelector {
    position : absolute;
    width : 200px;
    height : 200px;
}

.colorSelector .saturationSelector .hueBackground {
	width : 200px;
	height : 200px;
	background-image: url('sv.png');
	display : block;
}

.colorSelector .saturationSelector .crossHairs {
	width : 21px;
	height : 21px;
	background-image: url('crosshairs.png');
	position : absolute;
}

.colorSelector .hueSelector {
	position : absolute;
	left : 230px;
	top : 0;
	width : 35px;
	height : 200px;
}

.colorSelector .hueSelector .huePosition {
	position : absolute;
	width : 35px;
	height : 11px;
	background-image: url('position.png');
}

.colorSelector .hueSelector .hueBackground {
	width : 35px;
	height : 200px;
	background-image: url('h.png');
	display : block;
}

.colorSelector .colorValue {
	position : absolute;
	left : 280px;
	top : 65px;
	width: 50px;
}

.colorSelector .previewColor {
	height : 50px;
	width : 50px;
	position : absolute;
	top : 0;
	left : 280px;
	border : 1px solid black;
}