.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;

}

.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 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;

}