-.farbtastic .color, .farbtastic .overlay {\r
- left: 0;\r
- right: 47px;\r
-}\r
-.farbtastic .marker {\r
- margin: -8px -8px 0 0;\r
-}\r
+
+.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 {
+ width: 17px;
+ height: 17px;
+ margin: -8px -8px 0 0;
+ overflow: hidden;
+ background: url(../images/marker.png) no-repeat;
+}