/**
 * Styles used by BrandingPays store
 */

.greeting {
	font-size:20px;
	padding:10px 0;
}
.orderConfirmationMetaInfo {
	display:none;
	text-align:left;
}
.orderConfirmationMetaInfo .orderConfirmationSummaryValue {
	text-align:left;
}
.orderConfirmationSectionTitle {
	padding:10px 0 4px;
}
.orderConfirmationSpacerRow {
	font-size:4px;
}
.orderConfirmationOrderHeader, .orderConfirmationOrderValue, .orderConfirmationSummaryValue {
	padding-left:4px;
	padding-right:4px;
}
.orderConfirmationOrderHeader, .orderConfirmationOrderValue, .orderConfirmationSummaryLabel, .orderConfirmationSummaryValue {
	line-height:110%;
	text-align:right;
}
.orderConfirmationSummaryValue.orderConfirmationDiscountCode {
	text-align:left;
}
.orderConfirmationOrderLabelColumn {
	padding-right:16px;
}
.orderConfirmationShippingLabel, .orderConfirmationShippingValue {
	line-height:110%;
}
.orderConfirmationShippingLabel {
	padding-left:12px;
	padding-right:4px;
}
.orderConfirmButtonRow {
	text-align:center;
	padding:15px 0 10px;
}
.orderConfirmButton {
	font-size:16px;
	margin:0 10px;
	cursor:pointer;
	min-width:75px;
}
.orderConfirmButton:hover {
	font-weight:bold;
}
.orderConfirmButtonCheckout {
	font-size:14px;
	background:#FC3;
	border-radius:10px;
	min-width:96px;
	text-align:center;
	min-width:170px;
}
.storeWrapperOuter {
	width:100%;
	text-align:center;
	font-family: Helvetica, sans-serif;
	font-size:14px;
}
.storeContentWrapperInner {
	display:inline-block;
	width:870px; 
}
.storeOuterTable {
	table-layout:fixed;
}
.storeOuterTableCell {
	vertical-align: top;
	padding-left:8px;
	padding-right:8px;
}
.storeBookCoverContainer a:hover {
	color:black;
	text-decoration:none;
}
.storeButtonCaption {
	margin-top:-2px;
}
.storeInnerColumnHeader {
	font-size:14px;
	padding:0 0 20px;
}
.storeOrderCol1 {
	width:60px;
}
.storeOrderCol2 {
	width:60px;
}
.storeOrderCol3 {
	width:60px;
}
.storeOrderHeaderRow th.storeOrderColumnHeaderQuantity {
	padding-right:8px;
}
.storeOrderHeaderRow th {
	font-weight:normal;
	font-style:italic;
	font-size:96%;
	padding:0 0 5px;
}
.storeProductContainerSpan {
	display:inline-block;
	text-align:left;
	white-space:nowrap;
}
.storeProductCost {
	text-indent:8px;
	font-size:75%;
	color:#333;
}
.storeQuantityCell {
	text-align:center;
	white-space:nowrap;
}
.storeQuantityRequired {
	padding-left:2px;
}
.storeQuantityInput, .storeShippingInput, .storeShippingSelect {
	font-size:12px;
}
.storeShippingInput {
	width:180px;
}
.storeShippingSelect {
	font-size:12px;
	max-width:140px;
}
.dj_webkit .storeShippingSelect {
	/* WebKit makes SELECT element a small percentage of current font-size */
	font-size:14px;
}
.storeQuantityInput {
	text-align:right;
	width:40px;
}
#discount_code_input {
	width:90px;
	text-align:left;
}
.storeAmountCell {
	text-align:right;
}
.storeOrderTotalLabel {
	text-align:right;
	padding:7px 0;
}
.storeSpacerRow {
	font-size:3px;
}
.storeShippingLabelCell {
	text-align:right;
	padding-right:4px;
}
.storeShippingLabelCell label {
	white-space:nowrap;
}
.storeCheckoutButtonCell {
	vertical-align:top;
	padding-top:22px;
}
.storeCheckoutButton {
	font-size:14px;
	background:#FC3;
	border-radius:10px;
	min-width:96px;
	text-align:center;
}
.storeCheckoutButton.storeCheckoutButtonEnabled {
	background:#FC3;
	color:black;
}
.storeCheckoutButton.storeCheckoutButtonDisabled {
	background:#FD7;
	color:gray;
}
.storeCheckoutButton.storeCheckoutButtonEnabled:hover {
	cursor:pointer;
	color:black;
	font-weight:bold;
}
.storeCheckoutButton.storeCheckoutButtonDisabled:hover {
	cursor:not-allowed;
}
.storeFieldInvalid {
	background-color:#ffcccc;
}
#store_error_container {
	padding:10px 30px 0;
	text-align:center;
	font-size:14px;
}
#store_error_message {
	display:inline-block;
	text-align:left;
	color:#d77;
}
#popupUnderlay {
	display:none;
	position:absolute;
	z-index:20000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:white;
	opacity:.5;
}
.popupWrapperOuter {
	z-index:20001;
	position:absolute; 
	top:50px; 
	left:0px;
	width:100%;
	text-align:center;
	display:none;
}
.popupWrapperInner {
	display:inline-block;
	min-width:320px; 
	border:1px #888 solid; 
	border-radius: 4px;
	background: #f0f0f0;
}
.popupContent, .popupButton, .popupFormInput  {
	font-size: 14px;
}
.popupContent {
	text-align: left;
	padding:10px 10px 20px;
}
.popupContentTitle {
	text-align: center;
	font-size:16px;
	margin: 8px 0;
}
.popupContentSubtitle {
	margin: 15px 0;
}
.popupFormLabel {
	margin-right:5px;
}
.popupFormInput {
	width:210px;
}
.popupButtonRow td {
	padding-top:15px;
	text-align: center;
}
.popupButton:hover {
	cursor:pointer;
}
.popupClose {
	display:none;
	position:absolute;
	top: -12px;
	right: -12px;
	width:24px;
	height:24px;
	border:1px solid #444;
	border-radius:4px;
	line-height:24px;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	background:#f2f2f2;
	color: #777;
}
.popupClose:hover {
	cursor:pointer;
	color: black;
}