/*все русские комментарии необходимо закрывать пустым комментарием, либо сохранять CSS-файл в кодировке UTF-8, это позволит избежать глюков в IE6 и ниже, связанных с необработкой стилей после употребления кириллицы в комментариях в css-файлах, подключаемых к странице, которая сохранена в кодировке UTF-8 *//**/
a.button {
  display: block;
  float: left; /* чтобы кнопка не растягивалась на всю ширину родительского блока, а ограничивалась текстом *//**/
  font: bold 12px arial, sans-serif;
  color: #555;
  text-decoration: none;
  background: url(../images/button/button_r.gif) top right no-repeat;
  padding-right: 25px; /* отступ для "раздвижных дверей" *//**/
  outline: none; /* убираем точечную обводку в FireFox, которая появляется при клике *//**/
}
a.button span {
  display: block;
  line-height: 13px;
  background: url(../images/button/button_l.gif) no-repeat;
  padding: 7px 0 13px 23px;
}
a.button:hover {
  background-position: 100% -33px;
}
a.button:hover span {
  background-position: 0% -33px;
  color: #222;
}
a.button:active {
  background-position: 100% -66px;
}
a.button:active span {
  background-position: 0% -66px;
  color: #222;
  padding: 8px 0 12px 23px; /* опускаем текст на 1px *//**/
}