-.farbtastic .color, .farbtastic .overlay {
- left: 0;
- right: 47px;
+
+.farbtastic {
+ position: relative;
}
+
+.farbtastic * {
+ position: absolute;
+ cursor: crosshair;
+}
+
+.farbtastic,
+.farbtastic .wheel {
+ width: 195px;
+ height: 195px;
+}
+
+.farbtastic .color,
+.farbtastic .overlay {
+ top: 47px;
+ right: 47px;
+ width: 101px;
+ height: 101px;
+}
+
+.farbtastic .wheel {
+ background: url(../images/wheel.png) no-repeat;
+ width: 195px;
+ height: 195px;
+}
+
+.farbtastic .overlay {
+ background: url(../images/mask.png) no-repeat;
+}
+
.farbtastic .marker {
- margin: -8px -8px 0 0;
+ width: 17px;
+ height: 17px;
+ margin: -8px -8px 0 0;
+ overflow: hidden;
+ background: url(../images/marker.png) no-repeat;
}