.spinner-sprite{
    background: url('https://www.bestingems.com/css_bestingems/spinner-sf0d5bd965d.png') no-repeat;
}
.spinner .decrease{
    background:#f1f1f1 url(https://www.bestingems.com/images_bestingems/minus.png) no-repeat;
}
.spinner .decrease[disabled]{
    background:#f1f1f1 url(https://www.bestingems.com/images_bestingems/minus-disable.png) no-repeat;
}

.spinner .increase{
    background:#f1f1f1 url(https://www.bestingems.com/images_bestingems/plus.png) no-repeat;
}

.spinner .increase[disabled]{
    background:#f1f1f1 url(https://www.bestingems.com/images_bestingems/plus-disable.png) no-repeat;
}


.spinner {
    height: 34px;
    width: 80px;
    overflow: hidden;
	border-radius:3px;
	border:1px solid #ccc;
}

.spinner button,.spinner .value {
    text-align: center;
    display: block;
    float: left;
    height: 100%;
    line-height:34px;
    margin: 0;
}

.spinner button {
    border: none;
    width: 24px !important;
    color: #e5312a;
    font: 22px Arial bold;
    padding: 0;
    outline: none;
}

.spinner .decrease {
    cursor: pointer;
    text-indent: -10000px;
	border-right:1px solid #ccc
}

.spinner .decrease[disabled] {
    cursor: default;
}

.spinner .increase {
    cursor: pointer;
	border-left:1px solid #ccc
}

.spinner .value {
    width: 30px;
    height: 32px !important;
    border: none;
    font-family: Arial;
    color: #333;
    padding: 0px;
	background-image:none;
	background-color:#fff;
}

.spinner .value.passive {
    background-position: 0 -25px;
    color: #919191;
}

.spinner .error, .spinner .invalid {
    background: #f1c8c8;
	color:#690000;
}