/**** COMMON STYLES - used in commercecm controls ****/

/* content */

.PageTitle {text-transform: none;}
.PageIntro {}
.SuccessMessage { font-weight: bold; color: #080; }
.ErrorMessage { font-weight: bold; color: #f00; }
.ShippingNote {}
.Footer {}
.FooterMessage {}
.RequiredFieldAsterix { color: #f00; }
.Required { width: 10px; color: #f00; }
.SecurityMessage {clear: both;}
.ArbitrageMessage { font-weight: bold; color: #f00; }


/* fields/values */

.AddressForm {}
.AddressTable {}

.TypeRow {}
.TypeLabel { width: 150px;  }
.TypeField {}

.NameRow {}
.NameLabel { width: 150px;  }
.NameField {}

.TitleRow {}
.TitleLabel { width: 150px;  }
.TitleField {}

.FirstNameRow {}
.FirstNameLabel { width: 150px;  }
.FirstNameField {}

.LastNameRow {}
.LastNameLabel { width: 150px;  }
.LastNameField {}

.Address1Row {}
.Address1Label { width: 150px;  }
.Address1Field {}

.Address2Row {}
.Address2Label { width: 150px;  }
.Address2Field {}

.CityRow {}
.CityLabel { width: 150px;  }
.CityField {}

.CountryRow {}
.CountryLabel { width: 150px;  }
.CountryField {}

.ProvinceRow {}
.ProvinceLabel { width: 150px;  }
.ProvinceField {}

.PostalRow {}
.PostalLabel { width: 150px;  }
.PostalField {}

.PhoneRow {}
.PhoneLabel { width: 150px;  }
.PhoneField {}

.FaxRow {}
.FaxLabel { width: 150px;  }
.FaxField {}

.EmailRow {}
.EmailRow .EmailLabel { width: 150px;  }
.EmailRow .EmailField {}

.PasswordRow {}
.PasswordRow .PasswordLabel { width: 150px;  }
.PasswordRow .PasswordField {}

.ConfirmPasswordRow {}
.ConfirmPasswordRow .ConfirmPasswordLabel { width: 150px;  }
.ConfirmPasswordRow .ConfirmPasswordField {}

.PreferredLanguageRow {}
.PreferredLanguageRow .PreferredLanguageLabel { width: 150px;  }
.PreferredLanguageRow .PreferredLanguageField {}

.PreferredCurrencyRow {}
.PreferredCurrencyRow .PreferredCurrencyLabel { width: 150px;  }
.PreferredCurrencyRow .PreferredCurrencyField {}

.SubscribeToNewsletterRow {}
.SubscribeToNewsletterLabel { width: 150px;  }
.SubscribeToNewsletterField {}

.CcNameRow {}
.CcNameLabel { width: 144px;  }
.CcNameField {}

.CcNumberRow {}
.CcNumberLabel { width: 150px;  }
.CcNumberField {}

.CcTypeRow {}
.CcTypeLabel { width: 150px;  }
.CcTypeField {}

.CcExpiryDateRow {}
.CcExpiryDateLabel { width: 150px;  }
.CcExpiryDateField

.PromoRow {}
.PromoLabel { display: none; }
.PromoField input { width: 220px;}

.DiscountLabel { padding: 5px; font-weight: normal; color: #282921; text-align: right; }
.DiscountValue { padding: 5px; width: 150px; text-align: right; }

.TotalRow {}
.TotalRow .SubTotalLabel { padding: 5px; font-weight: normal; color: #282921; text-align: right; }
.TotalRow .SubTotalValue { padding: 5px; width: 150px; text-align: right; }

.ShippingLabel { padding: 5px; font-weight: normal; color: #282921; text-align: right; }
.ShippingValue { padding: 5px; width: 150px; text-align: right; }

.TaxLabel { padding: 5px; font-weight: normal; color: #282921; text-align: right; }
.TaxValue { padding: 5px; width: 150px; text-align: right; }

.TotalRow {}
.TotalRow .TotalLabel { padding: 5px;  color: #282921; text-align: right; }
.TotalRow .TotalValue { padding: 5px; width: 150px; text-align: right; }

.TotalRowLessGiftCertificates
.TotalRowLessGiftCertificates .TotalLessGiftCertificatesLabel  { padding: 5px;  color: #282921; text-align: right; }
.TotalRowLessGiftCertificates .TotalLessGiftCertificatesField { padding: 5px; width: 150px; text-align: right; }

.BalanceOutstandingRow
.BalanceOutstandingRow .BalanceOutstandingLabel { padding: 5px;  color: #282921; text-align: right; }
.BalanceOutstandingRow .BalanceOutstandingField  { padding: 5px; width: 150px; text-align: right; }

/* table headers */

.HeaderRow {}
.HeaderRow .Image, .ImageHeader,
.HeaderRow .OrderID, .OrderIDHeader,
.HeaderRow .Sku, .SKUHeader,
.HeaderRow .Date, .DateHeader,
.HeaderRow .Product, .ProductNameHeader,
.HeaderRow .Description, .DescriptionHeader,
.HeaderRow .Quantity, .QuantityHeader,
.HeaderRow .Remove, .RemoveHeader,
.HeaderRow .Shipping, .ShippingHeader,
.HeaderRow .Price, .PriceHeader,
.HeaderRow .Discount, .DiscountHeader,
.HeaderRow .LineTotal, .LineTotalHeader,
.HeaderRow .Status, .StatusHeader { padding: 5px; text-align: center; border-bottom: solid 1px #666; line-height: 16px; color: #282921; font-weight: normal; }

/* table rows 

.Image { padding: 5px; text-align: center; }
.OrderID { padding: 5px; text-align: left; }
.Sku { padding: 5px; text-align: center; }
.Date { padding: 5px; text-align: center; }
.Product { padding: 5px; text-align: center;}
.Product a:link,
.Product a:visited{font-weight:normal; color: #282921;}
.Product a:hover{font-weight:normal;}
.Product a:active{font-weight:normal; color: #282921;}
.Description { padding: 5px; text-align: left; }
.Quantity { padding: 5px; text-align: center; }
.Remove { padding: 5px; text-align: center; }
.Remove a:link,
.Remove a:visited{font-weight:normal; color: #282921;}
.Remove a:hover{font-weight:normal;}
.Remove a:active{font-weight:normal; color: #282921;}
.Shipping { padding: 5px; text-align: center; }
.Price { padding: 5px; text-align: right; }
.Discount { padding: 5px; text-align: right; }
.LineTotal { padding: 5px; text-align: right; }
.Status { padding: 5px; text-align: center; }

*/

.GridRow_CommerceCM {}
.ImageRow { padding: 5px; text-align: center; }
.OrderID { padding: 5px; text-align: center; }
.SKURow { padding: 5px; text-align: center; }
.Date { padding: 5px; text-align: center; }
.ProductNameRow { padding: 5px; text-align: center; }
	.Product a:link,
	.Product a:visited{font-weight:normal; color: #282921;}
	 .Product a:hover{font-weight:normal;}
	 .Product a:active{font-weight:normal; color: #282921;}
.Description { padding: 5px; text-align: left; }
.QuantityRow { padding: 5px; text-align: center; }
.RemoveRow { padding: 5px; text-align: right; }
	.Remove a:link,
	.Remove a:visited{font-weight:normal; color: #282921;}
	.Remove a:hover{font-weight:normal;}
	.Remove a:active{font-weight:normal; color: #282921;}
.ShippingRow { padding: 5px; text-align: left; }
.PriceRow { padding: 5px; text-align: right; }
.DiscountRow { padding: 5px; text-align: right; }
.LineTotalRow { padding: 5px; text-align: right; }
.StatusRow { padding: 5px; text-align: center; }

/* basket */

.Basket {clear:both; margin: 0px auto;}
.BasketTotals_Wrapper { width: 100%; }
.BasketTotals .TotalsRow {}
	.BasketTotals .Label{display: inline-block; padding: 5px; width: 170px; text-align: right;}
	.BasketTotals .Value{display: inline-block; padding: 5px; width: 120px; text-align: right;}
.BasketTotals .OrderSubtotal { text-align: right;}
.BasketTotals { float: right;}
.TotalsRowTable { float: right; padding: 5px 0; width:100%;}



/* form buttons/links */

.ResetButton { 
	display: none;
	line-height: 18px; width: 80px; float: right; margin: 0px; text-align: center; }
.ResetButton a, 
.ResetButton a:link, 
.ResetButton a:active, 
.ResetButton a:visited, 
.ResetButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #8F191C; 
	padding: 5px;
	text-decoration: none; 
	background-color: #fff; 
	border: solid 1px #8F191C; 
}	
.ResetButton a:hover { background-color: #8F191C; color: #fff;}

.CancelButton { line-height: 18px; width: 150px; margin: 0px; text-align: center; }
.CancelButton a, 
.CancelButton a:link, 
.CancelButton a:active, 
.CancelButton a:visited, 
.CancelButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #8F191C; 
	padding: 5px;
	text-decoration: none; 
	background-color: #fff; 
	border: solid 1px #8F191C; 
}	
.CancelButton a:hover { background-color: #8F191C; color: #fff;}

.ContinueButton {line-height: 13px; width: 120px; float: right; margin: 0 0 0 6px; text-align: center;	/*border: solid 3px #8F191C; */ }
.ContinueButton a, 
.ContinueButton a:link, 
.ContinueButton a:active, 
.ContinueButton a:visited, 
.ContinueButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #fff; 
	padding: 5px;
	text-decoration: none; 
	background-color: #8F191C; 
	border: solid 1px #fff; 
}
.ContinueButton a:hover { background-color: #fff; color: #8F191C; 	border: solid 1px #8F191C; }

.CompleteButton { 
	clear: both; 
	line-height: 13px; 
	width: 150px; 
	float: right; 
	margin: 0px; 
	text-align: center; 	
	/*border: solid 3px #8F191C; */
	margin: 10px 0 50px 0; 
}
.CompleteButton a, 
.CompleteButton a:link, 
.CompleteButton a:active, 
.CompleteButton a:visited, 
.CompleteButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #fff; 
	padding: 5px;
	text-decoration: none; 
	background-color: #8F191C; 
	border: solid 1px #fff; 
}
.CompleteButton a:hover { background-color: #fff; color: #8F191C; 	border: solid 1px #8F191C; }

.SubmitButton { width: 95px; margin: 0px; text-align: center; font-size: 14px;}
.SubmitButton a, 
.SubmitButton a:link, 
.SubmitButton a:active, 
.SubmitButton a:visited, 
.SubmitButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #8F191C; 
	padding: 5px;
	text-decoration: none; 
	background-color: #fff; 
	border: solid 1px #8F191C; 
}
.SubmitButton a:hover { background-color: #8F191C; color: #fff; 	border: solid 1px #8F191C; }

.LoginButton { width: 150px; margin: 0px; text-align: right; }
.LoginButton a, 
.LoginButton a:link, 
.LoginButton a:active, 
.LoginButton a:visited, 
.LoginButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #8F191C; 
	padding: 5px;
	text-decoration: none; 
	background-color: #fff; 
	border: solid 1px #8F191C; 
}
.LoginButton a:hover { background-color: #8F191C; color: #fff;	border: solid 1px #8F191C; }

.LogoutButton { width: 150px; margin: 0px; text-align: center; }
.LogoutButton a, 
.LogoutButton a:link, 
.LogoutButton a:active, 
.LogoutButton a:visited, 
.LogoutButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #8F191C; 
	padding: 5px;
	text-decoration: none; 
	background-color: #fff; 
	border: solid 1px #8F191C; 
}
.LogoutButton a:hover { background-color: #8F191C; color: #fff; 	border: solid 1px #8F191C; }

.CheckoutButton { line-height: 13px; width: 120px; margin: 0 0 0 6px; text-align: center;	/*border: solid 3px #8F191C; */}
.CheckoutButton a, 
.CheckoutButton a:link, 
.CheckoutButton a:active, 
.CheckoutButton a:visited, 
.CheckoutButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #fff; 
	padding: 5px;
	text-decoration: none; 
	background-color: #8F191C; 
	border: solid 1px #fff; 
}
.CheckoutButton a:hover {  background-color: #fff; color: #8F191C;	border: solid 1px #8F191C; }

.BackToShoppingButton { width: 150px; margin: 0px; text-align: center; }
.BackToShoppingButton a, 
.BackToShoppingButton a:link, 
.BackToShoppingButton a:active, 
.BackToShoppingButton a:visited, 
.BackToShoppingButton a:hover { 
	display: block; 
	font-size: 9px;  
	text-align: center; 
	text-transform: uppercase; 
	color: #8F191C; 
	padding: 5px;
	text-decoration: none; 
	background-color: #fff; 
	border: solid 1px #8F191C; 
}
.BackToShoppingButton a:hover { background-color: #8F191C; color: #fff;	border: solid 1px #8F191C; }

.OrderSource_Wrapper{display: none;}