a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 31px;
    margin-right: 6px;
    padding-right: 16px;
    text-decoration: none;
}
a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 9px 0 8px 16px;
}
a.button:hover {
    background-position: -31px right;
    color: #000;
    outline: none;
}
a.button:hover span {
    background-position: -31px left;
    padding: 9px 0 8px 16px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}
a.button:active span {
    background-position: bottom left;
    padding: 10px 0 7px 16px;
}
/* кнопка тип 2 */
a.buttonbig {
    background: transparent url('../img/bg_buttonbig_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 18px arial, sans-serif;
    height: 72px;
    margin-right: 12px;
    padding-right: 12px;
    text-decoration: none;
}
a.buttonbig span {
    background: transparent url('../img/bg_buttonbig_span.gif') no-repeat;
    display: block;
    line-height: 38px;
    padding: 18px 12px 16px 24px;
}
a.buttonbig:hover {
    background-position: -72px right;
    color: #000;
    outline: none;
}
a.buttonbig:hover span {
    background-position: -72px left;
    padding: 18px 12px 16px 24px;
}
a.buttonbig:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}
a.buttonbig:active span {
    background-position: bottom left;
    padding: 20px 12px 14px 24px;
}
.clear {
    overflow: hidden;
    width: 100%;
}
.buttonbig span i{
  background : URL('../img/basket_icon_mini.gif') left top no-repeat;
  padding: 8px 20px;
}