/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-all-on {
  background-image: url(../sprites/sprite.png);
  background-position: -78px 0px;
  width: 16px;
  height: 16px;
}
.icon-all {
  background-image: url(../sprites/sprite.png);
  background-position: -16px -60px;
  width: 16px;
  height: 16px;
}
.icon-close {
  background-image: url(../sprites/sprite.png);
  background-position: -62px -16px;
  width: 16px;
  height: 16px;
}
.icon-collect-on {
  background-image: url(../sprites/sprite.png);
  background-position: -77px -76px;
  width: 14px;
  height: 14px;
}
.icon-favour-hover {
  background-image: url(../sprites/sprite.png);
  background-position: -32px -60px;
  width: 16px;
  height: 16px;
}
.icon-favour-on {
  background-image: url(../sprites/sprite.png);
  background-position: -21px -22px;
  width: 20px;
  height: 20px;
}
.icon-favour {
  background-image: url(../sprites/sprite.png);
  background-position: -48px -76px;
  width: 15px;
  height: 15px;
}
.icon-logo {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -76px;
  width: 16px;
  height: 16px;
}
.icon-maxs {
  background-image: url(../sprites/sprite.png);
  background-position: -34px -43px;
  width: 16px;
  height: 16px;
}
.icon-menu {
  background-image: url(../sprites/sprite.png);
  background-position: -32px -76px;
  width: 16px;
  height: 15px;
}
.icon-minus {
  background-image: url(../sprites/sprite.png);
  background-position: 0px 0px;
  width: 22px;
  height: 22px;
}
.icon-no-help-on {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -43px;
  width: 17px;
  height: 17px;
}
.icon-no-help {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -60px;
  width: 16px;
  height: 16px;
}
.icon-picture-nomarl {
  background-image: url(../sprites/sprite.png);
  background-position: -43px -19px;
  width: 17px;
  height: 17px;
}
.icon-picture-on {
  background-image: url(../sprites/sprite.png);
  background-position: -17px -43px;
  width: 17px;
  height: 17px;
}
.icon-picture {
  background-image: url(../sprites/sprite.png);
  background-position: -63px -76px;
  width: 14px;
  height: 14px;
}
.icon-product {
  background-image: url(../sprites/sprite.png);
  background-position: -22px 0px;
  width: 21px;
  height: 21px;
}
.icon-read {
  background-image: url(../sprites/sprite.png);
  background-position: -78px -16px;
  width: 16px;
  height: 16px;
}
.icon-recod {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -22px;
  width: 21px;
  height: 21px;
}
.icon-search {
  background-image: url(../sprites/sprite.png);
  background-position: -64px -60px;
  width: 14px;
  height: 14px;
}
.icon-send {
  background-image: url(../sprites/sprite.png);
  background-position: -43px 0px;
  width: 19px;
  height: 19px;
}
.icon-share {
  background-image: url(../sprites/sprite.png);
  background-position: -78px -48px;
  width: 16px;
  height: 16px;
}
.icon-text-hover {
  background-image: url(../sprites/sprite.png);
  background-position: -48px -60px;
  width: 16px;
  height: 16px;
}
.icon-text-on {
  background-image: url(../sprites/sprite.png);
  background-position: -62px 0px;
  width: 16px;
  height: 16px;
}
.icon-text {
  background-image: url(../sprites/sprite.png);
  background-position: -78px -32px;
  width: 16px;
  height: 16px;
}
.icon-video-on {
  background-image: url(../sprites/sprite.png);
  background-position: -62px -32px;
  width: 16px;
  height: 16px;
}
.icon-video {
  background-image: url(../sprites/sprite.png);
  background-position: -16px -76px;
  width: 16px;
  height: 16px;
}