/**
	<div class="shopping-button shopping-button-{dx,sx,flat}-{red,grey}" onclick="{js event}">
		<div class="shopping-button-label sans uppercase">{label (no width restrictions)}</div>
		<div class="shopping-button-arrow"></div>
	</div>
*/

/* MAIN STYLE */
.shopping-button {
	height:24px;
	line-height:24px;
	display:inline-block;
	position: relative;
	cursor: pointer;
}
.shopping-button:hover {
	opacity: 0.9;
}
.shopping-button .shopping-button-arrow {
	position: absolute;
	width:24px; height:24px;
	background:white;
}
.shopping-button .shopping-button-label {
	font-size:14;
	color:white;
	background-color:#B95C59; /** default color */
}

/** RED [label> */
.shopping-button-dx-red .shopping-button-label {
	color:white;
	padding:0 39px 0 12px;
	background:#B95C59 url('/img/shop.button.dx.red.hat.png') top left no-repeat;
}
.shopping-button-dx-red .shopping-button-arrow {
	right:0; top:0;
	background:#B95C59 url('/img/shop.button.dx.red.arrow.png') top right no-repeat;
	border-left:solid white 2px;
}
/** RED <label] */
.shopping-button-sx-red .shopping-button-label {
	color:white;
	padding:0 12px 0 39px;
	background:#B95C59 url('/img/shop.button.sx.red.hat.png') top right no-repeat;
}
.shopping-button-sx-red .shopping-button-arrow {
	left:0; top:0;
	background:#B95C59 url('/img/shop.button.sx.red.arrow.png') top left no-repeat;
	border-right:solid white 2px;
}
/** grey [label> */
.shopping-button-dx-grey .shopping-button-label {
	padding:0 39px 0 12px;
	color:#585857;
	background:#E9E7E4 url('/img/shop.button.dx.grey.hat.png') top left no-repeat;
}
.shopping-button-dx-grey .shopping-button-arrow {
	right:0; top:0;
	background:#E9E7E4 url('/img/shop.button.dx.grey.arrow.png') top right no-repeat;
	border-left:solid white 2px;
}
/** grey <label] */
.shopping-button-sx-grey .shopping-button-label {
	padding:0 12px 0 39px;
	color:#585857;
	background:#E9E7E4 url('/img/shop.button.sx.grey.hat.png') top right no-repeat;
}
.shopping-button-sx-grey .shopping-button-arrow {
	left:0; top:0;
	background:#E9E7E4 url('/img/shop.button.sx.grey.arrow.png') top left no-repeat;
	border-right:solid white 2px;
}

/** flat buttons */

/** red [label] */
.shopping-button-flat-red .shopping-button-label {
	padding:0 12px 0 12px;
	color:white;
	background:#B95C59 url('/img/shop.button.sx.red.hat.png') top right no-repeat;
}
.shopping-button-flat-red .shopping-button-arrow {
	width:12px;
	left:0; top:0;
	background:#B95C59 url('/img/shop.button.dx.red.hat.png') top left no-repeat;
}

/** grey [label] */
.shopping-button-flat-grey .shopping-button-label {
	padding:0 12px 0 12px;
	color:#585857;
	background:#E9E7E4 url('/img/shop.button.sx.grey.hat.png') top right no-repeat;
}
.shopping-button-flat-grey .shopping-button-arrow {
	width:12px;
	left:0; top:0;
	background:#E9E7E4 url('/img/shop.button.dx.grey.hat.png') top left no-repeat;
}