
/**** 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: 150px; font-weight: bold; }
.TypeField {}

.NameRow {}
.NameLabel { width: 150px; font-weight: bold; }
.NameField {}

.TitleRow {}
.TitleLabel { width: 150px; font-weight: bold; }
.TitleField {}

.FirstNameRow {}
.FirstNameLabel { width: 150px; font-weight: bold; }
.FirstNameField {}

.LastNameRow {}
.LastNameLabel { width: 150px; font-weight: bold; }
.LastNameField {}

.Address1Row {}
.Address1Label { width: 150px; font-weight: bold; }
.Address1Field {}

.Address2Row {}
.Address2Label { width: 150px; font-weight: bold; }
.Address2Field {}

.CityRow {}
.CityLabel { width: 150px; font-weight: bold; }
.CityField {}

.CountryRow {}
.CountryLabel { width: 150px; font-weight: bold; }
.CountryField {}

.ProvinceRow {}
.ProvinceLabel { width: 150px; font-weight: bold; }
.ProvinceField {}

.PostalRow {}
.PostalLabel { width: 150px; font-weight: bold; }
.PostalField {}

.PhoneRow {}
.PhoneLabel { width: 150px; font-weight: bold; }
.PhoneField {}

.FaxRow {}
.FaxLabel { width: 150px; font-weight: bold; }
.FaxField {}

.EmailRow {}
.EmailRow .EmailLabel { width: 150px; font-weight: bold; }
.EmailRow .EmailField {}

.PasswordRow {}
.PasswordRow .PasswordLabel { width: 150px; font-weight: bold; }
.PasswordRow .PasswordField {}

.ConfirmPasswordRow {}
.ConfirmPasswordRow .ConfirmPasswordLabel { width: 150px; font-weight: bold; }
.ConfirmPasswordRow .ConfirmPasswordField {}

.PreferredLanguageRow {}
.PreferredLanguageRow .PreferredLanguageLabel { width: 150px; font-weight: bold; }
.PreferredLanguageRow .PreferredLanguageField {}

.PreferredCurrencyRow {}
.PreferredCurrencyRow .PreferredCurrencyLabel { width: 150px; font-weight: bold; }
.PreferredCurrencyRow .PreferredCurrencyField {}

.SubscribeToNewsletterRow {}
.SubscribeToNewsletterLabel { width: 150px; font-weight: bold; }
.SubscribeToNewsletterField {}

.CcNameRow {}
.CcNameLabel { width: 150px; font-weight: bold; }
.CcNameField {}

.CcNumberRow {}
.CcNumberLabel { width: 150px; font-weight: bold; }
.CcNumberField {}

.CcTypeRow {}
.CcTypeLabel { width: 150px; font-weight: bold; }
.CcTypeField {}

.CcExpiryDateRow {}
.CcExpiryDateLabel { width: 150px; font-weight: bold; }
.CcExpiryDateField

.PromoRow {}
.PromoLabel { width: 150px; font-weight: bold; }
.PromoField {}

.DiscountRow {}
.DiscountRow .DiscountLabel { padding: 5px; font-weight: normal; color: #666; text-align: right; }
.DiscountRow .DiscountField { padding: 5px; width: 150px; text-align: right; }

.SubTotalRow {}
.SubTotalRow .SubTotalLabel { padding: 5px; font-weight: normal; color: #666; text-align: right; }
.SubTotalRow .SubTotalField { padding: 5px; width: 150px; text-align: right; }

.ShippingRow {}
.ShippingRow .ShippingLabel { padding: 5px; font-weight: normal; color: #666; text-align: right; }
.ShippingRow .ShippingField { padding: 5px; width: 150px; text-align: right; }

.TaxRow {}
.TaxRow .TaxLabel { padding: 5px; font-weight: normal; color: #666; text-align: right; }
.TaxRow .TaxField { padding: 5px; width: 150px; text-align: right; }

.TotalRow {}
.TotalRow .TotalLabel { padding: 5px; font-weight: bold; color: #666; text-align: right; }
.TotalRow .TotalField { padding: 5px; width: 150px; text-align: right; }

.TotalRowLessGiftCertificates {}
.TotalRowLessGiftCertificates .TotalLessGiftCertificatesLabel {padding: 5px; font-weight: normal; color: #666; text-align: right;font-weight: bold}
.TotalRowLessGiftCertificates .TotalLessGiftCertificatesField {padding: 5px; width: 150px; text-align: right;font-weight: bold}

.BalanceOutstandingRow {}
.BalanceOutstandingRow .BalanceOutstandingLabel {padding: 5px; font-weight: normal; color: #666; text-align: right;font-weight: bold}
.BalanceOutstandingRow .BalanceOutstandingField {padding: 5px; width: 150px; text-align: right;font-weight: bold}
/* table headers */

.HeaderRow {}
.HeaderRow .Image  { padding: 2px; text-align: center; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .OrderID { padding: 2px; text-align: left; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Sku { padding: 2px; text-align: center; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Date { padding: 2px; text-align: center; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Product { padding: 2px; text-align: left; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Description { padding: 2px; text-align: left; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Quantity { padding: 2px; text-align: center; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Remove { padding: 2px; text-align: center; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Shipping { padding: 2px; text-align: center; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Price { padding: 2px; text-align: right; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .Discount { padding: 2px; text-align: right; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }
.HeaderRow .LineTotal { padding: 2px; text-align: right; border-left: solid 1px #fff; background-color: #ddd; font-size: 10px; font-weight: bold; text-transform: lowercase; color: #666; }

/* table rows */

.StandardRow {}
.StandardRow .Image { padding: 5px; text-align: center; }
.StandardRow .OrderID { padding: 5px; text-align: left; }
.StandardRow .Sku { padding: 5px; text-align: center; }
.StandardRow .Date { padding: 5px; text-align: center; }
.StandardRow .Product { padding: 5px; text-align: left; }
.StandardRow .Description { padding: 5px; text-align: left; }
.StandardRow .Quantity { padding: 5px; text-align: center; }
.StandardRow .Remove { padding: 5px; text-align: center; }
.StandardRow .Shipping { padding: 5px; text-align: center; }
.StandardRow .Price { padding: 5px; text-align: right; }
.StandardRow .Discount { padding: 5px; text-align: right; }
.StandardRow .LineTotal { padding: 5px; text-align: right; }

.AlternateRow {}
.AlternateRow .Image { padding: 5px; text-align: center; background-color: #eee; }
.AlternateRow .OrderID { padding: 5px; text-align: center; background-color: #eee; }
.AlternateRow .Sku { padding: 5px; text-align: center; background-color: #eee; }
.AlternateRow .Date { padding: 5px; text-align: center; background-color: #eee; }
.AlternateRow .Product { padding: 5px; text-align: left; background-color: #eee; }
.AlternateRow .Description { padding: 5px; text-align: left; background-color: #eee; }
.AlternateRow .Quantity { padding: 5px; text-align: center; background-color: #eee; }
.AlternateRow .Remove { padding: 5px; text-align: center; background-color: #eee; }
.AlternateRow .Shipping { padding: 5px; text-align: left; background-color: #eee; }
.AlternateRow .Price { padding: 5px; text-align: right; background-color: #eee; }
.AlternateRow .Discount { padding: 5px; text-align: right; background-color: #eee; }
.AlternateRow .LineTotal { padding: 5px; text-align: right; background-color: #eee; }

/* basket */

.Basket {}
.Basket .BasketTable { width: 100% }
.BasketTable .TotalsRow {}
.TotalsRow .TotalsCell { border-top: solid 1px #00659C; text-align: right; }
.TotalsCell .TotalsTable { float: right; }

/* form buttons/links */

.ResetButton { display: none; width: 150px; 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-color: #00659C; border: solid 2px #fff; }
.ResetButton a:hover { background-color: #f60; }

.CancelButton { width: 150px; 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: #00659C; border: solid 2px #fff; }
.CancelButton a:hover { background-color: #f60; }

.ContinueButton { width: 150px; 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; font-size: 9px;  text-align: center; text-transform: uppercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #00659C; border: solid 2px #fff; }
.ContinueButton a:hover { background-color: #f60; }

.CompleteButton { width: 150px; 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: 9px;  text-align: center; text-transform: uppercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #00659C; border: solid 2px #fff; }
.CompleteButton a:hover { background-color: #f60; }

.SubmitButton { width: 75px; margin: 0px; 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; text-transform: uppercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #00659C; border: solid 2px #fff; }
.SubmitButton a:hover { background-color: #f60; }

.LoginButton { width: 150px; margin: 10px; margin-right: 0px; text-align: center; }
.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; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #00659C; border: solid 2px #fff; }
.LoginButton a:hover { background-color: #f60; }

.LogoutButton { width: 150px; 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;  text-align: center; text-transform: uppercase; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #00659C; border: solid 2px #fff; }
.LogoutButton a:hover { background-color: #f60; }

.CheckoutButton { width: 150px; margin: 10px; margin-right: 0px; text-align: center; }
.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; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #00659C; border: solid 2px #fff; }
.CheckoutButton a:hover { background-color: #f60; }

.BackToShoppingButton { width: 150px; margin: 10px; margin-right: 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; padding: 3px; padding-left: 7px; padding-right: 7px; color: #fff; text-decoration: none; background-color: #00659C; border: solid 2px #fff; }
.BackToShoppingButton a:hover { background-color: #f60; }

/* Wholesaler Page Styles */
.Department .RadPanelbar_Default {
	background:none;
	background-color:#4D94BA;
	}

.RadPanelbar_Default .rootGroup .text {
	color:#003366;
	}

.Department img {
	padding:0px 5px 0px 0px;
	}

.Department .ProductImage {
	float:right;
	}

.Department .template li {background-color:#FFF:}
.Department .template {
	background-color:#FFF;padding:8px;height:100%;
	}

.Department .ProductDescriptionWrapper .ProductDescription {
	font-size:14px; 
	}

.WholesalerDepartments .PageIntro {
	color:#666666;
	font-size:18px;
	font-weight:normal;	
	padding-bottom:4px;
	border-bottom:solid 1px #999999;
	}

.WholesalerProducts .ProductsTable {
	float:left;
	padding:0px;
	text-align:center;
	margin-top:48px;
}

.WholesalerProducts .HeaderRow td {
	font-size:12px;
	font-weight:bold;
	}
	


.WholesalerProducts .StandardRow .ItemColumn, .WholesalerProducts .StandardRow .QuantityColumn,.WholesalerProducts .StandardRow .PriceColumn {
	padding:4px 3px 0px 3px;
	} 
.WholesalerProducts .StandardRow .QuantityColumn input {width:32px}

.WholesalerProducts .DetailsColumn {
	display:none;
	}
 
.WholesalerDepartments .Departments .Buttons .AddToCartButton {
	padding-top:8px; 
	}
	
.WholesalerDepartments .Departments .Buttons #TEST_btnAddToCart {
	background-color:#00659C;
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:9px;
	padding:3px 7px;
	text-decoration:none;
	text-transform:uppercase;
}

/* End Wholesaler Page Styles */