/*
orange #EE8112
blue #009CD1
green #90B10D
*/
/**** COMMON STYLES - used in commercecm controls ****/

/* content */

.PageTitle {}
.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 {}
.ArbitrageMessage { font-weight: bold; color: #f00; }


/* fields/values */

.AddressForm {}
.AddressTable {}

.TypeRow {}
.TypeLabel { width: 125px; font-weight: bold; }
.TypeField {}

.NameRow {}
.NameLabel { width: 125px; font-weight: bold; }
.NameField {}

.TitleRow {}
.TitleLabel { width: 125px; font-weight: bold; }
.TitleField {}

.FirstNameRow {}
.FirstNameLabel { width: 125px; font-weight: bold; }
.FirstNameField {}

.LastNameRow {}
.LastNameLabel { width: 125px; font-weight: bold; }
.LastNameField {}

.Address1Row {}
.Address1Label { width: 125px; font-weight: bold; }
.Address1Field {}

.Address2Row {}
.Address2Label { width: 125px; font-weight: bold; }
.Address2Field {}

.CityRow {}
.CityLabel { width: 125px; font-weight: bold; }
.CityField {}

.CountryRow {}
.CountryLabel { width: 125px; font-weight: bold; }
.CountryField {}

.ProvinceRow {}
.ProvinceLabel { width: 125px; font-weight: bold; }
.ProvinceField {}
    .ProvinceField select{width: 140px;}

.PostalRow {}
.PostalLabel { width: 125px; font-weight: bold; }
.PostalField {}

.PhoneRow {}
.PhoneLabel { width: 125px; font-weight: bold; }
.PhoneField {}

.FaxRow {}
.FaxLabel { width: 125px; font-weight: bold; }
.FaxField {}

.EmailRow {}
.EmailRow .EmailLabel { width: 125px; font-weight: bold; }
.EmailRow .EmailField {}

.PasswordRow {}
.PasswordRow .PasswordLabel { width: 125px; font-weight: bold; }
.PasswordRow .PasswordField {}

.ConfirmPasswordRow {}
.ConfirmPasswordRow .ConfirmPasswordLabel { width: 125px; font-weight: bold; }
.ConfirmPasswordRow .ConfirmPasswordField {}

.PreferredLanguageRow {}
.PreferredLanguageRow .PreferredLanguageLabel { width: 125px; font-weight: bold; }
.PreferredLanguageRow .PreferredLanguageField {}

.PreferredCurrencyRow {}
.PreferredCurrencyRow .PreferredCurrencyLabel { width: 125px; font-weight: bold; }
.PreferredCurrencyRow .PreferredCurrencyField {}

.SubscribeToNewsletterRow {}
.SubscribeToNewsletterLabel { width: 125px; font-weight: bold; }
.SubscribeToNewsletterField {}

.CcNameRow {}
.CcNameLabel { width: 125px; font-weight: bold; }
.CcNameField {}

.CcNumberRow {}
.CcNumberLabel { width: 125px; font-weight: bold; }
.CcNumberField {}

.CcTypeRow {}
.CcTypeLabel { width: 125px; font-weight: bold; }
.CcTypeField {}

.CcExpiryDateRow {}
.CcExpiryDateLabel { width: 125px; font-weight: bold; }
.CcExpiryDateField

.PromoRow {}
.PromoLabel { width: 125px; font-weight: bold; }
.PromoField {}

.DiscountRow {}
.DiscountLabel { padding: 5px; font-weight: normal; color: #7E6156; text-align: right; }
.DiscountValue { padding: 5px; width: 125px; text-align: right; }

.TotalRow {}
.TotalRow .SubTotalLabel { padding: 5px; color: #90B10D; font-weight: bold; text-align: right; }
.TotalRow .SubTotalValue { padding: 5px; width: 125px; text-align: right; color: #90B10D; font-weight: bold; }

.ShippingRow {}
.ShippingLabel { font-weight: normal; color: #7E6156; text-align: right; }
.ShippingValue { padding: 5px; width: 125px; text-align: right; }

.TaxRow {}
.TaxLabel,
.TotalRow .PaidByLabel  { padding: 5px; font-weight: normal; color: #7E6156; text-align: right; }
.TaxValue,
.TotalRow .PaidByValue  { padding: 5px; width: 125px; text-align: right; }

.TotalRow {}
.TotalRow .TotalLabel{ padding: 5px; font-weight: bold; color: #7E6156; text-align: right; }
.TotalRow .TotalValue{ padding: 5px; width: 125px; text-align: right; color: #7E6156; font-weight: bold; }

/* table headers */

.Header, .HeaderRow td{padding: 5px !important;  border-bottom: solid 1px #7E6156; line-height: 16px; color: #7E6156;
         font: bold 10px Verdana, Tahoma, Sans-Serif !important; text-transform: lowercase;  }
.HeaderRow .Image, .ImageHeader  { text-align: center;}
.HeaderRow .OrderID, .OrderIDHeader { text-align: left;}
.HeaderRow .Sku, .SKUHeader { display: none;}
.HeaderRow .Date, .DateHeader { text-align: center;}
.HeaderRow .Product, .ProductNameHeader { text-align: left;}
.HeaderRow .Description, .DescriptionHeader { text-align: left;}
.HeaderRow .Quantity, .QuantityHeader { text-align: center;}
.HeaderRow .Remove, .RemoveHeader {text-align: center;}
.HeaderRow .Shipping, .ShippingHeader { text-align: center;}
.HeaderRow .Price, .PriceHeader { text-align: right !important;}
.HeaderRow .Discount, .DiscountHeader { text-align: center;}
.HeaderRow .LineTotal, .LineTotalHeader {text-align: right !important;}
.HeaderRow .Status, .StatusHeader { text-align: center;}

/* table rows */

.Remove a,
.Product a{
	color: #7E6156;
	text-decoration: none;
}


td.Row,
.Row td {padding: 5px !important;}
.ImageRow {  text-align: center; }
.OrderIDRow { text-align: left; }
.SKURow { display: none; text-align: center; }
.DateRow {  text-align: center; }
.ProductNameRow { width: 250px;  text-align: left; }
.DescriptionRow { text-align: left; }
.QuantityRow { width: 30px; text-align: center; }
.RemoveRow {text-align: center; }
.ShippingRow { text-align: center; }
.PriceRow { width: 80px; text-align: right; }
.DiscountRow { text-align: right; }
.LineTotalRow { text-align: right; }
.StatusRow { text-align: center; }

.rgAltRow,
.AlternateRow {background-color: #f1f1f1;}
    .rgAltRow .ImageRow {}
    .rgAltRow .OrderIDRow {}
    .rgAltRow .SKURow {}
    .rgAltRow .DateRow {}
    .rgAltRow .ProductNameRow {}
    .rgAltRow .DescriptionRow {}
    .rgAltRow .QuantityRow {}
    .rgAltRow .RemoveRow {}
    .rgAltRow .ShippingRow {}
    .rgAltRow .PriceRow {}
    .rgAltRow .DiscountRow {}
    .rgAltRow .LineTotalRow {}
    .rgAltRow .StatusRow {}

/* basket */

.Basket {}
    .BasketTotals_Wrapper { }
        .BasketTotals .TotalRow {text-align: right; padding: 5px 0 5px 5px;}
        .BasketTotals .OrderSubtotal{ border-top: solid 1px #7E6156; text-align: right;}
        .BasketTotals { float: right; text-align:right; }
    .BasketClear{clear: both;}

/* form buttons/links */

.ResetButton { width: 125px; 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: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #8B4462; }
.ResetButton a:hover { background-color: #FBDBE7; color: #6F174E; }

.CancelButton { width: 125px; 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: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #8B4462; }
.CancelButton a:hover { background-color: #FBDBE7; color: #6F174E; }

.ContinueButton { float: right; width: 125px; margin: 0 0 0 10px; text-align: center; background-color: #EE8112; }
.ContinueButton a, .ContinueButton a:link, .ContinueButton a:active, .ContinueButton a:visited, .ContinueButton a:hover 
{ display: block; font-size: 14px; font-weight: bold; text-align: center; text-transform: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; border: 2px solid #fff; text-decoration: none; }
.ContinueButton a:hover { color: #EE8112; background-color: #fff; border: 2px solid #EE8112; }

.CompleteButton {width: 185px; margin: 10px; margin-right: 0px; border: 2px solid #009CD1; text-align: center; }
.CompleteButton a, .CompleteButton a:link, .CompleteButton a:active, .CompleteButton a:visited, .CompleteButton a:hover 
{ display: block; font-size: 14px; font-weight: bold; text-align: center; text-transform: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #009CD1; text-decoration: none; background-color: #fff; }
.CompleteButton a:hover { background-color: #009CD1; color: #fff; }

.SubmitButton { width: 65px; margin: 0 0 0 10px; border: 2px solid #EE8112; text-align: center; }
.SubmitButton a, .SubmitButton a:link, .SubmitButton a:active, .SubmitButton a:visited, .SubmitButton a:hover 
{ display: block; font-size: 14px; font-weight: bold; text-align: center; text-transform: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #EE8112; text-decoration: none; background-color: #fff; }
.SubmitButton a:hover { background-color: #EE8112; color: #fff; }

.RegisterButton{ width: 155px; margin: 10px 0; border: 2px solid #90B10D;text-align: center; }
.LoginButton { width: 155px; margin: 10px; margin-right: 0px; border: 2px solid #90B10D;text-align: center; }
.RegisterButton a, .RegisterButton a:link, .RegisterButton a:active, .RegisterButton a:visited, .RegisterButton a:hover,
.LoginButton a, .LoginButton a:link, .LoginButton a:active, .LoginButton a:visited, .LoginButton a:hover 
{display: block; font-size: 14px; font-weight: bold; text-align: center; text-transform: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #90B10D; text-decoration: none; background-color: #fff; }
.RegisterButton a:hover,
.LoginButton a:hover { background-color: #90B10D; color: #fff; }

.LogoutButton { width: 155px; margin: 10px; margin-right: 0px; border: 2px solid #90B10D;text-align: center;}
.LogoutButton a, .LogoutButton a:link, .LogoutButton a:active, .LogoutButton a:visited, .LogoutButton a:hover 
{display: block; font-size: 14px; font-weight: bold; text-align: center; text-transform: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #90B10D; text-decoration: none; background-color: #fff; }
.LogoutButton a:hover { background-color: #90B10D; color: #fff; }

.CheckoutButton {width: 125px; margin: 10px; margin-right: 0px; border: 2px solid #009CD1; text-align: center; }
.CheckoutButton a, .CheckoutButton a:link, .CheckoutButton a:active, .CheckoutButton a:visited, .CheckoutButton a:hover 
{ display: block; font-size: 14px; font-weight: bold; text-align: center; text-transform: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #009CD1; text-decoration: none; background-color: #fff; }
.CheckoutButton a:hover { background-color: #009CD1; color: #fff; }

.BackToShoppingButton { width: 155px; margin: 10px; margin-right: 0px; border: 2px solid #90B10D;text-align: center; }
.BackToShoppingButton a, .BackToShoppingButton a:link, .BackToShoppingButton a:active, .BackToShoppingButton a:visited, .BackToShoppingButton a:hover 
{display: block; font-size: 14px; font-weight: bold; text-align: center; text-transform: lowercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #90B10D; text-decoration: none; background-color: #fff; }
.BackToShoppingButton a:hover { background-color: #90B10D; color: #fff; }