.b-button-group {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
}
.b-catalog-panel_type_button-group .b-operation-button {
line-height: 34px;
}
/*icons*/
.b-operation-button__icon
{
display: inline-block;
margin-right: 5px;
vertical-align: middle;
background: url('main-s5c80fa4f0f.png') no-repeat;
}
.icon-gallery_mode_cur, .b-catalog-panel__gallery-type:hover .b-operation-button__icon, .b-catalog-panel__gallery-type.b-operation-button_stat_active .b-operation-button__icon {
background-position: 0 -2082px;
height: 15px;
width: 14px;
}
.icon-list_mode_cur, .b-catalog-panel__list-type:hover .b-operation-button__icon, .b-catalog-panel__list-type.b-operation-button_stat_active .b-operation-button__icon {
background-position: 0 -2116px;
height: 14px;
width: 13px;
}
.icon-gallery_mode, .b-catalog-panel__gallery-type .b-operation-button__icon {
background-position: 0 -2067px;
height: 15px;
width: 14px;
}
.icon-list_mode, .b-catalog-panel__list-type .b-operation-button__icon {
background-position: 0 -2102px;
height: 14px;
width: 13px;
}
/*links*/
.b-button-group .b-operation-button:first-child {
border-left: 1px solid #d6d6d6;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.b-button-group .b-operation-button:last-child {
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.b-button-group .b-operation-button {
float: left;
border-left: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}

.b-catalog-panel_type_button-group .b-operation-button {
padding: 0 15px;
height: 34px;
line-height: 34px;
}
/*button*/
.b-operation-button {
position: relative;
padding: 2px 10px;
border: 1px solid #d6d6d6;
border-top-color: #e2e2e2;
border-bottom-color: #ccc;
background: #f2f2f2;
color: #454545;
text-decoration: none;
font-size: 12px;
line-height: 18px;
cursor: pointer;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #fafafa));
background-image: -webkit-linear-gradient(bottom, #f2f2f2,#fafafa);
background-image: -moz-linear-gradient(bottom, #f2f2f2,#fafafa);
background-image: -o-linear-gradient(bottom, #f2f2f2,#fafafa);
background-image: linear-gradient(bottom, #f2f2f2,#fafafa);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFF2F2F2'),progid:DXImageTransform.Microsoft.AlphaImageLoader();
-webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,0.45);
-moz-box-shadow: 0 1px 3px -2px rgba(0,0,0,0.45);
box-shadow: 0 1px 3px -2px rgba(0,0,0,0.45);
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}

/*hover*/
.b-operation-button:hover {
border-color: #cdcdcd;
border-top-color: #dbdbdb;
border-bottom-color: #c3c3c3;
color: #333;
text-decoration: none;
-webkit-box-shadow: 0 0 3px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 3px -1px rgba(0,0,0,0.3);
box-shadow: 0 0 3px -1px rgba(0,0,0,0.3);
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f8f8f8), color-stop(100%, #fefefe));
background-image: -webkit-linear-gradient(bottom, #f8f8f8,#fefefe);
background-image: -moz-linear-gradient(bottom, #f8f8f8,#fefefe);
background-image: -o-linear-gradient(bottom, #f8f8f8,#fefefe);
background-image: linear-gradient(bottom, #f8f8f8,#fefefe);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFF8F8F8'),progid:DXImageTransform.Microsoft.AlphaImageLoader();
}

/*active*/

.b-operation-button_stat_active {
border: 1px solid #d7d7d7;
border-top-color: #bdbdbd;
border-bottom-color: #d4d4d4;
background: #e7e7e7;
color: #333;
cursor: default;
-webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.16) inset;
-moz-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.16) inset;
box-shadow: 0 1px 2px 0px rgba(0,0,0,0.16) inset;
text-shadow: 0 1px 0px #fff;
filter: none;
}
.b-operation-button_stat_active:hover {

border-top-color: #bdbdbd;
border-bottom-color: #d4d4d4;
background: #e7e7e7;
color: #333;
text-decoration: inherit;
-webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.16) inset;
-moz-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.16) inset;
box-shadow: 0 1px 2px 0px rgba(0,0,0,0.16) inset;
text-shadow: 0 1px 0px #fff;
background-image: none;
filter: inherit;}