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