/*
 * Stepper Plugin [Formstone Library]
 * @author Ben Plum
 * @version 0.1.4
 *
 * Copyright © 2013 Ben Plum <mr@benplum.com>
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 */
 
	.stepper {border-radius: 3px; margin: 0 0 0px 0; overflow: hidden; position: relative; max-width: 60px;}
	.stepper .stepper-input { background: #f4f1ec; border: 1px solid #ccc; border-radius: 3px; color: #333; height:auto; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 9px 10px 10px; width: 100%; z-index: 49; }
	.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: #FFFFFF; }
	.stepper .stepper-step { background: #eee url(../images/icons/fs-stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 50; }
	.stepper .stepper-step.up { background-position: center top; border-bottom: none; top: 0; }
	.stepper .stepper-step.down { background-position: center bottom; bottom: 0; }
	
	@media screen and (min-width: 740px) {
		.stepper:hover .stepper-input { background-color: #FFFFFF; }
		
		.stepper .stepper-step:hover { background-color: #f4f1ec; }
		
		.stepper.disabled .stepper-step { background: #FFFFFF; border-color: #eee; cursor: default; }
	}
	
	.stepper.disabled .stepper-input { background: #FFFFFF; border-color: #eee; color: #ccc; }
	.stepper.disabled .stepper-step { background: #FFFFFF; border-color: #eee; cursor: default; }
	
	
	
	.product.detail .stepper .stepper-input {font-size: 18px; padding: 5px 10px 5px;}
