.stepper { border-radius: 3px; margin:0; overflow: hidden; position: relative; width: 85px; }
.stepper .stepper-input { background: #fff; border: 2px solid #f2cf13; border-radius: 3px; color: #333; font-size: 14px; line-height: 1.2; margin: 0; overflow: hidden; padding: 9px 20px 10px; width: 100%; z-index: 49; -moz-appearance: textfield; display: block !important; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.order-left.disable .stepper .stepper-input { border-color: #d9d9d9 }
 .stepper .stepper-input::-webkit-inner-spin-button,  .stepper .stepper-input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.stepper .stepper-input:focus { background-color: #fff; }
.stepper .stepper-arrow { background: #f2cf13 url(../images/jquery.fs.stepper-arrows.png) no-repeat !important; border: 1px solid #f2cf13; cursor: pointer; display: block; height: 50%; position: absolute; right: 2px; text-indent: -99999px; width: 26px !important; z-index: 50;margin-right: 0 !important;padding: 0 !important; }
.order-left.disable .stepper .stepper-arrow { background-color: #d9d9d9 !important; border-color: #d9d9d9 !important; }
.stepper .stepper-arrow.up { background-position: center top !important; border-bottom: none; top: 0;border-radius: 0 3px 0 0; }
.stepper .stepper-arrow.down { background-position: center bottom !important; bottom: 0; border-radius: 0 0 3px;}
@media screen and (min-width: 740px) {
.stepper:hover .stepper-input { background-color: #fff; }
.stepper .stepper-step:hover { background-color: #F9F9F9; }
.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }
}
.stepper.disabled .stepper-input { background: #fff; border-color: #eee; color: #ccc; }
.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }