/* Store add-on: "add to cart" buttons, cart page, checkout form, header cart link */

div.catalog-item-buy { clear: both; padding: 0.5em 0 0; }

a.shop-button, input.shop-button {
	display: inline-block; padding: 0.45em 1.2em; border: 1px solid #333;
	background: #333; color: #fff; text-decoration: none; cursor: pointer;
	font: bold 12px Arial, Helvetica, sans-serif;
}
a.shop-button:hover, input.shop-button:hover { background: #000; }

a.shop-link { font-size: 12px; }

div.shop-cart h1, div.shop-checkout h1 { margin: 0 0 0.6em; }
div.shop-checkout h3 { margin: 1em 0 0.4em; }

table.shop-table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 13px; }
table.shop-table th { text-align: left; border-bottom: 2px solid #999; padding: 6px 8px; }
table.shop-table td { border-bottom: 1px dashed #bbb; padding: 8px; vertical-align: middle; }
td.shop-product img { vertical-align: middle; margin-right: 8px; border: 1px solid #ccc; }
input.shop-qty { width: 3em; text-align: center; }

div.shop-totals { text-align: right; font-size: 14px; margin: 0.5em 0 1em; }
div.shop-actions { margin: 1em 0; }
div.shop-actions .shop-button { margin-right: 1em; }

table.shop-form { font-size: 13px; }
table.shop-form td { padding: 4px 12px 4px 0; }
span.shop-error, .shop-error { color: #c00; display: block; margin: 0.5em 0; }

/* header: room for the cart link next to the existing icons */
#top-icons { width: 300px; }
#top-icons a.cart-link { float: left; width: auto; height: auto; margin-right: 0; font-size: 12px; line-height: 15px; }

/* ---- Buying process: buttons, steps, notices, forms ---- */

/* Bitrix's global link colour was turning button text blue; force white on dark buttons */
a.shop-button, a.shop-button:link, a.shop-button:visited, a.shop-button:hover, a.shop-button:active,
input.shop-button, input.shop-button:hover { color: #fff; text-decoration: none; }
a.shop-button-secondary, input.shop-button-secondary { background: #eee; color: #333; border-color: #999; }
a.shop-button-secondary:hover, input.shop-button-secondary:hover { background: #ddd; color: #000; }

/* step indicator: Cart > Details > Confirmation */
ol.shop-steps { list-style: none; margin: 0 0 1.5em; padding: 0; font-size: 12px; }
ol.shop-steps li { display: inline-block; margin-right: 2em; color: #999; }
ol.shop-steps li.current { color: #000; font-weight: bold; }
ol.shop-steps li.done { color: #2a7a2a; }

/* confirmation and status messages */
div.shop-notice { background: #eef7e8; border: 1px solid #9c9; padding: 8px 12px; margin: 0 0 1em; font-size: 13px; }
div.shop-empty { padding: 1em 0; font-size: 13px; }
div.shop-empty p { margin: 0 0 1em; }

/* form layout */
table.shop-form th { text-align: left; font-weight: normal; vertical-align: top; width: 150px; padding: 8px 12px 8px 0; font-size: 13px; }
table.shop-form td { padding: 4px 0 8px; }
table.shop-form input, table.shop-form textarea { font: 13px Arial, Helvetica, sans-serif; padding: 3px 4px; border: 1px solid #999; }
span.shop-req { color: #c00; }
p.shop-req-note { font-size: 11px; color: #666; margin: 0.4em 0 1em; }
span.shop-field-error, .shop-field-error { color: #c00; font-size: 12px; display: block; margin: 2px 0 0; }

/* actions row: back/continue link on the left, buttons on the right */
div.shop-actions { margin: 1.2em 0; }
div.shop-actions .shop-button { margin-left: 0.8em; }
div.shop-actions a.shop-link { margin-top: 0.6em; display: inline-block; }