/**** COMMON STYLES ****/

/** content **/

.PageTitle { color: #000; font-size: 20px; clear: both; text-transform: lowercase; }
.PageIntro {}
.SuccessMessage { font-weight: bold; color: #080; }
.ErrorMessage { font-weight: bold; color: #f00; padding: 0 0 0 20px;}
.ShippingNote { display: none; }
.Footer {}
.FooterMessage { display: none; }
.RequiredFieldAsterix, .Required { color: #f00; }
.SecurityMessage { display: none; }
.ArbitrageMessage { font-weight: bold; color: #f00; }
.GiftCertificateBalance {padding: 10px 0;}

/** fields/values **/

.AddressForm {}
.AddressTable {}

.TypeRow {}
.TypeLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.TypeField {}

.NameRow {}
.NameLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.NameField {}

.TitleRow {}
.TitleLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase;  }
.TitleField {}

.FirstNameRow {}
.FirstNameLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.FirstNameField {}

.LastNameRow {}
.LastNameLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.LastNameField {}

.Address1Row {}
.Address1Label { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.Address1Field {}

.Address2Row {}
.Address2Label { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.Address2Field {}

.CityRow {}
.CityLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.CityField {}

.CountryRow {}
.CountryLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.CountryField {}

.ProvinceRow {}
.ProvinceLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.ProvinceField {}

.PostalRow {}
.PostalLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.PostalField {}

.PhoneRow {}
.PhoneLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.PhoneField {}

.FaxRow {}
.FaxLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.FaxField {}

.EmailRow {}
.EmailRow .EmailLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.EmailRow .EmailField {}

.SloganRow {}
.SloganLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.SloganField {}

.GenderRow {}
.GenderLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.GenderField {}

.AgeRow {}
.AgeLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.AgeField {}

.PasswordRow {}
.PasswordRow .PasswordLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.PasswordRow .PasswordField {}

.ConfirmPasswordRow {}
.ConfirmPasswordRow .ConfirmPasswordLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.ConfirmPasswordRow .ConfirmPasswordField {}

.PreferredLanguageRow {}
.PreferredLanguageRow .PreferredLanguageLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase;  }
.PreferredLanguageRow .PreferredLanguageField {}

.PreferredCurrencyRow {}
.PreferredCurrencyRow .PreferredCurrencyLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase;  }
.PreferredCurrencyRow .PreferredCurrencyField {}

.SubscribeToNewsletterRow {}
.SubscribeToNewsletterLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.SubscribeToNewsletterField {}

/*
.CcNameRow {}
.CcNameLabel { width: 150px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.CcNameField

.CcNumberRow {}
.CcNumberLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.CcNumberField

.CvvNumberRow {}
.CvvNumberLabel { font-weight: bold; font-size: 9px; text-transform: uppercase; }
.CvvNumberLabel span.CvvLink { font-weight: normal; }
.CvvNumberLabel span.CvvLink a, .CvvNumberLabel span.CvvLink a:link, .CvvNumberLabel span.CvvLink a:active, .CvvNumberLabel span.CvvLink a:visited, .CvvNumberLabel span.CvvLink a:hover { font-weight: bold; color: #00f; }
.CvvNumberField {}

.CcTypeRow {}
.CcTypeLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.CcTypeField

.CcExpiryDateRow {}
.CcExpiryDateLabel { width: 75px; font-weight: bold; font-size: 9px; text-transform: uppercase; }
.CcExpiryDateField
*/
.PromoRow {}
.PromoLabel { font-weight: bold;  padding-left: 10px;}
.PromoField { border: none;  }

.DiscountRow {}
.DiscountRow .DiscountLabel { padding: 5px; font-weight: normal; color: #634F33; text-align: right; }
.DiscountRow .DiscountValue { padding: 5px; text-align: right; }

.TotalRow {padding-right: 10px;}
.TotalRow .SubTotalLabel { padding: 5px; font-weight: bold; color: #6D9DD3; text-align: right;  text-transform: lowercase; }
.TotalRow .SubTotalValue  {font-weight: bold; }

.ShippingRow {}
.ShippingRow .ShippingLabel { padding: 5px;   font-weight: normal; text-align: right;  }
.ShippingRow .ShippingValue { padding: 5px;  text-align: right; font-weight: bold; }

.TaxRow {}
.TaxRow .TaxLabel { padding: 5px; font-weight: normal; text-align: right; }
.TaxRow .TaxValue { padding: 5px; text-align: right; }

.TotalRow {}
.TotalRow .TotalLabel {padding: 5px; font-weight: normal;  text-align: right;}
.TotalRow .TotalValue {padding: 5px; text-align: right;  font-weight: bold;  }

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

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

/** table headers **/

.HeaderRow {background-color: #A1CD5A; color: #fff; font: bold 9px Arial, Verdana, Sans-Serif; text-transform: lowercase; line-height: 16px; }
.HeaderRow .Image, .ImageHeader { background-color: #A1CD5A; padding: 5px; text-align: center;  color: #fff; font-weight: bold;}
.HeaderRow .OrderID, .OrderIDHeader { background-color: #A1CD5A; padding: 5px; text-align: left;  color: #fff; font-weight: bold;}
.HeaderRow .Sku, .SKUHeader { background-color: #A1CD5A; display: none; padding: 5px; text-align: center;  color: #fff; font-weight: bold;}
.HeaderRow .Date, .DateHeader { background-color: #A1CD5A; padding: 5px; text-align: center; color: #fff; font-weight: bold;}
.HeaderRow .Product, .ProductNameHeader { background-color: #A1CD5A; padding: 5px; text-align: left;  color: #fff; font-weight: bold;}
.HeaderRow .Description, .DescriptionHeader { background-color: #A1CD5A; padding: 5px; text-align: center;  color: #fff; font-weight: bold;}
.HeaderRow .Quantity, .QuantityHeader { background-color: #A1CD5A; padding: 5px; text-align: center;   color: #fff; font-weight: bold;}
.HeaderRow .Remove, .RemoveHeader  { background-color: #A1CD5A; padding: 5px; text-align: center;   color: #fff; font-weight: bold;}
.HeaderRow .Shipping, .ShippingHeader { background-color: #A1CD5A; padding: 5px; text-align: center;   color: #fff; font-weight: bold;}
.HeaderRow .Price, .PriceHeader { background-color: #A1CD5A; padding: 5px; text-align: center;   color: #fff; font-weight: bold;}
.HeaderRow .Discount, .DiscountHeader { background-color: #A1CD5A; padding: 5px; text-align: center;   color: #fff; font-weight: bold;}
.HeaderRow .LineTotal, .LineTotalHeader { background-color: #A1CD5A; padding: 5px 40px; text-align: right;  color: #fff; font-weight: bold;}
.HeaderRow .Status, .StatusHeader { background-color: #A1CD5A; padding: 5px; text-align: center;   color: #fff; font-weight: bold;}

/** table rows **/

.Row {}
.Header .Image { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9;  }
.Header .OrderID { padding: 5px; text-align: left; border-bottom: 1px solid  #A6C9E9; }
.Header .Sku { display: none; padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.Header .Date { padding: 5px; text-align: center;border-bottom: 1px solid  #A6C9E9;  }
.Header .Product { text-transform: lowercase;padding: 5px; font-weight: bold; text-align: left; border-bottom: 1px solid  #A6C9E9; }
.Header .Description { text-transform: lowercase;padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.Header .Quantity { padding: 5px; text-align: center;  border-bottom: 1px solid  #A6C9E9; }
.Header .Remove { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.Header .Shipping { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.Header .Price { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.Header .Discount { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.Header .LineTotal { padding: 5px 40px; text-align: right; font-weight: bold; border-bottom: 1px solid  #A6C9E9; }

.GridAltRow_CommerceCM {}
.Row .Image,
.GridAltRow_CommerceCM .Image { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .OrderID,
.Row .OrderID { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .SKU,
.Row .Sku { display: none; padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Date,
.Row .Date { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Product,
.Row .Product { text-transform: lowercase;padding: 5px; text-align: left; font-weight: bold; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Description,
.Row .Description { text-transform: lowercase;padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Quantity,
.Row .Quantity { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Remove,
.Row .Remove { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Shipping,
.Row .Shipping { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Price,
.Row .Price { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .Discount,
.Row .Discount { padding: 5px; text-align: center; border-bottom: 1px solid  #A6C9E9; }
.GridAltRow_CommerceCM .LineTotal,
.Row .LineTotal,
.GridAltRow_CommerceCM .Status,
.Row .Status { padding: 5px 40px; text-align: right; font-weight: bold; border-bottom: 1px solid  #A6C9E9; }

.RadGrid_CommerceCM {border-bottom: 1px solid  #A1CD5A; }

/** basket **/

.Basket { clear: both;}
.BasketTotals_Wrapper { clear: both; width: 95%; margin: 0px auto;}
.BasketTable .TotalsRow {}
.BasketTotals .OrderSubtotal {  text-align: right;}
.BasketTotals { float: right; width: 300px;  line-height: 40px;}
input {background-color: #E6E6E6; border: none;} 
select {background-color: #E6E6E6; border: none;}

/** form buttons/links **/

.ResetButton { display: none; width: 75px; float: right; margin: 10px; margin-right: 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; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background: transparent url(/images/reset_form.jpg) no-repeat top left; height: 23px; }
.ResetButton a:hover {}

.CancelButton { width: 75px; margin: 10px; margin-right: 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; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #634F33; border: solid 2px #fff; }
.CancelButton a:hover { background-color: #F39E1B; }

.ContinueButton { width: 104px; float: right; margin: 10px; margin-right: 0px; text-align: center; }
.ContinueButton a, .ContinueButton a:link, .ContinueButton a:active, .ContinueButton a:visited, .ContinueButton a:hover {
	display: block;
	background: transparent url(/images/next_step.jpg) no-repeat top center;
	height: 36px;
	width: 120px;
}
.ContinueButton a:hover { }

.CompleteButton { width: 165px; float: right; margin: 10px; margin-right: 0px; text-align: center; }
.CompleteButton a, .CompleteButton a:link, .CompleteButton a:active, .CompleteButton a:visited, .CompleteButton a:hover { display: block; font-size: 5px;  text-align: center; padding: 30px 3px 3px; color: #fff; text-decoration: none; background: transparent url(/images/complete_purchase.jpg) no-repeat top left; height: 29px;}
.CompleteButton a:hover {}

.SubmitButton { width: 75px; margin: 0; margin-right: 0px; text-align: center; }
.SubmitButton a, .SubmitButton a:link, .SubmitButton a:active, .SubmitButton a:visited, .SubmitButton a:hover { display: block; font-size: 9px;  text-align: center; padding: 3px; color: #A2A2A2; text-decoration: none; }
.SubmitButton a:hover {}

.LoginButton { width: 69px; margin: 10px; margin-right: 0px; text-align: center; }
.LoginButton a, .LoginButton a:link, .LoginButton a:active, .LoginButton a:visited, .LoginButton a:hover {
	display: block; text-align: center; padding: 3px 7px;  text-decoration: none; border: none; height: 23px; 
	background: transparent url(/images/login.gif) no-repeat top center;
}
.LoginButton a:hover {  }

.LogoutButton { width: 79px; margin: 10px; margin-right: 0px; text-align: center; }
.LogoutButton a, .LogoutButton a:link, .LogoutButton a:active, .LogoutButton a:visited, .LogoutButton a:hover {
	display: block; font-size: 9px; padding: 3px 7px; text-decoration: none; border: none; height: 39px;
	background: transparent url(/images/logout.jpg) no-repeat top center;
}
.LogoutButton a:hover {}

.CheckoutButton { width: 105px;  text-align: center; padding-top: 10px; float: right; }
.CheckoutButton a, .CheckoutButton a:link, .CheckoutButton a:active, .CheckoutButton a:visited, .CheckoutButton a:hover {
	display: block; font-size: 5px;  text-align: center; padding: 3px;  text-decoration: none; height: 37px;
	background: transparent url(/images/Checkout_Button.jpg) no-repeat top center;
}
.CheckoutButton a:hover {  }

.BackToShoppingButton { width: 105px; text-align: center; padding-top: 10px; float: left; }
.BackToShoppingButton a, .BackToShoppingButton a:link, .BackToShoppingButton a:active, .BackToShoppingButton a:visited, .BackToShoppingButton a:hover { display: block; font-size: 5px;  text-align: center; text-transform: uppercase; padding: 3px;   text-decoration: none; border: none; background: transparent url(/images/BackShopping_Button.jpg) no-repeat top left; height: 37px;}
.BackToShoppingButton a:hover {}

#btnSubmit {background-color: none; color: #898989; }