﻿.Clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0 !important; padding: 0 !important; }
/* -------------------------------------------------- 
   Base Masterpage Style
-----------------------------------------------------*/
/*FrontMaster Begin*/
.FrontMaster, .BlogFrontMaster { width: 100%; margin: 0px; padding: 0px; background: url(Images/Background/main-background.png) repeat, url(Images/Background/body-background.jpg) no-repeat center top; }

.FrontMasterTop { width: inherit; }

.FrontMasterMiddle { width: 100%; margin: 0 auto; }

.FrontMasterBottom { clear: both; width: inherit; }

.MainDiv, .ContentMainDiv, .ProductMainDiv, .DefaultMainDiv, .AccountMainDiv { background-color: #FFF; padding: 10px 0px 20px; position: relative; min-height: 320px; }

.ProductDiv { clear: left; }

.NoMargin { margin: 0 auto; }

.NoPadding { padding: 0 inherit; }
.Default > .row { background-color: #FFF; padding: 10px 0; }
/*FrontMaster End*/
/*Layout->Header Begin*/

.header-container1 { width: 100%; clear: left; font-size: 18px; font-family: 'DB Ozone X'; }
    .header-container1 .row { padding: 0 20px; }
.header-container1-left { float: left; max-width: 32%; }

.header-container1-right { float: right; max-width: 68%; }
.header-container2 { width: 100%; clear: left; font-family: 'DB Ozone X'; font-size: 18px; }
    .header-container2 .row { transition: all 0.2s ease-in-out; display: flex; }
.header-container2-left { float: left;  align-items: center; display: flex; }
.header-container2-right { float: right; display: flex; justify-content: flex-end; align-self: center; flex-wrap: wrap; }
.header-container3 { width: 100%; clear: left; min-height: 40px; margin: 0; }
    .header-container3 .row { padding: 0; }
.sticky-menu .header-container2 { background-color: #f2f2f2 }
.sticky-menu .header-container3 { background-color: #1f3062; } 
.sticky-menu .HeaderMenu ul li a.HyperLink, .sticky-menu .HeaderMenu a.ContentMenuNavListStaticMenuItem { color: #fff; }

/*Layout->Header End*/
/*Layout->Footer Begin*/
/* ---- ContentFooter ---- */
.LayoutFooter { border-top: 2px solid #d5cbcb; width: inherit; background-color: #f4f4f4; color: #1b1b1b; padding: 30px 0; }

    .LayoutFooter .MenuItemTitleOuter, .LayoutFooter a.MenuItemTitleOuter, .LayoutFooter .MenuItemTitle { clear: left; float: left; font-weight: bold; line-height: 22px; width: 100%; font-family: 'DB Ozone X'; font-size: 21px; color: #444141; }

    .LayoutFooter .DBDIcon { margin: 5px 0; clear: left; float: left; width: 100%; } 

    .LayoutFooter ul.MenuItem { clear: left; list-style: none; margin: 0; padding: 10px 0; }

        .LayoutFooter ul.MenuItem li { line-height: 22px; }

            .LayoutFooter ul.MenuItem li a.HyperLink { line-height: 22px; padding: 0px; color: #7d7a7a; text-decoration: none; font-size: 13px; }

                .LayoutFooter ul.MenuItem li a.HyperLink:hover { text-decoration: underline; }

.MenuFooter { margin-bottom: 10px; }
/* ---- license---- */
.LayoutFooterLicense { background-color: #3e3f3f;   line-height: 24px; width: inherit; color: #fff; padding: 8px 0; font-size: 11px; }
    .LayoutFooterLicense .row { text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } 
.LayoutFooterLicense a { color: #fff; text-decoration: none; display: inline-block; }
    .LayoutFooterLicense a:hover { color: #fff; }
    .LayoutFooterLicense .TKLogoFooter { width: 100px; height: 24px; margin-left: 5px; margin-right: 5px; }
.FooterLicenseDiv { margin-left: 3px; margin-right: 3px; } 
/*Layout->Footer End*/
/*Layout->Footer End*/
/*[Common Page]-[Common Login]-[Content Layout] Page Begin*/
.CommonPage,
.CommonLoginPage,
.ContentLayout { width: 100%; margin: 0 auto 10px; clear: left; float: left; }

.CommonPageTop,
.CommonLoginPageTop,
.ContentLayoutTop { width: 100%; min-height: 40px; line-height: 35px; vertical-align: middle; text-align: left; }

.CommonPageTopTitle,
.CommonLoginPageTitle,
.ContentLayoutTopTitle,
.NewArrivalTitle { color: #34312c; font-family: DB Ozone X; font-size: 30px; line-height: 35px; font-weight: bold; }

.CommonPageRight,
.CommonLoginPageRight,
.ContentLayoutRight { padding: 20px 0; float: left; width: 100%; line-height: 24px; }

.CommonPageTopImgLeft,
.CommonPageTop .CommonPageImgLeft,
.CommonPageTopImgRight,
.CommonPageTop .CommonPageImgRight,
.CommonPageBottom,
.CommonLoginPageTopImgLeft,
.CommonLoginPageTop .CommonLoginPageImgLeft,
.CommonLoginPageTopImgRight,
.CommonLoginPageTop .CommonLoginPageImgRight .CommonLoginPageBottom,
.ContentLayoutTopImgLeft,
.ContentLayoutTop .ContentLayoutImgLeft,
.ContentLayoutTopImgRight,
.ContentLayoutTop .ContentLayoutImgRight,
.ContentLayoutBottom { display: none; }
/*[Common Page]-[Common Login]-[Content Layout] Page End*/
/*CommonGridView Begin*/
.CommonGridView { border: solid 1px #d7d7d7; width: 100%; clear: both; margin-top: 10px; font-size: 13px; }

.CommonGridViewHeaderStyle { background-color: #f4f4f4; border-top: solid 1px #d7d7d7; color: #2c2d2e; padding: 5px 3px; line-height: 22px; }

    .CommonGridViewHeaderStyle th { border: solid 1px #d7d7d7; border-top: 0; padding: 5px 3px; }
    .CommonGridViewHeaderStyle a { color: #000; }
        .CommonGridViewHeaderStyle a:hover { color: #1d4db9; }


.CommonGridViewRowStyle { min-height: 32px; border-bottom: solid 1px #d7d7d7; background-color: #fff; }

.CommonGridViewAlternatingRowStyle { min-height: 32px; border-bottom: solid 1px #d7d7d7; background-color: #fbfcfe; }

    .CommonGridViewRowStyle > td,
    .CommonGridViewAlternatingRowStyle > td { padding: 5px 3px; border-right: solid 1px #d7d7d7; }

.CommonGridViewFooterStyle { background-color: #fbfcfe; }
.CommonGridViewEmptyRowStyle { background-color: #fbfcfe; color: #2c2d2e; }
.CommonGridViewEmptyRowStyle > td,
div.CommonGridViewEmptyRowStyle { background-color: #fbfcfe; color: #2c2d2e; font-weight: normal; text-align: center; clear: left; width: 100%; line-height: 35px; height: 35px; padding: 3px 0; display: table; }

.OrderHistoryGridviewDiv .CommonGridViewEmptyRowStyle { display: table; margin: auto; }

.OrderHistoryGridviewDiv .CommonGridView { background-color: #fbfcfe; }

.CommonGridViewPageItemDiv { clear: left; float: left; width: 100%; line-height: 24px; color: #2c2d2e; margin-top: 8px; margin-bottom: 10px; border-top: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0; padding: 5px 0; }

.CommonGridViewItemsPerPageDiv { float: left; font-size: 12px; }

.CommonGridViewPagingDiv { float: right; }

.CommonGridViewPageItemDiv .ItemsPerPageDrop { float: left; margin: 3px;  }
.CommonGridViewHeaderStyle .ImageHeader { border: 0; background-color: #fff; }
/*Common Gridview End*/
/*CommonForm Begin*/
.CommonFormLabel { width: 35%; float: left; padding: 2px 0px; margin-right: 2%; color: #2c2d2e; clear: left; font-size: 12px; line-height: 25px; }

.CommonFormData { float: left; width: 60%; padding-top: 2px; padding-bottom: 2px; }

.CommonFormDataSample { font-size: 13px; color: #333; }
/*CommonForm End*/

/* CommonTopDynamicDropdown [Language,Currency]  Begin*/
.CurrencySwitch table, .LanguageSwitch table { margin: 0; }

.CommonTopDynamicDropdownList { }

table.CommonTopDynamicDropdownListStaticMenuItem { width: 100%; z-index: 0; padding: 0; margin: 0; background-color: #f4f4f4; border: 1px solid #bcbcbd; border-radius: 10px; overflow: hidden; }

    table.CommonTopDynamicDropdownListStaticMenuStyle td,
    table.CommonTopDynamicDropdownListStaticMenuItem td { padding: 0; border: 0; margin: 0; }

.CommonTopDynamicDropdownListStaticMenuItem td a { color: #021234; font-size: 18px !important; display: block; margin: 0; text-decoration: none; vertical-align: middle; white-space: normal; padding: 0px 35px 0px 10px; background: #f4f4f4 url(Images/Icon/SwitchDown.png) no-repeat right center; line-height: 22px; }

.CommonTopDynamicDropdownListDynamicMenuStyle table { border: solid 1px #bcbcbd; margin: 0; padding: 0; border-radius: 0; }

    table.CommonTopDynamicDropdownListDynamicMenuItem,
    .CommonTopDynamicDropdownListDynamicMenuStyle table tr td,
    table.CommonTopDynamicDropdownListDynamicMenuItem tr td { margin: 0; padding: 0; border: 0; }

.CommonTopDynamicDropdownListDynamicMenuStyle { z-index: 1001 !important; margin: 1px 0 0; padding: 0; }

a.CommonTopDynamicDropdownListDynamicMenuItem { z-index: 0; display: block; vertical-align: middle; color: #313131; padding: 4px 10px; min-width: 120px; background-color: #f4f4f4; font-size: 18px !important; }

    a.CommonTopDynamicDropdownListDynamicMenuItem:hover { background-color: #1d4db9; color: #fff; }

/* CommonTopDynamicDropdown [Language,Currency]  End*/
/* Common SideBox Style Begin */
.CategoryNavList,
.DepartmentNavList,
.ManufacturerNavList,
.NewsNavList,
.FeaturedMerchants,
.FindGiftRegistry,
.JoinAffiliate,
.NewArrivalCategory,
.FacetedNavList,
.MiniShoppingCart,
.ProductSpecial,
.VerifyCoupon,
.RecentlyViewedBoxList,
.MyAccountMenuList,
.CompareProductBoxList,
.OrderSummaryRightMenu,
.GiftCouponDetailBox,
.VendorSearchBox { margin-bottom: 15px; display: block; }
/* Common SideBox Style  End*/
/* Common SideBanner Box Style Begin*/
.SecureShoppingAd,
.SpecialOfferAd,
.FreeShippingAd,
.LivePersonWidget,
.LikeBoxWidget { margin-top: 10px; display: block; }
/* Common SideBanner Box Style End*/
/*Common Sidebar Begin*/
.SidebarTop { min-height: 40px; }

.SidebarTopTitle { color: #34312c; font-family: DB Ozone X; font-size: 28px; line-height: 30px; }

.SidebarRight { padding: 10px 0; }

.SidebarTopImgLeft,
.SidebarTopImgRight,
.SidebarBottom { display: none; }
/*Common Sidebar End*/
/*Common SideBanner Begin*/
.SideBannerTop,
.SideBannerBottom { display: none; }

.SideBannerRight { text-align: center; }

    .SideBannerRight table { margin: auto; }
/*Common SideBanner End*/
/*Common CenterBlock Begin*/
.CenterBlockTop { margin-bottom: 5px;}

.CenterBlockTopImgLeft,
.CenterBlockTopImgRight { display: none; }

.CenterBlockTopTitle { color: #34312c; font-family: DB Ozone X; font-size: 30px; line-height: 35px; font-weight: bold; }
/*Common CenterBlock End*/
/* General Button Style Begin*/
.BtnStyle1, .BtnStyle2, .BtnStyle3, .BtnStyle4, .BtnLink, .AddToCartContinue, .AddCart, .ViewDetail { display: block; float: left; font-size: 13px; line-height: 25px; margin: 0px 5px 2px 0; padding: 0 15px; text-decoration: none; vertical-align: middle; text-align: center; }

.BtnStyle1, .WishListContinueImageButton, .CheckoutCompleteBackLinkDiv .ShoppingCartContinueShopping, .DirectPaymentSaleImageButton, .CommonProductButton .BtnStyle1, .AddCart, .ShoppingCartCheckoutLink.BtnStyle1, .ShoppingCartGiftRegistryLink.BtnStyle1, .ProductDetailsResponsiveAddToCart .BtnStyle1, .ProductListTableViewItem .BtnStyle1, .CommonProductItemStyle .BtnStyle1, .OrderSummaryFinishImageButton.BtnStyle2 { color: #fff; background: #1d4db9; }

.CommonProductButton .BtnStyle1, .ProductListTableViewItem .BtnStyle1, .CommonProductItemStyle .BtnStyle1, .NewsletterSubmit.BtnStyle1, .HotDealAddCartButtonDiv .AddCart, .BtnStyle2, .BtnStyle3, .BtnStyle4,
.AddToCartContinue, .ViewDetail { color: #fff; background-color: #4d4e4e; }

.BtnStyle5 { padding: 3px; border: 0; font-weight: normal; font-size: 12px; line-height: 14px; margin-top: 5px; border: solid 1px #ededed; }

.ButtonDelete { color: #b18383; text-decoration: none; font-size: 12px; }

.BtnLink { border: solid 1px #ededed; background-color: #fbfcfe; color: #888; text-transform: none; }
.BtnStyle1:hover, .WishListContinueImageButton:hover, .CheckoutCompleteBackLinkDiv .ShoppingCartContinueShopping:hover, .DirectPaymentSaleImageButton:hover, .AddCart:hover, .CommonProductButton .BtnStyle1:hover, .ShoppingCartCheckoutLink.BtnStyle1:hover, .ShoppingCartGiftRegistryLink.BtnStyle1:hover, .ProductDetailsResponsiveAddToCart .BtnStyle1:hover, .HotDealAddCartButtonDiv .AddCart:hover, .NewsletterSubmit.BtnStyle1:hover, .OrderSummaryFinishImageButton.BtnStyle2:hover { color: #fff; background: #155bfa; }

.BtnStyle2:hover, .BtnStyle3:hover, .BtnLink:hover, .BtnStyle4:hover, .AddToCartContinue:hover, .ViewDetail:hover, .WishListContinueImageButton:hover, .CheckoutCompletePrintLinkDiv .ShoppingCartContinueShopping:hover, .DirectPaymentSaleImageButton:hover, .MiniShoppingCartNoLink.BtnStyle2:hover, .ViewDetail:hover, .NewsEventViewAll .BtnStyle1:hover { color: #fff; background-color: #1a1d30; }

.ButtonDelete:hover { color: #ff0000; }
/*General Button Style End*/
/* Common AjaxTab Style Begin */
.ajax__tab_header { height: 37px; z-index: 1; font-weight: normal; color: #2c2d2e; border-bottom: solid 1px #ddd; font-family: 'DB Ozone X'; }

    .ajax__tab_header .ajax__tab_outer { padding: 0 15px; display: inline-block; color: #2c2d2e; height: 37px; line-height: 37px; vertical-align: middle; margin-right: 4px; border: solid 1px #ddd; background: #f9fbfd; font-size: 22px; text-transform: uppercase; text-align: center; border-radius: 10px 10px 0 0; }

        .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab { cursor: pointer; }

            .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab div { border: 0; width: 100%; text-align: center; }

    .ajax__tab_header .ajax__tab_active .ajax__tab_outer { height: 37px; line-height: 37px; vertical-align: middle; margin-right: 4px; background: #fff; border: solid 1px #ddd; border-bottom: solid 1px #fff; color: #1d4db9; position: relative; z-index: 1; font-size: 22px; border-radius: 10px 10px 0 0; }

.ajax__tab_body { border: 1px solid #ddd; padding: 15px; background-color: #fff; position: relative; z-index: 0; border-top: none; }
/* Common AjaxTab Style End */
/* validator style begin */

.CommonTextBox { border: solid 1px #f0f0f0; font-size: 13px; }

.CommonPageInnerTitle { clear: left; color: #2c2d2e; float: left; font-size: 16px; font-weight: bold; text-decoration: underline; line-height: 30px; margin: 10px 0 5px; padding: 5px 0; width: 100%; }

.CommonPageInner { padding-bottom: 10px; padding-left: 20px; }


.CommonTextEditorPanel { margin-top: 20px; }

.ajax__calendar_container { background-color: #fff; border: solid 1px #ccc; }

.CommonOptionItemValidator { font-size: 11px; margin-top: 10px; color: #f00; }

.TextOptionItemValidator { padding-left: 20px; font-size: 11px; margin-top: 10px; }

.CommonValidateText { color: Red; font-size: 11px; }

.CommonValidateDiv { width: 90%; background: url(Images/Background/dot-line-validate.gif) repeat-x left top; color: #ff0000; margin-bottom: 3px; margin-top: 1px; padding-top: 1px; }

.ShippingDiv .CommonValidateDiv { width: 22%; }

.PaymentDiv .CommonValidateDiv { width: 72%; }

.CommonValidateCalendarDiv { width: 90%; border-top: dotted; border-width: 1px; color: #ff0000; margin-bottom: 3px; margin-top: 1px; }

.CommonValidateLong { width: 90%; }

.OptionValidateDiv { width: 76px; border-bottom: dotted; border-width: 1px; color: #ff0000; margin-bottom: 2px; }

.ProductKitValidateDiv { width: 66px; border-bottom: dotted; border-width: 1px; color: #ff0000; margin-bottom: 2px; }

.UploadValidateDiv { width: 156px; border-bottom: dotted; border-width: 1px; color: #ff0000; margin-bottom: 2px; }

.TextOptionValidateDiv { padding-left: 20px; width: 86px; border-bottom: dotted; border-width: 1px; color: #ff0000; margin-bottom: 2px; }

span.CommonAsterisk { color: #ff0000; padding-left: 2px; font-size: 13px; }
.CommonValidateText { color: red; font-size: 11px; }
.CommonValidatorText { color: #ff0000 !important; font-size: 11px; }

    .CommonValidatorText img { margin-bottom: 2px; }

.CommonDisplayMessageDiv { background-color: #F8F8F8; border: 1px dashed #ddd; color: Blue; padding: 10px; text-align: left; margin-bottom: 13px; padding-left: 23px; font-size: 12px; }

.CommonErrorMessageDiv { background-color: #F8F8F8; border: 1px dashed #FFDDDD; color: #ff0000; padding: 10px; text-align: left; margin-bottom: 13px; padding-left: 23px; font-size: 12px; }

.CommonCreditCardValidateDiv { width: 110px; border-top: dotted; border-width: 1px; color: #ff0000; margin-bottom: 3px; margin-top: 1px; }

.CommonDropDown { margin-right: 5px; max-width: 100%; }

.CaptchaValidation { clear: left; float: left; margin: 5px 0; width: 60%; color: Red; font-size: 12px; }

    .CaptchaValidation ul { padding: 0 0 0 15px; margin: 0; list-style-image: url(../../Images/Design/Bullet/RequiredFillBullet_Up.gif); border-top: dotted 1px Red; }

.ajaxProgress { position: fixed; text-align: center; z-index: 9999999 !important; top: 45%; left: 50%; width: 32px; height: 32px; }

#ctl01_ctl00_uxWebsitePlaceHolder_uxUpdateProgress { position: inherit !important; }

.SearchFilterDrop { padding: 3px; }
/* validator style end */
/*-- Common Product List Item Style :  Random, Best Selling, ProductList etc. Begin--*/

.CommonProductItemStyle { margin-top: 10px; margin-bottom: 25px; float: left; text-align: center; }
.DummyCommonProductItemStyle { width: 100%; position: relative; }

div.CommonProductImage { width: 100%; margin-bottom: 5px; height: 100%; clear: left; }
table.CommonProductImage { width: inherit; text-align: center; padding: 0; }
.CommonProductImage tr td { vertical-align: middle; }
.CommonProductImage a { display: block; margin: auto; text-align: center; }
.CommonProductImagePanel { width: 100%; text-align: center; overflow: hidden; }
.CommonProductName { clear: left; float: left; width: 100%; margin: 5px 0; line-height: 20px; min-height: 40px; overflow: hidden; padding: 0 5px; }

.CommonProductNameLink { color: #2c2d2e; text-decoration: none; font-size: 15px; font-weight: normal; }

.CommonProductDescription { clear: left; float: left; margin-bottom: 10px; line-height: 18px; font-size: 13px; width: 100%; }
    .CommonProductDescription p { line-height: 18px; font-size: 13px; }
.CommonProductRating { clear: left; color: #777; font-size: 13px; font-style: italic; display: table; line-height: 30px; margin: 5px auto; }

    .CommonProductRating .RatingCustomerMessageDiv { display: none; }

.CommonProductQuantityDiscountPanel { clear: left; float: left; margin: 5px 0; display: none; }

.CommonProductRecurringPanel { clear: left; float: left; margin: 5px 0; display: none; }

.CommonProductFreeShippingPanel { clear: left; float: left; margin: 5px 0; display: none; }

    .CommonProductRecurringImage, .CommonProductQuantityDiscountPanel img, .CommonProductFreeShippingPanel img { border: 0; }

.CommonProductPriceDetails { clear: left; display: flex; line-height: 25px; margin: 4px auto; flex-wrap: wrap; justify-content: center; }

.CommonProductSpecialLabel { clear: left; float: left; display: none; }

.CommonProductButton { clear: left; float: left; width: 90%; padding: 10px 0 0; margin: 0 5%; z-index: 0; position: relative; background: url("Images/Background/product-item-line.png") no-repeat center top; }

    .CommonProductButton .BtnStyle1 { float: none; display: table; margin: auto; text-transform: uppercase; }
.CallForPrice, .CallFroPrice { color: #1D4DB9; font-weight: bold; line-height: 25px; font-size: 13px; font-weight: bold; }
    .CallForPrice a { color: #1D4DB9; text-decoration: underline; }
.RetailPricePanel { float: left; margin: 0 2px; text-align: center; color: #fa58ab; text-decoration: line-through; font-size: 13px; }
.RetailPriceValue { color: #ff5656; text-decoration: line-through; float: left; line-height: 25px; }
.OurPricePanel { float: left; margin: 0 2px; text-align: center; }
.OurPriceValue { color: #3c3c3c; font-weight: normal; line-height: 25px; font-size: 15px; }
.ProductDetailsResponsiveOurPrice .CallForPrice { font-size: 15px; }

.OurPriceLabel, .RetailPriceLabel, .CommonProductAddCartImage, .CommonProductTellFriendImage { }

.OptionGroupPanel { clear: left; display: table; line-height: 25px; margin: 10px auto; }

.DiscountPercent { text-decoration: none; color: #5DA423; font-size: 12px; }

.DiscountLabel { color: #2c2d2e; font-size: 13px; margin-right: 5px; clear: left; float: left; text-align: left; background: url(Images/Icon/quantity.svg) no-repeat left center; background-size: auto 20px; padding-left: 22px; line-height: 22px; }

.FreeShippingLabel { color: #2c2d2e; font-size: 13px; margin-right: 5px; clear: left; float: left; text-align: left; background: url(Images/Icon/shipping.svg) no-repeat left center; background-size: auto 20px; padding-left: 25px; line-height: 22px; }

.PercentLabel, .PercentValue { color: #fff; margin: 0; position: relative; }

.PercentLabel { display: table; margin: auto; }

.PercentValue { font-size: 14px; }

.PriceDiscountLabel { background-color: #1d4db9; border-radius: 40px; color: #FFFFFF; height: 45px; left: 10px; line-height: 16px; padding: 5px 5px 5px; position: absolute; text-align: center; top: 10px; width: 45px; z-index: 1; }

.Default .DiscountPercent { float: none; }


 
/*-- Common Product List Item Style End --*/
/*-- Common Category List Item Style Begin --*/

.CommonCategoryDataList { display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; margin-bottom: 20px; }
div.CommonCategoryImage { width: 100%; padding: 0; margin-bottom: 5px; }

table.CommonCategoryImage { width: inherit; text-align: center; padding: 0; }

.CommonCategoryImage tr td { vertical-align: middle; border-bottom: solid 1px #ededed; }

.CommonCategoryImage a { display: block; margin: auto; text-align: center; }

.CommonCategoryImage img { height: auto !important; height: auto; width: auto !important; }

.CommonCategoryImagePanel { width: 100%; text-align: center; }

.CommonCategoryName { clear: left; float: left; padding: 5px; text-align: center; width: 100%; }

.CommonCategoryNameLink { color: #2c2d2e; text-decoration: none;  font-family: 'DB Ozone X'; }

.CommonCategoryDescription { clear: left; float: left; margin-bottom: 10px; line-height: 18px; font-size: 13px; color: #4d4e4e; display: none; }

/*-- Common Category List Item Style End --*/
/* -----------------------------------------
   Specific Styles
----------------------------------------- */
/*Layout->Header->header-container1 Begin*/
/*HeaderLogin Begin*/
.HeaderLogin { float: left; font-weight: normal; line-height: 22px; margin: 8px 0; display: inline-flex; align-items: center;  }  
    .HeaderLogin a { color: #515151; text-decoration: underline}  
.LoginName { float: left; }
.LoginLabel { float: left; }
.LoginLabelWelcome { float: left; }
.HeaderLogin .NameLabel {  text-transform: none;  }
.HeaderLoginLoginPipe { padding: 0 5px; float: left; }
.LoggedInLabel { padding: 0 3px; float: left; }
.LoggedInDiv { float: left; }
/*HeaderLogin End*/

/*HeaderLogin - Wishlist and MyAccount Begin*/
.HeaderLoginWishlist { float: right; margin: 8px 0 8px 10px; display: inline-flex; align-items: center; line-height: 22px; }
    .HeaderLoginWishlist i { color: #171923; margin-right: 5px; font-size: 13px; margin-bottom: 3px; }
    .HeaderLoginWishlist:hover i { color: #1D4DB9; }
    .HeaderLoginWishlist a { float: left; display: flex; color: #515151; }
    .HeaderLoginWishlist .WishlistLink .WishlistTotalItem { margin-left: 5px; }
/*HeaderLogin - Wishlist and MyAccount End*/

/*HeaderLogin Begin*/
.HeaderLoginAccount { float: right; margin: 8px 0 8px 10px; display: inline-flex; align-items: center; line-height: 22px; }
    .HeaderLoginAccount i { color: #171923; margin-right: 5px; font-size: 14px; margin-bottom: 3px; }
    .HeaderLoginAccount:hover i { color: #1D4DB9; }
    .HeaderLoginAccount a { float: left; display: flex; color: #515151; }
/*HeaderLogin End*/

/*SwitchLanguage Begin*/
.SwitchLanguage { float: right; margin: 7px 0 7px 5px; }
.SwitchLanguageLeft { float: left; }
.SwitchLanguageTop, .SwitchLanguageBottom { display: none; }

.SwitchLanguageRight .Label { font-weight: normal; margin-right: 5px; float: left; line-height: 24px; text-transform: uppercase; }

.SwitchLanguageRight .LanguageSwitch { float: left; color: #000;  }

.SwitchLanguageMenuPanel a { text-decoration: none; line-height: 24px; font-size: 18px; }
    .SwitchLanguageMenuPanel a.selected { }
    .SwitchLanguageMenuPanel a:hover { text-decoration: underline; color: #1D4DB9; }
.SwitchLanguageDropPanel { padding: 0; float: left; }
.seperator-label { color: #999; padding: 0 3px; line-height: 24px; }
.SwitchLanguageDropPanel select { font-size: 18px; font-family: 'DB Ozone X'; padding: 0 25px 0 5px; height: 24px; color: #000; -webkit-appearance: none; -moz-appearance: none; background: #fff url(Images/Icon/SwitchDown.png) no-repeat right center; border-radius: 5px; cursor: pointer; border: solid 1px #6a6b6b; }
    .SwitchLanguageDropPanel select > option { width: auto; background-color: #fbfbfb; color: #d1c2c6; line-height: 24px; font-size: 12px; font-weight: normal; }

/*SwitchLanguage End*/
/*CurrencyControl Begin*/
.CurrencyControl { float: right; margin: 7px 0 7px 7px;  }
.CurrencyControlTop,
.CurrencyControlBottom { display: none; }
.CurrencyControlRight .Label { font-weight: normal; margin-right: 5px; float: left; line-height: 22px; text-transform: uppercase; }

.CurrencyControlRight .CurrencySwitch { color: #999; float: left; }
.CurrencySwitch select { font-size: 18px; font-family: 'DB Ozone X'; padding: 0 25px 0 5px; height: 24px; color: #000; -webkit-appearance: none; -moz-appearance: none; background: #fff url(Images/Icon/SwitchDown.png) no-repeat right center; border-radius: 5px; cursor: pointer; border: solid 1px #6a6b6b; }
    .CurrencySwitch select > option { width: auto; background-color: #fbfbfb; color: #021234; line-height: 22px; font-size: 12px; font-weight: normal; }

/*Layout->Header->header-container1 End*/
/*Layout->Header->header-container2 Begin*/
/*Search Begin*/ 
.SearchSection { float: right;  transition: all 0.2s linear; }
    .SearchSection.Desktop { }
    .SearchSection.Mobile { display: none; }
.Search { width: 100%; margin: 5px 0; font-size: 18px; font-family: 'DB Ozone X'; position: relative; clear: right; float: right; }

.SearchTop { line-height: 28px; float: left; width: 15%; text-align: center; }


.SearchBottom { display: none; }

.SearchLeft { float: right; width: 84%; border: solid 1px #6a6b6b; background-color: #f9f9f9; border-radius: 7px; overflow: hidden; }

.SearchAdvancedLink { height: 26px; line-height: 24px; position: absolute; text-decoration: underline; font-size: 16px;  line-height: 26px; right: 7px; background-color: #f9f9f9; color: #515151; }
    .SearchAdvancedLink:hover {  }
/*Search End*/

/*QuickSearch Begin*/
.QuickSearch { display: block; width: 100%; }
.QuickSearchDiv { border: 0; float: right; width: 100%; } 
.QuickSearchLabel { display: none; } 
.QuickSearchDropDownDiv { float: left; width: 22%; background: #4d4e4e url(Images/Icon/arrow-down-white.png) no-repeat 95% center; overflow: hidden; color: #fff; }
.QuickSearchSelectedDropDownDiv { float: left; width: 30%; background: #1D4DB9 url(Images/Icon/arrow-down-white.png) no-repeat 95% center; overflow: hidden; color: #000; height: 26px; padding: 0 0 4px 0; }
.QuickSearchDropDown { background: none; line-height: 1; border: 0; float: left; vertical-align: middle; color: #fff; height: 26px; padding: 4px 0 4px 5px; overflow: hidden; width: 135%; font-size: 12px; }
    .QuickSearchDropDown option { width: auto; background-color: #fff; color: #555; padding: 2px 10px; }

.QuickSearch input[type="text"].QuickSearchText { border: 0; padding: 3px 5px; float: left; margin-bottom: 0; background-color: #f9f9f9; color: #515151; width: 70%; height: 26px; font-size: 17px; }
.QuickSearch:has(.QuickSearchDropDownDiv) input[type="text"].QuickSearchText { width: 50%; }
.QuickSearch:has(.QuickSearchSelectedDropDownDiv) input[type="text"].QuickSearchText { width: 46%; }
.QuickSearchButton { width: 0; height: 0; font-size: 0; line-height: 0; padding: 0; border: 0; }

/*QuickSearch End*/
/*Layout->Header->header-container2 End*/

/*Layout->Header->header-container3 Begin*/
/*HeaderMenu -> HeaderMenuNormalStyle Begin*/
.HeaderMenu { margin: 0; min-height: 40px; padding: 5px 0 0; position: relative; }

    .HeaderMenu ul { list-style: none; padding: 0; margin: 0; }

        .HeaderMenu ul li { display: inline-block; }

            .HeaderMenu ul li a.HyperLink { padding: 5px 12px; line-height: 30px; color: #2c2d2e; text-align: center; vertical-align: middle; display: block; text-decoration: none; float: left; font-family: DB Ozone X; font-size: 24px; border-radius: 10px 10px 0 0; }

                .HeaderMenu ul li a.HyperLink:hover { color: #fff; background-color: #1d4db9; }

    /*HeaderMenu -> HeaderMenuNormalStyle End*/
    /*HeaderMenu -> Product & Content [Top] Begin*/
    .HeaderMenu .ContentMenuNavList a { display: none; }

    .HeaderMenu .ContentMenuNavList table { }

    .HeaderMenu .ContentMenuNavMenuList td:hover { background-color: Transparent; }
    .HeaderMenu .ContentMenuNavList { width: 100%; border: 0 none; margin-top: 0px; display: block; float: left; }

        .HeaderMenu .ContentMenuNavList .SidebarTop, .HeaderMenu .ContentMenuNavList .SidebarBottom { display: none; }

        .HeaderMenu .ContentMenuNavList .SidebarRight { padding: 0; border: 0; background: none; }

    .HeaderMenu table.ContentMenuNavListStaticMenuItem,
    .HeaderMenu table.ContentMenuNavMenuListStaticMenuStyle { width: 100%; }

    .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 5px 12px; line-height: 30px; color: #2c2d2e; text-align: center; vertical-align: middle; display: block; text-decoration: none; float: left; font-family: DB Ozone X; font-size: 24px !important; border-radius: 10px 10px 0 0; }

    .HeaderMenu a.ContentMenuNavListStaticMenuItem:hover { color: #fff; background-color: #1d4db9; }

    .HeaderMenu .ContentMenuNavList table.ContentMenuNavMenuListDynamicMenuItem { padding: 0; border-bottom: solid 1px #d7d7d7; width: 100%; }
    .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem { z-index: 0; background-color: #fff; border: 0; width: auto; }

        .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem a { z-index: 0; display: block; vertical-align: middle; color: #2c2d2e; padding: 8px 15px; width: 190px; white-space: normal; font-size: 20px !important; font-family: DB Ozone X; text-transform: uppercase; line-height: 20px; }

        .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem:hover { background-color: #1d4db9; color: #fff; }

    .HeaderMenu .ContentMenuNavMenuListDynamicMenuStyle { z-index: 1001 !important; margin: 0; margin-left: -1px; }

.DynamicMenuFirstLevel { top: 45px !important; }

.HeaderMenu .ContentMenuNavMenuListDynamicMenuItem img { background: #fff url(Images/Icon/arrow-left.png) no-repeat center center; height: 0; padding: 10px; width: 0; }
.HeaderMenu .ContentMenuNavMenuListDynamicMenuItem:hover img { background: #1d4db9 url(Images/Icon/arrow-left-hover.png) no-repeat center center; height: 0; padding: 10px; width: 0; }

/* HeaderMenu -> Product & Content [Top] End*/
/* HeaderMenu -> HeaderMenuCategoryRootStyle Begin*/
table.ContentMenuNavMenuList, table.ContentMenuNavMenuListStaticMenuStyle, table.ContentMenuNavListStaticMenuItem,
.ContentMenuNavMenuListDynamicMenuStyle table, .ContentMenuNavMenuListDynamicMenuStyle table tr td { border: 0; margin: 0; vertical-align: middle; width: inherit; }

    .ContentMenuNavMenuListDynamicMenuStyle table.ContentMenuNavMenuListDynamicMenuItem td img { width: 0; }
/* HeaderMenu -> HeaderMenuCategoryRootStyle End*/
/* HeaderMenu -> HeaderMenuCategoryTabStyle Begin */
.CategoryNavTabMenu { margin: 0; width: 100%; }

.nav-container { position: relative; z-index: 1500; }

    .nav-container table { border: 0; }

    .nav-container ul { padding: 5px 0 0; margin: 0; }

        .nav-container ul.menu li { float: left; display: inline; position: static !important; margin: 0; /*background: url(Images/Background/header-menu-border.jpg) no-repeat right center;*/ padding-right: 2px; }

    .nav-container .menu li a.HyperLink { font-family: DB Ozone X; font-size: 27px; color: #2c2d2e; padding: 3px 20px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; display: block; text-decoration: none; padding: 3px 38px; }

        .nav-container .menu li a.HyperLink img { display: none; }

        .nav-container .menu li a.HyperLink:hover { color: #fff; background-color: #1d4db9; position: relative; z-index: 999; }

    .nav-container .menu li .HeaderMenuNavItemLeft,
    .nav-container .menu li .HeaderMenuNavItemRight { float: left; }

    .nav-container ul.menu li .CategoryPanel { float: left; position: absolute; left: 0; top: 50px; display: none; border: solid 1px #d7d7d7; border-bottom: 0; }

    .nav-container ul.menu li a.HyperLink:hover .CategoryPanel { display: block; z-index: 998; text-transform: none; width: auto; }

.SubCategoryDataList { background-color: #151515; }

    .SubCategoryDataList td { vertical-align: top; }

    .SubCategoryDataList .SubParentLinkDiv { text-align: left; float: left; width: 100%; border-top: solid 1px #d7d7d7; }

    .SubCategoryDataList .SubParentLink { color: #2c2d2e; text-decoration: none; line-height: 20px !important; font-weight: normal; display: block; padding: 8px 15px; white-space: normal; font-size: 20px !important; font-family: DB Ozone X; white-space: normal; width: 160px; }

.LeafSubCategoryDataList td { vertical-align: top; }

.LeafSubCategoryDataList .SubParentLinkDiv { text-align: left; float: left; width: 100%; }

.LeafSubCategoryDataList .SubParentLink { text-decoration: none; white-space: normal; font-size: 20px !important; font-family: DB Ozone X; display: block; line-height: 20px !important; padding: 8px 15px; white-space: normal; text-transform: uppercase; border-bottom: solid 1px #d7d7d7; }

.SubCategoryListStyle { height: 100%; width: 170px; background-color: #fff; }

.SubParentLink:hover { background-color: #1d4db9; color: #fff; }

.SubCategoryPanel { clear: left; }

.SubCategoryName { float: left; font-size: 14px; width: 170px; }

.LeafCategoryLink { background: url(images/bullet/bullet1.gif) no-repeat 8px 8px; padding: 3px 0px 3px 22px; width: 100%; vertical-align: middle; display: block; color: #888; text-decoration: none; white-space: normal; text-align: left; line-height: 22px !important; font-weight: normal; }

    .LeafCategoryLink:hover { color: #1d4db9; text-decoration: underline; }

.ViewMorePanel { float: left; margin-top: 5px; }

    .ViewMorePanel a { font-weight: normal; text-decoration: none; line-height: normal; text-decoration: none; }


.SubCategoryDataList .SubCategoryItemData { color: #FFFFFF; clear: left; display: inline-block; font-size: 14px; font-weight: normal; line-height: 22px !important; padding: 0; text-decoration: none; white-space: normal; }

.LeafSubCategoryDataList .SubCategoryItemData { padding-bottom: 0px; }
/* HeaderMenu -> HeaderMenuCategoryTabStyle End */
/*Layout->Header->header-container3 End*/

/*Layout->Header->header-container4 Begin*/
/* CurrentShoppingCart Begin */
.ShoppingCartSection { clear: both; float: right; font-family: 'DB Ozone X'; font-size: 18px; }

.HeaderShoppingCart { line-height: 24px; float: right; margin: 5px 0; }

.HeaderShoppingCartDiv { float: left; background: rgba(255, 255, 255, 0.4); border: solid 1px #6a6b6b; color: #6a6b6b; border-radius: 7px; line-height: 24px; padding: 3px 7px; }
    .HeaderShoppingCartDiv:hover { border: solid 1px #1D4DB9; background-color: #fafafa; }
        .HeaderShoppingCartDiv:hover .HeaderShoppingCartViewCart i { color: #1D4DB9; }

.HeaderShoppingCartBraclet { float: left; line-height: 20px }
.QuantityDiv { float: left; margin-left: 3px;  line-height: 20px }
    .QuantityDiv:after { content: "/"; padding-left: 2px; }
.QuantityValue { color: #8ea5d0; }
.DiscountDiv { float: left; margin-left: 3px; line-height: 20px }
    .DiscountDiv:after { content: "/"; padding-left: 2px; }
.DiscountValue { color: #8ea5d0; }
.AmountDiv { float: left; margin: 0 5px; line-height: 20px }
.AmountValue { color: #8ea5d0; font-weight: normal; }

.HeaderShoppingCartViewCart { float: left; text-decoration: none; margin-left: 5px; border: 0; font-size: 15px; line-height: 1; display: flex; align-items: center; color: #6a6b6b; height: 18px; }
.HeaderShoppingCartCheckout { float: left; line-height: 20px; padding: 3px 7px; margin-left: 7px; font-weight: normal; display: flex; align-items: center; background: rgba(255, 255, 255, 0.4); border: solid 1px #6a6b6b; color: #6a6b6b; border-radius: 7px; }
    .HeaderShoppingCartCheckout i { font-size: 16px; line-height: 1; color: #6a6b6b; margin-left: 5px; }
    .HeaderShoppingCartCheckout:hover { border: solid 1px #1D4DB9; background-color: #fafafa; }
        .HeaderShoppingCartCheckout:hover i { color: #1D4DB9; }
/*Layout->Header->header-container4 End*/
/* -----------------------------------------
   Default Section
----------------------------------------- */

/* StoreBanner Begin*/
.StoreBanner { width: 100%; display: inline-block; }

    .StoreBanner .camera_wrap { margin-bottom: 10px !important; }

    .StoreBanner .camera_caption > div > span { font-size: 16px; }

    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li { background-color: #fff; width: 10px; height: 10px; }

        .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li > span,
        .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent > span { background: none; left: 0; top: 0; width: 10px; height: 10px; }

        .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent { background-color: #1d4db9; }

.BannerPanel img { text-align: center; }

.BannerPanel { text-align: center; }

.BannerHeader img { max-height: 300px; margin-bottom: 5px; margin-top: 5px; }

.BannerFooter img { max-height: 300px; margin-bottom: 5px; margin-top: 5px; }

.BannerLeft img { margin-bottom: 5px; margin-top: 5px; }

.BannerRight img { margin-bottom: 5px; margin-top: 5px; }


.banner-caption { position: absolute; background: rgba(0,0,0, 0.7); font-size: 22px; padding: 10px 20px; bottom: 0; width: 100%; color: #fff; font-family: 'DB Ozone X'; }

.banner-div { position: relative; height: 100%; width: 100%; margin-bottom: 10px; text-align: center; }

/*StoreBanner End*/


/*NewsEvent Begin*/
.NewsEvent { margin-bottom: 20px; clear: left; float: left; width: 100%; }
.NewsEvent .CenterBlockTop { position: relative; }

.NewsEventList {  display: flex; flex-wrap: wrap; }
.NewsEventItemStyle { float: left; }
.NewsEventContent { padding: 4px; position: relative; border: solid 1px #b0aeae; }
.NewsEventImage { width: 100%; margin-bottom: 10px; min-height: 160px; max-height: 160px; display: flex; align-items: center; overflow: hidden; }

    .NewsEventImage img { max-height: 100%; }
.NewsDate { font-size: 12px; line-height: 18px; font-weight: bold; }
.NewsTopic { font-size: 13px; text-align: left; line-height: 18px; display: inline-block; min-height: 36px; }
.NewsEventContent a { color: #545454; }


.NewsDescription { clear: left; float: left; width: 100%; margin-top: 10px; line-height: 20px; font-size: 13px; max-height: 40px; overflow: hidden; }

.NewsEventMore { clear: left; float: right; text-align: right; background: url(Images/Bullet/more.gif) no-repeat right center; line-height: 20px; margin-right: 2%; margin-top: 10px; }

.NewsEventMoreLink { padding-right: 20px; line-height: 18px; color: #2c2d2e; text-decoration: underline; font-size: 12px; }

.NewsEventViewAll { position: absolute; right: 0; top: 5px; }

.common-rightside-col .NewsEventMore { clear: left; float: left; height: 30px; margin-top: 5px; background: url(Images/Background/dot-line.jpg) repeat-x left top; width: 100%; padding-top: 8px; text-align: right; }

    .common-rightside-col .NewsEventMore a { background: url(Images/Bullet/more.gif) no-repeat right center; font-size: 12px; line-height: 18px; margin: 0; padding: 0; padding-right: 22px; vertical-align: middle; text-decoration: none; width: auto; float: right; }

        .common-rightside-col .NewsEventMore a:hover { color: #1d4db9; }
/*NewsEvent End*/
/*[Category, Deparment, Manufacturer] NavNormalList Style Begin*/
.CategoryNavNormalList,
.DepartmentNavNormalList,
.ManufacturerNavNormalList { width: 100%; }

    .CategoryNavNormalList td,
    .DepartmentNavNormalList td,
    .ManufacturerNavNormalList td { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

    .CategoryNavNormalList a,
    .DepartmentNavNormalList a,
    .ManufacturerNavNormalList a { padding: 10px 0px 10px 22px; width: 100%; vertical-align: middle; display: block; text-decoration: none; white-space: normal; text-align: left; font-size: 14px; background: url(images/bullet/bullet3.gif) no-repeat 0 13px; }

        .CategoryNavNormalList a:hover,
        .DepartmentNavNormalList a:hover,
        .ManufacturerNavNormalList a:hover { color: #1d4db9; }
/*[Category, Deparment, Manufacturer] NavNormalList Style End*/
/*[Category, Deparment] NavMenuList Style Begin*/
.CategoryNavMenuList,
.DepartmentNavMenuList { width: 100%; }

table.CategoryNavMenuListStaticMenuItem,
table.DepartmentNavMenuListStaticMenuItem { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

.CategoryNavMenuListStaticMenuItem td a,
.DepartmentNavMenuListStaticMenuItem td a { width: inherit; vertical-align: middle; display: block; color: #2c2d2e; text-decoration: none; white-space: normal; line-height: 20px; padding: 8px 0; font-size: 14px; }

.CategoryNavMenuListStaticMenuItem:hover,
.DepartmentNavMenuListStaticMenuItem:hover { color: #1d4db9; }

.CategoryNavMenuListDynamicMenuItem,
.DepartmentNavMenuListDynamicMenuItem { z-index: 0; }

table.CategoryNavMenuListDynamicMenuItem tr td,
table.DepartmentNavMenuListDynamicMenuItem tr td { border-bottom: solid 1px #E6E6E6; }

.CategoryNavMenuListDynamicMenuItem a,
.DepartmentNavMenuListDynamicMenuItem a { z-index: 0; display: block; vertical-align: middle; color: #2c2d2e; background: none; padding: 8px 10px; line-height: 20px; width: 190px; white-space: normal; font-size: 13px !important; }

.CategoryNavMenuListDynamicMenuItem:hover,
.DepartmentNavMenuListDynamicMenuItem:hover { background-color: #1d4db9; color: #fff; }

.CategoryNavMenuListDynamicMenuStyle,
.DepartmentNavMenuListDynamicMenuStyle { z-index: 100 !important; margin: 0; border: solid 1px #dedede; }

.CategoryNavMenuListStaticMenuItem img, .CategoryNavMenuListDynamicMenuItem img,
.DepartmentNavMenuListStaticMenuItem img, .DepartmentNavMenuListDynamicMenuItem img { width: 0; height: 0; background: url(Images/Icon/arrow-left.png) no-repeat center center; padding: 10px; }

/*[Category, Deparment] NavMenuList Style End*/
/*[Category, Deparment] NavTreeList Style Begin*/
.CategoryNavTreeList,
.DepartmentNavTreeList { width: 100%; }

    .CategoryNavTreeList > table, .DepartmentNavTreeList > table, .CategoryNavTreeList > div > table, .DepartmentNavTreeList > div > table { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

.CategoryNavTreeListSelectedNode, .DepartmentNavTreeListSelectedNode { font-weight: normal; }

.CategoryNavTreeListNode,
.DepartmentNavTreeListNode { padding: 4px 0; white-space: normal !important; width: 100%; }

.CategoryNavTreeList a,
.DepartmentNavTreeList a { color: #2c2d2e; font-size: 14px !important; line-height: 24px; }

    .CategoryNavTreeList a:hover,
    .DepartmentNavTreeList a:hover { color: #1d4db9; }

/*[Category, Deparment] NavTreeList End*/
/* -----------------------------------------
     Default Center Content
----------------------------------------- */
/* Quick View Start */
.ModalBackground { background-color: #fff; filter: alpha(opacity=80); opacity: 0.8; z-index: 9; }
/* AddToCart Notification Begin */
.AddToCartPanel { width: 520px; text-align: left; background-color: #fff; border-top: 0; -webkit-box-shadow: 0px 0px 10px 0px #555; box-shadow: 0px 0px 10px 0px #555; padding: 10px; border-collapse: separate; z-index: 11; }

    .AddToCartPanel a.close { background-color: #333; border: 2px solid #333; border-radius: 25px; color: #FFFFFF; font-weight: bolder; height: 30px; padding: 2px 5px 5px 5px; position: absolute; line-height: 20px; font-weight: bold; right: -13px; text-align: center; text-decoration: none; top: -15px; width: 30px; }

    .AddToCartPanel .close:hover { background-color: #f00; border: 2px solid #f00; }

.AddToCartCheckoutLink { float: right; }

.AddToCartName { text-align: left; float: left; width: 50%; text-decoration: none; }

.AddToCartBottom { display: table; width: 100%; padding: 10px 0 0; }

.AddToCartDetail { clear: left; float: left; width: 100%; padding: 15px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }

.AddToCartTitle { font-family: 'DB Ozone X'; font-size: 22px; clear: left; float: left; width: 100%; padding: 5px 0 10px; line-height: 1.2; }

.AddToCartName { text-align: left; float: left; width: 42%; text-decoration: none; padding-right: 10px; padding-left: 10px; }
.AddToCartNameLink { text-decoration: none; }

    .AddToCartNameLink .ProductName { clear: left; float: left; font-size: 14px; line-height: 18px; font-weight: bold; margin-bottom: 5px; }

    .AddToCartNameLink .OptionName { clear: left; text-align: left; line-height: 16px; color: #555; font-size: 12px; }

.AddToCartImage { float: left; text-align: left; width: 16%; }

    .AddToCartImage img { max-width: 65px; width: auto !important; }

.AddToCartPrice { float: left; width: 40%; margin-left: 1%; }

.AddToCartPanel .CommonLabel { clear: left; float: left; width: 43%; border-bottom: dotted 1px #ccc; color: #555; margin-right: 1%; margin-bottom: 8px; line-height: 26px; }

.AddToCartPanel .CommonValue { float: left; width: 55%; font-weight: normal; margin-bottom: 8px; line-height: 26px; text-align: right; }

.AddToCartPanel .PiceValue { float: left; width: 55%; font-weight: bold; margin-bottom: 8px; line-height: 26px; text-align: right; }

.AddToCartPanel a.AddCart { font-size: 15px; width: 40%; float: right; text-transform: uppercase; padding: 4px 0; font-weight: bold; }
.AddToCartPanel a.AddToCartContinue { width: 100%; padding: 4px 0; }
.AddToCartContinueButton { clear: left; float: left; width: 40%; }

/* AddToCart Notification End */
/*NewArrivalItem Begin*/
    .NewArrival .CenterBlockRight { margin-top: 20px; position: relative; }

.NewArrivalList { width: 100%; }

.NewArrivalItemStyle { width: 100%; vertical-align: top; position: relative; }

.NewArrivalItem { width: 100%; text-align: center; position: relative; }

.NewArrivalItemColumn { padding: 20px 0 40px; text-align: left; background-color: #fff; }


.NewArrivalItem .CommonProductDescription { display: none; }

/** Carousel Controls **/

.jcarousel-scroll { position: absolute; right: 0; top: -55px; }
.jcarousel-control-prev, .jcarousel-control-prev.inactive:hover { float: left; width: 24px; height: 26px; text-align: center; color: #868686; font-size: 28px; }
.jcarousel-control-next, .jcarousel-control-next.inactive:hover { float: left; width: 24px; height: 26px; text-align: center; color: #868686; font-size: 28px; }
    .jcarousel-control-next:hover { color: #1f3062; }
.jcarousel-control-prev:hover { color: #1f3062; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: 0.1; }
.jcarousel-wrapper { margin: 20px auto; position: relative; }

.jcarousel { position: relative; overflow: hidden; width: 100%; }

    .jcarousel ul { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; }

    .jcarousel li { float: left; text-align: center; }

    .jcarousel img { max-width: 100%; height: auto !important; }
.NewArrivalLabel { background-color: #1d4db9; border-radius: 40px; color: #FFFFFF; height: 45px; font-size: 14px; line-height: 35px; padding: 5px; position: absolute; text-align: center; width: 45px; z-index: 1; margin: 0; left: 10px; top: 10px; }
/*NewArrivalItem End*/

/*RandomProduct Begin*/
.RandomProductDataList .CommonProductItemStyle { position: relative; }

.RandomProductItem { position: relative; }
/*RandomProduct End*/

/*ProductBestSelling Begin*/

.ProductBestSellingDataList .CommonProductItemStyle { position: relative; }

.ProductBestSellingItem { position: relative; }
/*ProductBestSelling End*/

/*PromotionGroup Begin*/

.PromotionGroupTitle { width: 100px; height: 21px; position: absolute; z-index: 1; right: 2px; top: 2px; }

.PromotionGroupImage { position: relative; clear: left; }

.CommonProductImage.PromotionGroupImage tr td { border: 0; }

.PromotionGroupDataList .CommonProductName { text-align: left; background: none; margin: 0 0 5px; width: 100%; }

.PromotionGroupDataList .CommonProductNameLink { font-size: 14px; font-weight: bold }

.PromotionGroupDataList .CommonProductDescription { text-align: left; }

.PromotionGroupDataList .OurPricePanel { width: 100%; margin: 5px 0; }

.PromotionGroupDataList .OurPriceLabel { float: left; line-height: 28px; font-size: 16px; }

.PromotionGroupDataList .OurPriceValue { float: right; font-size: 20px; }

.PromotionGroupDataList .CommonProductImagePanel { width: 100%; text-align: center; }

    .PromotionGroupDataList .CommonProductImagePanel:hover .ViewButtonPanel { display: block;}
        .PromotionGroupDataList .CommonProductImagePanel:hover .ViewButtonPanel a.ViewButton { display: block; }
    .ViewButtonPanel { text-align: center; position: absolute; top: 0; width: 100%; height: 100%; display: none; background-color: rgba(112, 111, 111, 0.5); border: solid 1px #f3f3f3; z-index: 2; }

a.ViewButton { padding-top: 1px; background-color: #676869; display: none; position: absolute; width: 60%; font-size: 13px; height: 30px; color: #fff; font-weight: bold; line-height: 30px; cursor: pointer; top: 45%; left: 20%; text-transform: uppercase; }

    a.ViewButton:hover { background-color: #1d4db9; color: #fff; }

.CheckoutSpecialRequestPanel .CheckoutAddressLeftDataCheckbox label { margin-bottom: 10px; }
/*PromotionGroup End*/

/*PromotionAds Begin*/
.PromotionAds { text-align: left; }

    .PromotionAds .SideBannerRight { text-align: left; }
/*PromotionAds End*/

/*Newsletter Begin*/
.Newsletter { clear: left; margin: 0 0 10px; }

    .Newsletter .SidebarTop { background: none; min-height: 0; width: 100%; border: 0; padding: 0; margin-bottom: 5px; }

    .Newsletter .SidebarTopTitle { clear: left; float: left; text-transform: inherit; line-height: 25px; margin-bottom: 5px; font-weight: bold; color: #444141; font-size: 22px; }

    .Newsletter .SidebarTopImgLeft,
    .Newsletter .SidebarTopImgRight,
    .Newsletter .SidebarBottom,
    .Newsletter .SidebarBottomImgLeft,
    .Newsletter .SidebarBottomImgRight { display: none; }

    .Newsletter .SidebarLeft { border: 0; }

    .Newsletter .SidebarRight { padding: 0; background: none; border: 0; position: relative; }

.NewsletterLabel { color: #7d7a7a; clear: left; float: left; width: 100%; margin: 0 0 10px; font-size: 12px; }

.NewsletterForm { clear: left; float: left; width: 100%; position: relative; }

input[type="text"].NewsletterTextBox { width: 65%; height: 28px; color: #2c2d2e; background-color: #fff; margin: 0; float: left; font-size: 11px; position: relative; z-index: 1; padding: 4px 10px; border-radius: 0; }

.NewsletterSubmit { position: relative; z-index: 0; float: right; width: 35%; margin: 0; padding: 2px 0; text-align: center; line-height: 24px; }


.CommonValidatorTextNewsLetter { position: absolute; bottom: -15px; left: 0; width: 100%; }
.CommonValidateDivNewsLetter { width: 46%; clear: both; }

/*Newsletter End*/
/*Faceted Search Start*/

.PriceTitle { padding: 0 0 5px; vertical-align: middle; color: #2c2d2e; font-weight: bold; line-height: 24px; font-size: 12px; }

.FacetedSearchNavList { margin-left: 10px; margin-bottom: 10px; font-size: 13px; width: 100%; }

.FacetedNavList .SidebarRight { padding: 15px 0; }

    .FacetedNavList .SidebarRight > div { padding: 0; margin-bottom: 10px; }

    .FacetedNavList .SidebarRight > table.FacetedSearchNavList { padding: 0; margin: 0; }

        .FacetedNavList .SidebarRight > table.FacetedSearchNavList td { padding: 10px 0 0; }

        .FacetedNavList .SidebarRight > table.FacetedSearchNavList table.FacetedSearchNavList td { border-bottom: 0; padding: 0 0 0 20px; }

    .FacetedNavList .SidebarRight > div.Clear { border-bottom: 0; }

    .FacetedNavList .SidebarRight > div.FacetedSearchSelected { border-bottom-style: dashed; padding: 5px; font-size: 12px; }

.FacetedSearchNavList .FacetedSearchNavList { margin-left: 0; font-size: 13px; }

.FacetedSearchNavList td { color: #4d4e4e; font-size: 13px; line-height: 1.2; padding: 5px 0; }

.FacetedSearchNavList a { color: #2c2d2e; text-decoration: none; font-size: 13px; }

    .FacetedSearchNavList a:hover { text-decoration: underline; }

.FacetedSearchSelected { background-color: #FFFFFF; border: 1px dashed #DDDDDD; float: left; padding: 3px 5px; font-size: 12px; width: 100%; margin-bottom: 10px; }

.FacetedSelectedBox { padding: 5px 0; }

    .FacetedSelectedBox table { width: 100%; }

.FacetedSearchSelected a { float: right; margin-left: 5px; font-size: 13px; }

    .FacetedSearchSelected a:hover { text-decoration: none; color: #2c2d2e; }

    .FacetedSearchSelected a.ButtonDelete:hover { color: #ff0000; }
.FacetedSelectedBox span { font-size: 12px; }

    .FacetedSelectedBox span.GroupLabel { font-weight: bold; }
/*Faceted Search End*/
/* Mini Shopping Cart Start */

.MiniShoppingCartSidebarTopTitle { color: #34312c; font-family: DB Ozone X; font-size: 28px; line-height: 30px; padding: 5px 0; }

.MiniShoppingCartShowHidePanel { display: none; float: right; margin-top: 2px; }

.MiniShoppingCartTitle { display: table; line-height: 24px; padding: 0; }

.MiniShoppingCartButton { margin-top: 10px; margin-bottom: 5px; vertical-align: middle; float: left; }

    .MiniShoppingCartButton a { text-transform: capitalize; text-shadow: 0; line-height: 22px; font-weight: normal; }

.MiniShoppingCartTitle .CartDetailLabel { font-size: 13px; clear: left; float: left; }

.MiniShoppingCartTitle .CartDetailSubTotal { font-size: 13px; color: #2c2d2e; clear: left; float: left; font-weight: bold; }

.MiniShoppingCartLink { text-decoration: none; font-size: 13px; }

.CartDetailLabel .MiniShoppingCartLink { text-decoration: underline; color: #1d4db9; }

.MiniShoppingCartQuantityAndPrice { font-size: 12px; margin-top: 5px; color: #1d4db9; }

.MiniShoppingCartNoLink { float: left; display: block; font-weight: normal; font-size: 12px; line-height: 17px; }

.MiniShoppingCartSubTotal { font-size: 13px; color: #1d4db9; font-weight: bold;}

.MiniShoppingCartRecentlyPanel { margin-top: 10px; padding: 15px 0; background: url("Images/Background/dot-line.jpg") repeat-x scroll left top; }

.MiniShoppingCartRecentlyTitle { margin: 0 0 10px; font-weight: bold; font-size: 13px; }

.MiniShoppingCartRecentlyPanel .RecentlyAddGrid { width: 100%; }

    .MiniShoppingCartRecentlyPanel .RecentlyAddGrid tr { background: url("Images/Background/dot-line.jpg") repeat-x scroll left bottom; }

.MiniShoppingCartRecentlyPanel .RecentlyGridEmpty { background-color: #f1f1f1; border: solid 1px #e5e5e5; text-align: center; font-size: 13px; }

.MiniShoppingCartRecentlyPanel .RecentlyItemImage { width: 30%; padding-bottom: 5px; }

.MiniShoppingCartRecentlyPanel .RecentlyItemImageDiv { width: 100% !important; height: auto !important; }

.MiniShoppingCartRecentlyPanel .RecentlyItemName { font-size: 13px; padding-left: 10px; padding-bottom: 5px; }

.MiniShoppingCartRecentlyPanel .RecentlyItemDelete { font-size: 12px; padding-bottom: 5px; }

/* Mini Shopping Cart End */

/*ProductList CommonStyle Begin*/
.ProductListDefaultDataList { width: 100%; }

.ProductListDefault { clear: left; }
/*ProductList CommonStyle End*/
/*Product Catalog Begin*/
.Catalog .CommonPageRight,
.Department .CommonPageRight,
.Manufacturer .CommonPageRight { padding: 0; }

.CatalogRoot { display: none; }

.ProductMainDiv .NewArrivalCategory .SidebarTop { display: none; }

.MainDiv .NewArrivalCategory .SidebarLeft { border-top: 0 !important; }

.MainDiv .Catalog .CategoryDescription { display: none; }
/*Product Catalog End*/
/*CatalogImage Begin*/
.CatalogImagePanel { width: 460px; clear: left; float: left; margin-bottom: 10px; }

.CatalogImage { width: inherit; float: left; }

    .CatalogImage img { height: auto !important; max-height: 200px; width: auto !important; max-width: 460px; }

.CatalogName { color: #34312c; font-family: DB Ozone X; font-size: 30px; font-weight: bold; line-height: 35px; width: 100%; clear: left; float: left; margin-bottom: 10px; }
    .CatalogName.ParentCategory { margin: 0 0 10px 0; }

.CatalogImageDescription { display: none; }
/*CatalogImage End*/
/*CatalogBreadcrumb Begin*/
.CatalogBreadcrumb { color: #4d4e4e; font-weight: normal; font-size: 12px; line-height: 20px; }

    .CatalogBreadcrumb a { text-decoration: none; }


.CatalogBreadcrumbNodeStyle { display: block; float: left; color: #2c2d2e; font-weight: normal; }

.CatalogBreadcrumbPathSeparatorStyle { color: #999; padding: 0; font-size: 0 !important; background: url(Images/Icon/icon-next.gif) no-repeat center center; width: 20px; height: 24px; line-height: 20px; padding: 10px 0; display: block; float: left; }

.CatalogBreadcrumbRootNodeStyle { display: block; float: left; }

.CatalogBreadcrumbCurrentNodeStyle { display: block; float: left; color: #1d4db9; }
/*CatalogBreadcrumb End*/

/*ProductListViewType Begin*/
.OptionControlTitle { float: left; margin-right: 5px; }

.ProductListViewButton,
.ProductGridViewButton,
.ProductTableViewButton,
.ProductListViewButtonDisable,
.ProductGridViewButtonDisable,
.ProductTableViewButtonDisable { width: 16px; height: 16px; display: block; float: left; margin-right: 5px; font-size: 0; }

.ProductListViewButton { background: url(Images/icon/icon_list_enable.gif) no-repeat; }

.ProductGridViewButton { background: url(Images/icon/icon_grid_enable.gif) no-repeat; }

.ProductTableViewButton { background: url(Images/icon/icon_table_enable.gif) no-repeat; }

.ProductListViewButtonDisable { background: url(Images/icon/icon_list_disable.gif) no-repeat; }

.ProductGridViewButtonDisable { background: url(Images/icon/icon_grid_disable.gif) no-repeat; }

.ProductTableViewButtonDisable { background: url(Images/icon/icon_table_disable.gif) no-repeat; }
/*ProductListViewType End*/
/*Common ProductList Sorting,Paging Begin*/
.ProductListDefaultSortString { float: left; width: 26%; font-size: 12px; }

    .ProductListDefaultSortString a { margin-top: 7px; text-decoration: none; }

.ProductListDefaultItemPerPage { float: right; font-size: 12px; }

.ProductListDefaultSortUpDown { float: left; font-size: 12px; }

.ProductListDefaultPageControlPanel { clear: both; line-height: 30px; margin-bottom: 20px; padding: 3px 0; width: 100%; color: #2c2d2e; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; }

.ProductListDefaultItemPerPage select { float: left; margin-right: 6px; margin-top: 6px; width: auto; background-color: #f4f4f4; }

.ProductListDefaultSortUpDown select { float: left; margin-right: 6px; margin-top: 6px; width: auto; background-color: #f4f4f4; }

.ProductItemIconSort { margin-top: 13px; float: left; }

.ProductListDefaultPagingControl { clear: both; color: #454545; float: left; line-height: 27px; margin: 10px 0; padding: 5px 0; width: 100%; border-top: solid 1px #e8e8e8; }




.ProductItemPaging { float: right; margin-left: 10px; font-size: 12px; }

.ProductListDefaultDataList { width: 100%; }

.ProductListDefaultDataListHeader { display: none; }

.ProductListDefaultDataListItemStyle { padding: 2px; vertical-align: top; }

.ProductListItemTable td { background-color: #fff; }
/*Common ProductList Sorting,Paging End*/
/*Common ProductList Sorting - ItemPerPage and Sortby Begin*/
.ProductListGridListItemPerPage { float: right; font-size: 12px; margin-right: 20px; font-weight: normal; }

.ProductListGridListSortUpDown { float: right; font-size: 12px; }

.ProductListGridListItemPerPage select { float: left; margin-right: 6px; margin-top: 4px; width: auto; background-color: #f4f4f4; color: #2c2d2e; }

.ProductListGridListSortUpDown select { float: left; margin-right: 6px; margin-top: 4px; width: auto; background-color: #f4f4f4; color: #2c2d2e; }
/*Common ProductList Sorting - ItemPerPage and Sortby End*/
/* Common LinkToTop Style Begin */
.ProductLinkToTopDiv, .NewsLinkToTopDiv { float: right; background: url(Images/Bullet/top.gif) no-repeat left center; padding-left: 12px; margin-left: 5px; display: none; }

.ProductLinkToTop, .NewsLinkToTop { display: block; text-align: left; font-size: 12px; color: #515151; }

    .ProductLinkToTop:hover, .NewsLinkToTop:hover { color: #1d4db9; }
/* Common LinkToTop Style End */
/* Common Pagin Style Begin */
.PagingPrev { background: url(Images/Icon/icon-prev.gif) no-repeat left center; padding-left: 14px; font-size: 12px; }

.PagingNext { background: url(Images/Icon/icon-next.gif) no-repeat right center; padding-right: 14px; font-size: 12px; }

.PagingNumber { color: #777; text-decoration: none; background-color: #eee; display: inline-block; height: 22px; line-height: 18px; min-width: 22px; padding: 2px; text-align: center; }

.PagingCurrent { color: #fff; background-color: #1F3062; display: inline-block; height: 22px; line-height: 18px; min-width: 22px; padding: 2px; text-align: center; }

.PagingNumber:hover { color: #fff; background-color: #1d4db9; }


.PagingPrev[disabled], .PagingNext[disabled] { color: #aaa; text-decoration: none; }
/* Common Pagin Style End */
/* Common ItemCount Style Begin */
.ProductItemCountItemCount { float: left; font-size: 12px; color: #515151; }
/* Common ItemCount Style End */

/*Common Category List [Layout] Begin*/
.CategoryListDefaultPageItemControlDiv,
.DepartmentListDefaultPageItemControlDiv,
.ManufacturerListDefaultPageItemControlDiv { clear: both; color: #2c2d2e; float: left; line-height: 30px; margin: 0 0 15px; padding: 4px 0; width: 100%; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }

    .CategoryListDefaultPageItemControlDiv a,
    .DepartmentListDefaultPageItemControlDiv a,
    .ManufacturerListDefaultPageItemControlDiv a { margin: 0 2px; text-decoration: none; }

.CategoryListDefaultItemPerPageDiv,
.DepartmentListDefaultItemPerPageDiv,
.ManufacturerListDefaultItemPerPageDiv { float: left; font-size: 12px; width: 50%; }

    .CategoryListDefaultItemPerPageDiv select,
    .DepartmentListDefaultItemPerPageDiv select,
    .ManufacturerListDefaultItemPerPageDiv select { float: left; margin: 5px 10px 0 0; width: auto; background-color: #f4f4f4; color: #2c2d2e; }

.CategoryListItemDefaultTable { margin-left: auto; margin-right: auto; }

.CategoryListDefaultDataList { width: 100%; clear: left; margin-bottom: 30px; }

.CategoryListDefaultDataListHeader { text-align: center; }

.CategoryListItemDefaultImageColumn { height: 150px; background-color: #fff; border: solid 1px #ededed; padding: 2px; }

.CategoryListItemDefaultImageDiv { width: 100%; text-align: center; }
    .CategoryListItemDefaultImageDiv img { height: auto !important; max-height: 145px; }
    .CategoryListItemDefaultImageDiv a { display: block; }
.CategoryListItemDefaultNameDiv { text-align: center; margin-top: 5px; margin-bottom: 15px; width: 150px; }

    .CategoryListItemDefaultNameDiv a { font-family: 'DB Ozone X'; font-size: 20px; font-weight: normal; text-decoration: none; }


.CategoryListDefaultDataListItem { vertical-align: top; }
/*Common Category List [Layout] End*/
/*Department List [Layout] Begin*/
.DepartmentListItemDefaultTable { margin: 0 auto; width: 150px; }

.DepartmentListDefaultDataList { width: 100%; clear: left; margin-bottom: 30px; }

.DepartmentListDefaultDataListHeader { text-align: center; }

.DepartmentListItemDefaultImageColumn { background-color: #fff; border: solid 1px #E5E5E5;; }

.DepartmentListItemDefaultImageDiv { text-align: center; width: 220px; height: 220px; display: flex; align-items: center; padding: 5px; }

    .DepartmentListItemDefaultImageDiv img { height: auto !important; max-height: 220px; width: auto !important }

.DepartmentListItemDefaultNameDiv { text-align: center; margin-top: 5px; margin-bottom: 20px; width: 100%; }

    .DepartmentListItemDefaultNameDiv a { font-size: 14px; font-weight: bold; text-decoration: none; }

.DepartmentListDefaultDataListItem { vertical-align: top; }

.DepartmentListItemDefaultDescriptionColumn { display: none; }
/*DepartmentList [Layout] End*/

/*------------------ CategoryList Style ------------------*/
/* CategoryListItemDefault3 Begin */
.CategoryDescription { clear: left; float: left; width: 100%; line-height: 24px; margin: 10px 0px; font-size: 14px; }

.CategoryListDefault3 { margin-bottom: 10px; }

.CategoryListItemDefault3 { border: solid 1px #e6e6e6; padding: 1px; }

.CategoryDescriptionDiv .CategoryDescriptionDiv { margin: 10px 0px 20px 0; padding: 0 10px; line-height: 22px; font-size: 14px; }

.ProductItemControlPanel .CategoryDescriptionDiv { margin: 15px 0px 25px 0; padding: 0 10px; line-height: 22px; font-size: 14px; }

.CatalogControlPanel .CategoryDescriptionDiv { display: none; }
/* CategoryListItemDefault3 End */


    .ProductListItemColumn2TellFriendPanel i, .ProductListItemColumn2AddtoWishListPanel i { color: #B08E66; margin-right: 3px; font-size: 12px; }
.AddToWishListButtonLinkButton:hover, .TellFriendLinkButton:hover { color: #B08E66; }

.ProductListItemColumn2OutOfStockPanel { clear: left; float: left; width: 100%; color: Red; line-height: 25px; font-weight: bold; }

.ProductListItemColumn2OptionGroupPanel { clear: left; float: left; margin: 5px 0; width: 100%; font-size: 14px; }

/*--------------- About Product Detail Section----------------*/
/* Product Page Begin */
.Product .CommonPage { width: 100%; border: 0; }

.Product .CommonPageTop { border: 0; margin-top: 0; position: relative; top: -10px; }

.Product .CommonPageTopImgLeft,
.Product .CommonPageTopImgRight { display: none; }

.Product .CommonPageLeft { display: table; width: 100%; }

.Product .CommonPageRight { padding: 0; margin: 0; }

.Product .CommonPageBottom { display: none; }
/* Product Page End */
/*/////////////////  ProductDetailsResponsive Begin  /////////////////*/
.ProductDetailsResponsive > div.row { padding: 0; margin: 10px 0 0; }

.ProductDetailsResponsive { width: 100%; }

    /*---- Section 1 ----*/
    .ProductDetailsResponsive .ProductQuickInfoName { font-size: 30px; color: #34312C; font-family: DB Ozone X; line-height: 32px; margin-bottom: 10px; }

    /*---- Section 2 ----*/
    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { width: 100%; min-height: 370px; padding: 0; margin: 0 auto 10px; }

    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { width: inherit; height: 370px; text-align: center; padding: 0; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage tr td { vertical-align: middle; border: solid 1px #ededed; text-align: center; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage a { display: block; margin: auto; text-align: center; }
    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { width: 100%; height: 370px; text-align: center; }


.ProductDetailsResponsiveImageThumbnail { clear: left; margin: 5px auto 10px; float: none; width: 100%; text-align: center; display: flex; flex-wrap: wrap; }

    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { border: solid 1px #d7d7d7; float: left; padding: 1px; display: flex; align-items: center; justify-content: center; overflow: hidden; }

    .ProductDetailsResponsiveImageThumbnail table.CommonCategoryImage { height: 100%; width: 100%; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage tr td { border: 0; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage img { height: auto !important; max-width: 100%; width: auto !important; }

/*---- Section 3 ----*/
.ProductQuickInfoShortDescription { font-size: 14px; line-height: 22px; margin: 10px 0; clear: left; float: left; width: 100%; }
.ProductQuickInfoSku {   margin-bottom: 10px; clear: left; float: left; width: 100%; display: flex }
.SkuText { margin-right: 10px;}

.ProductQuickInfoStock { margin-bottom: 10px; clear: left; float: left; width: 100%; }

    .ProductQuickInfoStock .OutOfStock { color: #B08E66; }
.ProductDetailsResponsiveRemainQuantityParagraphDetail { color: #B08E66; }

.ProductQuickInfoRating { clear: left; float: left; width: 100%; margin-bottom: 10px; }
    .ProductQuickInfoRating .StarRating { margin: 0 0 10px; min-width: 150px; } 
    .ProductQuickInfoRating .RatingCustomerRatingControlDiv { display: inline-block; float: left; }

    .ProductQuickInfoRating .RatingCustomerMessageDiv { display: inline-block; font-size: 13px; margin-left: 5px; color: #777; line-height: 12px; }

.ProductQuickInfoQuantityDiscount { clear: left; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }

    .ProductQuickInfoQuantityDiscount .QuantityDiscountPanel { position: relative; }

    .ProductQuickInfoQuantityDiscount .QuantityDiscountTop { position: relative; width: 200px; }

    .ProductQuickInfoQuantityDiscount .DiscountLabel { line-height: 30px; padding: 0 10px 0 30px; width: 100%; border: solid 1px #d7d7d7; background-color: #f9fafb; background-position-x: 5px; font-size: 14px; font-weight: bold; }
    .ProductQuickInfoQuantityDiscount .QuantityDiscountPanel a img { display: none; }

.QuantityDiscountHideLink { height: 36px; width: 30px; background: url("Images/Icon/up.gif") no-repeat right 10px center; }

.QuantityDiscountShowLink { height: 36px; width: 30px; background: url("Images/Icon/down.gif") no-repeat right 10px center; }

.QuantityDiscountShowLinkImage, .QuantityDiscountHideLinkImage { margin-top: 5px; display: none; }
.ProductDetailsResponsive .QuantityDiscountGridViewHeaderStyle th { border: 1px solid #d7d7d7; background-color: #f8f8f8; font-size: 13px; font-weight: bold; }

.ProductDetailsResponsive .QuantityDiscountGridView td { border: 1px solid #d7d7d7; text-align: center; line-height: 25px; font-size: 13px; }

.QuantityDiscountGridView { background-color: #fff; text-align: center; clear: left; margin-top: 10px; }

.QuantityDiscountShowLinkImage, .QuantityDiscountHideLinkImage { margin-top: 5px; display: none; }

.ProductDetailsResponsive .QuantityDiscountHideLink,
.ProductDetailsResponsive .QuantityDiscountShowLink { display: block; position: absolute; width: 100%; }

.ProductDetailsResponsive .QuantityDiscountGridView { width: 280px; position: absolute; top: 23px; }

.ProductDetailsResponsive .FreeShippingLabel { color: #454545; line-height: 28px; height: 30px; padding: 0 10px; margin: 0; border: solid 1px #d7d7d7; display: inline-block; margin-right: 20px; clear: left; float: left; min-width: 150px; font-size: 14px; font-weight: bold; background-color: #f9fafb; background-image: none; }
    .ProductDetailsResponsive .FreeShippingLabel i { color: #1d4db9; margin-right: 3px; font-size: 16px; }
.ProductDetailsResponsive .PercentLabel { color: #ff3737; margin-left: 0px; }

.ProductQuickInfoPrice { clear: both; margin-top: 10px; float: left; width: 100%; }

.CustomerReviewsItemByColumn { font-size: 13px; color: #1d4db9; width: 100%; }

.CustomerReviewsDataList { width: 100%; }

.CustomerReviewsItemTable { width: 100%; margin: 15px 0; }

.CustomerReviewsByValue { float: left; margin-right: 10px; }


.RelatedProductsDetailsColumn { padding: 0; width: 70%; }

.RelatedProductsImageColumn { padding: 5px 0; width: 30%; }

    .RelatedProductsImageColumn a img { max-width: 90%; max-height: 70px; }

.CustomerReviewsItemBodyColumn { padding-bottom: 10px; }

.ProductQuickInfoPriceTitle { color: #2c2d2e; font-size: 16px; }

.ProductQuickInfoPrice .Price { float: left; font-size: 0; padding: 5px 0; }
    .ProductQuickInfoPrice .Price .RetailPriceValue { font-size: 16px; clear: left; float: left; line-height: 20px; }
    .ProductQuickInfoPrice .Price .OurPriceValue { font-size: 22px; clear: left; float: left; font-weight: bold; line-height: 28px; }

.ProductDetailsResponsiveOurPrice { color: #1d4db9; font-size: 22px; padding-top: 0; }
    .ProductDetailsResponsiveOurPrice.CallForPrice { font-size: 16px; }
.ProductQuickInfoPrice .DiscountPercent { font-size: 0; text-transform: uppercase; float: left; margin-right: 20px; padding: 5px 8px; background-color: #fd5f00; line-height: 1.3; }

.ProductDetailsResponsive .DiscountPercent .PercentLabel { color: #fff; font-size: 16px; position: inherit; line-height: 1.2; }

.ProductDetailsResponsive .DiscountPercent .PercentValue { color: #fff; font-size: 20px; top: 0; line-height: inherit; font-weight: bold; }
       
.ProductDetailsResponsiveQuantitySpan { float: left; width: 30%; }

.ProductDetailsResponsiveAddToCart .BtnStyle1 { padding: 7px 25px; font-size: 20px; }

.ProductDetailsResponsiveDescription { margin-bottom: 20px; }

.ProductDetailsResponsive .pdetail-sec-four .BtnStyle1 { background: url("Images/Icon/icon-review.gif") no-repeat scroll 5px center transparent; padding-left: 30px; color: #2c2d2e; font-size: 13px; text-shadow: none; border: 0; }

.ProductDetailsResponsive .pdetail-sec-four .StarRatingSummaryButtonColumn { float: right; position: relative; bottom: 260%; margin-bottom: 30px; }

.ProductDetailsResponsive .ProductDetailsButtom { margin-top: 30px; }

.ProductDetailsResponsive .RelatedProductsTitleRight { font-size: 28px; color: #2c2d2e; line-height: 36px; font-family: 'DB Ozone X'; }

.ProductDetailsResponsive .RelatedProductsTopTitle { display: none; }

.RelatedProductsDetailsNameDiv a { font-size: 13px; font-weight: bold; }

.RelatedProductsDatalist { width: 100%; }

.RelatedProductsItemTable { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; width: 100%; padding: 10px 0; }

.ProductDetailsResponsive .RelatedProductsDetailsPriceDiv { color: #1d4db9; font-size: 12px; font-weight: lighter; margin-top: 4px; }

.ProductDetailsResponsive .StarRatingSummaryTable, .StarRatingSummaryTableInner { width: 101%; }
.StarRatingSummaryDetailsColumn { width: 300px; }
.StarRatingSummaryTableInnerOurStarColumn { width: 30%; }

.ProductDetailsResponsive .StarRatingSummaryTable tr { display: table-cell; }
    .ProductDetailsResponsive .StarRatingSummaryTable tr:first-child { width: 70%; }
.ProductDetailsResponsive .StarRatingSummaryTable .StarRatingSummaryTableInner tr { display: table-row; }

.RatingCustomerMessageDiv { display: none; }

.StarRatingSummaryTableInnerOurLabelColumn { float: left; padding: 0 15px; }

.CustomerReviewsTop { display: none; }

.ProductDetailsResponsive .StarRatingSummaryTableInnerCustomerLabelColumn { padding: 5px 15px; }

.ProductDetailsResponsive .RatingCustomerBaseOnAmountLabel { font-size: 12px; color: #66767b; }

    .ProductDetailsResponsive .RatingCustomerBaseOnAmountLabel > span { color: #1d4db9; }

.RelatedProductsDetailsColumn { margin-bottom: 50px; }

.ProductQuickInfoPrice { clear: both; }

.CustomerReviewsItemByColumn, .CustomerReviewsDate { font-size: 13px; color: #707f84; float: left; }
.CustomerReviewsItemTable, .CustomerReviewsDataList { width: 100%; margin-bottom: 15px; margin-top: 15px; }
.CustomerReviewsByLabel { clear: left; float: left; }

.CustomerReviewsSubject { font-weight: bold; margin-top: 15px; line-height: 22px; margin-bottom: 5px; }

.CustomerReviewsItemStyle { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

.ProductDetailsResponsiveRatingSummary { border-bottom: 1px solid #ededed; }
.ProductDetailsResponsiveQuantityDiv { clear: left; float: left; line-height: 40px; margin-bottom: 10px !important; display: flex; }

    .ProductDetailsResponsiveQuantityDiv .QuantityText { font-size: 18px; color: #333333; }

.ProductDetailsResponsive .ProductDetailsResponsiveQuantityDiv .CommonTextBox { width: 100px; height: 40px; padding: 5px; margin-left: 20px; text-align: center; border: 1px solid #acacac; font-size: 16px; margin-right: 10px; }

.ProductDetailsResponsiveAddToCart { float: left; }
.ProductDetailsResponsive .ProductSpecificationItemList .SpecItemName { clear: both; float: left; width: 35%; padding: 5px 0; font-size: 13px; font-weight: bold; line-height: 22px; }

.ProductDetailsResponsive .ProductSpecificationItemList .SpecItemValue { float: left; width: 65%; padding: 5px 0 5px 5px; font-size: 13px; line-height: 22px; }

.ProductDetailsResponsive .ProductDetailsResponsiveDescriptionDivTitle { clear: both; font-size: 15px; line-height: 30px; font-weight: bold; border-bottom: solid 1px #ccc; padding: 5px 0; }


.OptionGroupDetailsTitleLeft { display: none; }

.ProductDetailsResponsive .WriteReviewDiv .CommonHyperLink { background: url("Images/Icon/icon-review.gif") no-repeat scroll 5px center transparent; padding-left: 30px; }

.CustomerReviewsItemBodyColumn { line-height: 20px; }
.ProductDetailsResponsiveDescriptionLongDiv, .ProductDetailsResponsiveDescriptionLongLabel, .ProductDetailsResponsiveDescriptionLongLabel p { line-height: 24px; }
.ProductDetailsResponsive .ButtonDiv { clear: left; float: left; width: 100%; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 5px 0; margin: 10px 0; }

.Product .TellFriendLinkButtonPanel, .Promotion .TellFriendLinkButton { display: inline-block; margin-right: 5px; padding-right: 10px; width: auto; font-size: 13px; }
    .Product .TellFriendLinkButtonPanel i { color: #1d4db9; }
.Product .AddToWishListButton { margin-right: 5px; padding-right: 10px; width: auto; font-size: 13px; display: inline-flex; align-items: center; flex-direction: row-reverse }
    .Product .AddToWishListButton i { color: #1d4db9; }
.Product .AddToWishListButtonLinkButton { margin-left: 5px; }
/*ProductDetailsResponsive End*/
/*OptionGroupDetails Begin*/
.OptionGroupDetailsTitleRight span { color: #1d4db9; font-weight: normal; }
/*OptionGroupDetails End*/
/*OptionItemDetails Begin*/
.OptionItemDetails { }

.OptionItemDetailsTop { font-size: 13px; display: inline-block; float: left; margin: 10px 0; width: 100%; }

.OptionItemDetailsLeft { margin: 0 0 10px; float: left; clear: right; display: inline-block; width: 100%; }

.OptionTextItem .OptionTextItemTable { width: 100%; }

.OptionRadioItemRadioButtonList tr { display: table-cell; float: left; margin-left: 1%; width: 95%; }

.OptionItemDetailsErrorMessage { color: #1d4db9; }
 

.OptionDisplayText { font-size: 14px; font-weight: bold; }
.OptionItemName { font-size: 13px; }
.OptionPrice { font-size: 13px; color: #ff6d00; }

.OptionItemDetailsTable { width: 100%; }
.ProductDetailsResponsiveOptionDiv .OptionDisplayText { font-size: 14px; text-decoration: underline; }
 
/*OptionItemDetails End*/
/*OptionRadioItem Begin*/
.OptionRadioItemDiv { margin-top: 0; width: 100%; }

.OptionRadioItemRadioButtonList { width: 100%; }

    .OptionRadioItemRadioButtonList td { position: relative; height: 25px; width: 1%; }

    .OptionRadioItemRadioButtonList input { float: left; }

    .OptionRadioItemRadioButtonList label { position: relative; float: left; margin-top: 1px; margin-left: 5px; margin-right: 5px; width: 80%; }

        .OptionRadioItemRadioButtonList label img.OptionImg { border: solid 1px #fff; left: -40px; position: absolute; top: 0; width: 18px; }

/*OptionRadioItem End*/
/*OptionTextItem Begin*/
.OptionTextItem { position: relative; }

.OptionTextItemCheckDiv { margin-left: 20px; position: relative; }

.OptionTextItemCheckDiv { float: left; }

    .OptionTextItemCheckDiv span img.OptionImg { width: 15px; left: -20px; top: 2px; position: absolute; }

.OptionTextItemTable span.OptionItemName { font-weight: normal; }

.OptionTextItemTable span.OptionPrice { float: right; }

.OptionTextItemText { width: 90%; margin-left: 20px; }
.OptionItemDetailsLeft { width: inherit; }

.OptionGroupDetailsDataListItemStyle { width: 80%; }
/*OptionTextItem End*/
/*OptionInputListItem Begin*/
.OptionInputListItemDataListItemStyle { padding-bottom: 2px; }

.OptionInputListItemDataListItemDiv { position: relative; margin-left: 20px; margin-right: 5px; }

    .OptionInputListItemDataListItemDiv input { border: solid 1px #ccc; }

    .OptionInputListItemDataListItemDiv span img.OptionImg { position: absolute; width: 15px; top: 4px; left: -20px; }
/*OptionInputListItem End*/
/*OptionUploadItem Begin*/
.OptionUploadItem .OptionUploadItemUploadLabel { position: relative; margin-left: 23px; padding-bottom: 1px; }

    .OptionUploadItem .OptionUploadItemUploadLabel .OptionImg { position: absolute; left: -20px; top: 3px; width: 15px; }

.OptionUploadItemFileUploadWidth { width: 210px; }
/*OptionUploadItem End*/
/*OptionUploadRequireItem Begin*/
.OptionUploadRequireItem .OptionUploadRequireItemUploadRQLabel { position: relative; margin-left: 23px; padding-bottom: 1px; }

.OptionUploadRequireItemUploadRQLabel .OptionImg { position: absolute; left: -20px; top: 3px; width: 6px; border: solid 1px #D2D1D1; }

.OptionUploadRequireItemFileUploadWidth { width: 210px; margin-left: 22px; }
/*OptionUploadRequireItem End*/

.IntroductionMessagePanel { clear: left; display: inline-block; margin: 15px 0; width: 100%; }

    .IntroductionMessagePanel .CenterBlockTop { border-bottom: 0; text-align: left; }

    .IntroductionMessagePanel .CenterBlockTopTitle.SecondaryColor { color: #34312c; }

    .IntroductionMessagePanel .CenterBlockTopTitle { color: #34312c; }

.IntroductionMessage { margin-bottom: 10px; font-size: 14px; line-height: 24px; }
.IntroductionMessage p { font-size: 14px; line-height: 24px; }

/*LikeBoxWidget Begin*/
.LikeBoxWidget iframe { width: 100% !important; }
/*LikeBoxWidget End*/
/*AddThis Begin*/
.AddThisWidget { width: 100%; display: table; text-align: center; clear: both; }
/*AddThis End*/
/*PaymentLogo Begin*/
.PaymentLogo { float: left; clear: left; margin-top: 10px; margin-bottom: 10px; width: 100%; }
    .PaymentLogo .SideBannerRight { text-align: unset; }
    .PaymentLogo img { max-height: 60px;}
    /*PaymentLogo End*/
/*VerifyCoupon Begin*/

.VerifyCouponTextBox { z-index: 1; width: 60% !important; border: solid 1px #d0d0d0; border-right: 0; height: 18px; float: left; }
/*VerifyCoupon End*/
/*FeaturedMerchants Begin*/
.FeaturedMerchants { margin-bottom: 10px; }

    .FeaturedMerchants .SidebarTop { display: none; }

    .FeaturedMerchants .SidebarRight { display: flex; flex-wrap: wrap; padding: 0;}

.FeaturedMerchantsAd { float: left; text-align: center; }
/*FeaturedMerchants End*/

/*JoinAffiliate Begin*/
.JoinAffiliate .SidebarRight img { max-width: 192px; width: auto !important; width: 192px; }
/*JoinAffiliate End*/

/*Facebook CategoryList Begin*/
.CategoryListPageItemControl { padding-bottom: 20px; }

.CategoryListItemPerPage { width: 30px; height: 20px; float: right; text-align: right; margin-left: 10px; }

.CategoryListPagingControl { text-align: right; float: right; margin-top: 3px; }

.CategoryListDataList { width: 100%; }

.CategoryListDataListHeader { text-align: center; }
/*Facebook CategoryList End*/
/*CategoryListItem Begin*/
.CategoryListItemTable { margin-left: auto; margin-right: auto; }

.CategoryListItemImage { height: 150px; background-color: #fff; border: solid 1px #E5E5E5; padding: 5px; }

.CategoryListItemImageDiv { width: 150px; text-align: center; }

.CategoryListItemNameDiv { text-align: center; margin-bottom: 10px; }

    .CategoryListItemNameDiv a { font-weight: normal; text-decoration: underline; }


/*CategoryListItem End*/
/*CategoryListItemDefault [Layout>Controls] Begin*/
.CategoryListItemDefaultTable { margin: 0 auto; width: 150px; }

.CategoryListItemDefaultImageColumn { height: 150px; background-color: #fff; border: solid 1px #E5E5E5; padding: 5px; }

.CategoryListItemDefaultImageDiv { width: 150px; text-align: center; }

.CategoryListItemDefaultNameDiv { text-align: center; margin-bottom: 10px; }

    .CategoryListItemDefaultNameDiv a { font-family: 'DB Ozone X'; font-size: 20px; font-weight: normal; text-decoration: none; }

.CategoryListItem1DescriptionDiv { margin-bottom: 10px; }

.CategoryListItemDefaultDescriptionColumn { display: none; }
/*CategoryListItemDefault [Layout>Controls] End*/
/*Manufacturer Begin*/
.Manufacturer .CategoryListDefault .ManufacturerControlPanel { width: 100%; margin: 0; }

.ManufacturerDropDownList { margin: 10px auto; }

.ManufacturerNavList .SidebarRight { text-align: center; }
/*Manufacturer End*/
/*ManufacturerTab Begin*/
.ManufacturerTabItemDefaultTable { margin: 0 auto; }

.ManufacturerTabDefaultDataList { width: 100%; }

.ManufacturerTabItemDefaultImageColumn { height: 24%; background-color: #fff; padding: 10px; }

.ManufacturerTabItemDefaultImageDiv { width: 24%; text-align: center; }

    .ManufacturerTabItemDefaultImageDiv img { height: auto !important; max-height: 130px; max-width: 140px; width: auto !important; }
/*ManufacturerTab End*/
/*ManufacturerList [Layout] Begin*/
.ManufacturerListItemDefaultTable { margin: 0 auto; width: 150px; }

.ManufacturerListDefaultDataList { width: 100%; clear: left; }
.ManufacturerListDefaultDataListItem { vertical-align: top;}
.ManufacturerListDefaultDataListHeader { text-align: center; }
/*ManufacturerList [Layout] End*/
/*ManufacturerList [Layout>Controls] Begin*/

.ManufacturerListItemDefaultImageColumn { background-color: #fff; border: solid 1px #E5E5E5; }

.ManufacturerListItemDefaultImageDiv { text-align: center; width: 220px; height: 220px; display: flex; align-items: center; padding: 10px; }

    .ManufacturerListItemDefaultImageDiv img { height: auto !important; max-height: 200px; width: auto !important }

.ManufacturerListItemDefaultNameDiv { text-align: center; margin-top: 5px; margin-bottom: 20px; width: 100%; }

    .ManufacturerListItemDefaultNameDiv a { font-size: 14px; font-weight: bold; text-decoration: none; }

/*ManufacturerList [Layout>Controls] End*/
/*Promotion Begin*/
.Promotion .CommonPageRight { padding: 15px 0 0; }

.Promotion .ProductListDefaultDataList { width: 100%; }

.PromotionListDefault tr { width: 50%; min-height: 200px; }

.PromotionListDefault .PromotionGroupListItemTable tr { display: table-row; }

.PromotionListDefault .ProductListDefaultDataListItemStyle { display: inline-block; width: 50%; }

.Promotion .TellFriendLinkButton { border: 0; }

/*Promotion End*/
/*Promotion Item Begin*/
.PromotionItem .SidebarTop { margin-top: 10px; }

.PromotionItem .SidebarTopTitle { font-size: 30px; }

.PromotionItem .SidebarRight { background-color: #fff; border: 0; padding: 15px 0; }

.PromotionItem .Content { padding: 13px 0; }

.PromotionItem .NameLabel { clear: left; float: left; color: #2c2d2e; vertical-align: middle; font-family: DB Ozone X; font-size: 26px; font-weight: normal; text-decoration: none; line-height: 26px; }

.PromotionItem .PriceLabel { float: left; color: #1d4db9; font-size: 20px; vertical-align: middle; margin-left: 20px; line-height: 26px; }

.PromotionItem .DiscriptionLabel { clear: left; float: left; width: 100%; vertical-align: middle; margin: 10px 0px 15px 0px; }

.PromotionItem .AlternatingItem { width: 100%; height: 30px; margin: 10px 0px; background: url(Images/Icon/icon-promotion.png) no-repeat center center; }

    .PromotionItem .AlternatingItem img { display: none; }

.PromotionItem .PromotionDetailsDefaultImageAddtoCart { margin-top: 10px; float: right; margin-right: 15px; }

.PromotionItem .PromotionDetailsDefaultImageTellFriendImage { float: right; margin-right: 0px; margin-top: 10px; }

    .PromotionItem .PromotionDetailsDefaultImageTellFriendImage a.BtnStyle4 { float: right; }

.PromotionSortString { float: left; font-size: 13px; }

.PromotionSortUpDown { float: left; margin-left: 10px; font-size: 13px; }

.PromotionItemPerPage { float: right; font-size: 13px; }

    .PromotionItemPerPage .OptionControlTitle { float: left; margin-left: 5px; }

    .PromotionSortString select, .PromotionItemPerPage .ItemsPerPageDrop { float: left; background-color: #F4F4F4; color: #393939; float: left; margin-right: 6px; margin-top: 6px; width: auto; }

.PromotionItem .ProductDetailsDefaultLikeButtonDiv { width: 100%; padding-bottom: 10px; }

.PromotionItem .SocialButton { width: 50%; float: left; }
/*Promotion Item End*/

/*Promotion Product Group Begin*/
.PromotionProductGroup { border: solid 2px #e8e8e8; padding: 15px; }

    .PromotionProductGroup .MessagePanel { color: Red; text-align: right; padding-top: 15px; }

    .PromotionProductGroup .ProductSelect { margin-top: 3px; text-align: center; clear: left; }

.ProductOption .BtnStyle3 { float: none; margin: auto; cursor: pointer; text-align: center; }

/*Promotion Product Group End*/
/* Promotion Product Item Begin */
.PromotionProductGroupDataList { margin: auto; text-align: center; }

    .PromotionProductGroupDataList tr { display: inline; width: 100%; }

        .PromotionProductGroupDataList tr td { display: inline-block; width: 100%; }

    .PromotionProductGroupDataList .OptionRadioItemRadioButtonList tr { display: table-row; float: none; }

        .PromotionProductGroupDataList .OptionRadioItemRadioButtonList tr td { display: block; width: 100%; }

    .PromotionProductGroupDataList .OptionRadioItemRadioButtonList label { float: none; }

    .PromotionProductGroupDataList .ProductGroupProductItemStyle { width: 145px; vertical-align: top; text-align: center; padding: 20px 0; }

    .PromotionProductGroupDataList .PromotionProductItem { width: 85%; min-height: 170px; margin: 5px 7.5%; position: relative; }

    .PromotionProductGroupDataList .ProductGroupCombineItem div { display: table; width: 30px; height: 180px; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { background: url(Images/Icon/icon-combine-item.gif) no-repeat center center; width: 30px; }

.PromotionProductGroup .ProductGroupCombineItem img, .PromotionItem .AlternatingItem img { display: none; }

.PromotionProductItem .ProductName a { text-decoration: none; }

.PromotionProductItem .ProductImage { width: 75px; margin-bottom: 10px; text-align: left; float: left; left: 15%; position: relative; }

.PromotionProductItem .ProductName { font-weight: normal; margin-bottom: 10px; }

.PromotionProductItem .ProductQuantity { font-weight: normal; font-size: 14px; }

    .PromotionProductItem .ProductQuantity .ProductQuantitySign { color: #4d4e4e; font-weight: bold; }

.PromotionProductItem .ProductPrice { text-decoration: line-through; color: #4d4e4e; margin-bottom: 10px; }

.PromotionProductItem .ProductOption { margin-top: 3px; text-align: center; }

.PromotionProductItem .ProductSelect { margin-top: 3px; text-align: center; clear: left; bottom: -20px; clear: left; position: absolute; width: 100%; }

.PromotionProductItem .OptionPopup { left: 0px; top: 0px; position: fixed; z-index: 11; width: 100%; height: 100%; }

.PromotionProductItem .OptionPanel { background-color: #fff; text-align: left; padding: 20px 30px; width: 300px; height: auto; border-top: 0; -webkit-box-shadow: 0px 0px 10px 0px #555; box-shadow: 0px 0px 10px 0px #555; border-collapse: separate; }

.PromotionProductItem .OptionButton { clear: left; display: table; margin: 15px auto 0; text-align: center; }

.PromotionProductItem .FixProductOption { font-size: 13px; color: #888; }
/*Promotion Product Item End */
/*PromotionGroupListItem [Layout>Controls] Begin*/
.PromotionGroupListItem { padding: 10px 0px; }

.PromotionGroupListItemTable { width: 100%; }

.PromotionGroupListItemImageColumn { width: 40%; vertical-align: top; }

.PromotionGroupListItemImageDiv { background-color: #fff; padding: 2px; width: 190px; margin-left: auto; margin-right: auto; text-align: center; }

    .PromotionGroupListItemImageDiv img { max-height: 180px; height: auto !important; height: 180px; max-width: 180px; width: auto !important; width: 180px; }

.PromotionGroupListItemDetailsColumn { padding: 10px 2.5%; vertical-align: top; width: 55%; }

.PromotionGroupListItemNameDiv { margin-bottom: 10px; }

.PromotionGroupListItemNameLink { font-size: 16px; font-weight: bold; text-decoration: none; }

.PromotionGroupListItemDescription { margin: 5px 0px; }

.PromotionGroupListItemPriceDiv { clear: both; float: left; margin-top: 5px; }

.PromotionGroupListItemPricePanel { font-size: 15px; margin: 5px 0px; color: #4d4e4e; }

.PromotionGroupListItemPriceLabel { float: left; margin-right: 10px; }

.PromotionGroupListItemPriceValue { float: left; color: #1d4db9; }

.PromotionGroupListItemButtonDiv { clear: left; float: left; margin-top: 15px; }

    .PromotionGroupListItemButtonDiv .TellFriendLinkButton { display: none; }
/*PromotionGroupListItem [Layout>Controls]End*/

/*ContactUs Begin*/
.ContactUsBlock { margin: 10px 0; width: 45%; clear: left; }

    .ContactUsBlock Table { width: 100%; float: left; }

.ContactUsCaptchaStyle div { clear: left; margin-top: 10px; }

    .ContactUsCaptchaStyle div input { margin-top: 5px; border: solid 1px #ccc; }

.ContactUsButtonDiv { clear: left; float: left; padding: 5px 0px; }

.ContactUsLabel { width: 180px; float: left; margin-right: 5px; clear: left; line-height: 30px; }

.ContactUsData { float: left; margin-right: 20px; line-height: 30px; }

.ContactUsTextBox { margin-bottom: 5px; width: 200px; }

.ContactUsTextBoxLong { margin-bottom: 5px; width: 400px; }

.ContactUsCommentBox { margin-bottom: 5px; width: 100%; height: 150px; border: 1px solid #d7d7d7; }

.ContactUsCaptcha { float: left; width: 65%; clear: left; }

.ContactUsCompanyInfo { margin: 0 10px 10px; padding-right: 15%; float: left; margin-left: 0; }
.ContactUs .CommonPageInnerTitle { font-weight: bold; }
.ContactMap { width: 100%; height: 300px; }

    .ContactMap img { max-width: none; }

.ContactUsContact { float: left; }

.ContactUsValidate { width: 100%; }

.ContactUsValidateLong { width: 100%; }
/*ContactUs End*/
/*Track Begin*/
.TrackIFrame { width: 790px; height: 700px; }
/*Track End*/
/*CommonUserLogin [UserLogin, AffiliateLogin] Begin*/

.UserLogin .CommonLoginPageRight,
.AffiliateLogin .CommonLoginPageRight { width: 78%; }

.CommonUserLoginControl { width: 100%; margin: 0; }

.CommonUserLoginError { margin: 5px 0; color: #2c2d2e; }

.CommonUserLoginMessageFailure { margin-top: 5px; margin-bottom: 10px; color: #2c2d2e; }

.CommonUserLoginLoginPanel { float: left; width: 53%; padding: 0px; background: url(Images/Background/dot-line-ver.jpg) repeat-y right top; }

.CommonUserLoginRegisterPanel { float: left; width: 42%; margin-left: 5%; }

.CommonUserLoginPanelTitle,
.CommonUserLoginRegisterTitle,
.CommonSkipLoginTitle,
.CommonAffiliateRegisterTitle { color: #2c2d2e; float: left; font-size: 16px; font-weight: bold; margin: 10px 0; }

.CommonUserLoginPanelDescription,
.CommonUserLoginRegisterDescription,
.CommonSkipLoginDescription,
.CommonAffiliateRegisterDescription { clear: left; float: left; width: 100%; margin: 10px 0 25px; }

.CommonUserLoginPanelUserName,
.CommonUserLoginPanelPassword { clear: both; float: left; width: 100%; margin: 20px 0 0; }

    .CommonUserLoginPanelUserName label,
    .CommonUserLoginPanelPassword label { clear: left; float: left; width: 25%; }

    .CommonUserLoginPanelUserName input,
    .CommonUserLoginPanelPassword input { float: left; padding: 2px; width: 60% !important; }

    .CommonUserLoginPanelUserName span,
    .CommonUserLoginPanelPassword span { float: left; margin-left: 10px; margin-top: 3px; }

.CommonUserLoginPanelRemember { clear: both; float: left; text-align: left; height: 20px; line-height: 20px; vertical-align: middle; margin: 20px 0 20px 24%; width: 69%; }

    .CommonUserLoginPanelRemember input { float: left; margin-top: 5px; }

    .CommonUserLoginPanelRemember label { float: left; height: 20px; line-height: 20px; vertical-align: middle; display: block; font-weight: lighter; }

.CommonUserLoginPanelButton { float: left; margin: 10px 5% 10px 25%; }

.CommonUserLoginForgotPasswordDiv { float: left; margin: 13px 0; }

    .CommonUserLoginForgotPasswordDiv a { color: #999; font-size: 12px; text-decoration: underline; }

.CommonUserLoginRegisterLink { margin-top: 10px; clear: left; float: left; width: 100%; }

.CommonUserLoginSkipLoginPanel { clear: left; float: left; width: 100%; margin: 20px 0; }

.CommonUserLoginValidatorText { float: left; margin-left: 25%; width: 60%; }

.CommonUserLoginValidateDiv { width: 100%; }

.CommonUserLoginRegisterDescription ul { padding: 0; margin: 5px 0; line-height: 20px; list-style-type: none; }

    .CommonUserLoginRegisterDescription ul li { background: url(Images/Bullet/bullet2.gif) no-repeat left 8px; padding-left: 20px; }

/*CommonUserLogin [UserLogin, AffiliateLog
.ContentLayoutRight .NoteText {
    color: #2c2d2e;
}
/*ContentLayout End*/
/*AffiliateLogin Begin*/
.AffiliateLoginJoinAffiliateProgramDiv { clear: left; display: table; margin: 10px auto; text-align: center; }

.AffiliateLoginInformation { margin-top: 5px; font-size: 13px; line-height: 22px; }

    .AffiliateLoginInformation .ContentLayoutRight { min-height: 0; }
/*AffiliateLogin End*/
/*StoreSitemap Begin*/
.StoreSiteMapInformationPanel,
.StoreSiteMapProductPanel,
.StoreSiteMapDepartmentPanel { padding: 0 20px; border-bottom: solid 1px #f0f0f0; margin-top: 15px; }

.StoreSiteMapInformationTop,
.StoreSiteMapProductTop,
.StoreSiteMapDepartmentTop { margin: 10px 0; width: 99%; line-height: 30px; }

.StoreSiteMapInformationTopTitle,
.StoreSiteMapProductTopTitle,
.StoreSiteMapDepartmentTopTitle { color: #34312c; font-weight: bold; font-size: 16px; }

.StoreSiteMapInformationLeft,
.StoreSiteMapProductLeft,
.StoreSiteMapDepartmentLeft { padding: 20px 5px; }

.StoreSiteMapProductItemTopBreadcrumbPanel,
.StoreSiteMapDepartmentItemTopBreadcrumbPanel { color: #2c2d2e; }

    .StoreSiteMapProductItemTopBreadcrumbPanel a,
    .StoreSiteMapDepartmentItemTopBreadcrumbPanel a { font-weight: bold; }

        .StoreSiteMapProductItemTopBreadcrumbPanel a:hover,
        .StoreSiteMapDepartmentItemTopBreadcrumbPanel a:hover { text-decoration: none; }

.StoreSiteMapProductList,
.StoreSiteMapDepartmentList { list-style: none; margin: 0px; padding: 0; }

.StoreSiteMapProductListItem,
.StoreSiteMapDepartmentListItem { margin-top: 10px; margin-left: 15px; margin-bottom: 5px; padding-left: 20px; background: url(Images/Bullet/Bullet1.gif) no-repeat left 5px; line-height: 20px; }

    .StoreSiteMapProductListItem a,
    .StoreSiteMapDepartmentListItem a { color: #666 !important; text-decoration: none; }

        .StoreSiteMapProductListItem a:hover,
        .StoreSiteMapDepartmentListItem a:hover { text-decoration: underline; }

.StoreSiteMapProductDataList,
.StoreSiteMapDepartmentDataList { width: 100%; }

.StoreSiteMapProductDataListItemStyle,
.StoreSiteMapProductDataListItemStyle, .StoreSiteMapDepartmentDataListItemStyle { vertical-align: top; width: 50%; padding-right: 10px; }

.StoreSiteMapInformationTopImgLeft,
.StoreSiteMapInformationTopImgRight,
.StoreSiteMapInformationBottom { display: none; }
.SiteMapSeparate { color: #335ebf; font-weight: bold; font-size: 16px; font-family: 'DB Ozone X'; }
/*StoreSitemap End*/
/*NewsletterPage Begin*/
.NewsletterPageTable { display: table; margin: auto; width: 450px; background-color: #f1f8ff; border: solid 1px #a8bbe8; padding: 10px; }

.NewsletterPageTableInnerTableDescription { padding-right: 10px; }

.NewsletterDiv { margin: 15px 0; }
    .NewsletterDiv .MessageNormal { text-align: center; font-weight: bold; font-size: 110%;}

input[type="text"].NewsletterPageTextBox { border: solid 1px #ccc; width: 90%; height: 35px; }

.NewsletterPanel { float: left; margin: 20px 0; width: 75%; }

.NewsletterPageLabel { font-weight: normal; clear: left; float: left; font-size: 14px; line-height: 35px; width: 30%; }

.NewsletterPageData { float: left; width: 70%; }

.NewsletterMessageDiv { clear: left; float: left; width: 100%; }

.NewsletterLoginImageButton { float: left; width: 25%; margin: 20px 0; padding: 5px 0; }

.NewsletterPageMsg { clear: left; float: left; width: 100%; margin: 5px 0; }

.NewsletterValidatorText { float: left; clear: left; margin-left: 100px; margin-top: 3px; }

.NewsletterValidateDiv { width: 202px; }
/*NewsletterPage End*/
/*AdvancedSearch Begin*/
.AdvancedSearch { display: table; padding-bottom: 10px; width: 100%; }

.AdvancedSearchPanel { margin: 0px 10px 10px 0; clear: left; float: left; width: 90%; }

.AdvancedSearchLabel { float: left; padding-right: 0; width: 20%; }

.AdvancedSearchToLabel { float: left; width: 10%; text-align: center; }

.AdvancedSearchDrop { float: left; padding-top: 2px; margin-right: 0; width: 30%; }

    .AdvancedSearchDrop select { font-size: 13px;  padding: 3px; }

.AdvancedSearchText { float: left; padding-top: 1px; width: 35%; }

.AdvancedSearchTextBox { font-size: 13px; }

.AdvancedSearchResultBackButton { position: relative; left: 15px; float: left; }

.AdvancedSearchDotted { clear: left; padding-top: 40px; background: url(Images/Background/dot-line.jpg) repeat-x left bottom; }

.AdvancedSearchHeader { margin-top: 30px; margin-bottom: 20px; font-weight: bold; font-size: 16px; }

.AdvancedSearchInLabel { float: left; margin-right: 10px; }

.AdvancedSearchManufacturerLabel,
.AdvancedSearchDepartmentLabel,
.AdvancedSearchVendorLabel { float: left; width: 20%; }

.AdvancedSearchButton { float: right; margin-top: 30px; }

.AdvancedSearchResetButton { float: right; clear: right; margin-top: 30px; padding-left: 10px; }

.AdvancedSearchKeywordTable { clear: left; width: 100%; padding: 10px 4%; border: solid 1px #E1E1E1; margin-bottom: 20px; }

.AdvancedSearchTitle { font-weight: normal; font-size: 20px; line-height: 30px; margin-left: 10px; margin-top: 12px; }

.AdvancedSearchTable { width: 100%; margin: 20px 0; clear: left; padding: 20px 0; }

.AdvancedSearchDataList { width: 100%; }

.AdvancedSearchDataListTable { width: 100%; }

.AdvancedSearchDataListTableHeaderCheck { }

.AdvancedSearchInnerTableLabel { font-weight: normal; }

.AdvancedSearchInnerTableInputPrice { width: 85px; float: left; }

.AdvancedSearchInnerTableInputTo { float: left; line-height: 22px; vertical-align: middle; margin-right: 10px; font-weight: normal; }

.AdvancedSearchInnerTableInput input { border: solid 1px #ccc; }

.AdvancedSearchBox { clear: left; width: 92%; padding: 10px 4%; border-color: #E1E1E1; border-style: solid; border-width: 1px; margin-bottom: 10px; }

.AdvancedSearchTypeCheckList { width: 70%; margin-left: 19%; }

    .AdvancedSearchTypeCheckList input { margin-right: 10px; }

    .AdvancedSearchTypeCheckList td { width: 25%; padding: 10px 0; }

.AdvancedSearchInType { padding-left: 4px; padding-bottom: 15px; float: left; width: 100%; clear: left; }

.AdvancedSearchInCategory,
.AdvancedSearchInDepartment,
.AdvancedSearchInManufacturer { padding-left: 4px; padding-bottom: 10px; float: left; width: 100%; clear: left; }

.AdvancedSearchInTypeTitle { padding: 2px 0px; margin-right: 5px; clear: left; font-weight: normal; }

.AdvancedSearchInCategoryTitle,
.AdvancedSearchInDepartmentTitle,
.AdvancedSearchInManufacturerTitle { width: 170px; float: left; padding: 2px 0px; margin-right: 5px; clear: left; font-weight: normal; }

.AdvancedSearchInCategoryDrop,
.AdvancedSearchInDepartmentDrop,
.AdvancedSearchinmanufacturerDrop { width: 230px; }

.AdvancedSearchInCategoryDropDiv,
.AdvancedSearchInDepartmentDropDiv,
.AdvancedSearchinmanufacturerDropDiv { float: left; min-width: 300px; padding-top: 2px; padding-bottom: 2px; }

.AdvancedSearchResult,
.AdvancedContentSearchResult,
.AdvancedSearchResultDepartment { }

.ContentList .ProductListPageControlPanel { background-color: #F8F8F8; clear: both; line-height: 30px; margin-bottom: 10px; padding: 3px 2%; width: 96%; }

.ContentList .ProductListPagingControl { border: none; padding: 5px 0; }

.ContentList .ProductListItemPerPage { width: auto; float: right; font-size: 12px; }

    .ContentList .ProductListItemPerPage select { float: left; margin-right: 10px; margin-top: 6px; }

.ContentList .NewsTopicItemColumnTopicStyle { line-height: 24px; vertical-align: middle; padding: 0 10px; }

    .ContentList .NewsTopicItemColumnTopicStyle a { text-decoration: none; }

.AdvancedSearchResult .CommonPageRight,
.AdvancedSearchResultDepartment .CommonPageRight { padding: 15px 0; }

.AdvancedSearchPanel .CommonValidateDiv { margin-top: 1px; width: 75px; }

.SearchByKeyword { margin: 0px; clear: left; float: left; width: 50%; }

.SearchByCategory { margin: 0px; clear: none; float: right; width: 45%; margin: 0px 15px 50px 0px; }

.SearchByCategoryField { margin: 0px; clear: left; float: left; width: 50%; }

.SearchByDepartment { margin-right: 0px; margin-top: 10px; clear: left; float: left; width: 50%; }

.SearchByManufacturer { margin-right: 0px; margin-top: 10px; clear: none; float: right; width: 45%; }

.SearchByVendor { margin-right: 0px; margin-top: 10px; clear: left; float: left; width: 50%; }

.SearchByPrice { margin: 0px 15px 0px 0px; clear: none; float: right; width: 45%; }

.SearchTextByKeyword { float: left; margin-left: 5%; width: 40%; }

    .SearchTextByKeyword input[type="text"] { width: 100% !important; }

.SearchTextByPrice { width: 35%; padding-left: 0; margin: 0; }

.ShowAdvancedSearchLinkButton { float: right; color: #2c2d2e; font-size: 12px; text-transform: uppercase; text-decoration: underline; background: url(Images/Bullet/Advance-Search-toggle-show.png) no-repeat right center; padding-right: 32px; }

.HideAdvancedSearchLinkButton { float: right; color: #2c2d2e; font-size: 12px; text-transform: uppercase; text-decoration: underline; background: url(Images/Bullet/Advance-Search-toggle-hide.png) no-repeat right center; padding-right: 32px; }

/*AdvancedSearch End*/
/*AdvancedSearch CheckList Begin*/
.CategoryCheckListCheckBoxList,
.DepartmentCheckListCheckBoxList { border: solid 1px #ccc; margin-top: 10px; }

    .CategoryCheckListCheckBoxList label { font-size: 12px; }

    .CategoryCheckListCheckBoxList td,
    .DepartmentCheckListCheckBoxList td { width: 25%; }

.AdvancedSearchDataListTableHeaderCheck label { font-size: 13px !important; color: #2c2d2e; font-weight: normal; }

.AdvancedSearchDataListTable { padding-top: 20px; }
/*AdvancedSearch End*/


/*CouponMessageDisplay Begin */
.CouponMessageDisplayAvaliableMessageHeader { margin: 10px 0 5px 0; }

.CouponMessageDisplayLabel { margin: 5px 10px 5px 0; display: block; float: left; font-weight: normal; }

.CouponPromotionWarningDisplayLabel { margin: 5px 0; display: block; float: left; }

.CouponMessageDisplayData { margin: 5px 0; display: block; float: left; }

.CouponMessageDisplayAvaliableMessageList, .CouponMessageDisplay { clear: left; width: 100%; display: table; }

.CouponPanel { clear: left; float: left; margin: 10px 0; }

    .CouponPanel .CommonFormLabel { padding: 0; font-weight: normal; }

    .CouponPanel .CommonTextBox { margin-right: 10px; float: left; }

.CouponBackButton { clear: left; float: left; margin: 20px 0 10px; }
/*CouponMessageDisplay End */

/*AccountDetails Begin*/
.AccountDetailsDiv { margin: 0px; width: 100%; clear: left; }

.AccountDetailsTextBox { width: 150px; }

.AccountDetailsLongTextBox { width: 200px; }

.AccountDetailsCheckBox { float: left; }

.AccountDetailsCheckBoxDiv { float: left; margin-left: 37%; padding-bottom: 20px; clear: left; width: 120%; }

.AccountDetailsCountryStatePanel { clear: both; }

.AccountDetailsCheckBoxDiv .AccountDetailsCheckBox label { color: #4d4e4e; }

.AccountDetailsButtonDiv { margin-top: 10px; margin-bottom: 10px; text-align: right; float: right; clear: left; }

.AccountDetailsShippingItemInfoPanel { clear: left; float: left; width: 100%; }

.AccountDetailsPanel { width: 100%; float: left; clear: left; }

.ShippingDestination { clear: left; float: left; width: 100%; }

.AccountDetails .CommonFormLabel { width: 120px; }

.AccountDetails .CheckoutTextBox { width: 140px; float: left; }
/*AccountDetails End*/

/*ImageZoomingButton Begin*/
.ImageZoomingButton { margin-top: 10px; }

    .ImageZoomingButton a { text-decoration: none; }

.ImageZoomingButtonPopup { float: left; }

.ImageZoomingButtonZoom { float: right; }

.ImageZoomingButtonPopupImage { float: left; }

.ImageZoomingButtonPopupMessage { float: left; margin-left: 5px; margin-top: 2px; }

.ImageZoomingButtonZoomImage { float: left; }

.ImageZoomingButtonZoomMessage { float: left; margin-left: 5px; margin-top: 2px; }

/*ImageZoomingButton End*/

/*ForgotPassword Begin*/
.ForgotPasswordDiv { display: table; margin: auto; min-width: 450px; background-color: #f1f8ff; border: solid 1px #a8bbe8; padding: 10px 20px; }
    .ForgotPasswordDiv .MessageNormal { text-align: center; font-weight: bold; font-size: 110%; }

input[type="text"].ForgotPasswordTextBox { border: solid 1px #ccc; width: 90%; height: 35px; }

.ForgotPasswordPanel { float: left; margin: 20px 0; width: 70%; }

.ForgotPasswordLabel { font-weight: normal; clear: left; float: left; font-size: 14px; line-height: 35px; width: 30%; }

.ForgotPasswordData { float: left; width: 70%; }

.ForgotPasswordMessageDiv { clear: left; float: left; width: 100%; }

.ForgotPasswordLoginImageButton { float: left; width: 30%; margin: 20px 0; padding: 5px 0; }
 

.ForgotPasswordValidatorText { float: left; clear: left; margin-left: 30%; margin-top: 3px; }

.ForgotPasswordValidateDiv { width: 200px; }
/*ForgotPassword End*/
/*MyAccount Begin*/
.MyAccountInformation { }

.MyAccountInformationTopImgLeft { display: none; }

.MyAccountInformationTopImgRight { display: none; }

.MyAccountInformationTop { padding: 5px 0; background: url(Images/Bullet/TitleBullet.gif) no-repeat left center; }

.MyAccountInformationTopTitle { font-weight: normal; font-size: 13px; margin-left: 15px; }

.MyAccountInformationLeft { padding: 10px; border-top: solid 2px #ccc; }

.MyAccountInformationList { list-style: none; margin-left: 0px; padding: 0px; }

.MyAccountInformationListItem { background-image: url(Images/Bullet/bullet2.gif); background-position: 0 3px; background-repeat: no-repeat; margin-left: 20px; margin-top: 10px; }

.MyAccountInformationItemLink { margin-left: 20px; text-decoration: none; vertical-align: middle; }

    .MyAccountInformationItemLink:hover { text-decoration: underline; }

.ShippingAddressLinkPanel { margin-top: 10px; float: right; }
/*MyAccount End*/
/*SearchFilter Begin*/
.SearchFilter { line-height: 24px; color: #2c2d2e; float: left; font-size: 12px; }

.SearchFilterValueRangePanel, .SearchFilterDateRangePanel, .SearchFilterTextPanel, .SearchFilterBooleanPanel { margin-top: 5px; margin-bottom: 10px; background-color: #f9f9f9; border: dashed 1px #E1E1E1; padding: 7px; }

.SearchFilterValueRangeImageButton, .SearchFilterDateRangeImageButton, .SearchFilterTextImageButton, .SearchFilterBooleanImageButton { clear: none; float: left; margin-left: 5px; }

.SearchFilterLabel { float: left; margin-right: 5px; }

.SearchFilterStartDateImageButton, .SearchFilterEndDateImageButton { float: left; margin-right: 5px; margin-top: 4px; }

.SearchFilterTextBox, .SearchFilterBooleanDropDown { float: left; margin-right: 8px; border: solid 1px #e9e9e9; }

.SearchFilterMessageLabel { clear: left; float: left; width: 100%; margin-top: 10px; }

.SearchFilterValueRangePanel .CommonValidatorTextLowerBound { clear: left; float: left; font-size: 90%; color: red }

.SearchFilterValueRangePanel .CommonValidatorTextUpperBound { clear: left; float: left; font-size: 90%; color: red }

.SearchFilterValueRangePanel .CommonValidateDiv { margin-bottom: -1px; margin-top: 2px; width: 81px; font-size: 90%; color: red }

.ValueRangeValidateDiv { float: left; width: 90px; color: red; font-size: 90%; }

/*GiftCertificate Begin*/
.GiftCertificateDetailsDiv { clear: left; color: #2c2d2e; float: left; font-size: 13px; font-weight: normal; line-height: 30px; margin: 5px 0 15px; padding: 5px 0; text-transform: none; width: 100%; }

.GiftCertificateMessageDiv { font-weight: normal; color: Red; }

.GiftCertificateDivInner { position: relative; margin-left: auto; margin-right: auto; margin-top: 10px; }

.GiftCertificateTextBox { width: 25% !important; margin-left: 3%; float: left; margin-top: 2px; }

.GiftCertificateVerifyImageButton { margin-top: 3px; clear: none; float: left; }

.GiftCertificateResultDiv { clear: left; float: left; width: 50%; padding: 15px; margin-top: 20px; border: dashed 1px #ddd; }

.GiftCertificateLabelColumn { font-weight: normal; color: #2c2d2e; line-height: 24px; }

.GiftCertificateValueColumn { color: #4d4e4e; line-height: 24px; }

.GiftCertificateSpan { float: left; line-height: 24px; text-transform: uppercase; font-size: 13px; text-transform: none; }
/*GiftCertificate End*/

/*ProductPopup Begin*/
.ProductPopup { padding: 15px; }

.ProductPopupTopImgLeft { display: none; }

.ProductPopupTopImgRight { display: none; }

.ProductPopupTopTitle { line-height: 25px; font-size: 14px; }

.ProductPopupLeft { border: solid 1px #e4e4e4; background-color: #fff; }

.ProductPopupTable { width: 100%; }

.ProductPopupTitleColumn { border-bottom: solid 1px #cdcdcb; background-color: #eee; font-weight: normal; }

.ProductPopupDetailsColumn { padding-bottom: 10px; }

.ProductPopupBottom { display: none; }

.ProductPopupTopLink { text-decoration: none; }

.ProductPopupCloseWindowsLink { }

    .ProductPopupTopLink:hover,
    .ProductPopupCloseWindowsLink:hover { cursor: pointer; color: #AB1621; text-align: center; }

.ProductPopupImageColumn { width: 100%; text-align: center; }

    .ProductPopupImageColumn img { max-height: 200px; height: auto !important; height: 200px; max-width: 200px; width: auto !important; width: 200px; }
/*ProductPopup End*/



/*AddShoppingCartNotComplete Begin*/
.AddShoppingCartNotCompleteContent,
.AddToCartNotCompleteContent { margin-top: 10px; padding-bottom: 20px; }

.AddShoppingCartNotComplete .CommonHyperLink { margin: auto; display: table; font-size: 13px; }

.AddShoppingCartNotComplete .CommonPageTop { display: none; }
/*AddToCart End*/
/*AffiliateDetails Begin*/
.AffiliateDetailsAgreementPanel { clear: both; float: left; margin: 20px 0; width: 100%; border-top: solid 1px #ccc; padding-top: 20px; }

.AffiliateDetailsDownloadDiv { }

.AffiliateDetailsDownloadLinkIcon { margin-right: 5px; }

.AffiliateDetailsDownloadDiv a { font-size: 12px; line-height: 25px; }

.AffiliateDetailsAgreementContent { width: 100%; border: solid 1px #e9e9e9; padding: 15px; overflow: auto; height: 300px; text-align: left; margin-top: 5px; font-size: 14px; line-height: 22px; font-family: Tahoma; }

.AffiliateDetailsAgreementAcceptDiv { width: 100%; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; }

.AffiliateDetailsButtonDiv { clear: left; margin: 0 auto 20px; width: 300px; display: table; }

    .AffiliateDetailsButtonDiv a.BtnStyle1 { width: 100%; border: solid 1px #b7b7b7; line-height: 38px; padding: 10px 0; margin: 0; font-size: 18px; }

.AffiliateDetailsValidatorText { text-align: left; width: 100%; margin: 2px auto; }

.AffiliateDetailsValidatorDiv { width: 100%; }

.AffiliateDetailsUpdateButtonDiv { float: left; clear: left; margin-left: 36%; }

.CustomerRegisterLeftData.CommissionRate { padding-left: 6%; }
/*AffiliateDetails End*/
/*AffiliateRegisterFinish Begin*/
.AffiliateRegisterFinishMessageDiv { font-weight: normal; text-align: center; }

.AffiliateRegisterFinishLinkPanel { display: table; margin: 25px auto auto; }
/*AffiliateRegisterFinish End*/
/*AffiliateGenerateLink Begin*/
.AffiliateGenerateLinkDiv { border: solid 1px #ccc; margin-top: 10px; padding: 10px; font-size: 14px; line-height: 24px; }

.AffiliateGenerateLinkInner { margin-bottom: 10px; }

.AffiliateGenerateLinkTextBox { width: 100%; }

.AffiliateGenerateLinkButtonDiv { margin-top: 10px; clear: right; float: right; }

    .AffiliateGenerateLinkButtonDiv img { border: none; }
/*AffiliateGenerateLink End*/
/*AffiliateCommission Begin*/
.AffiliateCommissionNoResultPanel { clear: left; float: left; width: 100%; padding: 10px 0; }

.AffiliateCommissionRemarkDiv { margin-top: 10px; }

.AffiliateCommissionPaymentStatusHeaderStyle { width: 20%; }

.AffiliateCommissionPaymentStatusItemStyle { text-align: center; }

.AffiliateCommissionOrderDateHeaderStyle { }

.AffiliateCommissionOrderDateItemStyle { text-align: center; }

.AffiliateCommissionCommissionHeaderStyle { text-align: right; }

.AffiliateCommissionCommissionItemStyle { width: 20%; text-align: right; }

.AffiliateCommissionFooterTotalAmountColumn { text-align: right; font-weight: normal; color: #ff6000; }

.AffiliateCommissionProductCostHeaderStyle { width: 20%; text-align: right; }

.AffiliateCommissionProductCostItemStyle { text-align: right; }

.AffiliateCommissionFooterTotalColumn { text-align: right; font-weight: normal; }

.AffiliateCommissionOrderIDHeaderStyle { width: 15%; }

.AffiliateCommissionOrderIDItemStyle { text-align: center; }

.AffiliateCommissionNoResultLinkDiv { margin-top: 10px; text-align: center; }

.AffiliateCommissionGridViewFooterStyle td { padding: 5px 2%; font-weight: bold; }
/*AffiliateCommission End*/
/*AffiliateCommissionSearch Begin*/
.AffiliateCommissionSearchContentDiv { width: 100%; clear: left; margin: 20px auto; display: table; }

.AffiliateCommissionSearchLabel { clear: left; float: left; padding: 4px; width: 30%; }

.AffiliateCommissionSearchData { float: left; padding: 4px; width: 70%; }

    .AffiliateCommissionSearchData .CommonTextBox { width: 140px; float: left; }

    .AffiliateCommissionSearchData .Label { float: left; margin: 2px 0; width: 10%; }

.AffiliateCommissionSearchButtonDiv { width: 100%; clear: left; margin: 20px auto; display: table; }

.AffiliateCommissionSearchImageButton { float: right; }

.AffiliateCommissionSearchLinkDiv { clear: left; float: left; width: 100%; font-size: 16px; margin: 5px 0 15px; padding: 5px 0; line-height: 30px; }

    .AffiliateCommissionSearchLinkDiv .CommonHyperLink { text-decoration: underline; }

.AffiliateCommissionNoResultDiv { text-align: center; border: solid 1px #eee; background-color: #f8f8f8; padding: 8px; }

.AffiliateCommissionSearchValidateDiv { float: left; width: 45%; }



.CommonCommissionSearchValidateDiv { clear: left; float: left; font-size: 11px; line-height: 18px; color: #ff0000; }

.AffiliateCommissionSearchData .CommonImageButton { margin: 3px 0 0 3px; float: left; }
/*AffiliateCommissionSearch End*/

/*ContactUsFinished Begin*/
.ContactUsFinishedContent { margin: 10px; }
/*ContactUsFinished End*/

/*Coupon Begin*/
.Coupon .CouponMessageDisplayAvaliableMessageHeader { font-weight: normal; }

.CouponMessageParagraph { font-weight: normal; }

.CouponCodeParagraph { font-weight: normal; }

.CouponDetailsTable { margin-left: auto; margin-right: auto; }

.CouponDetailsLabelColumn { font-weight: normal; text-align: right; padding-right: 10px; width: 100px; }

.CouponItemListProductsColumn ul { margin: 0px auto auto 30px; padding: 0px; }
/*Coupon End*/

/*CouponAndGift Begin*/
.CouponAndGiftImageButtonDiv { margin-top: 10px; margin-right: 0; clear: left; float: right; display: table; }
/*CouponAndGift End*/

/*CustomerReview Begin*/
.CustomerReviewProduct { clear: left; width: 100%; display: table; }

.CustomerReviewContent { float: right; width: 50%; padding-top: 10px; margin-left: 2%; }

.CustomerReviewProductDetail { float: left; width: 45%; padding: 10px; }

    .CustomerReviewProductDetail .ProductImage { width: 40%; float: left; }

    .CustomerReviewProductDetail .ProductInfo { width: 55%; margin-left: 2%; float: left; }

    .CustomerReviewProductDetail a.InfoName { font-size: 14px; text-decoration: none; font-weight: bold; line-height: 20px; }


    .CustomerReviewProductDetail .InfoSku { clear: left; font-size: 13px; float: left; margin-top: 15px; margin-bottom: 10px; width: 100%; }

    .CustomerReviewProductDetail .InfoRating { clear: left; float: left; margin-bottom: 10px; width: 100%; padding: 10px 0; border-top: solid 1px #eee; border-bottom: solid 1px #eee; line-height: 20px; }

    .CustomerReviewProductDetail .InfoTitleLabel { font-weight: normal; clear: left; float: left; margin-right: 10px; color: #2c2d2e; }

    .CustomerReviewProductDetail .RatingCustomerDiv { float: left; }

    .CustomerReviewProductDetail .RatingCustomerMessageDiv { font-size: 13px; }

    .CustomerReviewProductDetail .InfoShortDescription { clear: left; float: left; margin: 10px 0; width: 100%; font-size: 12px; line-height: 22px; }

    .CustomerReviewProductDetail .RetailPriceValue { clear: left; float: left; width: 100%; font-size: 12px; text-decoration: line-through; margin-top: 5px; }

    .CustomerReviewProductDetail .InfoPrice { clear: left; font-size: 18px; font-weight: normal; line-height: 30px; float: left; width: 100%; }

.ReviewIntroHeader { font-size: 14px; clear: left; color: #2c2d2e; float: left; width: 100%; margin-bottom: 15px; font-weight: bold; }

.ReviewIntroMessage { clear: left; float: left; width: 100%; margin-bottom: 7px; font-size: 13px; padding-bottom: 13px; border-bottom: solid 1px #eee; line-height: 20px; }

.CustomerReviewContent .ReviewTitle { font-weight: bold; clear: left; float: left; width: 100%; font-size: 14px; margin: 10px 0; }

.ReviewSubjectRow { clear: left; float: left; width: 100%; margin: 7px 0; }

.CustomerReviewContent .InfoTitleLabel { font-weight: normal; clear: left; float: left; width: 30%; color: #2c2d2e; font-size: 13px; }

.CustomerReviewMessageDiv .ReviewIntroMessage { border: 0; margin: 0; padding: 0; }

.CustomerReviewMessageTextBox { float: right; margin-right: 2%; width: 65% !important; }

.CustomerReviewStarList { clear: left; float: left; margin: 5px 0; padding: 7px 3%; background-color: #fff; border: solid 1px #eee; width: 100%; }

.ReviewGuide { display: block; }

ul.ReviewGuide { list-style-type: none; }

    ul.ReviewGuide li { color: #2c2d2e; background: url(Images/Bullet/bullet5.gif) no-repeat left 8px; line-height: 22px; font-size: 13px; padding-left: 15px; }

.CustomerReviewMessageDiv { clear: left; float: left; width: 100%; margin: 10px 0; }

.CustomerReviewMessageFromDiv { margin: 5px 0; }

.CustomerReviewLabel { padding: 4px; }

.CustomerReviewButtonDiv { clear: both; float: right; margin-right: 1%; text-align: right; }

.CustomerReviewRatingLoginPanel { margin-bottom: 25px; }

.CustomerReviewValidatorText { float: right; margin-right: 2%; width: 65%; }

.CustomerReviewValidateDiv { width: 100%; }

.CustomerReviewStarRatingValidatorText { float: right; margin-right: 2%; width: 65%; }

.CustomerReviewStarRatingValidateDiv { width: 100%; float: left; }

.CustomerReviewStarRatingDiv .CustomerReviewStarRatingValidatorText { float: left; width: 100%; }
/*CustomerReview End*/

/*Error404 Begin*/
.Error404Content { /*color: Red;*/ }

    .Error404Content a { color: #1d4db9; text-decoration: underline; cursor: pointer; }

    .Error404Content ul li { margin-bottom: 5px; }
/*Error404 End*/
/*FileDownload Begin*/
.FileDownloadErrorContent { color: Red; }
/*FileDownload End*/
/*FileDownloadManager Begin*/
.FileDownloadManagerContent { color: Red; }
/*FileDownloadManager End*/
/*GenericError Begin*/
.GenericErrorContent h6 { font-weight: bold; font-size: 14px; }

.GenericErrorContent p { font-size: 14px; margin: 8px 0; }

.GenericErrorContent ul { list-style-type: none; padding: 0; margin: 0 0 30px; }

    .GenericErrorContent ul li { background: url(Images/Bullet/Bullet2.gif) no-repeat left 10px; padding-left: 18px; line-height: 25px; }

.GenericErrorContent a { text-decoration: underline; cursor: pointer; }
/*GenericError End*/
/*PasswordRecoveryFinished Begin*/
.PasswordRecoveryFinishedParagraph { line-height: 24px; }
/*PasswordRecoveryFinished End*/
/*ResetPassword Begin*/
.ResetPasswordContent { text-align: center; }
/*ResetPassword End*/
/*TellFriend Begin*/
.TellFriendFormDiv { }

input[type="text"].TellFriendTextBox, input[type="text"].TellFriendLongTextBox { width: 90%; margin-bottom: 3px; }

.TellFriendImageButtonDiv { clear: left; float: right; margin-top: 20px; }

.TellFriendFormData { float: left; width: 50%; padding-top: 2px; padding-bottom: 2px; }

.TellFriendFormLabel { clear: left; float: left; width: 20%; padding-top: 2px; padding-bottom: 2px; line-height: 25px; height: 25px; margin-bottom: 5px; margin-left: 5%; }

.TellFriendFormTextEditorDiv { clear: left; float: left; width: 70%; margin-left: 25%; }

.TellFriendMessageTextBox { width: 90%; margin-top: 10px; font-size: 13px; }

.TellFriendCapchaDiv { border: 0; clear: left; float: left; width: 60%; margin-left: 25%; }

    .TellFriendCapchaDiv .CommonPageInnerTitle { text-transform: capitalize; font-size: 14px; }

.TellFriendCaptchaStyle div { clear: left; margin-top: 10px; }

    .TellFriendCaptchaStyle div input[type="text"] { margin-top: 5px; width: 60%; }

.TellFriendValidate { width: 90%; }

.TellFriendValidateLong { width: 90%; }
/*TellFriend End*/
/*TellFriendFinished Begin*/
.TellFriendFinishedDiv { text-align: center; }

.TellFriendFinishedMessage { margin-top: 40px; margin-bottom: 40px; }

.TellFriendFinishedImageIcon { margin-top: 20px; }
/*TellFriendFinished End*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/

/*ContentMenuNavNormalList Begin*/
.ContentMenuNavNormalList { width: 100%; }

    .ContentMenuNavNormalList a { padding-left: 30px; width: 182px; height: 100%; line-height: 22px; vertical-align: middle; display: block; background: url(Images/Bullet/Bullet3.gif) no-repeat 15px 7px; color: #555; text-decoration: none; }

.ContentMenuNavNormalTopList { width: 100%; }

.HeaderMenuRight .ContentMenuNavNormalTopList .SidebarTop { display: none; }

.HeaderMenuRight .ContentMenuNavNormalTopList { width: auto; border: 0 none; margin-top: 0px; }
/*ContentMenuNavNormalList End*/

/*ContentMenuNavList [Left,Right] Begin*/

.common-leftside-col .ContentMenuNavList, .common-rightside-col .ContentMenuNavList { width: 100%; margin-bottom: 20px; clear: left; }

.common-leftside-col .ContentMenuNavMenuList, .common-rightside-col .ContentMenuNavMenuList { width: 100%; }

.ContentMenuNavMenuListStaticMenuItem { background: url("images/background/dot-line.jpg") repeat-x left bottom; }

    .ContentMenuNavMenuListStaticMenuItem td a { background: url("images/bullet/bullet3.gif") no-repeat right 11px; color: #2c2d2e; display: block; font-size: 13px; padding: 8px 8% 8px 0; text-align: left; text-decoration: none; vertical-align: middle; line-height: 20px; white-space: normal; width: 100%; }

    .ContentMenuNavMenuListStaticMenuItem:hover { color: #1d4db9; }

.ContentMenuNavMenuListDynamicMenuItem { z-index: 0; }

    .ContentMenuNavMenuListDynamicMenuItem a { z-index: 0; display: block; vertical-align: middle; color: #2c2d2e; background: none; padding: 8px 15px; width: 160px; white-space: normal; font-size: 13px !important; }

    .ContentMenuNavMenuListDynamicMenuItem:hover { background-color: #0275c6; color: #1d4db9; }

.ContentMenuNavMenuListDynamicMenuStyle { z-index: 100 !important; margin: 0; border: solid 1px #ededed; background: #fff; }

.ContentMenuNavMenuListDynamicMenuItem img { background: url("Images/Icon/arrow-left.png") no-repeat center center; height: 0; padding: 10px; width: 0; }

/*ContentMenuNavList [Left,Right] End*/


/*ContentMenuItem Begin*/

.ContentMenuItemColumnTopicStyle { padding-top: 4px; padding-bottom: 4px; padding-left: 10px; border-bottom: solid 1px #e4e4e4; }

    .ContentMenuItemColumnTopicStyle a { text-decoration: none; margin-left: 7px; }

        .ContentMenuItemColumnTopicStyle a:hover { color: #1d4db9; }
/*ContentMenuItem End*/

/*AdvancedContentSearchResult Begin*/
.AdvancedContentSearchResult .CommonPage,
.AdvancedContentSearchResult .CommonPageTop,
.AdvancedContentSearchResult .CommonPageLeft,
.AdvancedContentSearchResult .CommonPageBottom { width: auto; }
/*AdvancedContentSearchResult End*/



.MainDivCenter .Default { width: inherit; }

#uxValidSummary { margin-left: 10px; }

#at20mc form { background-image: none; }

.PriceRequireLoginMessage { text-align: center; background-color: #F9F9F9; border: solid 1px #CCCCCC; color: #666666; font-size: 12px; font-weight: normal; margin-bottom: 1em; overflow: hidden; padding: 5px 0; width: 100%; }
/*RecentlyViewList Begin*/
.RecentlyViewedList { width: 100%; }

    .RecentlyViewedList a { padding: 3px 0px; width: inherit; vertical-align: middle; display: block; font-size: 12px; text-decoration: none; white-space: normal; }


    .RecentlyViewedList .ImageRecentPost { width: 30%; display: table-cell; }

    .RecentlyViewedList .RecentlyItemImageDiv { width: 90% !important; height: auto !important; }

    .RecentlyViewedList .RecentlyItemName { color: #1d4db9; vertical-align: middle; border: none; font-size: 12px; text-decoration: none; display: table-cell; padding-left: 5px; }

    .RecentlyViewedList td { padding-bottom: 10px; }
/*RecentlyViewList End*/

/*Onepage Checkout Begin*/
.OnePageCheckout { width: 100%; float: left; }

    .OnePageCheckout .CommonPageTop { color: black; width: 100%; min-height: 35px; line-height: 35px; vertical-align: middle; text-align: left; font-weight: normal; float: right; margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 3px #ddd; }

    .OnePageCheckout div.CommonPageTop:first-child { margin-top: 0; }


    .OnePageCheckout .CommonPageRight { width: 100%; margin: 10px 0; }

.OnePageCheckoutRightControl { width: 25%; float: right; }

    .OnePageCheckoutRightControl .MiniShoppingCart { background: none; clear: left; float: left; margin-bottom: 15px; padding: 5px 4% 10px; width: 90%; }

        .OnePageCheckoutRightControl .MiniShoppingCart .MiniShoppingCartSidebarTopTitle { font-size: 14px; color: #333; margin: 0; padding: 0; }

        .OnePageCheckoutRightControl .MiniShoppingCart .SidebarTop { background: none; }

        .OnePageCheckoutRightControl .MiniShoppingCart .SidebarLeft { border: 0; }

        .OnePageCheckoutRightControl .MiniShoppingCart .SidebarTopImgLeft,
        .OnePageCheckoutRightControl .MiniShoppingCart .SidebarTopImgRight,
        .OnePageCheckoutRightControl .MiniShoppingCart .SidebarBottom,
        .OnePageCheckoutRightControl .MiniShoppingCart .MiniShoppingCartShowHidePanel,
        .OnePageCheckoutRightControl .MiniShoppingCart .MiniShoppingCartRecentlyPanel,
        .OnePageCheckoutRightControl .MiniShoppingCart .MiniShoppingCartButton { display: none; }

    .OnePageCheckoutRightControl .ShoppingCartGiftCouponInputCodeTextBox { width: 100%; }
/*Onepage Checkout End*/

/* Content Layout Begin */
.ContactUsLink a { height: 18px; line-height: 18px; padding: 0 10px; text-decoration: none; }

    .ContactUsLink a:hover { color: #1d4db9; }
/* Content Layout End */

.WarningMessage { background-color: yellow; width: 100%; padding: 5px 0; font-weight: bold; color: #555; font-size: 12px; line-height: 20px; }

    .WarningMessage .HeaderMenuStyle { margin: 0 auto; vertical-align: middle; width: 940px; }

    .WarningMessage select { margin-left: 0; }


/* MyAccountMenuList Begin */
.MyAccountMenuList .SidebarTop { border-bottom: 0; background: url(Images/Bullet/account_icon.png) no-repeat left center; min-height: 50px; padding-left: 50px; }

.MyAccountMenuList .SidebarTopTitle { padding-left: 0; display: inline-block; font-size: 24px; color: #1d4db9; line-height: 26px; clear: left; width: 100%; font-weight: normal; }

.MyAccountMenuList .MyAccountMenuListLoginName { font-size: 14px; color: #2c2d2e; }

.MyAccountMenuList .NameLabel { }

.MyAccountMenuList .SidebarRight { padding: 15px 0; }

.MyAccountMenuTableList { width: 100%; }

    .MyAccountMenuTableList td { padding: 15px 10px 15px 15px; border-top: solid 1px #f1f1f1; }

    .MyAccountMenuTableList a { color: #2c2d2e; padding-left: 20px; background: url(Images/Bullet/accountbullet.png) no-repeat left center; font-size: 14px; }

        .MyAccountMenuTableList a:hover, .MyAccountMenuTableList a:active { color: #1d4db9; padding-left: 20px; background: url(Images/Bullet/accountbulletactive.jpg) no-repeat left center; }
/* MyAccountMenuList End */

/* MyAccountDashboard Begin */
.AccountMainDiv .CommonPageRight { padding-top: 15px; }

.MyAccountDashboardDiv { margin: 0px; width: 100%; }

.MyAccountInfoPanel, .MyAccountMessagePanel { margin: 0 0 20px 0; float: left; clear: left; width: 100%; }

.MyAccountRecentOrder { margin: 10px 0; float: left; clear: left; width: 100%; }

.MyAccountRecentOrderDiv { width: 100%; }

.MyAccountInfoPanel .Title { clear: left; float: left; width: 100%; font-size: 16px; font-weight: bold; margin: 5px 0 15px; padding: 5px 0; line-height: 30px; color: #2c2d2e; background: url(Images/Background/dot-line.jpg) repeat-x left bottom; }

.MyAccountInfoPanel .MyAccountInfoSubmitButton { float: right; }

    .MyAccountInfoPanel .MyAccountInfoSubmitButton a.BtnStyle4 { background: url(Images/Icon/down.gif) no-repeat right center; padding: 0 20px 0 0; font-size: 12px; font-weight: normal; border: 0; color: #5B5B5B; text-decoration: underline; margin: 0; }

        .MyAccountInfoPanel .MyAccountInfoSubmitButton a.BtnStyle4:hover { color: #0275c6; }
.MyAccountInfoPanel .Value { clear: left; float: left; width: 100%; padding: 3px 0; color: #2c2d2e; }

.MyAccountRecentOrderDiv .SubmitButton { float: right; clear: left; margin: 10px 0 0; }

.MyAccountMessagePanel .Title { clear: left; float: left; width: 100%; font-size: 14px; margin: 0 0 10px 0; line-height: 25px; color: #2c2d2e; font-weight: bold; }

.MyAccountMessagePanel .Value { clear: left; float: left; width: 100%; font-size: 14px; line-height: 22px; color: #2c2d2e; }

.MyAccountTitle { clear: left; float: left; width: 100%; font-size: 16px; margin: 5px 0 15px; font-weight: bold; padding: 5px 0; line-height: 30px; color: #2c2d2e; }

.MyAccountInfoPanel .AffiliateSubmitButton { float: right; clear: left; margin: 60px 0 0; }

.ShippingAddressBookPanel .Title { margin: 0; }

.MyAccountChangePasswordLink { clear: left; }

    .MyAccountChangePasswordLink:hover { text-decoration: none; }
/* MyAccountDashboard End */

/*ShippingAddressBook Begin*/
.ShippingAddressBookList { clear: left; float: left; width: 100%; border-bottom: dotted 2px #e9e9e9; }

    .ShippingAddressBookList tr { display: inline-block; width: 48%; margin-right: 2%; vertical-align: top; }

.AccountDetailsShippingItemInfoPanel { width: 100%; clear: left; float: left; margin: 10px 0 20px; }

.ShippingAliasNameTitle { clear: left; float: left; width: 100%; font-size: 14px; line-height: 25px; color: #1d4db9; margin-bottom: 10px; font-weight: bold; }

.ShippingAddress { float: right; width: 65%; }

.ShippingAddressData { clear: left; float: left; width: 100%; padding: 2px 0; color: #2c2d2e; }

.ShippingAddressLabel { }

.ShippingAddressShippingResidentialPanel { }
.ShippingAddressBookListItem { display: inline-block; width: 100%; }
.ShippingAddressLinkPanel { clear: left; float: left; width: 35%; margin: 0; padding-right: 10px; }

    .ShippingAddressLinkPanel .BtnStyle2 { width: 100%; display: block; padding: 0; margin: 5px 0; font-size: 13px; }

.ShippingAddressBookButtonDiv { clear: left; float: right; padding: 20px 0; }
/*ShippingAddressBook End*/

/*PasswordDetails Begin*/
.PasswordDetails { width: 100%; clear: left; float: left; margin-top: 20px; }

.PasswordDetailsDiv { }

.PasswordDetailsTable { width: 100%; }

    .PasswordDetailsTable td { padding: 5px 0; }

.PasswordDetailsLabelColumn { width: 40%; display: inline-block; }

.PasswordDetailsInputColumn { width: 47%; display: inline-block; }

    .PasswordDetailsInputColumn .CommonAsterisk { width: 6%; }

.PasswordDetailsButtonDiv { clear: left; float: right; margin: 20px 4% 20px 0; }

.PasswordDetailsSubmitLinkButtonImage { border: 0; }

.PasswordDetailsSubmitLinkButton { }


.PasswordDetailsTextBox { margin: 5px 0; width: 90% !important; }

.PasswordValidateDiv { width: 90%; }
/*PasswordDetails End*/


/*OrderHistory Begin*/

.OrderHistoryGridviewDiv { clear: both; float: left; width: 100%; }

.OrderHistoryGridView th, .OrderHistoryGridView td { text-align: center; }

.OrderHistoryItemsPerPageDiv .OptionControlTitle { margin-right: 0; }

.OrderHistoryGridOrderIDHeaderStyle { width: 16%; }

.OrderHistoryGridOrderDateHeaderStyle { width: 16%; }

.OrderHistoryGridTotalHeaderStyle { width: 16%; }

.OrderHistoryGridTrackingHeaderStyle { }

.OrderHistoryGridStatusHeaderStyle { width: 13%; }
/*OrderHistory End*/

/*RewardPoint Begin*/
.RewardPointItemsPerPageDiv .OptionControlTitle { margin-right: 0; }

.RewardPointGridOrderIDHeaderStyle, .RewardPointGridOrderIDItemStyle, .RewardPointGridTotalFooterStyle { text-align: left; padding: 5px; width: 30%; }

.RewardPointGridTotalFooterStyle, .RewardPointGridPointFooterStyle, .RewardPointGridReferenceHeaderStyle { text-align: left; }

.RewardPointGridOrderDateHeaderStyle, .RewardPointGridPointItemStyle, .RewardPointGridPointItemStyle { text-align: center; width: 15%; }
/*RewardPoint End*/

/*ContentSubscription Begin*/
.ContentSubscriptionGridviewDiv { clear: both; float: left; width: 100%; margin-top: 10px; }

.ContentSubscriptionGridView td { text-align: center; }
/*ContentSubscription End*/

/*WishList Begin*/
.WishListGridView { width: 100%; color: #2c2d2e; }

.WishListGridViewRowStyle { border-bottom: solid 1px #e9e9e9; background-color: #fff; }

.WishListGridView .ImageHeader { width: 15%; }

.WishListGridView .ImageItem { text-align: left; border-right: solid 1px #e9e9e9; }

.WishListGridView .ImageItemDiv { margin: 10px 5%; width: 90%; text-align: center; }

.WishListGridView .DeleteHeader { width: 5%; }

.WishListGridView .DeleteItem { text-align: center; border-left: solid 1px #e9e9e9; }

.WishListGridView .NameHeader { text-align: center; }

.WishListGridView .NameItem a { text-decoration: none; font-weight: normal; display: block; } 
.WishListGridView .NameItem { text-align: center; }

.WishListGridView .PriceHeader { width: 17%; }

.WishListGridView .PriceItem { text-align: center; border-left: solid 1px #e9e9e9; font-size: 14px; }

.WishListGridView .QuantityHeader { width: 13%; }

.WishListGridView .QuantityItem { text-align: center; border-left: solid 1px #e9e9e9; }

.WishListGridView .AddToCartHeader { width: 17%; }

.WishListGridView .AddToCartItem { text-align: center; border-left: solid 1px #e9e9e9; padding: 5px 1.5%; }

    .WishListGridView .AddToCartItem a { margin: auto; width: 100%; padding: 0; }

.WishListButtonDiv { clear: both; margin: 10px auto 0; float: right; }

/*WishList End*/


/*CustomerRegister Address Begin*/
.CustomerRegister { width: 78%; }

.AccountMainDiv .CustomerRegister { width: 99%; }

.CustomerRegisterShippingInfoPanel .Title { clear: left; float: left; width: 100%; font-size: 16px; margin: 5px 0 15px; font-weight: bold; padding: 5px 0; line-height: 30px; color: #2c2d2e; }

.CustomerRegisterLeft,
.CustomerRegisterRight,
.CheckoutAddressLeft,
.CheckoutAddressRight { width: 48%; float: left; padding: 2px 0px; margin-right: 2%; margin-bottom: 4px; }

.CustomerRegisterLeftLabel,
.CustomerRegisterRightLabel,
.CheckoutAddressLeftLabel,
.CheckoutAddressRightLabel { width: 35%; float: left; padding: 2px 0px; margin-right: 2%; color: #2c2d2e; clear: left; font-size: 13px; line-height: 25px; }

.CustomerRegisterLeft,
.CheckoutAddressLeft { clear: left; }

.CustomerRegisterLeftData,
.CustomerRegisterRightData,
.CheckoutAddressLeftData,
.CheckoutAddressRightData { float: left; width: 60%; padding-top: 2px; padding-bottom: 2px; }

.CustomerRegisterLeft .CustomerRegisterTextBox,
.CustomerRegisterRight .CustomerRegisterTextBox,
.CheckoutAddressLeft .CheckoutAddressTextBox,
.CheckoutAddressRight .CheckoutAddressTextBox { margin-bottom: 1px; width: 90%; }

.CustomerRegisterLabel,
.CheckoutAddressLabel { width: 35%; float: left; padding: 2px 0px; margin-right: 2%; clear: left; }

.CustomerRegisterLeftLabel2 { width: 35%; float: left; padding: 2px 0px; margin-right: 2%; clear: left; }

.ClientCityStatePanel, .CustomerRegisterCityStatePanel { width: 88%; clear: left; float: left; padding: 3px 0px; margin-right: 2%; font-size: 13px; }

.CustomerRegisterPanel .ClientCityStatePanel .CustomerRegisterLabel { margin-right: 2.2%; }

.CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListDropDown { width: 29.5%; }

.CustomerRegisterPanel .ClientCityStatePanel .CountryAndStateListDropDown { margin-right: 0.6%; }

.CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CountryAndStateListDropDown { width: 29.5%; margin-right: 0.6%; }

.CustomerRegisterShippingInfoPanel .CustomerRegisterCityStatePanel .CustomerRegisterLabel { margin-right: 2.2%; }

.CustomerRegisterPanel .CommonFormLabel { }

.ClientCityStatePanel .CustomerRegisterLabel,
.CustomerRegisterCityStatePanel .CustomerRegisterLabel,
.ClientCityStatePanel .CheckoutAddressLabel { width: 18%; line-height: 25px; color: #2c2d2e; }

.AccountDetailsDiv .CountryAndStateListDropDown,
.CustomerRegisterCityStatePanel .CountryAndStateListDropDown,
.ClientCityStatePanel .CountryAndStateListDropDown { width: 30%; float: left; padding: 3px; margin: 5px 1% 5px 0;  }

.ClientCityStatePanel .CountryAndStateListDropDown { width: 29.5%; margin: 5px 5px 5px 0; }

.AccountDetailsDiv .CountryAndStateListCountryTextBox, .AccountDetailsDiv .CountryAndStateListStateTextBox,
.CustomerRegisterCityStatePanel .CountryAndStateListStateTextBox,
.ClientCityStatePanel .CountryAndStateListCountryTextBox, .ClientCityStatePanel .CountryAndStateListStateTextBox,
.CustomerRegisterShippingInfoPanel .CountryAndStateListCountryTextBox, ustomerRegisterShippingInfoPanel .CountryAndStateListStateTextBox { width: 29.5%; float: left; margin: 5px 0.5% 5px 0; }

.ClientCityStatePanel .CountryAndStateListStateTextBox { margin: 5px 5px 5px 0; }

.CheckoutBillingInfoPanel .CustomerRegisterPanelCountryValidatorText { margin-right: 2px; }

.CountryAndStateListValidationPanel { float: left; padding-top: 7px; }

.CustomerRegisterLinkButtonDiv { clear: both; float: right; margin: 20px 5.7% 20px 0; }

.CustomerRegisterNote { color: #ff4930; margin-top: 5px; margin-bottom: 5px; font-size: 11px; }

.CustomerRegisterCheckBox { clear: left; float: left; margin: 0 0 15px 17.5%; }

    .CustomerRegisterCheckBox label { font-size: 13px; }

.CustomerRegisterPanelCountryValidatorText { margin-left: 20%; width: 30%; clear: left; float: left; }
    .CustomerRegisterPanelCountryValidatorText .CommonValidateDiv { width: 100%; }

.UseBillingCheckbox { margin-bottom: 0; }

    .UseBillingCheckbox label { color: #4d4e4e; }
/*CustomerRegister Address End*/
/* ---------- MyAccount Master End --------- */
/* CheckoutIndicator Begin */
.CheckoutIndicatorPanel { width: 100%; text-align: center; vertical-align: top; margin-bottom: 30px; padding: 0 20px; }

.CheckoutIndicatorItemRow { display: table; margin: 0 18%; width: 64%; }

.checkout-center-col .CheckoutIndicatorPanel { padding: 0; }

.checkout-center-col .CheckoutIndicatorItemRow { margin: 0; width: 95%; }
.CheckoutIndicatorTable { margin: 0; width: 100%; }

    .CheckoutIndicatorTable .CurrentPageTitle { width: 100%; line-height: 36px; margin-top: 10px; min-height: 40px; text-align: left; vertical-align: middle; color: #34312C; font-family: DB Ozone X; font-size: 30px; line-height: 35px; font-weight: normal; width: 100%; font-weight: bold; }

    .CheckoutIndicatorTable td { width: 20%; }

    .CheckoutIndicatorTable a { display: block; width: 100%; height: 70px; line-height: 18px; text-align: center; padding-top: 80px; color: #333; font-size: 13px; font-weight: lighter; margin-top: 25px; background-position: center; background-size: 102%; background-repeat: no-repeat; }
        .CheckoutIndicatorTable a:hover { color: #1d4db9; }

    .CheckoutIndicatorTable .LoginOn a { background-image: url(Images/CheckoutPanel/LoginOn.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .LoginPassed a { background-image: url(Images/CheckoutPanel/LoginPassed.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .AddressOff a { background-image: url(Images/CheckoutPanel/AddressOff.svg); }

    .CheckoutIndicatorTable .AddressOn a { background-image: url(Images/CheckoutPanel/AddressOn.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .AddressPassed a { background-image: url(Images/CheckoutPanel/passed.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .ShippingOff a { background-image: url(Images/CheckoutPanel/ShippingOff.svg); }

    .CheckoutIndicatorTable .ShippingOn a { background-image: url(Images/CheckoutPanel/ShippingOn.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .ShippingPassed a { background-image: url(Images/CheckoutPanel/passed.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .PaymentOff a { background-image: url(Images/CheckoutPanel/PaymentOff.svg); }

    .CheckoutIndicatorTable .PaymentOn a { background-image: url(Images/CheckoutPanel/PaymentOn.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .PaymentPassed a { background-image: url(Images/CheckoutPanel/passed.svg); color: #1d4db9; font-weight: bold; }

    .CheckoutIndicatorTable .SummaryOff a { background-image: url(Images/CheckoutPanel/SummaryOff.svg); }

    .CheckoutIndicatorTable .SummaryOn a { background-image: url(Images/CheckoutPanel/SummaryOn.svg); color: #1d4db9; font-weight: bold; }
/* CheckoutIndicator End */

/*Override CommonLoginPage for checkout Begin*/
.CheckoutLogin { clear: left; float: left; width: 100%; }

    .CheckoutLogin .CommonLoginPage { width: 90%; margin: 0 5%; }

    .CheckoutLogin .CommonLoginPageRight { padding: 15px 0 0; width: 100%; }
/*Override CommonLoginPage End*/

/* OrderSummaryRightMenu Begin */
.OrderSummaryRightMenu { clear: left; float: left; width: 100%; margin-bottom: 15px; }

    .OrderSummaryRightMenu .ShoppingCartDetail { line-height: 20px; font-size: 13px; clear: left; float: left; width: 100%; }

    .OrderSummaryRightMenu .TotalDetail { clear: left; float: left; width: 100%; margin-top: 10px; font-size: 14px; background: url(Images/Background/dot-line.jpg) repeat-x left top; line-height: 30px; color: #1d4db9; }

    .OrderSummaryRightMenu .Label { padding: 2px 0; width: 45%; float: left; }

    .OrderSummaryRightMenu .Value { padding: 2px 0; width: 55%; float: left; }

    .OrderSummaryRightMenu .TotalDetail .Value { font-weight: bold; }
/* OrderSummaryRightMenu End */

/* GiftCouponDetailRightMenu Begin */
.GiftCouponDetailBox { margin: 10px 0; clear: left; }

    .GiftCouponDetailBox .SidebarTop { border: 0; }

    .GiftCouponDetailBox .SidebarRight { padding-top: 0; }

.GiftCouponDetailRightMenu { clear: left; float: left; width: 100%; }

.GiftCouponDetailRightMenuTable { width: 100%; }

    .GiftCouponDetailRightMenuTable .InputTextBox { width: 70%; float: left; margin-bottom: 2px; height: 30px; line-height: 28px; }

    .GiftCouponDetailRightMenuTable a.GiftCouponDetailButton { width: 30%; float: right; padding: 0; margin: 0; height: 30px; line-height: 28px; }

.GiftCouponDetailValidateDiv { width: 70%; clear: both; }

.GiftCouponDetailRightMenuTable .GiftCouponDetailValidatorText { margin: 0; }

.GiftCouponDetailRightMenuTable .CommonHyperLink { text-decoration: underline; }

.GiftCouponLabel { clear: left; float: left; width: 100%; line-height: 24px; margin-bottom: 5px; }
/* GiftCouponDetailRightMenu End */

/* Checkout - shipping address */

.checkout-center-col .SidebarTop { border: 0; margin-bottom: 10px; min-height: 0; }

.checkout-center-col .OnePageCheckout .CheckoutShippingInfoPanel .SidebarTop .CheckoutAddressTitle { margin-left: 0 !important; }

.checkout-center-col .SidebarTop .CheckoutAddressTitle { display: none; color: #2c2d2e; float: none; font-size: 16px; line-height: 30px; margin: 10px 0; padding: 5px 0; }

.checkout-center-col .CheckoutShippingInfoPanel .SidebarTop .CheckoutAddressTitle { display: inline-block; float: left; }

.checkout-center-col .CommonPageRight { padding: 0; }

.Checkout { clear: left; float: left; width: 100%; }

    .Checkout .CommonPageTop { display: none; }

    .Checkout .CustomerRegister { width: 100%; }

.CheckoutAddressLeftDataSelectAddress { float: left; line-height: 30px; margin: 15px 0 10px 25px; padding: 5px 0; }

.CheckoutButtonDiv { clear: both; float: right; width: 20%; }

.CheckoutSpecialRequestPanel { clear: left; float: left; width: 80%; }

.CheckoutAddressLong { clear: left; float: left; width: 72.7%; margin-left: 18.5%; }

.CheckoutSpecialRequestPanel .CheckoutAddressLong { margin: 0 0 15px 23.1%; }

.CheckoutSpecialRequestPanel .CheckoutAddressLeft { width: 100%; }

.CheckoutAddressLeftDataCheckbox { clear: left; float: left; margin: 5px 0; width: 100%; line-height: 20px; }

    .CheckoutAddressLeftDataCheckbox input { float: left; }

    .CheckoutAddressLeftDataCheckbox .CustomerRegisterCheckBox { margin-left: 0; }

    .CheckoutAddressLeftDataCheckbox label { font-size: 13px; margin-right: 10px; }

.CheckoutShippingInfoPanel { clear: left; float: left; margin: 0 0 15px; width: 100%; }

.CheckoutSpecialRequestPanel .CheckoutAddressLeftDataCheckbox label { margin-left: 4px; margin-top: 3px; }

.checkout-center-col .CheckoutInnerTitle { color: #2c2d2e; float: none; font-size: 16px; line-height: 30px; margin: 10px 0 20px; padding: 5px 0; }

.CheckoutCompany { font-size: 14px; font-weight: bold; margin-bottom: 10px; display: block; }

/* Checkout - Shipping method*/
.Shipping { clear: left; float: left; width: 100%; }

.ShippingRadioList { clear: left; width: 100%; }

    .ShippingRadioList input { }

    .ShippingRadioList tr { display: table-cell; width: 50%; float: left; padding: 5px 0; }

    .ShippingRadioList label { padding-left: 10px; vertical-align: top; }

.ShippingButtonDiv { clear: both; float: right; width: 20%; margin: 20px 0 0; }

    .ShippingButtonDiv .BtnStyle1 { float: right; }

    .ShippingButtonDiv .BtnStyle2 { width: 40%; margin-left: 5%; text-transform: none; display: none; }

.ShippingRestrictions { clear: left; margin-left: 20px; }
.ShippingValidatorText { color: Red; font-size: 11px; float: left; clear: both; }

/*Checkout - Payment Begin*/
.Payment { clear: left; float: left; width: 100%; }

.PaymentDiv { clear: left; margin: 0; width: 100%; float: none; padding: 0; }

    .PaymentDiv .SidebarTop { display: none; }

.PaymentDataList { clear: left; float: left; width: 100%; margin: 10px 0; }

    .PaymentDataList .PaymentDataList { width: 100%; }

.PaymentDataListItemStyle { width: 100%; padding: 0 0 12px; }

.PaymentItemNameDiv { display: inline-block; padding-right: 5px; vertical-align: middle; }

.PaymentItemImage { vertical-align: middle; position: inherit; top: -2px; max-width: 250px; max-height: 250px; }
    .PaymentItemDescriptionDiv { margin-left: 25px; margin-top: 1px; }

    .PaymentItemDescriptionDiv .CommonDropDownList { margin-bottom: 5px; }

.PaymentItemTextboxDiv { margin-left: 25px; margin-top: 5px; }

.PaymentItemRadioButton { position: relative; }

    .PaymentItemRadioButton label { position: relative; top: -1px; font-weight: bold; margin-left: 5px; }

.PaymentItemOptionsDiv { line-height: 30px; }

.PaymentAgreeDiv { width: 100%; margin: 20px 0 0; padding-top: 20px; clear: left; }

.PaymentAgreeBox { width: 100%; border: solid 1px #ccc; padding: 15px; font-family: Tahoma; margin-top: 15px; }

.PaymentAgreeCheckBox { margin: 20px 0 0; }

    .PaymentAgreeCheckBox label { margin-left: 10px; font-weight: bold; }

.PaymentButtonDiv { clear: left; margin: 10px 0; float: right; width: 20%; }

.PaymentPOPanel { clear: left; display: table; width: 300px; padding: 10px; border: solid 1px #ccc; margin: 0 auto 10px; }

    .PaymentPOPanel .PaymentItemTextboxDiv { margin: 0; width: 100%; clear: left; float: left; text-align: left; }

    .PaymentPOPanel .CommonFormLabel { margin: 0 0 5px; width: 30%; clear: left; float: left; line-height: 40px; }

    .PaymentPOPanel .CommonFormData { margin: 0 0 5px; width: 70%; float: left; }

        .PaymentPOPanel .CommonFormData input { width: 90%; height: 40px; }

.PaymentValidatorText { clear: left; width: 50%; }

.PaymentValidatorText1 { width: 100%; }

.PaymentFrame { width: 100%; height: 400px; margin-right: 3px; }

.PaymentDescription { padding: 5px 0; line-height: 20px; }

.PaymentDescription-Image { padding: 5px 10px 5px 0; float: left; }

.PaymentDescription-HeaderText { font-weight: bold; }

.DirectPaymentSale .PaymentDiv { clear: left; float: left; width: 94%; margin: 0 3%; }

.DirectPaymentSaleContent .CommonTextBox { width: 60%; }

.DirectPaymentSaleContent .CommonValidateDiv { width: 60%; }

.DirectPaymentSaleButtonDiv { padding-left: 11px; clear: both; }

.DirectPaymentSaleImageButton { margin-top: 30px; width: 12%; float: right; margin-right: 10%; }

.DirectPaymentSaleBillingDiv { padding-left: 10px; }

    .DirectPaymentSaleBillingDiv .CountryAndStateListDropDown { width: 36.4%; }

.DirectPaymentSaleContent .CommonFormLabel { font-weight: lighter; }

.DirectPaymentSaleContent { font-weight: lighter; }

    .DirectPaymentSaleContent .CommonDropDown { height: 18px; width: 60.4%; margin-right: 0; }

.MessageNormal { font-size: 13px; }

.CountryAndStateListDropDown { float: left; margin-right: 5px; margin-top: 4px; margin-bottom: 4px; width: 142px; }

.BankTransferDescriptionPanel { display: block; width: 150%; }

.PaymentDiv .CommonValidateDiv { width: 100%; }


/* CheckoutComplete Begin */
.CheckoutComplete h4 { color: #2c2d2e; font-size: 16px; width: 100%; font-weight: bold; line-height: 30px; margin: 10px 0; padding: 5px 0; }

.CheckoutComplete td { height: 24px; line-height: 24px; }

.CheckoutCompleteText { float: left; margin-right: 5px; }

.CheckoutCompleteOrderLink { }

    .CheckoutCompleteOrderLink:hover { text-decoration: none; }

.CheckoutCompleteCustomerTable { width: 100%; }
/* CheckoutComplete End */

/*GiftCouponDetail Begin*/
.GiftCouponDetail { margin-top: 15px; clear: both; float: right; padding: 5px 0px; width: 100%; }

.GiftCouponDetailTable { width: 100%; }

    .GiftCouponDetailTable ul { margin-top: 5px; margin-bottom: 5px; }

    .GiftCouponDetailTable table { width: 100%; }

.GiftCouponDetailSpecialRequestTable { }

.GiftCouponDetailSearchTermText { padding: 4px; font-weight: normal; width: 150px; vertical-align: top; }

.GiftCouponDetailInputCenter { width: 160px; margin: 0 10px; }

.GiftCouponDetailInputCodeTextBox { width: 120px; }

.GiftCouponDetailLabel { text-align: left; width: 55%; }

.GiftCouponDetailInput { text-align: left; color: #00f; }

.GiftCouponDetailSpecialRequestInput { width: 290px; }

.GiftCouponDetailSpecialRequestTextBox { width: 290px; margin: 0 4px; }

.GiftCouponDetailTextInfo { clear: right; text-align: right; }

.GiftCouponDetailMessage { margin-top: 5px; text-align: right; }

.GiftCouponDetailData { margin-top: 5px; display: block; float: left; }

.GiftCouponDetailTextInfo .CouponMessageDisplay { text-align: left; width: 330px; float: right; color: #4d4e4e; }

.GiftCouponDetailTextInfo .CouponMessageDisplayLabel { margin: 0; text-align: right; margin-right: 10px; }

.GiftCouponDetailTextInfo .CouponMessageDisplayData { margin: 0; }

.GiftCouponDetailTextInfo .GiftCouponDetailValidatorText { width: 100%; margin: 0; clear: both; float: left; margin-left: 11%; }
/*GiftCouponDetail End*/
/*NewsNavList Begin*/
.NewsNavList .SidebarTop { line-height: 35px; min-height: 40px; }

.NewsNavList .SidebarTopTitle { line-height: 35px; }

.zoom img { width: 100%; border-width: 0px; }

.ProductDetailsImageRowOverlayArea { margin: auto; position: relative; }

/*Exception*/
.CheckoutShippingInfoPanel .SidebarTop { min-height: 0px; }

.QuickViewPanel .OptionRadioItemRadioButtonList tr { display: block; float: left; width: 95%; }

/*------ Front:left side ------*/
/* Category */
.front-left-col .CategoryNavList { padding: 15px 0; margin: 0 15px; border-bottom: solid 1px #dcdcdc; }

    .front-left-col .CategoryNavList .SidebarTop { margin-top: 0; border-bottom: 0; }

    .front-left-col .CategoryNavList .SidebarRight { padding: 0; }
/* Department */
.front-left-col .DepartmentNavList { padding: 15px 0; margin: 0 15px; border-bottom: solid 1px #dcdcdc; }

    .front-left-col .DepartmentNavList .SidebarTop { margin-top: 0; border-bottom: 0; }

    .front-left-col .DepartmentNavList .SidebarRight { padding: 0; }
/* Manufacturer */
.front-left-col .ManufacturerNavList { padding: 15px 0; margin: 0 15px; }

    .front-left-col .ManufacturerNavList .SidebarTop { margin-top: 0; border-bottom: 0; }

    .front-left-col .ManufacturerNavList .SidebarRight { padding: 0; }
/* Common */
.front-left-col .CategoryNavNormalList a,
.front-left-col .DepartmentNavNormalList a,
.front-left-col .ManufacturerNavNormalList a { padding: 5px 0px; background: none; }


/*ContentBreadcrumb Begin*/
.CatalogBreadcrumbDiv, .ContentMenuSitemapDiv { width: 100%; line-height: 20px; font-size: 13px; }

    .CatalogBreadcrumbDiv .row, .ContentMenuSitemapDiv .row { background-color: white; padding: 10px 0; }

    .CatalogBreadcrumbDiv .twelve, .ContentMenuSitemapDiv .twelve { width: 100%; line-height: 20px; font-size: 13px; }

.ContentMenuSitemapPanel { line-height: 20px; }

a.sitemap-link { float: left; }

span.sitemap-seperator { float: left; padding: 10px 0; font-size: 0 !important; background: url(Images/Icon/icon-next.gif) no-repeat center center; width: 20px; height: 20px; }

span.sitemap-leaf { float: left; padding: 0; color: #1d4db9; }
/*ContentBreadcrumb End*/
/*ContentItemList Begin*/
ul.root { list-style: none; margin: 0; padding: 0; }

    ul.root li.parent { line-height: 30px; margin: 0; padding: 0; clear: left; float: left; width: 100%; position: relative; }

        ul.root li.parent > a.root-link { border-bottom: solid 1px #eee; font-size: 14px; }

    ul.root li.leaf { line-height: 30px; margin: 0; padding: 0; clear: left; float: left; width: 100%; position: relative; }

ul.root-1 { clear: left; float: left; list-style: none; line-height: 30px; margin: 0 0 15px 30px; padding: 0; }

    ul.root-1 ul.root-1 { margin-bottom: 0; }

    ul.root-1 li.child { line-height: 30px; margin: 0; padding: 0; clear: left; float: left; width: 100%; }

ul a.root-link { display: block; font-weight: bold; padding: 0; }

ul.root a.root-link { line-height: 50px; margin-bottom: 15px; }

ul.root-1 a.root-link { line-height: 40px; margin-bottom: 0; }

ul a.leaf-link { display: block; background: url(Images/Bullet/icon-page.gif) no-repeat left center; padding: 0 0 0 30px; line-height: 40px; }

.countContent { clear: left; float: right; line-height: 30px; text-align: right; position: absolute; top: 12px; right: 0; }

ul.root a.root-link:hover, ul.root a.leaf-link:hover { }
/*ContentItemList End*/


.ProductDetailsResponsiveDescriptionLongDiv ul { list-style-type: none; list-style-position: outside; padding: 12px 0; }

    .ProductDetailsResponsiveDescriptionLongDiv ul li { background: url("Images/Bullet/bullet2.gif") no-repeat scroll left 8px; padding-left: 20px; line-height: 22px; margin-bottom: 5px; }


.PaymentDescription { padding-top: 10px; }

.PaymentDescription-Image { padding: 10px; float: left; }

.PaymentDescription-HeaderText { font-size: 13px; font-weight: bold; }

.ProductAttributeTitleDiv { width: 100%; float: left; clear: left; font-size: 15px; font-weight: bold; margin-top: 10px !important; border-bottom: solid 1px #ccc; padding: 5px 0; }

.ProductDimensionTitleDiv { width: 100%; float: left; clear: left; font-size: 15px; font-weight: bold; line-height: 30px; margin-top: 5px !important; border-bottom: solid 1px #ccc; padding: 5px 0; }

.AttributeText { float: left; width: 100%; font-size: 13px; line-height: 22px; padding-top: 5px; padding-bottom: 5px; }

.DimensionText { float: left; width: 100%; font-size: 13px; line-height: 22px; padding-top: 5px; padding-bottom: 5px; }

.ProductDimensionDiv { width: 100%; float: left; clear: left; margin-bottom: 20px !important; }

.ProductAttributeDiv { width: 100%; float: left; clear: left; margin-bottom: 20px !important; }
.OrderHistoryGridItemStyle { width: 40px; }
    .OrderHistoryGridItemStyle a { background: url(../../Images/Design/Icon/View-icon.svg) no-repeat bottom center; min-height: 25px; min-width: 25px; margin: 5px 0; display: block; }
        .OrderHistoryGridItemStyle a:hover { background-position-y: top; transition: initial; }

.MenuFooter .Partner { margin-top: 18px; }

.DBDTitle .MenuFooterTitleShow { display: table; margin: 25px auto 0; }

.DBDText { float: left; font-weight: bold; line-height: 54px; }

.DBDCode { height: 54px; }


/*KeyValidateError Begin*/
.KeyValidateError { background: url(Images/Background/contact-finish-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; padding: 150px 0; width: 100%; height: 100%; font-size: 18px; color: #111; }

    .KeyValidateError h1 { margin: 50px 0; color: #7a0000; }

.short-bar-white { width: 150px; height: 4px; background-color: #fff; margin: 40px auto; }
/*KeyValidateError End*/

/*TaxWithHolding*/
.TaxPayerIDTR span.CommonAsterisk { float: left; }

.TaxPayerIDTR .CommonValidateDiv { width: 100%; }

.TaxPayerIDTR .CommonValidatorText { width: 100%; float: left; clear: left; }

input[type="text"].TaxPayerIDTextbox { width: 100%; float: left; clear: left; }

.TaxPayerIDLabel { float: left; clear: left; }

.TaxWithHoldingCheckbox { float: left; clear: left; }
/*TaxWithHolding End*/

.SiteMaintenance { background-color: #1d4db9; width: 100%; font-weight: bold; color: #fff; line-height: 40px; text-align: center; position: fixed; top: 0px; z-index: 10; }

.MaintenanceDiv { height: 100%; left: 0; position: fixed; top: 0; background-repeat: no-repeat; background-size: cover; margin: 0; padding: 0; width: 100%; }

.MaintenanceInnerDiv { background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; display: table; height: 300px; left: 50%; margin: auto; padding: 20px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 600px; }

.maintenanceInner_body { display: table-cell; vertical-align: middle; }

.MaintenanceTitle { font-size: 30px; line-height: 1.2; font-weight: bold; margin-bottom: 15px; display: block; }

.SocialButton { clear: left; float: left; width: 100%; margin-bottom: 10px; }

.facebook-button, .gplus-button, .tweet-button, .line-button { display: inline-block; height: 28px; vertical-align: top; }

    .facebook-button .fb_iframe_widget_fluid { display: inline-block; }

.MobileBanner { display: none; }
/* override paging color */

.facebookMessengerIcon { width: 60px; height: 60px; position: fixed; bottom: 120px; right: 10px; cursor: pointer; z-index: 99999; }

.facebookMessengerBox { display: none; width: 320px; position: fixed; bottom: 35px; right: 10px; z-index: 101; -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.75); }

.CategoryRelatedBrands { clear: both; float: left; width: 100%; margin-bottom: 20px; }

    .CategoryRelatedBrands ul { width: calc(100% + 10px); margin-left: -5px; list-style: none; float: left; }

        .CategoryRelatedBrands ul li { float: left; margin-top: 10px; margin-bottom: 10px; position: relative; }

    .CategoryRelatedBrands .item img { transition: all .2s ease-in-out; }

/*SocialOrderConfirm*/
.OrderSummeryItem { float: left; width: 67%; margin-top: 10px; }

.OrderSlipTable { float: left; border: 1px solid #b7b7b7; width: 100%; }

.OrderSlipHeader, .ShippingDetailsHeader { text-align: center; color: #2c2d2e; font-size: 26px; border-bottom: 1px solid #b7b7b7; padding: 17px 0; background-color: #fbfcfe; float: left; width: 100%; font-family: 'DB Ozone X'; }

.OrderSlipBody { float: left; width: 100%; padding: 0 20px; }

.OrderItemRow { float: left; width: 100%; height: auto; padding: 18px 0; }

.BorderTop { border-top: 1px solid #c6c5c5; }

.ProductItemImageColumn { float: left; width: 16%; }

    .ProductItemImageColumn img { max-height: 80px; max-width: 100%; }

    .ProductItemImageColumn .ProductItemImage { width: 85px; white-space: nowrap; text-align: center; }

.imagecenterhelper { display: inline-block; height: 100%; vertical-align: middle; }

.ProductItemNameColumn { float: left; width: 34%; }

    .ProductItemNameColumn .OrderProductItemNameValue { width: 100%; }

.OrderProductItemName, .OrderProductItemUnitPrice, .OrderProductItemQuantity, .OrderProductItemSubTotalPrice { font-size: 12px; color: #000000; float: left; padding: 8px 0; }

.OrderProductItemNameValue, .OrderProductItemUnitPriceValue, .OrderProductItemSubTotalPriceValue { float: left; font-size: 12px; font-weight: bold; clear: left; padding: 8px 0; height: auto; word-wrap: break-word; color: #000000; }

.OrderProductItemNameValue { line-height: 16px; }

.ProductItemUnitPriceColumn { float: left; width: 30%; padding-left: 2%; }

.ProductItemQuantityColumn { float: left; width: 14%; }

.OrderProductItemQuantityValue { float: left; clear: left; padding: 10px; font-size: 12px; color: #000000; }

.ProductItemSubTotalPriceColumn { float: right; width: 22%; }

.SocialOrderConfirmation .GiftAndCoupon .data-row { clear: left; float: left; padding: 5px 0 0; width: 100%; }

.SocialOrderConfirmation .GiftAndCoupon .CommonValidatorText { float: left; }

.SocialOrderConfirmation .GiftAndCoupon { clear: right; float: right; width: 32%; margin-top: 10px; background-color: #fff; padding: 15px 14px 8px; border: solid 1px #b7b7b7; border-bottom: 0; }

.CouponTitle { font-size: 14px; color: #000000; }

.SocialOrderCouponDiv { float: left; width: 100%; padding: 5px 0 0; }

    .SocialOrderCouponDiv input[type="text"] { height: 40px; border: 1px solid #b7b7b7; width: 70%; float: left; }

    .SocialOrderCouponDiv .BtnStyle2 { height: 40px; font-size: 13px; color: #ffffff; line-height: 38px; margin: 0; padding: 0; width: 30%; }

.OrderPriceSummaryDiv { float: right; width: 100%; padding: 18px 14px; border: 1px solid #b7b7b7; }

.OrderPriceSummaryRow { float: left; width: 100%; padding: 5px 0; }

.OrderPriceSummaryLeft { float: left; width: 50%; text-align: left; }

.OrderPriceSummaryRight { float: right; width: 50%; text-align: right; }

.OrderSummaryBoldText { font-size: 14px; font-weight: bold; color: #000000; }

.OrderSummaryText { font-size: 12px; color: #000000; }

.ShippingOptionDiv { float: left; width: 100%; padding: 3px 0; }

.ShippingOptionText { float: left; width: 74%; }

    .ShippingOptionText input { float: left; }

    .ShippingOptionText label { font-size: 12px; float: left; line-height: 18px; color: #000000; }

.ShippingOptionPriceValue { float: left; width: 26%; font-size: 12px; text-align: right; line-height: 18px; color: #000000; }

.SocialOrderOrderSummary { float: right; width: 100%; padding: 18px 14px; border: 1px solid #b7b7b7; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(183, 183, 183); border-top: 0; }

.socialordersymbol { float: right; font-size: 14px; margin-left: 3px; line-height: 30px; color: #000000; }

.socialordertotalprice { float: right; font-size: 18px; line-height: 28px; color: #2c2d2e; }

.SocialOrderOrderSummary .OrderPriceSummaryLeft { width: 40%; }

.SocialOrderOrderSummary .OrderPriceSummaryRight { width: 60%; overflow: auto; }

.OrderPriceSummary { width: 32%; float: right; }

.SocialOrderConfirmation .ShippingDetail { width: 67%; margin-top: 10px; float: left; background-color: #fff; border: solid 1px #b7b7b7; margin-bottom: 35px; }

.ShippingDetailsBody { padding: 0 0 60px; float: left; }

.ShippingDetailRow { float: left; width: 100%; margin: 7px 0 8px; }

.EnterNameandAddress { color: #000000; font-size: 22px; font-family: DB Ozone X;  float: left; width: 100%; margin-top: 35px; }

    .EnterNameandAddress span { display: table; margin: auto; }

.ShippingDetailLabel { color: #000000; font-size: 14px; float: left; text-align: right; width: 92px; margin-right: 4%; line-height: 34px; }

.ShippingDetailTextBox { float: left; width: 73%; }

.ShippingDetailRow .ShippingDetailTextBox input { width: 90%; height: 36px; border: 1px solid #b7b7b7; }

.ShippingDetails { float: left; width: 100%; margin-top: 22px; }

.ShippingDetailRow .CustomerRegisterLabel, .ShippingDetailRow .CommonAsterisk { display: none; }

.ShippingDetailRow .ClientCityStatePanel { clear: none; padding: 0; margin: 0; width: 73%; }

    .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListStateTextBox, .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListCountryTextBox { padding: 3px; width: 90%; height: 36px; margin: 7px 0 8px; border: 1px solid #b7b7b7; }

    .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListDropDown { padding: 3px; width: 90%; height: 36px; margin: 7px 0 8px; border: 1px solid #b7b7b7; }

.SocialOrderConfirmation .PaymentMethod { position: relative; float: right; clear: right; background-color: #fff; padding: 0 15px 10px; border: solid 1px #b7b7b7; border-top: 0; width: 100%; }

.PaymentDropDiv { display: none; }

.SocialOrderConfirmation .PaymentItemRadioButton input { float: left; }

.SocialOrderConfirmation .PaymentItemRadioButton .paymentimage { float: left; margin-top: -5px; margin-bottom: 5px; }

.SocialOrderConfirmation .PaymentItemRadioButton .paymentdisplayname { float: left; line-height: 15px; padding-left: 5px; clear: left; font-size: 14px; color: #000000; }

.SocialOrderConfirmation .PaymentDescription { padding-top: 0; }

.SocialOrderConfirmation .PaymentItemRadioButton label { font-weight: normal; }

.paymentimagename { float: left; width: calc(100% - 25px); }

.SocialOrderConfirmation .PaymentItemNameDiv { margin-right: 0; width: auto; float: left; }
.SocialOrderConfirmation .PaymentItemDescriptionDiv { margin-left: 25px; float: left; clear: left; width: calc(100% - 25px);  }

    .SocialOrderConfirmation .PaymentItemDescriptionDiv span { max-width: 240px; }
.SocialOrderConfirmation .PaymentDataList { width: 240px; }

.SocialOrderConfirmation .PaymentDescription-Image { padding-left: 0; padding-top: 6px; }


.SocialOrderConfirmation .PaymentPOPanel { width: 100%; padding: 5px; display: block; float: left; }

.SocialOrderConfirmation .PaymentItemOptionsDiv .PaymentItemDescriptionDiv .CommonDropDownList { margin-top: 10px; margin-bottom: 5px; }

.SocialOrderConfirmation .PaymentDescription-HeaderText { font-size: 12px; font-weight: normal; color: #000000; }

    .SocialOrderConfirmation .PaymentDescription-HeaderText span { font-size: 12px; color: #000000; }

.SocialOrderConfirmation .PaymentDataList .PaymentDataList { margin-top: 15px; float: left; }

.SocialOrderConfirmation .SocialOrderState { position: absolute; bottom: 11px; left: 44px; }

.SocialOrderConfirmation .SocialOrderCountry { line-height: 50px; }

.CustomCountryState { margin: 0; position: relative; }

.PaymentMethod .CommonPageInnerTitle { color: #000000; font-size: 14px; font-weight: bold; }

.DiscountPaymentLabel { float: left; clear: left; padding-left: 25px; color: #000000; }

.SocialOrderConfirmation .OrderSummaryFinishImageButton { font-size: 24px; font-weight: bold; padding: 15px 60px; margin-top: 16px; float: right; width: 100%; margin-right: 0; }

.SocialOrderConfirmation .OrderSummaryButtonDiv { float: right; clear: right; width: 32%; }

.SocialOrderConfirmationPageTop, .SocialOrderConfirmationPageTop2 { width: 100%; float: left; text-align: center; }

.SocialOrderConfirmationPageTop { border-bottom: 0; }

.SocialOrderConfirmationPageTop2 { padding: 6px 0 12px; }

.SocialOrderHeaderText1 { font-size: 30px; color: #34312c; font-family: DB Ozone X; font-weight: bold; text-transform: uppercase; }

.SocialOrderHeaderText2 { font-size: 14px; color: #000000; }

.PaymentMethodDropDiv { float: left; }

.PaymentDropPaymentCustomPanel { float: left; margin-top: 10px; }

.PaymentDropListPanel { float: left; display: none; }

.PaymentDropPOPanel { clear: left; float: left; width: 100%; background-color: #fbfcfe; padding: 10px; border: solid 1px #e9e9e9; margin-top: 15px; }

.PaymentMethodDrop { height: 36px; width: 255px; border: solid 1px #b7b7b7; }

.PaymentDropPaymentCustomDescription { padding-top: 10px; }

.TotalSummaryPriceDiv { float: left; width: 100%; border: 1px solid #b7b7b7; margin-top: 10px; padding: 25px 0 10px; display: none; }

.TotalSummaryPriceText { text-align: center; font-size: 14px; color: #000000; font-weight: bold; }

.TotalSummaryPriceLabel { display: table; margin: auto; }

    .TotalSummaryPriceLabel .socialordertotalprice { font-weight: bold; font-size: 24px; color: #1d4db9; }

.TotalSummaryPriceLabelDiv { margin-top: 10px; }

.ProductItemDetails { float: left; width: 87%; }

.SocialOrderConfirmation .CountryValidatorRow { margin: 0; }

.SocialOrderConfirmation .CountryValidatorLabel { line-height: 1; }

.SocialOrderConfirmation .CommonValidatorText.CustomerRegisterPanelCountryValidatorText { float: left; width: 100%; margin-left: 0; margin-top: -8px; }
/*SocialOrderConfirm End*/
/*SocialOrderCompleted Start*/
.SocialOrderCompletedTextTop { float: left; width: 100%; }

.OrderCompletedTextTopLine1 { text-align: center; color: #2c2d2e; font-size: 30px; text-transform: uppercase; font-family: 'DB Ozone X'; font-weight: bold; }

.OrderCompletedTextTopLine2 { text-align: center; color: #2c2d2e; font-size: 18px; font-weight: bold; margin: 10px 0; }

.OrderCompletedTextTopLine3 { text-align: center; color: #000000; font-size: 14px; }

.OrderInfoHeaderTextDiv { float: left; width: 100%; text-align: center; color: #000000; font-size: 26px; background-color: #fbfcfe; border-bottom: 1px solid #b7b7b7; padding: 18px 0; font-family: 'DB Ozone X'; }

.SocialOrderCompleted .OrderInfo { float: left; width: 100%; border: 1px solid #b7b7b7; margin-top: 20px; }

.SocialOrderCompleted .OrderInfoDetail { float: left; width: 100%; padding: 20px 25px 30px; }

.OrderInfoText { color: #000000; font-size: 14px; float: left; margin-bottom: 20px; }

.OrderInfoValue { color: #000000; font-size: 14px; float: left; font-weight: bold; clear: left; line-height: 20px; }

.OrderNumberDiv { float: left; width: 15%; padding-right: 2%; }

.OrderDateDiv { float: left; width: 15%; padding-right: 2%; }

.OrderStatusDiv { float: left; width: 18%; padding-right: 2%; }

    .OrderStatusDiv .OrderInfoValue span { color: #02AC5A; }

.OrderPaymentMethodDiv { float: left; width: 20%; padding-right: 2%; }

.OrderPaymentInfoDiv { float: left; width: 20%; padding-right: 2%; }

    .OrderPaymentInfoDiv .OrderInfoValue span { color: #02AC5A; }

.OrderShippingMethodDiv { float: left; width: 12%; }

.OrderTrackingNumberDiv { float: left; display: none; }

.SocialOrderCompleted .OrderSummary { float: left; width: 100%; }

.OrderSummaryRepeaterDiv { float: left; width: 100%; border: 1px solid #b7b7b7; margin-top: 15px; padding: 0 28px; }

.OrderSummaryHeader { float: left; font-size: 26px; font-family: DB Ozone X; font-weight: bold; color: #000000; width: 100%; padding: 15px 0; border-bottom: 1px solid #c6c5c5; }

.OrderSummaryBody .OrderItemRow { }

.OrderSummaryBody .OrderProductItemName, .OrderSummaryBody .OrderProductItemUnitPrice, .OrderSummaryBody .OrderProductItemQuantity, .OrderSummaryBody .OrderProductItemSubTotalPrice { padding: 12px 0; }

.OrderSummaryBody .ProductItemImageColumn { width: 13%; }

.OrderSummaryBody .ProductItemNameColumn { width: 34%; }

.OrderSummaryBody .ProductItemQuantityColumn { width: 9%; }

.OrderSummaryBody .OrderProductItemNameValue, .OrderSummaryBody .OrderProductItemUnitPriceValue, .OrderSummaryBody .OrderProductItemSubTotalPriceValue { font-size: 14px; }

.OrderSummaryBody .OrderProductItemSubTotalPrice { float: right; }

.OrderSummaryBody .OrderProductItemSubTotalPriceValue { float: right; clear: right; }

.OrderSummary .OrderSummaryPriceInfoDiv { float: left; width: 100%; }

.OrderSummary .OrderSummaryPriceInfoLeftDiv { float: left; width: 75%; padding: 24px 8px 24px 28px; border: 1px solid #b7b7b7; border-top: 0; }

.OrderSummary .OrderSummaryPriceInfoRightDiv { float: left; width: 25%; padding: 24px 28px 24px 0; border: 1px solid #b7b7b7; border-top: 0; border-left: 0; }

.OrderSummary .OrderSummaryPriceInfoLabelBold { font-weight: bold; font-size: 14px; color: #000000; text-align: right; height: 22px; }

.OrderSummary .OrderSummaryPriceInfoValueBold { font-weight: bold; font-size: 14px; color: #000000; text-align: right; height: 22px; }

.OrderSummary .OrderSummaryPriceInfoLabel { font-size: 14px; color: #000000; text-align: right; height: 22px; }

.OrderSummary .OrderSummaryPriceInfoValue { font-size: 14px; color: #000000; text-align: right; height: 22px; }

.OrderSummary .OrderSummaryTotalPriceDiv { float: left; width: 100%; }

.OrderSummary .OrderSummaryTotalPriceLeftDiv { float: left; width: 75%; background-color: #fbfcfe; border: 1px solid #b7b7b7; border-top: 0; height: 68px; text-align: right; padding-right: 8px; font-size: 14px; font-weight: bold; color: #000000; line-height: 18px; padding-top: 14px; }

.OrderSummary .OrderSummaryTotalPriceRightDiv { float: left; width: 25%; border: 1px solid #b7b7b7; border-top: 0; border-left: 0; height: 68px; text-align: right; padding-right: 28px; line-height: 68px; padding-top: 18px; }

.OrderSummaryTotalPriceRightDiv .socialordersymbol { line-height: 36px; font-weight: bold; }

.OrderSummaryTotalPriceRightDiv .socialordertotalprice { font-size: 24px; font-weight: bold; }

.TrackingNumberDiv { float: left; width: 25%; padding-top: 35px; padding-left: 25px; }

.TrackingNumberLabelDiv, .ShippingDetailTitleDiv, .PaymentmethodDesktopHeaderTextDiv { font-size: 22px; font-family: DB Ozone X; font-weight: bold; color: #000; float: left; }

.TrackingNumberValueDiv { font-size: 24px; color: #000000; margin-top: 10px; float: left; margin-top: 15px; clear: left; }

.SocialOrderCompleted .ShippingDetail { width: 44%; float: left; padding: 35px 20px 10px; }

.SocialOrderCompleted .AddressCompleteDetail { float: left; clear: left; margin-top: 15px; }

.ShippingCompleteDetailLabel { font-weight: bold; font-size: 14px; color: #000000; float: left; padding-right: 10px; }

.ShippingCompleteDetailValue { font-size: 14px; color: #000000; float: left; }

.ShippingCompleteDetailRow { float: left; width: 100%; clear: left; margin-bottom: 8px; }

.PaymentmethodDesktopViewDiv { float: right; width: 31%; padding-top: 35px; }

.PaymentmethodDesktopDetailDiv { float: left; font-size: 14px; color: #000000; margin-top: 15px; clear: left; }

.SocialOrderCompleted .BankTransferPayment, .SocialOrderCompleted .BankTransferAccountDiv { float: left; width: 100%; }

.SocialOrderCompleted .BankTransferAccountList { width: 100%; }

    .SocialOrderCompleted .BankTransferAccountList span { font-family: Tahoma; font-size: 14px; font-weight: normal; }

.SocialOrderCompleted .PaymentmethodDesktopDetailDiv .BankTransferAccountList span { font-size: 13px; }

.SocialOrderCompleted .PaymentDescription-Image { width: 20%; }

.SocialOrderCompleted .PaymentDescription-HeaderText { font-family: Tahoma; float: left; width: 80%; }

.PaymentBankAccount { float: left; font-size: 16px; color: #000000; padding: 10px 0; }

    .PaymentBankAccount .AccountNameType { margin-top: 5px; }

.BankTransferPaymentStatus { display: none; }

    .BankTransferPaymentStatus .PaymentDescription-Image { width: 20%; }

.OrderSummaryBoldText .ToPay { margin-top: 4px; }

.OrderInfoBottom { float: left; margin-bottom: 30px; width: 100%; }

.SocialOrderConfirmation { float: left; margin-bottom: 40px; }

/*SocialOrderCompleted End*/

.CommonFacebookLoginPanel { clear: left; float: left; text-align: center; margin: 20px 0; border-top: solid 1px #d3d3d3; width: 90%; }

.FacebookLoginTitle { background-color: #fff; position: relative; top: -10px; padding: 0 10px; display: inline-block; margin-bottom: 10px; font-weight: bold; font-size: 14px; }

.CommonFacebookLoginPanel .CommonUserLoginPanelButton { clear: both; float: none; margin: 10px 0; width: 100%; }

.CommonAffiliateRegisterLink { margin-top: 10px; clear: left; float: left; }

.CommonSkiploginLink { margin-top: 10px; clear: left; float: left; width: 100%; }
.CommonAffiliateRegisterLink { margin-top: 10px; clear: left; float: left; width: 100%; }


.FacebookLoginTitle { background-color: #fff; position: relative; top: -10px; padding: 0 10px; display: inline-block; margin-bottom: 10px; font-weight: bold; font-size: 18px; }

.BtnFacebookLink { clear: left; float: left; width: 100%; background: url(Images/Background/BTN-FBLogin.svg) no-repeat center top; background-size: auto 90px; padding: 0; height: 45px; margin: 3px 0; }
    .BtnFacebookLink:hover { background-position: center bottom; }

    .BtnFacebookLink img { display: none; }

/* CheckoutComplete Begin */

.CheckoutCompleteButtonDiv { clear: both; display: table; margin: 0 auto 20px; }

.CheckoutCompleteLinkButton { float: left; margin: 0 5px; }

.CheckoutCompleteViewOrderButton { }

.CheckoutCompleteCustomerTable { width: 100%; }
/* CheckoutComplete End */

/*OrderSummary*/
.OrderSummaryCustomerInfoDiv { clear: left; float: left; width: 94%; padding: 20px 0; margin: 0 3%; }

.OrderSummaryCustomeNoteDiv { clear: left; float: left; width: 94%; padding: 15px 0 0; margin: 0 3%;   }
.OrderSummaryCustomerInfoFormView { clear: left; float: left; width: 100%; padding: 0; } 

.OrderSummaryFormInfo { float: left; width: 37%; font-family: Tahoma; vertical-align: top; line-height: 22px; margin: 0 0 30px; }

    .OrderSummaryFormInfo.PaymentMethod { width: 25%; float: right; }

    .OrderSummaryFormInfo.TaxInvoiceMethod { width: 33%; }

    .OrderSummaryFormInfo.TaxInvoicePaymentMethod { float: none; display: table; margin: auto; width: 33%; }
.OrderSummaryFormInfoTitle { clear: left; float: left; width: 100%; margin: 0 0 10px; line-height: 30px; text-transform: uppercase; font-family: 'DB Ozone X'; font-weight: bold; font-size: 22px; }

.OrderSummaryTextCommonDiv.Title { font-weight: bold; }

.OrderSummaryTextCommonDiv { clear: left; float: left; width: 100%; }

    .OrderSummaryTextCommonDiv.Address { margin: 0 0 15px; }

.OrderSummaryDetailsLabelColumn { float: left; margin-right: 5px; min-width: 35px; }

.OrderSummaryDetailsValueColumn { float: left; }

.OrderSummaryTextCommonDiv .OrderSummaryDetailsLabelColumn { font-weight: bold; }

.OrderSummaryTextCommonDiv.CustomerNoteDiv { margin: 10px 0; }

    .OrderSummaryTextCommonDiv.CustomerNoteDiv .OrderSummaryDetailsLabelColumn, .OrderSummaryTextCommonDiv.TaxPayerIDTR .OrderSummaryDetailsLabelColumn { font-weight: normal; margin-bottom: 5px; font-size: 14px; }

    .OrderSummaryTextCommonDiv.CustomerNoteDiv .OrderSummaryDetailsValueColumn { clear: left; width: 100%; font-weight: normal; }

.OrderSummaryTextCommonDiv.TaxPayerIDTR .OrderSummaryDetailsValueColumn { clear: left; width: 220px; font-weight: normal; position: relative; }

.OrderSummaryTextCommonDiv.CustomerNoteDiv .OrderSummaryDetailsValueColumn textarea { min-height: 60px; line-height: 30px; font-size: 14px; }

.OrderSummaryOrderProduct { clear: left; float: left; width: 94%; margin: 0 3%; padding: 20px; border: solid 1px #ccc; }

.OrderSummaryFormHeadTitle { clear: left; float: left; width: 100%; font-size: 24px; font-family: 'DB Ozone X'; text-transform: uppercase; margin: 5px 0; font-weight: bold; }

.OrderSummaryRewardPointDiv { float: right; font-weight: bold; text-align: right; }

.OrderSummaryPointEarnedDiv { float: left; font-weight: bold; }

.OrderSummaryOrderProduct .OrderSummaryDetailsLabelColumn { font-size: 12px; }

.OrderSummaryOrderProductDiv { clear: left; float: left; width: 100%; padding: 12px 35px; border-top: solid 1px #ccc; }

.OrderSummaryTextCommonDiv .OrderSummaryOrderProductDiv:last-child { border-bottom: solid 1px #ccc; }

.OrderSummaryOrderProductDiv.SummaryPrice { font-size: 14px; line-height: 30px; }

.OrderSummaryOrderProductDiv .Bold { font-weight: bold; }

.OrderSummaryOrderProductDiv .Title { clear: left; float: left; width: 45%; }

.OrderSummaryOrderProductDiv .Value { float: right; text-align: right; }

.OrderSummaryOrderProductDiv.SummaryTotalPrice { font-size: 20px; line-height: 30px; font-weight: bold; padding-top: 20px; margin-top: 10px; }

    .OrderSummaryOrderProductDiv.SummaryTotalPrice .TaxIncludeLabel { font-size: 14px; line-height: 16px; clear: left; width: 100%; float: left; }

    .OrderSummaryOrderProductDiv.SummaryTotalPrice .Value { font-size: 20px; color: #1d4db9; }
.OrderSummaryOrderProduct .SidebarTopTitle { color: #333; text-transform: uppercase; font-size: 24px; font-family: 'DB Ozone X'; }
.OrderSummary .ProductImageItemDiv { float: left; width: 20%; margin-right: 3%; }

.OrderSummary .ProductInfoItemDiv { float: right; width: 77%; line-height: 22px; }

    .OrderSummary .ProductInfoItemDiv .Title { clear: left; float: left; width: 100%; margin: 5px 0; }

    .OrderSummary .ProductInfoItemDiv .Value { clear: left; float: left; width: 100%; font-weight: bold; font-size: 14px; text-align: inherit; }

    .OrderSummary .ProductInfoItemDiv .NameItem { clear: left; float: left; width: 100%; font-weight: bold; margin-bottom: 10px; }

    .OrderSummary .ProductInfoItemDiv .PriceItem { float: right; }

        .OrderSummary .ProductInfoItemDiv .PriceItem .Value { text-align: right; }

.OrderSummaryButtonDiv { display: inline-block; float: none; text-align: center; }

.OrderSummaryFinishButtonDiv { display: table; margin: auto }
.OrderSummaryFinishImageButton { padding: 8px 30px; min-width: 200px; font-size: 26px; font-family: 'DB Ozone X'; }
.OrderSummaryBackHomeButton { padding: 5px 20px; min-width: 125px; }

.OrderSummary .GiftCouponDetailRightMenu { width: 40%; margin: 20px 30%; }

/*ShoppingCart Begin*/
/* Empty Cart*/

.ShoppingCartMessage { padding: 0 3%; width: 94%; margin-top: 25px; text-align: center; }

.ShoppingCartBackHomeLinkDiv { text-align: center; margin-top: 20px; margin-bottom: 20px; }

    .ShoppingCartBackHomeLinkDiv a { font-size: 12px; margin-top: 10px; }

        .ShoppingCartBackHomeLinkDiv a:hover { color: #1d4db9; text-decoration: none; }

.ShoppingCartEmpty { background-color: #F8F8F8; border: 1px dashed #FFDDDD; padding: 10px; text-align: center; margin-bottom: 13px; font-size: 12px; color: #888; font-weight: bold; }

/* Have product(s) in shopping cart*/

.ShoppingCartPanel { width: 100%; padding: 0 0 20px; clear: left; float: left; width: 100%; }

.ShoppingCartCouponPanel { float: right; width: 34%; border: solid 1px #ccc; border-bottom: 0; padding: 10px 15px 0; }

.ShoppingCartItemPanel { float: left; width: 64%; margin-right: 2%; border: solid 1px #ccc; padding: 0 15px; }

.ShoppingCartItemTitle { clear: left; float: left; width: 100%; padding: 15px 0; border-bottom: solid 1px #ccc; text-align: center; font-size: 26px; font-family: 'DB Ozone X'; margin-bottom: 5px; font-weight: bold; }

.ShoppingCartGridView { width: 100%; }

.ShoppingCartGridViewRowStyle { width: 100%; }

.ShoppingCartGridViewItemStyle { width: 100%; padding: 12px 0; border-bottom: solid 1px #ccc; }

.ShoppingCartGridView .ImageItemDiv { float: left; width: 16%; }

.ShoppingCartGridView .InfoItemDiv { float: left; width: 80%; padding-left: 15px; line-height: 24px; }

.ShoppingCartGridView .NameItem { clear: left; float: left; width: 100%; font-weight: bold; margin: 5px 0 10px; line-height: 22px; }

.ShoppingCartGridView .UnitPriceItem { clear: left; float: left; width: 33%; }

.ShoppingCartGridView .QuantityItem { float: left; width: 27%; text-align: center; }

.ShoppingCartGridView .QuantityInputBox { border: solid 1px #565656; height: 30px; width: 40px; text-align: center; }

.ShoppingCartGridView .SubtotalItem { float: right; width: 35%; }

.ShoppingCartGridView .DeleteItem { float: left; width: 4%; text-align: right; }

    .ShoppingCartGridView .DeleteItem .ButtonDelete { font-size: 0; line-height: 0; background: url(../../Images/Design/Icon/icon-delete.png) no-repeat left top; width: 30px; height: 30px; float: right; }

        .ShoppingCartGridView .DeleteItem .ButtonDelete:hover { background-position: left bottom; }

.ShoppingCartGridView .InfoItemDiv .Value { font-weight: bold; font-size: 14px; }

.ShoppingCartSubtotal { clear: left; float: left; width: 100%; font-weight: bold; font-size: 20px; padding: 20px 0; border-bottom: solid 1px #ccc; text-align: center; }

.ShoppingCartTotalMobile { clear: left; float: left; width: 100%; font-weight: bold; font-size: 18px; padding: 20px 0; border-bottom: solid 1px #ccc; text-align: center; display: none; }

.ShoppingCartTotalMobileTitle { clear: left; float: left; width: 100%; }

    .ShoppingCartTotalMobileTitle .TaxIncluded { font-size: 12px; }

.ShoppingCartTotalMobileValue { clear: left; float: left; width: 100%; font-size: 20px; }

.ShoppingCartGridViewButtonDiv { clear: left; float: left; width: 100%; margin: 20px 0; }

    .ShoppingCartGridViewButtonDiv .ShoppingCartButton { display: table; margin: 0 auto; }

.ShoppingCartUpdateQuantity, .ShoppingCartContinueShopping { line-height: 25px; padding: 5px 25px; text-align: center; margin: 10px 8px; display: block; background-color: #333; }

.ShoppingCartClearCart { float: left; background: url(../../Images/Design/Icon/icon-delete.png) no-repeat left top; padding-left: 30px; text-decoration: underline; font-weight: bold; height: 30px; line-height: 30px; color: #333; margin: 10px 0; }

    .ShoppingCartClearCart:hover { background-position: left bottom; color: #ff0000; }

.ShoppingCartSummaryDiv { clear: right; float: right; width: 34%; border: solid 1px #ccc; border-top: 0; padding: 15px; }

.ShoppingCartOrderTotal { clear: left; float: left; width: 100%; padding-bottom: 20px; border-bottom: solid 1px #ccc; }

.ShoppingCartTableDiscountRow { clear: left; float: left; width: 100%; font-size: 14px; line-height: 30px; }

    .ShoppingCartTableDiscountRow.Bold { font-weight: bold; }

.ShoppingCartTableColumn1 { clear: left; float: left; font-size: 14px; }

.ShoppingCartTableColumn2 { float: right; text-align: right; }

    .ShoppingCartTableColumn2 span { float: right; }

.ShoppingCartTableTotalAmountRow { clear: left; float: left; width: 100%; font-size: 18px; line-height: 30px; font-weight: bold; padding: 15px 0; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn1 { width: auto; font-size: 15px; }

    .ShoppingCartTableTotalAmountRow .ShoppingCartTableColumn2 { font-size: 20px; color: #1d4db9; }

.ShoppingCartTableTotalButton { clear: left; float: left; width: 100%; }

.ShoppingCartCheckoutLink { font-size: 26px; line-height: 36px; padding: 5px 0; text-align: center; margin: 0 0 5px; display: block; width: 100%; font-family: 'DB Ozone X'; }

.ShoppingCartGiftRegistryLink { font-size: 26px; line-height: 36px; padding: 5px 0; text-align: center; margin: 0 0 5px; display: block; width: 100%; font-family: 'DB Ozone X'; }

.ShoppingCartTableAlternativePaymentsDiv { text-align: center; clear: left; float: left; width: 100%; margin-top: 10px; color: #646464; }

.ShoppingCartTableExpressPaymentButtonColumn { clear: left; float: left; width: 100%; text-align: center; margin-top: 10px; }

.ShoppingCartTableRecurringPaymentWarningColumn { clear: left; float: left; width: 100%; text-align: center; margin-top: 10px; }

.ShoppingCartGridView .NameItem .ProductNameDetails { position: relative; }

.ShoppingCartGridView .NameItem .ProductRecurringNotice { margin-top: 5px; text-decoration: underline; color: #646464; cursor: default; z-index: 2; font-size: 8px; }

.ShoppingCartGridView .ProductNameDetails .hidecallout { display: none; }

.ShoppingCartGridView .ProductNameDetails .showcallout { background-color: #bbb; /*shadow color*/ color: inherit; position: absolute; z-index: 100; margin-top: 10px; }

    .ShoppingCartGridView .ProductNameDetails .showcallout .shadow { color: inherit; position: relative; bottom: 2px; right: 2px; }

    .ShoppingCartGridView .ProductNameDetails .showcallout .content { background-color: #fff; /*background color of content*/ color: #333; /*text color of content*/ border: 1px solid #dcdcdc; /*border color*/ padding: 15px; text-align: left; position: relative; bottom: 2px; right: 2px; font-weight: normal; }

.ShoppingCartTableTaxIncludeColumn { font-size: 12px; clear: left; float: left; line-height: 20px; width: 100%; }

    .ShoppingCartTableTaxIncludeColumn .TaxNotice { cursor: default; z-index: 1; position: relative; }

    .ShoppingCartTableTaxIncludeColumn .hidecallout { display: none; }

    .ShoppingCartTableTaxIncludeColumn .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 100%; }

        .ShoppingCartTableTaxIncludeColumn .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; }

        .ShoppingCartTableTaxIncludeColumn .showcallout .shadow { background-color: #646464; color: inherit; }

        .ShoppingCartTableTaxIncludeColumn .showcallout .content { background-color: #fff; color: #2c2d2e; border: 1px solid #000; padding: 10px; line-height: 20px; font-family: Tahoma; font-size: 12px; width: 100%; font-weight: normal; }


/*Shopping Cart End*/
/*ShippingEstimator Begin*/
.EstimateShippingPanel { clear: left; float: left; width: 100%; padding-bottom: 20px; border-bottom: solid 1px #ccc; }

    .EstimateShippingPanel h3 { font-size: 24px; margin-top: 20px; font-family: 'DB Ozone X'; font-weight: bold; }

    .EstimateShippingPanel .NoteDetail { }

.ShoppingCartShippingEstimator { }

    .ShoppingCartShippingEstimatorInput, .ShoppingCartShippingEstimator select { margin: 5px 0; width: 63%; float: right; height: 30px; }

        .ShoppingCartShippingEstimatorInput input { width: 140px; height: 30px !important; }

.ShoppingCartShippingEstimatorLabel { float: left; width: 37%; clear: left; margin-top: 7px; }

.ShoppingCartShippingEstimatorButton { clear: right; float: right; margin-top: 10px; width: 63%; }

    .ShoppingCartShippingEstimatorButton a { margin: 0; width: 100%; padding: 5px 0; }

.ShoppingCartShippingEstimatorShippingList { clear: both; padding: 10px 0; }

    .ShoppingCartShippingEstimatorShippingList input { margin: 5px 10px 5px 0; }

.ShippingEstimatorValidatorText { margin-left: 7%; }

.ShippingEstimatorValidateDiv { width: 156px; }

.ShoppingCartShippingEstimatorMessage { clear: left; padding-top: 15px; margin-bottom: -13px; float: right; width: 100%; }

.ShoppingCartShippingEstimator .CountryAndStateList .CountryAndStateListStateTextBox, .ShoppingCartShippingEstimator .CountryAndStateList .CountryAndStateListCountryTextBox { float: right; height: 30px; margin: 5px 0; padding: 3px 0; width: 63%; }
/*ShippingEstimator End*/
/*ShoppingCartGiftCoupon Begin*/

.ShoppingCartGiftCoupon { width: 100%; }

.ShoppingCartCouponDiv { clear: left; float: left; width: 100%; padding-bottom: 20px; border-bottom: solid 1px #ccc; }

.ShoppingCartGiftCouponTable { clear: left; float: left; width: 100%; margin-bottom: 10px; }

.ShoppingCartGiftCouponInputCenter { clear: left; float: left; width: 100%; position: relative; }

    .ShoppingCartGiftCouponInputCenter input.ShoppingCartGiftCouponInputCodeTextBox { width: 70% !important; height: 30px; float: left; margin: 0; }

.ShoppingCartGiftCouponButton { float: right; width: 30%; }

    .ShoppingCartGiftCouponButton a { margin-right: 0; width: 100%; padding: 0; height: 30px; line-height: 28px; }

.ShoppingCartGiftCouponInputCenter .GiftCouponDetailValidatorText { width: 70%; clear: both; line-height: 18px; }

.ShoppingCartGiftCouponTextInfo { clear: both; float: left; width: 100%; line-height: 20px; }

.ShoppingCartGiftCouponLabel { clear: left; float: left; width: 50%; }

.ShoppingCartGiftCouponInput { color: #604d8d; float: left; width: 40%; margin-left: 5px; }

.ShoppingCartGiftCouponPointLabel { clear: left; float: left; }

.ShoppingCartClearButton .CommonHyperLink { text-decoration: underline; color: #333333; }

    .ShoppingCartClearButton .CommonHyperLink:hover { color: #ff0000; }

.GiftCouponDiv h3 { font-size: 24px; font-family: 'DB Ozone X'; margin-bottom: 0; }
/*ShoppingCartGiftCoupon End*/

.ManufacturerDescriptionDiv, .DepartmentDescriptionDiv { clear: left; float: left; width: 100%; margin-bottom: 10px; line-height: 22px; }

.sticky-contact { position: fixed; bottom: 0; z-index: 100; width: 100%; }

    .sticky-contact .PhoneCall, .sticky-contact .PhoneCallFullWidth, .sticky-contact .LineChat, .sticky-contact .LineChatFullWidth { display: none; text-align: center; text-transform: uppercase; }

    .sticky-contact .PhoneCall { background-color: #1d4db9; width: 50%; float: left; }

    .sticky-contact .LineChat { background-color: #36b419; width: 50%; float: left; }

    .sticky-contact .fullwidth { width: 100%; }

    .sticky-contact a, .sticky-contact a:hover { color: #ffffff; }

    .sticky-contact .call { background: url(Images/button/sticky-call.svg) no-repeat left center; height: 62px; font-size: 0; display: inline-block; padding: 10px 0 10px 40px; }

    .sticky-contact .chat { background: url(Images/button/sticky-chat.svg) no-repeat left center; height: 62px; font-size: 0; display: inline-block; padding: 10px 0 10px 40px; }

    .sticky-contact .text1 { clear: left; float: left; font-size: 22px; text-align: left; line-height: 15px; margin-top: 5px; font-family: 'DB Ozone X'; }

    .sticky-contact .text2 { clear: left; float: left; font-size: 18px; text-align: left; line-height: 20px; }

.sticky-balloon { position: fixed; cursor: pointer; z-index: 100; }

    .sticky-balloon .ChatBalloon { display: none; width: 60px; height: 60px; background: url(Images/button/chat-balloon.svg) no-repeat center center; position: inherit; bottom: 180px; right: 10px; margin-bottom: 10px; }

    .sticky-balloon .PhoneBalloon { display: none; width: 60px; height: 60px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: url(Images/button/sticky-call.svg) no-repeat center center #1d4db9; position: inherit; bottom: 180px; right: 10px; margin-bottom: 10px; }

        .sticky-balloon .PhoneBalloon.Double { bottom: 250px; }



.Catalog .OptionItemDetailsLeft { width: 100%; }

.Catalog .OptionRadioItemRadioButtonList tr { display: block; width: 100%; }

.CatalogControlPanel { clear: left; }

.BtnCheckoutNext { width: 100%; margin: 0; padding: 5px 0; }

.BankTransferList { width: 100%; }

    .BankTransferList table { width: 100%; }

.AffiliateDetailsUpdateButtonDiv { float: right; margin-top: 10px; }

/* Common LinkToTop Style Begin */
.GoToTopDiv { position: fixed; bottom: 70px; right: 10px; width: 40px; height: 40px; z-index: 100; }

.LinkToTop { display: block; border-radius: 30px; -webkit-box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); -moz-box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); }

/* Common LinkToTop Style End */


.headerMenuNormal { display: block; }
.headerMenuResponsive { display: none; }

.HeaderMenuToggle { display: none; float: left; }
.HeaderMenuToggleLink { display: block; font-size: 22px; color: #838489; }

.SideMenu { height: 100%; width: 0; position: fixed; z-index: 101; top: 0; left: 0; background-color: #f0f0f0; overflow-x: hidden; transition: 0.5s; padding: 0; box-shadow: 2px 2px 5px #555; font-family: 'DB Ozone X'; font-size: 20px;}
    .SideMenu .closebtn { float: left; display: block; line-height: 1; cursor: pointer; font-size: 24px; }
        .SideMenu .closebtn:hover { color: #ff0000; }

.SideMenuRow { border-bottom: solid 1px #b7b7b7; color: #000; padding: 10px 0; line-height: 30px; float: left; width: 270px; margin: 0 25px; }

.SideMenuWishlist { border-bottom: solid 1px #b7b7b7; color: #000; float: left; width: 270px; margin: 0 25px; line-height: 30px;  }
    .SideMenuWishlist .WishlistLink .WishlistTotalItem { margin-left: 5px; }

.SideMenuResponsive { float: left; width: 270px; margin: 0 25px 20px; }

.SideMenu.Active { width: 0; }

.sticky-menu { position: fixed; top: 0; z-index: 99; transition: all 0.2s ease-in-out; }

    .sticky-menu .SearchSection { float: left; }
    .sticky-menu .ShoppingCartSection { float: right; clear: none; } 
        .sticky-menu .ShoppingCartSection .DiscountDiv { display: none; } 

.info-div { float: right; }
.LanguageSection { float: right; }
.tel-div { float: left; line-height: 22px; color: #454545; display: flex; align-items: center;}
    .tel-div i { display: none; }
.TelNum a { color: #000; padding-left: 3px; font-weight: bold; }

.line-div { float: left; line-height: 22px; color: #454545; }
    .line-div a { color: #000; padding-left: 3px; font-weight: bold; }

.account-div { margin: 0; float: right; }
/*HeaderLogo Begin*/
.HeaderLogo { display: block; float: left; clear: left; }
    .HeaderLogo a { display: inline-block; }
/*HeaderLogo End*/

.CommonMultiLineTextBox { font-size: 13px; }
#fb-root > .fb_dialog.fb_dialog_advanced { }

.fb-customerchat iframe { }
 .ProductHotDealDatalist { position: relative; }

.ProductHotDealDetails { }

    .ProductHotDealDetails .ProductHotDealPriceValue { font-size: 20px; color: red; }

    .ProductHotDealDetails .ProductHotDealCountdown { float: right; background-color: #2c2d2e; color: white; text-align: center; padding: 5px 3px; display: table-cell; height: 46px; width: 18%; line-height: 18px; font-size: 14px; font-weight: bold; }

    .ProductHotDealDetails .HotDealAddCartButtonDiv { float: right; text-align: center; width: 100%; background: url("Images/Background/product-item-line.png") no-repeat center top; margin-top: 5px; margin-bottom: 5px; padding-top: 15px; }

        .ProductHotDealDetails .HotDealAddCartButtonDiv .AddCart { float: none; margin: 0 auto; display: table; }

    .ProductHotDealDetails .spanHotDealCountText { font-size: 12px; font-weight: normal; }

    .ProductHotDealDetails .CommonProductDiscountPanel { position: absolute; top: 0; left: 0; border: solid 2px #fff; margin: 2px; padding: 3px 5px 0; height: 42px; text-align: center; width: 26%; }

    .ProductHotDealDetails .PercentLabel { float: left; clear: none; font-size: 11px; line-height: 12px; margin-right: 0; width: 100%; color: #fff; }
    .ProductHotDealDetails .PercentValue { float: left; clear: none; font-size: 14px; line-height: 20px; width: 100%; font-weight: bold; color: #fff; }
.ProductHotDealCountdownGroup { display: table; width: 100%; height: 100%; float: left; background-color: #005bf1; }

.FlashSale { float: left; width: 100%; clear: left; margin: 0 0 10px; width: 100%; }
    .FlashSale .row { width: 260px !important; margin: 0 auto !important; background-color: #2c2d2e; float: left; }
    .FlashSale h1 { text-align: center; font-size: 30px; font-family: 'DB Ozone X'; margin-top: 50px; margin-bottom: 25px; }
    .FlashSale ul { text-align: center; margin: 0 auto; display: table; vertical-align: middle; width: 100%; }
        .FlashSale ul .LeftTime { font-size: 16px; border: solid 2px; width: 100%; font-weight: bold; }
    .FlashSale li { display: inline-block; font-size: 14px; list-style-type: none; padding: 5px 0; color: #fff; line-height: 1.2; border: solid 2px #fff; }
        .FlashSale li span { display: block; font-size: 18px; font-weight: bold; }
    .FlashSale ul.FlashSale-col1 { padding: 8px; }
    .FlashSale ul.FlashSale-col2 { padding: 3px 8px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
        .FlashSale ul.FlashSale-col2 li { width: 22%; margin: 0 1.5%; background-color: #005bf1; color: #fff; }

/*FLASH SALE End*/
.AddToCartDiv { clear: left; float: left; width: 100%; position: relative; }
.CheckoutComplete .CommonPageTop { text-align: center; }
.ProductListItemColumn2OutOfStockPanel { color: #f00; font-weight: bold; line-height: 25px; }
.ProductListItemOutOfStockPanel { clear: left; float: left; margin: 0 0 5px; width: 100%; line-height: 20px; font-size: 13px; color: #f00; font-weight: bold; }
.ProductListTableViewItem .QuickViewPanel .RetailPriceValue { float: left; width: 100%; }
.ProductListTableViewItem .QuickViewPanel .DiscountLabel { display: block; }

.ProductDetailsResponsiveValidatorTextOutOfStock { font-size: 13px; font-weight: bold; width: 100%; clear: left; }
.ProductDetailsDefaultImageThumbnailDataListItemDiv { text-align: center; }

.ProductListItem .ProductListItemSpecialLabel { display: none; }

.RelatedProductsDetailStockDiv { font-size: 11px; color: #f00; }
.NewArrivalCategoryList .CommonProductButton { float: none; display: inline-block }
.AdsPopupImage img { max-height: 90vh; max-width: 90vw; border: solid 3px #fff; box-shadow: 0px -1px 5px #aaa; }
.adspopupclose { position: absolute; right: -10px; top: -10px; width: 25px; height: 25px; border-radius: 50px; background-color: #000; font-family: Tahoma; font-size: 15px; text-align: center; color: #fff; line-height: 22px; font-weight: bold; }
    .adspopupclose:hover { color: #ff0000; }

/*--- override ajax calendar to quickview product on default page ---*/
.ajax__calendar_container { padding: 4px; cursor: default; font-size: 11px; text-align: center; font-family: tahoma,verdana,helvetica; width: 220px; height: 190px; border: solid 1px #000; background-color: White; position: relative; z-index: 1000; color: black; line-height: 1; }
.ajax__calendar_body { height: 139px; width: 170px; position: relative; overflow: hidden; margin: auto; }
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years { top: 0px; left: 0px; height: 139px; width: 170px; position: absolute; text-align: center; margin: auto; }
.ajax__calendar_container TABLE { padding: 0px; margin: 0px; font-size: 11px; }
.ajax__calendar_container TD { padding: 0px; margin: 0px; font-size: 11px; }
.ajax__calendar_header { height: 20px; width: 100%; }
.ajax__calendar_prev { cursor: pointer; width: 15px; height: 15px; float: left; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(WebResource.axd?d=BY--PdWStCgazS8HbwwaBURp8TzWHyN0B_wBt-6n1zeD4K8nl93WwM7LiJYU4lhPYWAJLyUxk3S4n_C2teSamu2uaRwmW4by9OuHtcV6LRHpSefLcFGF3XCUI2wORRcQPtQmjLnhHV1923Caoa6kaw2&t=635718819473210800); }
.ajax__calendar_next { cursor: pointer; width: 15px; height: 15px; float: right; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(WebResource.axd?d=d5N64BK1ZEGyeJZHch98qdOhGY84p4265pS8QyhZ0zC2b_VFzKwQlO92sNVBQ_JHZM_y-LPEiYjVccBKNFBzJGr8sHg2XE3zKXTZ5mQCjM-SvUNukQskdEPO_FtUUQxzLPCmeIYeckQ3iuxs15XnbQ2&t=635718819473210800); }
.ajax__calendar_title { cursor: pointer; font-weight: bold; margin-left: 15px; margin-right: 15px; background-color: #fff; }
.ajax__calendar_footer { height: 15px; }
.ajax__calendar_today { cursor: pointer; padding-top: 3px; }
.ajax__calendar_dayname { height: 17px; width: 17px; text-align: right; padding: 0 2px; font-weight: bold; }
.ajax__calendar_day { height: 17px; width: 18px; text-align: right; padding: 0 2px; cursor: pointer; color: Black; }
.ajax__calendar_month { height: 44px; width: 40px; text-align: center; cursor: pointer; overflow: hidden; }
.ajax__calendar_year { height: 44px; width: 40px; text-align: center; cursor: pointer; overflow: hidden; }

.ajax__calendar .ajax__calendar_container { border: 1px solid #646464; background-color: #ffffff; color: #000000; }
.ajax__calendar .ajax__calendar_footer { border-top: 1px solid #f5f5f5; }
.ajax__calendar .ajax__calendar_dayname { border-bottom: 1px solid #f5f5f5; }
.ajax__calendar .ajax__calendar_day { border: 1px solid #ffffff; }
.ajax__calendar .ajax__calendar_month { border: 1px solid #ffffff; }
.ajax__calendar .ajax__calendar_year { border: 1px solid #ffffff; }

.ajax__calendar .ajax__calendar_active .ajax__calendar_day { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_month { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_year { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }

.ajax__calendar .ajax__calendar_other .ajax__calendar_day { background-color: #ffffff; border-color: #ffffff; color: #646464; }
.ajax__calendar .ajax__calendar_other .ajax__calendar_year { background-color: #ffffff; border-color: #ffffff; color: #646464; }

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title { color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today { color: #0066cc; }

.ajax__calendar_days tbody tr { height: 19px; }
    .ajax__calendar_days tbody tr td div { height: 19px; }
.ajax__calendar_active { background-color: #c8ecfd; }
.ajax__calendar_hover { font-weight: bold; }
.ajax__calendar_other .ajax__calendar_day { color: Gray; }

.RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .PromotionGroupDataList, .RelatedProductDataList { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.NewArrivalCategoryList, .ProductColumn2DataList { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }


.CheckoutCompletePaymentConfirmationInfo { display: flex; border: solid 1px #ccc; justify-content: center; align-items: center; flex-flow: wrap; padding: 20px 0; font-family: Tahoma; }
.CheckoutCompletePaymentConfirmationBox { width: 40%; display: flex; flex-flow: column; align-self: baseline; margin-bottom: 10px; }
.CheckoutCompletePaymentConfirmationBankDrop { width: 80%; }
.CheckoutCompletePaymentConfirmationTextBox { width: 80% !important; }
.CheckoutCompletePaymentConfirmationBotton { width: 100%; display: flex; justify-content: center; padding-top: 25px; }
.CheckoutCompletePaymentMessagePanel { width: 100%; text-align: center; padding: 10px 0; }
.CheckoutCompletePaymentConfirmationLabel { font-weight: bold; padding-bottom: 5px; }
.PaymentMessageError { color: red; }
.PaymentMessageSuccess { color: forestgreen; }
.CheckoutCompletePaymentConfirmationBox.AttachFileDiv { width: 80%; }

.SocialOrderPaymentConfirmationHeader { width: 100%; padding: 15px 0; border-bottom: 1px solid #c6c5c5; font-size: 24px; font-family: DB Ozone X; font-weight: bold; }
.SocialOrderPaymentConfirmationInfo { border: solid 1px #ccc; padding: 0 28px; font-family: Tahoma; float: left; width: 100%; }
.SocialOrderPaymentConfirmationItemRow { padding: 18px 0 0; width: 100%; float: left; }
.SocialOrderPaymentConfirmationBox { width: 33.33%; margin-bottom: 20px; }
.SocialOrderPaymentConfirmationItem { display: flex; flex-flow: wrap; justify-content: left; }
.SocialOrderPaymentConfirmationLabel { font-weight: bold; padding-bottom: 5px; }
.SocialOrderPaymentConfirmationBotton { width: 100%; display: flex; justify-content: center; padding-bottom: 25px; }
.LineNotificationBtn { color: #fff; text-align: center; }
.BtnLineLink { clear: left; float: left; width: 100%; background: url(Images/Background/BTN-LineLogin.svg) no-repeat center top; background-size: auto 90px; padding: 0; height: 45px; margin: 3px 0; }
    .BtnLineLink:hover { background-position: center bottom; }

    .BtnLineLink img { display: none; }

.SocialSummaryLeft { width: 67%; float: left; }
    .SocialSummaryLeft .OrderSummeryItem { width: 100% !important; }
    .SocialSummaryLeft .ShippingDetail { width: 100% !important; }
.SocialSummaryRight { }

#fb-root > .fb_dialog.fb_dialog_advanced { }

.fb-customerchat iframe { }

/*SocialOrder TaxInvoiceAddress*/
.TaxInvoiceDetailPanel { float: left; width: 100%; }
.TaxInvoiceSORow { width: calc(100% - 120px); text-align: center; }
.EnterTaxInvoice { color: #000000; font-size: 18px; float: left; width: calc(100% - 120px); margin-top: 35px; }
    .EnterTaxInvoice span { display: table; margin: auto; }
.TaxInvoiceDetailRadio { line-height: 34px; font-family: Tahoma; font-size: 14px; }

.TaxInvoiceDiv { float: left; width: 100%; }
    .TaxInvoiceDiv .ShippingDetail { display: table; margin: 10px auto 10px 25%; float: none; }

.CouponCollectHeaderTextDev { float: left; width: 100%; background-color: #474848; padding: 15px 0; position: relative; }
.CouponCollectHeaderText { color: #fff; text-align: center; font-family: DB Ozone X; font-size: 36px; letter-spacing: 1px; }
.DiscountCouponListDiv { display: flex; flex-flow: wrap; margin-bottom: 80px; }
.CouponDiv { width: 32%; display: flex; flex-wrap: wrap; margin: 20px 0.5%; min-height: 200px; background-color: #fff; box-shadow: 5px 5px 10px 0px rgba(181,179,181,1); }
    .CouponDiv.Empty .CouponDetailsDiscountType { color: #dddddf; }
    .CouponDiv.Empty .CouponDetailsDiscountValue { color: #d0d1d3; }
    .CouponDiv.Empty .CouponDetailsDescription { color: #d0d1d3; }
    .CouponDiv.Empty .CouponDetailsRight { background-image: linear-gradient(#d3d5dc, #d4dade) }
    .CouponDiv.Empty .AddCouponButton a { color: #d1d1d1; }
    .CouponDiv.Empty .CouponDetailsRightBorder { border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.CouponDetailsLeft { width: 55%; padding: 20px 0 20px 20px; position: relative; }
.CouponDetailsRight { width: 45%; background-image: linear-gradient(#1D4DB9, #001f58); position: relative; padding-left: 10px; }
    .CouponDetailsRight:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; background-repeat: repeat; width: 10px; background-size: 20px 20px; background-image: radial-gradient(circle at 20px 10px, transparent 12px, #fff 13px); }
.CouponDetailsRightBorder { padding: 8px; margin: 10px 10px 10px 0; height: calc(100% - 20px); border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.CouponDetailsCodeNumber { font-size: 18px; color: #fff; font-weight: 100; margin-top: 8px; line-height: 1.2; }
.CouponDetailsDateValid { font-size: 12px; color: #fff; position: absolute; bottom: 105px; }
.AddCouponButton { position: absolute; bottom: 30px; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; }
    .AddCouponButton a { padding: 3px 12px; background-color: #fff; font-size: 14px; color: #000; border-radius: 5px; }
        .AddCouponButton a:hover { color: #000; }
.CouponDetailsRemain { font-size: 12px; color: #fff; position: absolute; bottom: 88px; }
.CouponDetailsDiscountType { font-size: 16px; color: #000; margin-top: 6px; }
.CouponDetailsDiscountValue { font-size: 24px; color: #ff662b; margin-top: 10px; font-weight: bold }
.CouponDetailsDescription { font-size: 12px; color: #777; position: absolute; bottom: 10px; line-height: 1.2; }

.MyCouponDiv { width: 100%; }
    .MyCouponDiv .CouponDiv { width: 44%; margin: 20px 3%; }

.CouponCollectBannerDiv { background-color: #f4f4f4; width: 100%; position: relative; overflow: hidden; }
    .CouponCollectBannerDiv .row { position: relative; min-height: 350px; }
.CouponBannerImage { background: url(../../Images/Banner/DiscountBag.png) no-repeat left bottom; position: absolute; width: 58%; height: 100%; background-size: contain; left: -5%; }
.CouponBannerText { position: absolute; right: 1%; width: 47%; line-height: 1.3; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: DB Ozone X; }
.CouponWelcomeText { font-size: 36px; }
.CouponShopNameText { color: #1d4db9; font-size: 48px; font-weight: bold }
.CouponCollectHereText { font-size: 32px; }
    .CouponCollectHereText br { display: none; }
    .CouponCollectHereText span { color: #f70f31; font-weight: bold }
.GBPrimePayInstallment .aspNetDisabled { background-color: #dadada; }

.DBDIcon { float: left; clear: left; margin-top: 10px; width: 100%; }
.CouponCollectBannerDiv > .row { background-color: transparent; }

.ProductQuickInfoAddToCart { clear: left; float: left; width: 100%; }
.CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel { position: absolute; left: 10px; top: 10px; background-color: #1d4db9; width: 50px; height: 50px; border-radius: 100px; padding: 8px 0; }
    .CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel .PercentLabel { font-size: 12px; line-height: 15px; }
    .CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel .PercentValue { font-weight: bold; font-size: 15px; line-height: 18px; }

.ProductQuickInfoRating .StarRating { margin-top: 5px; margin-bottom: 5px; }
.ProductQuickInfoAddToCart { margin-top: 10px; margin-bottom: 10px; }
.ProductDetailsDefaulSpecificationDetailsDiv { clear: left; float: left; width: 100%; margin-top: 10px; }
.CallForPricePanel { line-height: 25px; font-size: 13px; font-weight: bold; color: #1D4DB9; margin-bottom: 5px; margin-top: 5px; }
/*cookie box*/ 
.cookie-box { background: #fff; font-size: 13px;  max-height: calc(100% - 65px); max-width: calc(100% - 65px); overflow: auto; padding: 8px; position: fixed; z-index: 99999; right: 60px; bottom: 45px; box-shadow: 0 0 5px #a0a0a0 }

.cookie-box-contents { color: #757575; padding: 15px; line-height: 22px; }
.cookie-box-buttons { text-align: right; display: flex; align-items: center; justify-content: right; flex-wrap: wrap; }
.cookie-button { padding: 6px 12px; min-width: 55px; border: 0; border-radius: 2px; font-weight: 700; font-size: 12px; outline: 0; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 0.2s; background-color: #e9e9e9; color: #777; margin: 5px; }
    .cookie-button.acceptbtn { background-color: #4d4e4e; color: #fff; }
    .cookie-button:hover { background-color: #1d4db9; color: #fff; }

/* begin custom for takraonline 3.8*/
.RelatedProductsDiv .CommonProductDiscountPanel { display: none; }
.RelatedProductsDiv .CommonProductPriceDetails { display: block; }
.RelatedProductsDiv .RetailPricePanel { margin: 0 5px 0 0; }
.RelatedProductsDiv .OurPricePanel { margin: 0; }
.RelatedProductsDiv .RetailPriceValue { line-height: 20px; font-size: 11px; }
.RelatedProductsDiv .OurPriceValue { line-height: 20px; font-size: 13px; font-weight: bold; }
.RelatedProductsDiv .CallForPricePanel { line-height: 18px; font-size: 13px; margin: 0; color: #1D4DB9; font-weight: normal;}
.RelatedProductsDetailsPriceDiv { color: #ff5e5e; font-size: 13px; font-weight: lighter; margin-top: 5px; clear: left; width: 100%; }
.RelatedProductsDetailStockDiv { font-size: 11px; clear: left; width: 100%; }


.ProductDetailsResponsiveOptionDiv { clear: left; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.OptionTextItem { clear: left; float: left; width: 100%; margin-bottom: 20px; }
.OptionCalendarItem { clear: left; float: left; width: 100%; margin-bottom: 20px; }
.OptionRadioItem { clear: left; float: left; width: 100%; margin-bottom: 20px; }
.OptionUploadItem { clear: left; float: left; width: 100%; margin-bottom: 20px; }
.OptionCombinePanel { clear: left; float: left; width: 100%; margin-bottom: 10px; }
    .OptionCombinePanel .OptionRadioItem { margin-bottom: 0; }
.OptionName { clear: left; float: left; width: 100%; margin-bottom: 10px; font-weight: bold; font-size: 15px; }
.StarRatingSummaryDetailsColumn { width: 100%; display: block }
.OptionCalendarItem .DropDownTime { display: none; }
.OptionCalendarItem { clear: left; float: left; width: 100%; margin-bottom: 20px; }
    .OptionCalendarItem .OptionTextItemTable { width: 100%; }
    .OptionCalendarItem .OptionTextItemCheckDiv { margin: 0; }
    .OptionCalendarItem .CalendarExtender { overflow: hidden; }
    .OptionCalendarItem .CalenDiv { display: flex; padding: 5px 0; }
        .OptionCalendarItem .CalenDiv input { margin: auto 10px auto 0; width: 100px !important; height: 30px !important; }
        .OptionCalendarItem .CalenDiv img { width: 30px; height: 30px; }
.DropDownTime { display: none; }
.facebook-button{display: inline-flex;}
.LineNotificationBtn { background-color: #00c300; color: #fff; padding-left: 10px; padding-right: 10px; }
    .LineNotificationBtn:hover { background-color: #00aa00; color: #fff; }
/*Social Media Icon*/
.SocialLink { clear: left; padding: 10px 0; flex-wrap: wrap; }
    .SocialLink .Icon { margin: 2.5px; }
    .SocialLink .Facebook { background-color: #2561af !important; color: #fff !important; }
    .SocialLink .Instagram { background: #feda77; background: -moz-linear-gradient(45deg, #feda77 0%, #f58529 25%, #dd2a7b 50%, #8134af 75%, #515bd4 100%); background: -webkit-linear-gradient(45deg, #feda77 0%,#f58529 25%,#dd2a7b 50%,#8134af 75%,#515bd4 100%); background: linear-gradient(45deg, #feda77 0%,#f58529 25%,#dd2a7b 50%,#8134af 75%,#515bd4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda77', endColorstr='#515bd4',GradientType=1 ); color: #fff; }
    .SocialLink .Line { background-color: #00b900 !important; color: #fff !important; }
    .SocialLink .Twitter { background-color: #000 !important; color: #fff !important; }
    .SocialLink .Youtube { background-color: #D00A00 !important; color: #fff !important; }
    .SocialLink .TikTok { background-color: #000 !important; color: #fff !important; }
    .SocialLink .WhatsApp { background-color: #23b33a !important; color: #fff !important; }
    .SocialLink .WeChat { background-color: #00a41a !important; color: #fff !important; }

.BankTransferMainImage { clear: left; width: 100%; float: left; margin: 10px 0 0; padding: 0 }
    .BankTransferMainImage img { max-height: 240px; max-width: 240px; }
.BankTransferDescriptionPanel { width: 90%; }

/*Add To Cart Btn*/
.BtnPurchase { display: flex; align-items: center; float: left; padding: 5px 10px 5px 8px; margin-right: 5px; margin-bottom: 5px; }
    .BtnPurchase i { margin: 0 5px 0 0; }
    .BtnPurchase:hover { color: #fff; }
.BtnLazada { background-color: #07009c; color: #fff; }
    .BtnLazada .LazadaIcon { background: url(Images/Icon/icon-lazada.svg) no-repeat left center; background-size: 22px; width: 24px; height: 24px; display: block; }
.BtnShopee { background-color: #f03f2e; color: #fff; }
    .BtnShopee .ShopeeIcon { background: url(Images/Icon/icon-shopee.svg) no-repeat left center; background-size: 22px; width: 24px; height: 24px; display: block; }
.BtnFacebook { background-color: #395498; color: #fff; }
    .BtnFacebook i { font-size: 20px; }
.BtnInstagram { background: #feda77; background: -moz-linear-gradient(45deg, #feda77 0%, #f58529 25%, #dd2a7b 50%, #8134af 75%, #515bd4 100%); background: -webkit-linear-gradient(45deg, #feda77 0%,#f58529 25%,#dd2a7b 50%,#8134af 75%,#515bd4 100%); background: linear-gradient(45deg, #feda77 0%,#f58529 25%,#dd2a7b 50%,#8134af 75%,#515bd4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda77', endColorstr='#515bd4',GradientType=1 ); color: #fff; }
    .BtnInstagram i { font-size: 20px; }
.BtnLine { background-color: #40bf05; color: #fff; }
    .BtnLine i { font-size: 20px; }
.BtnTiktok { background-color: #000; color: #fff; }
    .BtnTiktok i { font-size: 20px; }

.SocialLink .Icon { width: 30px; height: 30px; font-size: 18px; }
    
.BrandsCarouselMobile { display: none; }
.BrandsCarousel { padding: 20px 0; height: 100%; }
    .BrandsCarousel .swiper-button-next, .BrandsCarousel .swiper-button-prev { top: 33%; }
.BrandsCarouselDiv { clear: left; width: 100%; margin-bottom: 20px; }
    .BrandsCarouselDiv .swiper-container { width: 100%; padding: 20px 45px; }
    .BrandsCarouselDiv .swiper-button-next { height: 100%; width: 40px; background: #fff url(Images/Icon/next.png) no-repeat left center; right: 0; top: 0; }
    .BrandsCarouselDiv .swiper-button-prev { height: 100%; width: 40px; background: #fff url(Images/Icon/prev.png) no-repeat left center; left: 0; top: 0; }

        .BrandsCarouselDiv .swiper-button-next:hover, .BrandsCarouselDiv .swiper-button-prev:hover { background-position: right center; }
.BrandsCarousel .swiper-slide img { max-height: 125px; }
 

.RandomProduct, .ProductBestSelling, .PromotionGroup, .NewArrival, .NewsEvent { clear: left; width: 100%; margin-bottom: 20px; }
.RandomProductDataList, .ProductBestSellingDataList, .ProductHotDealDatalist, .PromotionGroupDataList, .AdvancedSearchResultPanel .ProductColumn2DataList, .NewArrivalCategoryList, .ProductColumn2DataList { display: flex; flex-wrap: wrap; }

.ProductHotDeal { margin-bottom: 20px; clear: left; float: left; width: 100%; }
.CatalogBannerImage { margin-bottom: 20px; }
.Payment .PaymentItemNameDiv { width: 100%; }

.ProductListItemColumn2TellFriendPanel, .ProductListItemColumn2AddtoWishListPanel { display: inline-flex; margin: 4px; z-index: 0; position: relative; align-items: center; line-height: 22px; }
    .ProductListItemColumn2TellFriendPanel i, .ProductListItemColumn2AddtoWishListPanel i { color: #6a6b6b; margin-right: 3px; font-size: 11px; }
    .ProductListItemColumn2TellFriendPanel:hover i, .ProductListItemColumn2AddtoWishListPanel:hover i { color: #1D4DB9; }
    .AddToWishListButtonLinkButton:hover, .TellFriendLinkButton:hover { color: #1D4DB9; }

.ProductListItemColumn2OutOfStockPanel { clear: left; float: left; width: 100%; color: Red; line-height: 25px; font-weight: bold; }

.ProductListItemColumn2OptionGroupPanel { clear: left; float: left; margin: 5px 0; width: 100%; font-size: 14px; }

.NewArrivalItemStyle .CommonProductDiscountPanel { display: none; height: 0; line-height: 0; font-size: 0; visibility: hidden; }

.CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel { position: absolute; left: 10px; top: 10px; background-color: #1d4db9; width: 45px; height: 45px; border-radius: 100px; padding: 8px 0; }
.CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel .PercentLabel { font-size: 11px; line-height: 12px; }
.CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel .PercentValue { font-weight: bold; font-size: 14px; line-height: 16px; } 

