/* CSS Document */


.spinner { display:inline-block; position:relative; width:140px; text-align:center;  }

.spinner .decbtn,
.spinner .incbtn { 
	cursor: pointer; display:block; width:42px; height:42px; line-height:42px; border:none; position:absolute;
	background-color:#61686e; background-repeat:no-repeat; background-position: center center;
	text-indent: -100px; overflow:hidden;
}
/*
.spinner .decbtn:hover,
.spinner .incbtn:hover { background-color:#00CB5F; }
*/

.spinner .decbtn { background-color:#61686e; top:0; left:0; background-image:url('../images/spin-minus.png'); }
.spinner .incbtn { background-color:#454e55; top:0; right:0; background-image:url('../images/spin-plus.png'); }

.mySpinner.spinvalue { display:inline-block;  width:42px; height:42px; line-height:42px; border:1px solid #a5a5a5; text-align:center; font-size:14px; color:#555555;   }
.mySpinner.spinvalue.passivespin { border-color:#a5a5a5; }

.spinner .decbtn[disabled] {}
.spinner .incbtn[disabled] {}

.spinner .spinvalue.passivespin {}
.spinner .spinvalue {}






.bootstrap-touchspin { position:relative; width:120px; display:inline-block; text-align:center; }

button.btnbtn-default { 
	cursor: pointer; display:block; width:40px; height:40px; line-height:40px; border:none; position:absolute;
	border:1px solid #2c328c;
	background-color:#2c328c; background-repeat:no-repeat; background-position: center center;
	text-indent: -100px; overflow:hidden;
	border-radius: 0px;
}

button.bootstrap-touchspin-down { background:#2c328c url('../images/spin-minus.png') no-repeat center center; top:0; left:0;  }
button.bootstrap-touchspin-up { background:#2c328c url('../images/spin-plus.png') no-repeat center center; top:0; right:0; }

input[type="number"]#qty.mySpinner { display:inline-block; width:42px; height:40px; line-height:40px; border:1px solid #c2c2c2; text-align:center; font-size:14px; color:#555555; }
 

.bootstrap-touchspin-down{}
.bootstrap-touchspin-down{}