.squaremeterProductListing{ position: relative; text-align: center; width: 100%; top: -.25em; padding-top: .475rem; min-height: 3.5rem; background: #fff; box-shadow: 2px 4px 4px 0 rgba(0,0,0,.2); } .squaremeterProductListing .product-quantity{ display: inline-block; vertical-align: top; border: 1px solid #ddd; background: #fff; } .squaremeterProductListing .input-group-append { display:inherit; font-size: 12px; } .squaremeterProductListing .product-quantity input{ padding: 8px 2px 10px 5px; text-align: center; } #products article.product-miniature.js-product-miniature, article.product-miniature.js-product-miniature{ margin-bottom: 30px; } .squaremeterProductListing button.btn-primary{ display: inline-block; padding: 0.6rem 0.8rem; } .squaremeterProductListing .directinput { width: 44px; margin: 0 auto; text-align: center; border: 1px solid #fff; background: #fff; } .squaremeterProductListing .value-button { display: inline-block; margin: 0px; width: 35px; height: 25px; text-align: center; vertical-align: middle; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: verdana; } .squaremeterProductListing .value-button:hover { cursor: pointer; } div .decrease { margin-right: -4px; } div .increase { margin-left: -4px; } input#directinput, #direct_input_p select, #directinput_p select { text-align: center; border: none; margin: 0px; width: 44px; height: 40px; font-size:13px; } div.directinput input[type=text]::-webkit-inner-spin-button, div.directinput input[type=text]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .direct_input_p select, .directinput_p select { width: 125px; } .product-price-and-shipping .totalpriceinfo { color: #7a7a7a; font-size:14px; }