.spinner { display: block; position: absolute; width: 1.6em; height: 56px; width: 56px; padding: 0; margin: 0; bottom: 0; text-align: center; cursor: pointer; overflow: hidden;
    background-position: top center; background-repeat: no-repeat; background-size: 56px; }

.spinner.spin-up { right: 0; border-left: 1px solid #d5d5d5; background-image: url('../../images/up-arrow-grey.png'); }
.spinner.spin-up:hover { background-position: bottom center; }
.spinner.spin-down { left: 0; border-right: 1px solid #d5d5d5; background-image: url('../../images/down-arrow-grey.png'); }
.spinner.spin-down:hover { background-position: bottom center; }