.Clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0 !important; padding: 0 !important; }

/* -------------------------------------------------- 
   Base Masterpage Style
-----------------------------------------------------*/
/*FrontMaster Begin*/
.FrontMaster { width: 100%; background-color: #FFF; margin: 0px; padding: 0px; }

.FrontMasterTop { width: inherit; }

.FrontMasterMiddle { width: 100%; margin: 0 auto; }

.FrontMasterBottom { clear: both; width: inherit; }

.MainDiv, .ContentMainDiv, .ProductMainDiv, .DefaultMainDiv, .AccountMainDiv { background-color: #FFF; padding: 20px 0; position: relative; min-height: 320px; }

.ProductDiv { clear: left; }

.NoMargin { margin: 0 auto; }

.NoPadding { padding: 0 inherit; }
 

/*FrontMaster End*/
/*Layout->Header Begin*/
.header-container1 { width: 100%; clear: left; border-bottom: solid 1px #dedede; }
    .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; background-color: #FFF;}
    .header-container2 .row {  transition: all 0.2s ease-in-out; display: flex; background-color: #fff; }
.header-container2-left { float: left; width: 40%; align-items: center; display: flex; }
.header-container2-right { float: right; width: 60%; display: flex; justify-content: flex-end; align-self: center; flex-wrap: wrap; }
.header-container3 { width: 100%; clear: left; min-height: 40px; margin: 0; background-color: #FFF; border-bottom: solid 1px #DEDEDE }
    .header-container3 .row { padding: 0 10px; }

.sticky-menu .header-container2 { background-color: #fff; }
.sticky-menu .header-container2-left { width: 30%; }
.sticky-menu .header-container2-right { width: 70%; }
.sticky-menu .Search { margin-bottom: 0; }
.sticky-menu .header-container3 { background-color: #f9f9f9; border-top: solid 1px #DEDEDE; } 
/*Layout->Header End*/
/*Layout->Footer Begin*/
/* ---- ContentFooter ---- */
.LayoutFooter { border-top: solid 1px #dfdfdf; width: inherit; background-color: #fcfcfc; color: #1b1b1b; padding: 30px 0; } 
    .LayoutFooter .MenuItemTitleOuter, .LayoutFooter a.MenuItemTitleOuter, .LayoutFooter .MenuItemTitle { clear: left; float: left; font-weight: bold; line-height: 24px; width: 100%; font-size: 15px; }

    .LayoutFooter .DBDIcon { margin: 5px 0; clear: left; float: left; width: 100%; }

    .LayoutFooter ul.MenuItem { clear: left; list-style: none; margin: 0; padding: 10px 0 0; }

        .LayoutFooter ul.MenuItem li { line-height: 24px; }

            .LayoutFooter ul.MenuItem li a.HyperLink { line-height: 24px; padding: 0px; color: #696767; text-decoration: none; font-size: 13px; } 
                .LayoutFooter ul.MenuItem li a.HyperLink:hover { text-decoration: underline; }

.MenuFooter.VendorMenu { margin-bottom: 25px; }
/* ---- license---- */
/* ---- license---- */
.LayoutFooterLicense { background-color: #012048; line-height: 24px; width: inherit; color: #ccd2d6; padding: 7px 0; font-size: 11px; }
    .LayoutFooterLicense .row { text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
    .LayoutFooterLicense a { color: #ccd2d6; text-decoration: none; display: inline-block; }
        .LayoutFooterLicense a:hover { color: #ccd2d6; }
    .LayoutFooterLicense .TKLogoFooter { width: 100px; height: 24px; margin-left: 5px; margin-right: 5px; }
.FooterLicenseDiv { margin-left: 3px; margin-right: 3px; }

/*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; border-bottom: solid 2px #e7e7e7; padding-bottom: 5px; }

.CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalTitle { color: #1b1b1b;font-family: PSLxDisplayBold; font-size: 30px; line-height: 35px;line-height: 35px; }

.CommonPageRight, .CommonLoginPageRight, .ContentLayoutRight { padding: 25px 0; float: left; width: 100%; line-height: 30px; }
    .ContentLayoutRight table tbody tr td { border: solid 1px; }

.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 #e4e4e4; width: 100%; clear: both; margin-top: 10px; font-size: 13px; }

.CommonGridViewHeaderStyle { background-color: #eef3fb; border-top: solid 1px #e4e4e4; color: #454545; padding: 3px; line-height: 24px; }

    .CommonGridViewHeaderStyle th { border: solid 1px #e4e4e4; border-top: 0; padding: 5px 3px; }

.CommonGridViewRowStyle { color: #454545; border-bottom: solid 1px #e4e4e4; background-color: #fff; }

.CommonGridViewAlternatingRowStyle { border-bottom: solid 1px #e4e4e4; background-color: #fbfbfb; color: #454545; }

    .CommonGridViewRowStyle > td,
    .CommonGridViewAlternatingRowStyle > td { padding: 5px 3px; border-right: solid 1px #e4e4e4; }

.CommonGridViewFooterStyle { background-color: #fbfcfe; }

.CommonGridViewEmptyRowStyle > td,
div.CommonGridViewEmptyRowStyle { background-color: #fbfcfe; color: #454545; font-weight: normal; text-align: center; clear: left; width: 100%; line-height: 35px; height: 35px; padding: 3px 0; display: table; border: solid 1px #e7e7e7; }

.OrderHistoryGridviewDiv .CommonGridViewEmptyRowStyle { display: table; margin: auto; }

.OrderHistoryGridviewDiv .CommonGridView { background-color: #fbfcfe; }

.CommonGridViewPageItemDiv { clear: left; float: left; width: 100%; line-height: 24px; color: #454545; margin-top: 8px; margin-bottom: 10px; letter-spacing: 0.2px; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; background-color: #f8f8f8; padding: 5px; }

.CommonGridViewItemsPerPageDiv { float: left; font-size: 12px; }

.CommonGridViewPagingDiv { float: right; }

.CommonGridViewPageItemDiv .ItemsPerPageDrop { float: left; margin: 3px 5px; background-color: #fff; border: solid 1px #d7d7d7;  }

.CommonGridViewHeaderStyle .ImageHeader { border: 0; background-color: #fff; }
/*Common Gridview End*/
/*CommonForm Begin*/
.CommonFormLabel { width: 35%; float: left; padding: 2px 0px; margin-right: 2%; color: #454545; clear: left; font-size: 13px; line-height: 25px; }

.CommonFormData { float: left; width: 60%; padding-top: 2px; padding-bottom: 2px; }

.CommonFormDataSample { font-size: 13px; }
/*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 #d7d7d7; }

    table.CommonTopDynamicDropdownListStaticMenuStyle td,
    table.CommonTopDynamicDropdownListStaticMenuItem td { padding: 0; border: 0; margin: 0; }

.CommonTopDynamicDropdownListStaticMenuItem td a { color: #313131; font-size: 13px !important; display: block; margin: 0; text-decoration: none; vertical-align: middle; white-space: normal; padding: 0px 35px 0px 10px; background: url(Images/Icon/category-narrow-drop.png) no-repeat right center; line-height: 22px; }

.CommonTopDynamicDropdownListDynamicMenuStyle table { border: solid 1px #d7d7d7; 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: 0; padding: 0; }

a.CommonTopDynamicDropdownListDynamicMenuItem { z-index: 0; display: block; vertical-align: middle; color: #313131; padding: 0 10px; font-size: 11px !important; min-width: 120px; background-color: #fff; line-height: 24px; }

    a.CommonTopDynamicDropdownListDynamicMenuItem:hover { background-color: #F4F4F4; color: #004297; }

/* 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 { margin-bottom: 10px; display: block; }
/* Common SideBox Style  End*/
/* Common SideBanner Box Style Begin*/
.SecureShoppingAd, .SpecialOfferAd, .FreeShippingAd, .LivePersonWidget, .LikeBoxWidget { margin-bottom: 15px; display: block; }
/* Common SideBanner Box Style End*/
/*Common Sidebar Begin*/ 
.SidebarTop { min-height: 40px; border-bottom: solid 2px #e7e7e7; }

.SidebarTopTitle { color: #454545; font-family: PSLxDisplayBold; font-size: 28px; line-height: 30px; text-transform: uppercase; } 
.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: 10px; }

.CenterBlockTopImgLeft, .CenterBlockTopImgRight { display: none; }

.CenterBlockTopTitle, .NewArrivalTitle { font-family: PSLxDisplayBold; font-size: 30px; color: #454545; line-height: 35px; text-transform: uppercase; }
/*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-color: #012f6a; }

.BtnStyle2, .BtnStyle3, .BtnStyle4, .AddToCartContinue, .ViewDetail, .NewsletterSubmit.BtnStyle1, .NewsEventViewAll .BtnStyle1 { color: #fff; background-color: #555; }
.BtnStyle5 { padding: 3px; border: 0; font-weight: normal; font-size: 13px; line-height: 14px; margin-top: 5px; border: solid 1px #ededed; }
.ButtonDelete { color: #ff8563; text-decoration: none; font-weight: bold; }
.BtnLink { border: solid 1px #ededed; background-color: #fbfcfe; color: #888; text-transform: none; }
.BtnStyle1:hover, .AddCart:hover { color: #fff; background-color: #001e45; }
.BtnStyle2:hover, .BtnStyle3:hover, .BtnLink:hover, .BtnStyle4:hover, .BtnStyle5:hover, .AddToCartContinue:hover, .ViewDetail:hover { color: #fff; background-color: #202020; }
.ButtonDelete:hover { color: #ff0000; }
.BtnStyle5:hover { color: #004297; }

.LineNotificationBtn { background-color: #00c300; color: #fff; text-align: center; } 
/*General Button Style End*/
/* Common AjaxTab Style Begin */
.ajax__tab_header { height: 37px; z-index: 1; font-weight: normal; color: #454545; border-bottom: solid 1px #ededed; }

    .ajax__tab_header .ajax__tab_outer { display: inline-block; color: #454545; height: 37px; line-height: 37px; vertical-align: middle; margin-right: 8px; border: solid 1px #ededed; background: #fafafa; font-size: 18px; padding: 0 15px; }

        .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: 8px; background: #fff; border: solid 1px #ededed; border-bottom: solid 1px #fff; color: #004297; position: relative; z-index: 1; font-size: 18px; }

.ajax__tab_body { border: 1px solid #ededed; padding: 15px; background-color: #fff; position: relative; z-index: 0; border-top: none; }
/* Common AjaxTab Style End */
/* validator style begin */

.CommonTextBox { font-size: 13px; }

.CommonPageInnerTitle { clear: left; color: #454545; float: left; font-size: 16px; font-weight: bold; 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; }

.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: red; padding-left: 2px; font-size: 13px; }
.CommonValidateText { color: red; font-size: 11px; }
.CommonValidatorText { color: red; 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: 100%; color: Red; font-size: 13px; line-height: 1.2 }

    .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: 10px; float: left; text-align: center; overflow: hidden; border: solid 1px #dedede; }
.DummyCommonProductItemStyle { width: 100%; position: relative; } 
div.CommonProductImage { width: 100%; height: 100%; clear: left; border-bottom: solid 1px #dedede; }
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 { text-decoration: none; font-size: 15px; font-weight: normal; }

.CommonProductDescription { clear: left; float: left; margin-bottom: 10px; line-height: 18px; font-size: 12px; width: 100%; }

.CommonProductRating { clear: left; line-height: 30px; margin: 5px auto; float: left; width: 100%; }
    .CommonProductRating .RatingCustomerDiv { display: inline-block; margin: 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: inline-flex; line-height: 25px; margin: 4px auto; text-align: center; flex-wrap: wrap; justify-content: center; }
.CommonProductSpecialLabel { clear: left; float: left; padding-left: 24.9%; display: none; }

.CommonProductButton { clear: left; float: left; width: 100%; padding: 5px 0 0; margin: 0; z-index: 0; position: relative;  }

    .CommonProductButton .BtnStyle1 { float: none; display: table; margin: 5px auto 0; text-transform: uppercase; }


.CallForPrice, .CallFroPrice { color: #004297; line-height: 20px; font-size: 13px; font-weight: bold; }
    .CallForPrice a { color: #004297; text-decoration: none; }

.CallForPricePanel { line-height: 25px; font-size: 13px; font-weight: bold; color: #004297; margin-bottom: 5px; margin-top: 5px; }

.RetailPricePanel { float: left; margin: 0 2px; text-align: center; color: #be0000; text-decoration: line-through; }
.RetailPriceValue { color: #a3a3a3; text-decoration: line-through; line-height: 25px; font-size: 13px; }
.OurPricePanel { float: left; margin: 0 2px; text-align: center; }
.OurPriceValue { font-weight: normal; line-height: 25px; font-size: 15px; color: #012048 }

.OurPriceLabel, .RetailPriceLabel, .CommonProductAddCartImage, .CommonProductTellFriendImage { }

.OptionGroupPanel { clear: left; display: table; line-height: 25px; margin: 10px auto; }

.DiscountPercent { text-decoration: none; color: #5DA423; font-size: 13px; }

.DiscountLabel { color: #1e1e1e; 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: #1e1e1e; 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: #B6B6B6; 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; }

.CommonProductItem { border-bottom: solid 1px #dedede; background-color: #fcfcfc; }
.CommonProductInfo { border-bottom: solid 1px #dedede; background-color: #fcfcfc; }
    .CommonProductInfo .CommonProductButton { padding: 10px 0;}
    /*-- Common Product List Item Style End --*/
    /*-- Common Category List Item Style Begin --*/
    .CommonCategoryDataList { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
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 { text-decoration: none; font-weight: bold; line-height: 18px; }

.CommonCategoryDescription { clear: left; float: left; margin-bottom: 10px; line-height: 18px; font-size: 12px; display: none; }

/*-- Common Category List Item Style End --*/
/* -----------------------------------------
   Specific Styles
----------------------------------------- */
/*Layout->Header->header-container1 Begin*/
/*HeaderLogin Begin*/
.HeaderLogin { float: left; font-weight: bold; line-height: 24px; margin: 8px 0; margin: 8px 0; display: inline-flex; align-items: center; line-height: 22px; } 
    .HeaderLogin a { text-decoration: underline;  } 
.LoginName { padding: 0 3px; float: left; }
.LoginLabel { padding: 0 3px; float: left; }
.LoginLabelWelcome { float: left; }
.HeaderLogin .NameLabel { text-decoration: underline; text-transform: none; font-weight: bold; }
.HeaderLoginLoginPipe { padding: 0 3px; 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 8px; display: inline-flex; align-items: center; line-height: 22px; }
    .HeaderLoginWishlist i { color: #0c79cc; margin-right: 3px; }
    .HeaderLoginWishlist a { float: left; font-weight: normal; line-height: 24px; font-size: 12px; display: flex; } 
    .HeaderLoginWishlist .WishlistLink .WishlistTotalItem { margin-left: 5px; }
/*HeaderLogin - Wishlist and MyAccount End*/

/*HeaderLoginAccount Begin*/
.HeaderLoginAccount { float: right; margin: 8px 0; display: inline-flex; align-items: center; line-height: 22px; }
    .HeaderLoginAccount i { color: #0c79cc; margin-right: 3px; }
    .HeaderLoginAccount a { float: left; font-weight: normal; line-height: 24px; font-size: 12px; display: flex; } 
/*HeaderLoginAccount End*/

/*SwitchLanguage Begin*/
.SwitchLanguage { font-size: 12px; float: right; margin-top: 8px; margin-left: 10px; }
.SwitchLanguageTop,.SwitchLanguageBottom { display: none; }
.SwitchLanguageRight .Label { font-weight: normal; margin-right: 5px; float: left; line-height: 24px; text-transform: uppercase; } 
.SwitchLanguageRight .LanguageSwitch { float: left; } 
.SwitchLanguageMenuPanel { float: left; line-height: 24px; } 
    .SwitchLanguageMenuPanel a { text-decoration: none; } 
.SwitchLanguageDropPanel { padding: 0; float: left; }
.seperator-label { color: #ccc; padding: 0 3px; }

.SwitchLanguageDropPanel select { font-size: 12px; font-family: Arial, Tahoma; padding: 0 25px 0 5px; height: 23px; color: #000; -webkit-appearance: none; -moz-appearance: none; background: #fff url(Images/Icon/SwitchDown.png) no-repeat right center; font-weight: bold; }
    .SwitchLanguageDropPanel select > option { width: auto; background-color: #fbfbfb; color: #000; line-height: 24px; font-size: 12px; font-weight: normal; }
/*SwitchLanguage End*/

/*CurrencyControl Begin*/
.CurrencyControl { font-size: 12px; float: right; margin-left: 10px; margin-top: 8px; }
.CurrencyControlTop,.CurrencyControlBottom { display: none; }
.CurrencyControlRight .Label { font-weight: normal; margin-right: 5px; float: left; line-height: 24px; text-transform: uppercase; }
.CurrencyControlRight .CurrencySwitch { color: #999; float: left; }
.CurrencySwitch select { font-size: 12px; font-family: Arial, Tahoma; padding: 0 25px 0 5px; height: 23px; color: #000; -webkit-appearance: none; -moz-appearance: none; background: #fff url(Images/Icon/SwitchDown.png) no-repeat right center; font-weight: bold; }
    .CurrencySwitch select > option { width: auto; background-color: #fbfbfb; color: #dcdcdc; line-height: 24px; font-size: 12px; font-weight: normal; }
/*CurrencyControl End*/
  
/*Search Begin*/
.SearchSection { float: right; width: 350px; }
    .SearchSection.Desktop { }
    .SearchSection.Mobile { display: none; }
.Search { width: 100%; margin: 5px 0; font-size: 12px; position: relative; clear: right; float: right; }

.SearchTop { line-height: 25px; float: left; width: 15%; font-size: 13px; text-align: center; }

.SearchTopTitle { font-size: 13px; }

.SearchBottom { display: none; }

.SearchLeft { float: right; width: 84%; border: solid 1px #e1e1e1; background-color: #fff; overflow: hidden; border-radius: 6px; }

.SearchAdvancedLink { position: absolute; text-decoration: underline; font-size: 11px; height: 26px; line-height: 26px; right: 0; padding-right: 5px; color: #767676; }
/*Search End*/
/*QuickSearch Begin*/
.QuickSearch { display: block; width: 100%; }

.QuickSearchDiv { border: 0; float: right; width: 100%; } 
.QuickSearchLabel { display: none; }
.QuickSearchDropDownDiv { float: left; border: 0; width: 25%; background: #808ca4 url(Images/Bullet/search-down.png) no-repeat 95% center; color: #fff; }
.QuickSearchSelectedDropDownDiv { float: left; width: 35%; background: #004297 url(Images/Bullet/search-down.png) no-repeat 95% center; }
.QuickSearchDropDown { background: none; line-height: 1; border: 0; float: left; width: 135%; vertical-align: middle; color: #fff; height: 26px; padding: 4px 0 4px 5px; overflow: hidden; font-size: 12px; }

    .QuickSearchDropDown option { width: auto; background: #f4f4f4; padding: 2px 10px; color: #454545; } 
.QuickSearch input[type="text"].QuickSearchText { border: 0; padding: 3px 5px; color: #454545; float: left; margin-bottom: 0; background-color: #fff; width: 70%; height: 26px; }
.QuickSearch:has(.QuickSearchDropDownDiv) input[type="text"].QuickSearchText { width: 50%; }
.QuickSearch:has(.QuickSearchSelectedDropDownDiv) input[type="text"].QuickSearchText { width: 40%; }
.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; height: auto; padding: 0; position: relative; }

    .HeaderMenu ul { list-style: none; margin: 0px; padding: 0px; float: left; }

        .HeaderMenu ul li { display: inline-block; }

            .HeaderMenu ul li a.HyperLink { padding: 5px 15px; line-height: 30px; color: #3c3c3c; text-align: center;  vertical-align: middle; display: block; text-decoration: none; float: left; font-family: PSLxDisplay; font-size: 24px; }

                .HeaderMenu ul li a.HyperLink:hover {  color: #004297; }

            .HeaderMenu ul li:hover a.ContentMenuNavListStaticMenuItem { color: #004297; } 
    /*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 15px; line-height: 30px; text-align: center; vertical-align: middle; display: block; text-decoration: none; float: left;font-family: PSLxDisplay; font-size: 24px !important; }

    .HeaderMenu a.ContentMenuNavListStaticMenuItem:hover { color: #004297; }


    .HeaderMenu .ContentMenuNavList table.ContentMenuNavMenuListDynamicMenuItem { padding: 0; border-bottom: solid 1px #dedede; width: 100%; } 
    .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem { z-index: 0; background-color: #fdfdfd; border: 0; width: auto; }

        .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem a { z-index: 0; display: block; vertical-align: middle; color: #3c3c3c; background: none; padding: 8px 15px; width: 190px; white-space: normal; font-size: 13px !important; text-transform: uppercase; line-height: 20px; }

        .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem:hover { color: #004297; background: #f6f6f6 url(Images/Background/header-menu-drop-hover.jpg) repeat-y left top; }

    .HeaderMenu .ContentMenuNavMenuListDynamicMenuStyle { z-index: 1001 !important; margin: 0; margin-left: -1px; border: solid 1px #dedede; }

.DynamicMenuFirstLevel { top: 40px !important; }

.HeaderMenu .ContentMenuNavMenuListDynamicMenuItem img { background: transparent url("Images/Icon/arrow-left.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 { border-bottom: solid 1px #E6E6E6; border-radius: 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: 0px; margin: 5px 0; }

        .nav-container ul.menu li { float: left; display: inline; position: static !important; margin: 0; border-right: solid 1px #353535; }

    .nav-container .menu li a.HyperLink { padding: 0 28px 0 20px; height: 30px; line-height: 30px; color: #fff; text-align: center; text-transform: uppercase; font-size: 13px; display: block; text-decoration: none; background: url(Images/Icon/category-narrow-drop-hover.png) no-repeat 95% center; }

        .nav-container .menu li a.HyperLink img { display: none; }

        .nav-container .menu li a.HyperLink:hover { position: relative; z-index: 999; color: #004297; background: #000 url(Images/Icon/category-narrow-drop-hover.png)no-repeat 95% center; }

    .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: 18px; display: none; }

    .nav-container ul.menu li a.HyperLink:hover .CategoryPanel { display: block; z-index: 998; margin-top: 10px; background-color: #fff; 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 #3c3c3c; }

    .SubCategoryDataList .SubParentLink { color: #fff; text-decoration: none; line-height: 22px !important; font-weight: normal; display: block; padding: 4px 5px 4px 13px; font-size: 12px; text-transform: uppercase; white-space: normal; white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

.LeafSubCategoryDataList td { vertical-align: top; }

.LeafSubCategoryDataList .SubParentLinkDiv { text-align: left; float: left; width: 100%; background-color: #000; border-bottom: solid 1px #3c3c3c; }

.LeafSubCategoryDataList .SubParentLink { color: #fff; text-decoration: none; line-height: 22px !important; font-weight: normal; display: block; padding: 4px 0px 4px 16px; white-space: normal; font-size: 12px; text-transform: uppercase; }

.SubCategoryListStyle { height: 100%; width: 170px; }

.SubParentLink:hover { color: #004297; }

.SubCategoryPanel { clear: left; }

.SubCategoryName { float: left; font-size: 12px; width: 170px; }

.LeafCategoryLink { background: #000 url(images/bullet/bullet4.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: #004297; text-decoration: underline; }

.ViewMorePanel { float: left; margin-top: 5px; }

    .ViewMorePanel a { font-weight: normal; color: #ccc; text-decoration: none; line-height: normal; text-decoration: none; }

        .ViewMorePanel a:hover { color: #004297; text-decoration: underline; }

.SubCategoryDataList .SubCategoryItemData { color: #FFFFFF; clear: left; display: inline-block; font-size: 12px; 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; }
.HeaderShoppingCart { clear: right; float: right; line-height: 30px; margin: 5px 0; font-size: 12px; }
.HeaderShoppingCartViewCart { float: left; text-decoration: none; margin-left: 5px; border: 0; height: 25px; font-size: 16px; line-height: 22px; display: flex; align-items: center; color: #fff; }
    .HeaderShoppingCartViewCart i { color: #d7d7d7; font-size: 13px; }
.HeaderShoppingCartDiv { float: left; background-color: #012f6a; line-height: 25px; height: 28px; padding: 0 7px; border: solid 1px  #004297; color: #fff; border-radius: 5px; }
    .HeaderShoppingCartDiv:hover { border: solid 1px #004297; background-color: #004297; color: #fff; }
        .HeaderShoppingCartDiv:hover .HeaderShoppingCartViewCart i { color: #fff; }

.QuantityDiv { float: left; margin-left: 5px; }
    .QuantityDiv:after { content: "/"; }
.QuantityValue { color: #d7d7d7; }

.DiscountDiv { float: left; margin-left: 5px; }
    .DiscountDiv:after { content: "/"; }
.DiscountValue { color: #d7d7d7; }

.AmountDiv { float: left; margin: 0 5px; }

.AmountValue { color: #d7d7d7; font-weight: normal; }

.HeaderShoppingCartCheckout { float: left; background-color: #012f6a; line-height: 25px; height: 28px; padding: 0 7px; border: solid 1px #3b3b3b; margin-left: 10px; font-weight: normal; display: flex; align-items: center; border-radius: 5px; color: #fff; }
    .HeaderShoppingCartCheckout i { font-size: 16px; line-height: 22px; color: #d7d7d7; margin-left: 5px; }
    .HeaderShoppingCartCheckout:hover { border: solid 1px #004297; background-color: #004297; color: #fff; }
        .HeaderShoppingCartCheckout:hover i { color: #fff; }
.HeaderShoppingCartBraclet { float: left; }
/*Layout->Header->header-container4 End*/
/* -----------------------------------------
   Default Section
----------------------------------------- */
/* StoreBanner Begin*/
.StoreBannerOuter { width: 100%; background: #fefefe; margin-bottom: 0; padding-bottom: 0; } 
.StoreBanner { width: 100%; padding-bottom: 0; display: inline-block; }

    .StoreBanner .camera_wrap { margin-bottom: 10px !important; }

    .StoreBanner .camera_caption { bottom: 0; display: block; left: auto; position: absolute; right: -50%; width: 200%; background: rgba(14, 49, 99, 0.7); }
        .StoreBanner .camera_caption > div { background: none; text-align: center; padding: 5px 20px; }

            .StoreBanner .camera_caption > div > span { font-size: 24px; font-family: 'PSLxDisplay'; color: #fff; line-height: 30px; }

    .StoreBanner .camera_pag { bottom: -30px !important; }

    .StoreBanner .camera_pag_ul { text-align: center !important; }
    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li { background-color: #ccc; width: 12px; height: 12px; border-radius: 20px }

        .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li:hover > span { background: #012f6a; border-radius: 20px }
        .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: 12px; height: 12px; }

        .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent { background-color: #004297; }
          
    .StoreBanner .camera_target_content { overflow: inherit; }
.BannerPanel img { text-align: center; }

.BannerPanel { text-align: center; }

.BannerHeader img { max-width: 100%; max-height: 300px; margin-bottom: 5px; margin-top: 5px; }

.BannerFooter img { max-width: 100%; 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-div { position: relative; }
.banner-caption { bottom: 0; display: block; position: absolute; width: 100%; padding: 10px; text-align: center; font-size: 24px; font-family: 'PSLxDisplay';  color: #fff; background-color: rgba(59, 59, 59, 0.80); }

/*StoreBanner End*/

/*NewsEvent Begin*/
.NewsEvent { margin-bottom: 20px; clear: left; float: left; width: 100%; }
    .NewsEvent .CenterBlockTop { position: relative; }

.NewsEventList {   margin-top: 20px; display: flex; flex-wrap: wrap; }

.NewsEventItemStyle { float: left; }

.NewsEventContent { padding: 4px; position: relative; border: solid 1px #ececec; }

.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; overflow: hidden; }

.NewsEventMore { clear: left; float: right; text-align: right; background: url(Images/Bullet/more.gif) no-repeat right center; line-height: 20px; margin-top: 10px;}

.NewsEventMoreLink { padding-right: 20px; line-height: 18px; color: #454545; 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: #004297; }
/*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: 8px 0px 8px 20px; 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; line-height: 22px; }
/*[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: #454545; text-decoration: none; white-space: normal; line-height: 20px; padding: 8px 0; font-size: 13px !important; }

.CategoryNavMenuListStaticMenuItem:hover, .DepartmentNavMenuListStaticMenuItem:hover { color: #004297; }

.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: #454545; background: none; padding: 8px 10px; line-height: 20px; width: 160px; white-space: normal; font-size: 13px !important; }

.CategoryNavMenuListDynamicMenuItem:hover, .DepartmentNavMenuListDynamicMenuItem:hover { background-color: #000; color: #004297; }

.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%; }

.CategoryNavTreeListSelectedNode, .DepartmentNavTreeListSelectedNode { font-weight: normal; }

.CategoryNavTreeListNode, .DepartmentNavTreeListNode { padding: 4px 0; white-space: normal !important; width: 100%; }

.CategoryNavTreeList a, .DepartmentNavTreeList a { color: #454545; }

    .CategoryNavTreeList a:hover, .DepartmentNavTreeList a:hover { color: #004297; }

/*[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: 15px; 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; }


.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-weight: bold; font-size: 15px; clear: left; float: left; width: 100%; padding: 5px 0; 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; line-height: 20px; }

    .AddToCartNameLink .ProductName { clear: left; float: left; font-size: 13px; 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: calc(19% - 10px); margin-right: 10px; }

    .AddToCartImage img { max-width: 70px; width: auto !important; }
.AddToCartPrice { float: left; width: calc(38% - 10px); margin-left: 10px; line-height: 22px; }

.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 { margin-bottom: 20px; clear: left; float: left; width: 100%; }
.NewArrival .CenterBlockRight { margin-top: 20px; position: relative; }

.NewArrivalList { width: 100%; }

.NewArrivalItemStyle { width: 100%; vertical-align: top; position: relative; border: solid 1px #dedede; overflow: hidden; }

.NewArrivalItem { width: 100%; text-align: center; position: relative; border-bottom: solid 1px #dedede; background-color: #fcfcfc; }

.NewArrivalLabel { background-color: #B6B6B6; box-shadow: 0 4px 4px -2px #000000; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 26px; left: -40px; line-height: 16px; margin: 0; padding: 5px; position: absolute; text-align: center; top: 15px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 130px; z-index: 1; letter-spacing: 1px; }

.NewArrivalItem .CommonProductDescription { display: none; }

/** Carousel Controls **/

.jcarousel-scroll { position: absolute; right: 0; top: -45px; }
.jcarousel-control-prev, .jcarousel-control-prev.inactive:hover { float: left; width: 32px; height: 25px; text-align: center; border: solid 1px #ccc; color: #012f6a; font-size: 18px; padding-top: 3px; padding-left: 5px; border-radius: 20px 0 0 20px; }
.jcarousel-control-next, .jcarousel-control-next.inactive:hover { float: left; width: 32px; height: 25px; text-align: center; border: solid 1px #ccc; color: #012f6a; font-size: 18px; padding-top: 3px; padding-right: 5px; border-radius: 0 20px 20px 0; margin-left: 5px; }
    .jcarousel-control-next:hover { background-color: #012f6a; color: #fff; border-color: #012f6a; }
.jcarousel-control-prev:hover { background-color: #012f6a; color: #fff; border-color: #012f6a; }
.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; }

/*NewArrivalItem End*/

/*RandomProduct Begin*/
.RandomProduct { margin-bottom: 20px; clear: left; float: left; width: 100%; }
.RandomProductDataList .CommonProductItemStyle { position: relative; }

.RandomProductItem { position: relative; }
/*RandomProduct End*/

/*ProductBestSelling Begin*/
.ProductBestSelling { margin-bottom: 20px; clear: left; float: left; width: 100%; }

.ProductBestSellingDataList .CommonProductItemStyle { position: relative; }
.ProductBestSellingItem { position: relative; }
/*ProductBestSelling End*/

/*PromotionGroup Begin*/
.PromotionGroup { margin-bottom: 20px; clear: left; float: left; width: 100%; }

.PromotionGroupDataList { width: 100%; }
.PromotionGroupTitle { width: 100px; height: 21px; position: absolute; z-index: 1; right: 2px; top: 2px; }
.PromotionGroupDataList .CommonProductItemStyle { border: 0;} 
.PromotionGroupDataList div.CommonProductImage { position: relative; clear: left; border: 0; }
.CommonProductImage.PromotionGroupImage tr td { border: 0; }

.PromotionGroupDataList .CommonProductName { text-align: left; padding: 0; 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: 18px; font-weight: bold }

.PromotionGroupDataList .CommonProductImagePanel { width: 100%; text-align: center; }
    .PromotionGroupDataList .CommonProductImagePanel:hover .ViewButtonPanel { 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 { background-color: #636161; color: #fff; position: absolute; width: 60%; font-size: 13px; font-weight: bold; padding: 4px 15px; line-height: 22px; cursor: pointer; top: 45%; left: 20%; text-transform: uppercase; }

    a.ViewButton:hover { background-color: #004297; color: #fff; }

.CheckoutSpecialRequestPanel .CheckoutAddressLeftDataCheckbox label { margin-bottom: 10px; }
/*PromotionGroup End*/

/*PromotionAds Begin*/

.PromotionAds .SideBannerRight img { width: auto; }
/*PromotionAds End*/

/*Newsletter Begin*/
.Newsletter { clear: left; margin: 10px 0; }

    .Newsletter .SidebarTop { background: none; min-height: 20px; width: 100%; border: 0; padding: 0; margin: 0; }

    .Newsletter .SidebarTopTitle { clear: left; float: left; text-transform: inherit; line-height: 25px; margin-bottom: 5px; font-weight: bold; font-size: 15px; font-family: Tahoma; color: #1b1b1b; }

    .Newsletter .SidebarTopImgLeft, .Newsletter .SidebarTopImgRight, .Newsletter .SidebarBottom, .Newsletter .SidebarBottomImgLeft, .Newsletter .SidebarBottomImgRight { display: none; }

    .Newsletter .SidebarLeft { border: 0; }

    .Newsletter .SidebarRight { padding: 0; background: none; border: 0; }

.NewsletterLabel { color: #696767; clear: left; float: left; width: 100%; margin:10px 0; font-size: 13px; }
.NewsletterForm { clear: left; float: left; width: 100%; border: solid 1px #dedede; border-radius: 5px; padding: 1px; background-color: #fff; position: relative; }

input[type="text"].NewsletterTextBox { width: 68%; height: 28px; color: #454545; background-color: #fff; border: 0; margin: 0; float: left; font-size: 11px; position: relative; z-index: 1; padding: 3px; border-radius: 5px 0 0 5px; }

.NewsletterSubmit { position: relative; z-index: 0; float: left; padding: 0 5px; margin: 0; text-transform: lowercase; line-height: 28px; width: 32%; border-radius: 0 5px 5px 0;}

.CommonValidatorTextNewsLetter { display: inline; position: absolute; left: 0; top: 100%; line-height: 1; width: 100%; }
.CommonValidateDivNewsLetter { width: 67%; clear: both; }

/*Newsletter End*/

/*PaymentLogo Begin*/
.PaymentLogo { float: left; clear: left; margin-top: 15px; width: 100%; }

    .PaymentLogo img { max-height: 60px; }
    .PaymentLogo .SideBannerRight { text-align: initial; }
/*PaymentLogo End*/
/*Faceted Search Start*/

.PriceTitle { padding: 0 0 5px; vertical-align: middle; color: #454545; font-weight: bold; line-height: 24px; font-size: 13px; }

.FacetedSearchNavList { 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: 13px; }

.FacetedSearchNavList .FacetedSearchNavList { margin-left: 0; font-size: 13px; }
.FacetedSearchNavList td { color: #004297; line-height: 1.4; font-size: 13px; padding: 4px 0; }

.FacetedSearchNavList a { color: #454545; text-decoration: none; font-size: 13px; }

    .FacetedSearchNavList a:hover { color: #004297; text-decoration: underline; }

.FacetedSearchSelected { background-color: #FFFFFF; border: 1px dashed #DDDDDD; float: left; padding: 3px 5px; font-size: 13px; 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: #454545; }

    .FacetedSearchSelected a.ButtonDelete:hover { color: #ff0000; }
.FacetedSelectedBox span { font-size: 13px; }

    .FacetedSelectedBox span.GroupLabel { font-weight: bold; }
/*Faceted Search End*/
/* Mini Shopping Cart Start */ 

.MiniShoppingCartSidebarTopTitle { color: #454545; font-family: PSLxDisplayBold; font-size: 26px; line-height: 35px; }

.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; }

.MiniShoppingCart .CartDetailLabel { font-size: 12px; clear: left; float: left; width: 100% }

.MiniShoppingCart .CartDetailSubTotal { font-size: 12px; color: #454545; clear: left; float: left; width: 100% }

.MiniShoppingCartTitle .MiniShoppingCartLink {  text-decoration: underline;  font-weight: bold;}

.MiniShoppingCartLink { font-size: 12px; }

    .MiniShoppingCartLink:hover { color: #004297; }

.MiniShoppingCartQuantityAndPrice { font-size: 12px; margin-top: 5px; color: #004297; }

.MiniShoppingCartNoLink { float: left; display: block; font-weight: normal; font-size: 12px; line-height: 17px; }

.MiniShoppingCartSubTotal { font-size: 13px; color: #004297; margin-left: 10px; 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: 12px; }

.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: 12px; }

.MiniShoppingCartRecentlyPanel .RecentlyItemImage { width: 30%; padding-bottom: 5px; }

.MiniShoppingCartRecentlyPanel .RecentlyItemImageDiv { width: 100% !important; height: auto !important; }

.MiniShoppingCartRecentlyPanel .RecentlyItemName { font-size: 12px; padding-left: 10px; padding-bottom: 5px; }

.MiniShoppingCartRecentlyPanel .RecentlyItemDelete { font-size: 11px; 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 .Catalog .CategoryDescription { display: none; }

.Catalog .CatalogBannerImage { clear: left; float: left; width: 100%; margin-bottom: 10px; }
/*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: #454545; font-family: PSLxDisplayBold; font-size: 26px;  width: 100%; clear: left; float: left;  }

.CatalogImageDescription { display: none; }
/*CatalogImage End*/
/*CatalogBreadcrumb Begin*/
.CatalogBreadcrumb { color: #004297; font-weight: normal; font-size: 12px; line-height: 20px; }

    .CatalogBreadcrumb a { text-decoration: none; }

        .CatalogBreadcrumb a:hover { }

.CatalogBreadcrumbNodeStyle { display: block; float: left; color: #454545; 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: 20px; display: block; float: left; }

.CatalogBreadcrumbRootNodeStyle { display: block; float: left; }
.CatalogBreadcrumbCurrentNodeStyle { display: block; float: left; color: #004297; }
/*CatalogBreadcrumb End*/

/*ProductListViewType Begin*/
.OptionControlTitle { float: left; margin-right: 5px; }

/*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; width: 100%; color: #454545; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; background-color: #f8f8f8; }

.ProductListDefaultItemPerPage select { float: left; margin-right: 5px; margin-top: 5px; width: auto; background-color: #f9f9f9; }

.ProductListDefaultSortUpDown select { float: left; margin-right: 5px; margin-top: 5px; width: auto; background-color: #f9f9f9; }

.ProductItemIconSort { margin-top: 13px; float: left; }

.ProductListDefaultPagingControl { clear: both; color: #454545; float: left; line-height: 27px; margin: 10px 0; padding: 10px 0; width: 100%; border-top: solid 1px #eee; }

.ProductItemPaging { float: right; margin-left: 10px; font-size: 13px; }

.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: 4px; margin-top: 4px; width: auto; background-color: #fff; }

.ProductListGridListSortUpDown select { float: left; margin-right: 4px; margin-top: 4px; width: auto; background-color: #fff; }
/*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: none; text-align: left; font-size: 12px; }
/* Common LinkToTop Style End */
/* Common Pagin Style Begin */
.PagingPrev { background: url(Images/Icon/icon-prev.gif) no-repeat left center; padding-left: 10px; font-size: 13px; }

.PagingNext { background: url(Images/Icon/icon-next.gif) no-repeat right center; padding-right: 10px; font-size: 13px; }

.PagingNumber { color: #888; text-decoration: none; background-color: #e9e9e9; display: inline-block; height: 24px; line-height: 18px; min-width: 24px; padding: 2px; text-align: center; border-radius: 50px; }

.PagingCurrent { color: #fff; background-color: #004297; display: inline-block; height: 24px; line-height: 18px; min-width: 24px; padding: 2px; text-align: center; border-radius: 50px; }

.PagingPrev:hover, .PagingNext:hover { color: #004297; }
.PagingNumber:hover { background-color: #454545; color: #fff; }

.PagingPrev[disabled], .PagingNext[disabled] { color: #999; text-decoration: none; }
/* Common Pagin Style End */
/* Common ItemCount Style Begin */
.ProductItemCountItemCount { float: left; font-size: 12px; color: #515151; }
/* Common ItemCount Style End */
/*Common Product other button style [wishlist / tell friend] Begin*/
.AddToWishListButtonLinkButton .TellFriendLinkButton {  display: block; font-size: 12px; height: 20px; line-height: 20px; margin: 0 0 5px; padding: 0 0 0 20px; text-align: left; text-decoration: none; width: 100%; }

/*Common Product other button style [wishlist / tell friend] End*/
/*Common Category List [Layout] Begin*/
.CategoryListDefaultPageItemControlDiv, .DepartmentListDefaultPageItemControlDiv, .ManufacturerListDefaultPageItemControlDiv { clear: both; float: left; line-height: 30px; margin: 0 0 15px; padding: 3px; width: 100%; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; background-color: #f8f8f8; } 
    .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: 4px 10px 0 0; width: auto; background-color: #fff; }

.CategoryListItemDefaultTable { margin-left: auto; margin-right: auto; }

.CategoryListDefaultDataList { width: 100%; clear: left; margin-bottom: 30px; }

.CategoryListDefaultDataListHeader { text-align: center; }

.CategoryListItemDefaultImageColumn { height: 140px; background-color: #fff; border: solid 1px #ededed; padding: 5px; }

.CategoryListItemDefaultImageDiv { width: 140px; text-align: center; }

    .CategoryListItemDefaultImageDiv img { height: auto !important; max-height: 130px; max-width: 140px; width: auto !important; }

.CategoryListItemDefaultNameDiv { text-align: center; margin-top: 5px; margin-bottom: 15px; width: 150px; }

.CategoryListDefaultDataListItem { vertical-align: top; }
/*Common Category List [Layout] End*/
/*Department List [Layout] Begin*/
.DepartmentListItemDefaultTable { margin: 0 auto; width: 200px; }

.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: 100%; height: 200px; display: flex; align-items: center; justify-content: center; padding: 3px; }

    .DepartmentListItemDefaultImageDiv img { height: auto !important; width: auto !important; max-height: 200px;  }

.DepartmentListItemDefaultNameDiv { text-align: center; margin-top: 5px; margin-bottom: 20px; width: 100%; }

    .DepartmentListItemDefaultNameDiv a {  font-weight: bold; text-decoration: none; }

.DepartmentListDefaultDataListItem { vertical-align: top; width: 50%; padding-left: 10px; padding-right: 10px; }

.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 20px; line-height: 24px; }

.ProductItemControlPanel .CategoryDescriptionDiv { margin: 15px 0px 25px 0; padding: 0 20px; line-height: 24px; }

.CatalogControlPanel .CategoryDescriptionDiv { display: none; }
/* CategoryListItemDefault3 End */


.ProductListItemColumn2TellFriendPanel, .ProductListItemColumn2AddtoWishListPanel { display: inline-flex; margin: 4px; z-index: 0; position: relative; align-items: center; line-height: 22px; }
    .ProductListItemColumn2TellFriendPanel i, .ProductListItemColumn2AddtoWishListPanel i { color: #0c79cc; margin-right: 3px; font-size: 12px; }
.AddToWishListButtonLinkButton:hover, .TellFriendLinkButton:hover { color: #004297; }

.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: 0; }

.ProductDetailsResponsive { width: 100%; line-height: 30px; }

    /*---- Section 1 ----*/
    .ProductDetailsResponsive .ProductQuickInfoName { font-size: 30px; font-family: PSLxDisplayBold; 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: #004297; }

.ProductDetailsResponsiveRemainQuantityParagraphDetail { color: #004297; }

.ProductQuickInfoRating { clear: left; float: left; width: 100%; margin-bottom: 10px; }

    .ProductQuickInfoRating .RatingCustomerRatingControlDiv { display: inline-block; float: left; }

    .ProductQuickInfoRating .RatingCustomerMessageDiv { display: inline-block; margin-left: 5px; line-height: 15px; }

        .ProductQuickInfoRating .RatingCustomerMessageDiv > span { color: #004297; }

    .ProductQuickInfoRating .StarRating { min-width: 150px; } 

.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: #fafafa; 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: #fafafa; background-image: none; }
    .ProductDetailsResponsive .FreeShippingLabel i { color: #d83535; margin-right: 3px; font-size: 16px; }
.ProductDetailsResponsive .PercentLabel { color: #ff3737; margin-left: 0px; }

.QuantityDiscountFreeShippingDiv { clear: both; float: left; width: 100%; margin-bottom: 10px; }


.CustomerReviewsItemByColumn { font-size: 13px; color: #707f84; 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%; }
.CustomerReviewsItemBodyColumn { padding-bottom: 10px; }

.ProductDetailsResponsiveOurPrice { color: #be0000; font-size: 20px; padding-top: 7px !important; }

.ProductQuickInfoPrice { clear: both; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }

    .ProductQuickInfoPrice .DiscountPercent { font-size: 0; text-transform: uppercase; float: left; margin-right: 20px; padding: 3px 8px; background-color: #be0000; }

        .ProductQuickInfoPrice .DiscountPercent .PercentLabel { font-size: 14px; text-transform: uppercase; color: #fff; display: block; line-height: 18px; }

        .ProductQuickInfoPrice .DiscountPercent .PercentValue { font-size: 20px; color: #fff; font-weight: bold; }

    .ProductQuickInfoPrice .Price { float: left; font-size: 0; padding: 3px 0; }

        .ProductQuickInfoPrice .Price .RetailPriceValue { font-size: 16px; clear: left; float: left; line-height: 20px; }

        .ProductQuickInfoPrice .Price .OurPriceValue { font-size: 24px; clear: left; float: left; font-weight: bold; line-height: 28px; }

.ProductDetailsResponsiveQuantitySpan { float: left; margin-top: 7px; margin-right: 7px; }

.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: #454545; 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: 18px; color: #454545; line-height: 36px; }

.ProductDetailsResponsive .RelatedProductsTopTitle { display: none; }

.RelatedProductsDetailsNameDiv a { font-size: 13px; }

.RelatedProductsDatalist { width: 100%; }

.RelatedProductsItemTable { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; width: 100%; padding: 10px 0; }

.ProductDetailsResponsive .RelatedProductsDetailsPriceDiv { color: #004297; font-size: 13px; font-weight: lighter; margin-top: 5px; }

.ProductDetailsResponsive .StarRatingSummaryTable, .StarRatingSummaryTableInner { width: 101%; }
.StarRatingSummaryDetailsColumn { width: 300px; }
.StarRatingSummaryTableInnerOurStarColumn { width: 30%; }

.ProductDetailsResponsive .StarRatingSummaryTable tr { display: table-cell; }
    .ProductDetailsResponsive .StarRatingSummaryTable tr:first-child { width: 80%; }
.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: #004297; }

.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; }

.ProductQuickInfoAddToCart { clear: left; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
    .ProductQuickInfoAddToCart .CallForPrice { clear: left; float: left; width: auto!important; margin-top: 10px; margin-bottom: 10px; border: solid 1px #b6c8de; background-color: #f5f9ff; padding: 8px 20px }
.ProductDetailsResponsiveOurPrice.CallForPrice { font-size: 16px;}
.ProductDetailsResponsiveAddToCart { float: left; margin: 0 0 5px; }

.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; color: #454545; font-size: 13px; line-height: 22px; }


.ProductDetailsResponsive .ProductDetailsResponsiveDescriptionDivTitle { clear: both; font-size: 15px; font-weight: bold; line-height: 30px; margin-bottom: 10px; border: 0; color: #454545; border-bottom: solid 1px #ededed; padding: 5px 0; }

.ProductDetailsResponsiveQuantityDiv { clear: left; float: left; line-height: 40px; margin-bottom: 10px !important; display: flex; }

    .ProductDetailsResponsiveQuantityDiv .QuantityText { font-size: 16px; font-weight: bold; }

    .ProductDetailsResponsiveQuantityDiv .CommonTextBox { width: 100px; height: 40px; padding: 5px; margin-left: 20px; text-align: center; border: 1px solid #acacac; font-size: 16px; margin-right: 10px; }

.ProductAttributePanel { clear: left; float: left; width: 100%; }
.ProductDimensioPanel { clear: left; float: left; width: 100%; }
.ProductDetailsResponsiveOptionDiv { clear: left; float: left; width: 100%; margin-top: 20px; }
 
.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 #ededed; border-bottom: solid 1px #ededed; 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: #004297; }
.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: #004297; }
.Product .AddToWishListButtonLinkButton { margin-left: 5px; }


/*ProductDetailsResponsive End*/
/*OptionGroupDetails Begin*/
.OptionGroupDetailsTitleRight span { color: #000; font-weight: normal; }
/*OptionGroupDetails End*/
/*OptionItemDetails Begin*/
.OptionDisplayText { font-size: 14px; font-weight: bold; }

.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: #454545; }

.OptionDisplayText { font-weight: bold; }
.OptionItemName { font-size: 13px; }
.OptionPrice { font-size: 13px; }

.OptionItemDetailsTable { width: 100%; }
.ProductDetailsResponsiveOptionDiv .OptionDisplayText { font-size: 14px; text-decoration: underline; }
.OptionPrice { color: #004297; }
/*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 span.OptionItemName { font-size: 13px; }

        .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*/

/* IntroductionMessage Begin */
.IntroductionMessagePanel { clear: left; display: inline-block; margin: 0 0 25px; width: 100%; }  
.IntroductionMessage { font-size: 14px; line-height: 25px; text-align: justify; } 
/* IntroductionMessage End */

/*LikeBoxWidget Begin*/
.LikeBoxWidget .fb_iframe_widget { width: 100% !important; }

.WidgetPanel { width: 100%; }

.fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; }
/*LikeBoxWidget 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-top: 10px; margin-bottom: 10px; }

    .FeaturedMerchants .SidebarTop { display: none; }

    .FeaturedMerchants .SidebarRight { display: flex; flex-wrap: wrap; }

.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-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; width: auto !important; }
/*ManufacturerTab End*/
/*ManufacturerList [Layout] Begin*/
.ManufacturerListItemDefaultTable { margin: 0 auto; width: 150px; }

.ManufacturerListDefaultDataList { width: 100%; clear: left; }

.ManufacturerListDefaultDataListHeader { text-align: center; }
/*ManufacturerList [Layout] End*/
/*ManufacturerList [Layout>Controls] Begin*/
.ManufacturerListItemDefaultImageColumn { height: 140px; background-color: #fff; border: solid 1px #E5E5E5; padding: 5px; }

.ManufacturerListItemDefaultImageDiv { width: 140px; text-align: center; }

    .ManufacturerListItemDefaultImageDiv img { height: auto !important; width: auto !important; }

.ManufacturerListItemDefaultNameDiv { text-align: center; margin-top: 5px; margin-bottom: 15px; width: 150px; }

    .ManufacturerListItemDefaultNameDiv a { font-weight: bold; text-decoration: none; } 

.ManufacturerListItem1DescriptionDiv { margin-bottom: 10px; }

.ManufacturerListItemDefaultDescriptionColumn { display: 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: 20px; }

.PromotionItem .SidebarRight { background-color: #fff; border: 0; padding: 15px 0; }

.PromotionItem .Content { padding: 13px 0; }

.PromotionItem .NameLabel { clear: left; float: left; color: #454545; font-size: 26px; vertical-align: middle; font-family: PSLxDisplayBold; line-height: 30px; }

.PromotionItem .PriceLabel { float: left; color: #004297; font-size: 18px; vertical-align: middle; margin-left: 20px; line-height: 22px; }

.PromotionItem .DiscriptionLabel { clear: left; float: left; width: 100%; vertical-align: middle; margin: 10px 0px 15px 0px; font-size: 14px; }
    .PromotionItem .DiscriptionLabel p { font-size: 14px; }
    .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; }

.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: #454545; float: left; margin-right: 6px; margin-top: 6px; width: auto; }

    .PromotionItem .ProductDetailsDefaultLikeButtonDiv .facebook-button { float: left; display: flex; }
    .PromotionItem .ProductDetailsDefaultLikeButtonDiv .tweet-button, .PromotionItem .ProductDetailsDefaultLikeButtonDiv .line-button, .PromotionItem .ProductDetailsDefaultLikeButtonDiv .gplus-button { float: left; padding-left: 5px; }

.PromotionItem.SocialButton { position: absolute; top: 100px; left: 20px; z-index: 1; }
.PromotionItem .PromotionDetailsDefaultImageAddtoCart { margin-top: 10px; float: right; width: 49%; }
    .PromotionItem .PromotionDetailsDefaultImageAddtoCart .BtnStyle1 { padding: 2px 20px; float: left;  min-width: 150px }
.PromotionItem .PromotionDetailsDefaultImageTellFriendImage { float: left; margin-top: 10px; width: 49%; }
    .PromotionItem .PromotionDetailsDefaultImageTellFriendImage a.BtnStyle4 { float: right; margin-right: 0; padding: 2px 20px; min-width: 150px }
/*Promotion Item End*/

/*Promotion Product Group Begin*/
.PromotionProductGroup { border: solid 1px #d7d7d7; 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; line-height: 24px; background-color: #eee; color: #848484; border-color: #ccc; }
    .ProductOption .BtnStyle3:hover { background-color: #454545; color: #fff; }
/*Promotion Product Group End*/
/* Promotion Product Item Begin */
.PromotionProductGroupDataList { margin: 0 auto; }

    .PromotionProductGroupDataList tr { display: inline; }

        .PromotionProductGroupDataList tr td { display: inline-block; }

    .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%; margin: 5px 7.5%; position: relative; padding-bottom: 10px; }

    .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; font-weight: bold; }

.PromotionProductItem .ProductImage { width: 75px; margin-bottom: 10px; text-align: left; float: left; left: 15%; position: relative; }

.PromotionProductItem .ProductName { margin-bottom: 10px; }

.PromotionProductItem .ProductQuantity { font-weight: normal; font-size: 14px; }

    .PromotionProductItem .ProductQuantity .ProductQuantitySign { color: #004297; font-weight: bold;  }

.PromotionProductItem .ProductPrice { text-decoration: line-through; color: #fe5655; 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: 360px; height: auto; border-top: 0; -webkit-box-shadow: 0px 0px 10px 0px #555; box-shadow: 0px 0px 10px 0px #555; border-collapse: separate; }
    .PromotionProductItem .OptionPanel .OptionGroupDetailsDataListItemStyle { width: 100%; }
    .PromotionProductItem .OptionPanel .OptionGroupDetailsTitleLeft { font-size: 15px; margin-bottom: 10px; text-decoration: underline; font-weight: bold; }
.PromotionProductItem .OptionButton { clear: left; display: table; margin: 15px auto 0; text-align: center; }
    .PromotionProductItem .OptionButton a { width: 100px; margin-left: 5px; margin-right: 5px; }
.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 { margin: 5px 0px; font-size: 15px; }

.PromotionGroupListItemPriceLabel { float: left; margin-right: 10px; }

.PromotionGroupListItemPriceValue { float: left; font-weight: bold; color: #004297; font-size: 14px; }

.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: right; padding: 5px 0px; text-align: right; margin-right: 28%; }

.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: 160%; height: 150px; }

.ContactUsCaptcha { float: left; width: 65%; clear: left; }

.ContactUsCompanyInfo { margin: 0 10px 10px; padding-right: 15%; float: left; margin-left: 0; }

.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: #454545; }

.CommonUserLoginMessageFailure { margin-top: 5px; margin-bottom: 10px; color: #454545; }

.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: #454545; float: left; font-size: 16px; font-weight: bold; margin: 10px 0; }

.CommonUserLoginPanelDescription, .CommonUserLoginRegisterDescription, .CommonSkipLoginDescription, .CommonAffiliateRegisterDescription { clear: left; float: left; width: 100%; margin: 10px 0; }

.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: 11px; 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/Bullet5.gif) no-repeat left 7px; padding-left: 16px; }

/*CommonUserLogin [UserLogin, AffiliateLog
.ContentLayoutRight .NoteText {
    color: #454545;
}
/*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 10px; border-bottom: solid 1px #e4e4e4; margin-top: 15px; }

.StoreSiteMapInformationTop, .StoreSiteMapProductTop, .StoreSiteMapDepartmentTop { margin: 10px 0; width: 99%; line-height: 30px; }

.StoreSiteMapInformationTopTitle, .StoreSiteMapProductTopTitle, .StoreSiteMapDepartmentTopTitle { color: #454545; font-weight: bold; font-size: 16px; }

.StoreSiteMapInformationLeft, .StoreSiteMapProductLeft, .StoreSiteMapDepartmentLeft { padding: 20px 5px; }

.StoreSiteMapProductItemTopBreadcrumbPanel, .StoreSiteMapDepartmentItemTopBreadcrumbPanel { color: #004297; }
 

        .StoreSiteMapProductItemTopBreadcrumbPanel a:hover,
        .StoreSiteMapDepartmentItemTopBreadcrumbPanel a:hover { text-decoration: none; }

.StoreSiteMapProductList, .StoreSiteMapDepartmentList { list-style: none; margin: 0px; padding: 0; }

.StoreSiteMapProductListItem, .StoreSiteMapDepartmentListItem { margin-left: 10px; margin-top: 5px; padding-left: 15px; background: url(Images/Bullet/Bullet5.gif) no-repeat left 12px; }

    .StoreSiteMapProductListItem a, .StoreSiteMapDepartmentListItem a { text-decoration: none; }

        .StoreSiteMapProductListItem a:hover, .StoreSiteMapDepartmentListItem a:hover { text-decoration: underline; }

.StoreSiteMapProductDataList, .StoreSiteMapDepartmentDataList { width: 100%; }

.StoreSiteMapProductDataListItemStyle, .StoreSiteMapDepartmentDataListItemStyle { vertical-align: top; width: 50%; padding-right: 10px; }

.StoreSiteMapInformationTopImgLeft, .StoreSiteMapInformationTopImgRight, .StoreSiteMapInformationBottom { display: none; }
/*StoreSitemap End*/
/*NewsletterPage Begin*/
.NewsletterPageTable { display: table; margin: auto; width: 450px; border: solid 1px #b6c8de; background-color: #f5f9ff; 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: 12px; padding: 3px; height: 24px; }

.AdvancedSearchText { float: left; padding-top: 1px; width: 35%; }

.AdvancedSearchTextBox { font-size: 12px; }

.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: 25px; }

.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 { margin-bottom: 15px; }

.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: right; 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: #454545; font-size: 12px; text-transform: uppercase; text-decoration: underline; background: url(Images/Bullet/Advance-Search-toggle-show.gif) no-repeat right center; padding-right: 32px; }

.HideAdvancedSearchLinkButton { float: right; color: #454545; font-size: 12px; text-transform: uppercase; text-decoration: underline; background: url(Images/Bullet/Advance-Search-toggle-hide.gif) 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: #454545; 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: #004297; }

.AccountDetailsButtonDiv { margin-top: 10px; text-align: right; float: right; clear: both; }

.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; border: solid 1px #b6c8de; background-color: #f5f9ff; 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: #454545; float: left; font-size: 12px; }

.SearchFilterValueRangePanel, .SearchFilterDateRangePanel, .SearchFilterTextPanel, .SearchFilterBooleanPanel { margin-top: 5px; margin-bottom: 10px; background-color: #f9f9f9; border: dashed 1px #d7d7d7; 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 #e4e4e4; }

.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: #454545; 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: #454545; line-height: 24px; }

.GiftCertificateValueColumn { color: #004297; 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; }


.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: #454545; }

    .CustomerReviewProductDetail .RatingCustomerDiv { float: left; }

    .CustomerReviewProductDetail .RatingCustomerMessageDiv { font-size: 13px; }

    .CustomerReviewProductDetail .InfoShortDescription { clear: left; float: left; margin: 10px 0; width: 100%; font-size: 13px; line-height: 22px; }

    .CustomerReviewProductDetail .RetailPriceValue { clear: left; float: left; width: 100%; font-size: 13px; 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: #454545; 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: #454545; 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: #454545; 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: #454545 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: 15px; font-family: tahoma; }

.GenericErrorContent p {  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: #454545; 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: #004297; }

.ContentMenuNavMenuListDynamicMenuItem { z-index: 0; }

    .ContentMenuNavMenuListDynamicMenuItem a { z-index: 0; display: block; vertical-align: middle; color: #454545; background: none; padding: 8px 15px; width: 160px; white-space: normal; font-size: 14px !important; }

    .ContentMenuNavMenuListDynamicMenuItem:hover { background-color: #f2f2f2; color: #004297; }

.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: #004297; }
/*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*/
.RecentlyViewedBoxList .SidebarRight { padding-left: 0; padding-right: 0; }
.RecentlyViewedList { width: 100%; }
    .RecentlyViewedList a { padding: 3px 0px; width: inherit; vertical-align: middle; display: block; color: #454545; font-size: 12px; text-decoration: none; white-space: normal; }


    .RecentlyViewedList .ImageRecentPost { width: 25%; display: table-cell; }

    .RecentlyViewedList .RecentlyItemImageDiv { width: 90% !important; height: auto !important; }

    .RecentlyViewedList .RecentlyItemName { color: #000; 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: 40px; line-height: 35px; vertical-align: middle; text-align: left; font-size: 140%; font-weight: normal; float: right; margin-top: 20px; }

    .OnePageCheckout div.CommonPageTop:first-child { margin-top: 0; }

    .OnePageCheckout .CommonPageTopTitle { font-size: inherit; }

    .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: #004297; }
/* 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; }
/* ---------- MyAccount Master Begin --------- */
.account-left-col { border-right: solid 1px #f1f1f1; }

/* MyAccountMenuList Begin */
.MyAccountMenuList .SidebarTop { border-bottom: 0; background: url(Images/Bullet/account_icon.jpg) no-repeat left center; min-height: 50px; padding-left: 50px; }

.MyAccountMenuList .SidebarTopTitle { padding-left: 0; display: inline-block; font-size: 22px; color: #012f6a; line-height: 30px; clear: left; width: 100%; font-weight: normal; }

.MyAccountMenuList .MyAccountMenuListLoginName { font-size: 13px; color: #454545; }

.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: #454545; padding-left: 24px; background: url(Images/Bullet/accountbullet.png) no-repeat left center; font-size: 14px; }

        .MyAccountMenuTableList a:hover, .MyAccountMenuTableList a:active { color: #004297; padding-left: 24px; 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: #454545; border-bottom: solid 1px #ccc; }

.MyAccountInfoPanel .MyAccountInfoSubmitButton { float: right; margin-top: 5px; }

    .MyAccountInfoPanel .MyAccountInfoSubmitButton a.BtnStyle4 { background: url(Images/Icon/down.gif) no-repeat right center; line-height: 20px; padding: 0 20px 0 0; font-size: 12px; font-weight: normal; border: 0; color: #5B5B5B; text-decoration: underline; margin: 0; }

.MyAccountInfoPanel .Value { clear: left; float: left; width: 100%; padding: 3px 0; color: #454545; }

.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: #454545; font-weight: bold; }

.MyAccountMessagePanel .Value { clear: left; float: left; width: 100%; font-size: 14px; line-height: 22px; color: #454545; }

.MyAccountTitle { clear: left; float: left; width: 100%; font-size: 16px; margin: 5px 0 15px; font-weight: bold; padding: 5px 0; line-height: 30px; color: #454545; }

.MyAccountInfoPanel .AffiliateSubmitButton { float: right; clear: left; margin: 60px 0 0; }

.ShippingAddressBookPanel .Title { margin: 0; }

.MyAccountChangePasswordLink { clear: left; }

    .MyAccountChangePasswordLink:hover { color: #004297; text-decoration: none; }
/* MyAccountDashboard End */

/*ShippingAddressBook Begin*/
.ShippingAddressBookList { clear: left; float: left; width: 100%; border-bottom: dotted 2px #e4e4e4; }

    .ShippingAddressBookList tr { display: table-cell; width: 48%; margin-right: 2%; float: left; }

.AccountDetailsShippingItemInfoPanel { width: 100%; clear: left; float: left; margin: 10px 0 20px; }

.ShippingAliasNameTitle { clear: left; float: left; width: 55%; font-size: 15px; line-height: 25px; color: #454545; margin-bottom: 10px; }

.ShippingAddress { float: right; width: 40%; }

.ShippingAddressData { float: left; width: 100%; padding: 2px 0; color: #454545; }

.ShippingAddressLabel { }

.ShippingAddressShippingResidentialPanel { }

.ShippingAddressLinkPanel { clear: left; float: left; width: 30%; margin: 10px 0; }

    .ShippingAddressLinkPanel .BtnStyle2 { width: 100%; display: block; padding: 0; margin: 10px 0; font-size: 12px; }

.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 { }

    .PasswordDetailsSubmitLinkButton:hover { background-color: #000; }

.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: 6%; }

.OrderHistoryGridOrderDateHeaderStyle { width: 16%; }

.OrderHistoryGridTotalHeaderStyle { width: 16%; }

.OrderHistoryGridTrackingHeaderStyle { }

.OrderHistoryGridStatusHeaderStyle { width: 15%; }

.OrderHistoryGridItemStyle a { background: url(../../Images/Design/Icon/View-icon.svg) no-repeat bottom center; min-height: 25px; min-width: 25px; margin: 5px; display: block; }

    .OrderHistoryGridItemStyle a:hover { background-position-y: top; transition: initial; }
/*OrderHistory End*/

/*RewardPoint Begin*/
.RewardPointItemsPerPageDiv .OptionControlTitle { margin-right: 0; }

.RewardPointGridOrderIDHeaderStyle, .RewardPointGridOrderIDItemStyle, .RewardPointGridTotalFooterStyle { text-align: left; padding-left: 20px; width: 30%; }

.RewardPointGridTotalFooterStyle, .RewardPointGridPointFooterStyle, .RewardPointGridReferenceHeaderStyle { text-align: left; font-weight: normal; }

.RewardPointGridOrderDateHeaderStyle, .RewardPointGridPointItemStyle, .RewardPointGridPointItemStyle { text-align: left; 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: #454545; }

.WishListGridViewRowStyle { border-bottom: solid 1px #e4e4e4; background-color: #fff; }

.WishListGridView .ImageHeader { width: 15%; }

.WishListGridView .ImageItem { text-align: left; border-right: solid 1px #e4e4e4; }

.WishListGridView .ImageItemDiv { margin: 10px 5%; width: 90%; text-align: center; }

.WishListGridView .DeleteHeader { width: 5%; }

.WishListGridView .DeleteItem { text-align: center; border-left: solid 1px #e4e4e4; }

.WishListGridView .NameHeader { text-align: center; }

.WishListGridView .NameItem { text-align: center; }

.WishListGridView .PriceHeader { width: 17%; }

.WishListGridView .PriceItem { text-align: center; border-left: solid 1px #e4e4e4; font-size: 14px; }

.WishListGridView .QuantityHeader { width: 13%; }

.WishListGridView .QuantityItem { text-align: center; border-left: solid 1px #e4e4e4; }

.WishListGridView .AddToCartHeader { width: 17%; }

.WishListGridView .AddToCartItem { text-align: center; border-left: solid 1px #e4e4e4; 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: #454545; }

.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: #454545; 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%; font-size: 13px; }

.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: #454545; }

.AccountDetailsDiv .CountryAndStateListDropDown, .CustomerRegisterCityStatePanel .CountryAndStateListDropDown, .ClientCityStatePanel .CountryAndStateListDropDown { width: 30%; float: left; padding: 3px; border: solid 1px #c1c1c1; margin: 5px 1% 5px 0; font-size: 13px; }

.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: #004297; 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: #004297; }
/*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 { line-height: 35px; margin-top: 10px; text-align: left; vertical-align: middle; font-family: PSLxDisplayBold; font-size: 30px; line-height: 35px; font-weight: normal; width: 100%; border-bottom: solid 2px #e7e7e7; padding-bottom: 3px; }

    .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: 101%; background-repeat: no-repeat; }

        .CheckoutIndicatorTable a:hover { color: #004297; }

    .CheckoutIndicatorTable .LoginOn a { background-image: url(Images/CheckoutPanel/LoginOn.svg); color: #004297; }

    .CheckoutIndicatorTable .LoginPassed a { background-image: url(Images/CheckoutPanel/LoginPassed.svg); color: #004297; font-weight: bold; }

    .CheckoutIndicatorTable .AddressOff a { background-image: url(Images/CheckoutPanel/AddressOff.svg); }

    .CheckoutIndicatorTable .AddressOn a { background-image: url(Images/CheckoutPanel/AddressOn.svg); color: #004297; font-weight: bold; }

    .CheckoutIndicatorTable .AddressPassed a { background-image: url(Images/CheckoutPanel/passed.svg); color: #004297; font-weight: bold; }

    .CheckoutIndicatorTable .ShippingOff a { background-image: url(Images/CheckoutPanel/ShippingOff.svg); }

    .CheckoutIndicatorTable .ShippingOn a { background-image: url(Images/CheckoutPanel/ShippingOn.svg); color: #004297; font-weight: bold; }

    .CheckoutIndicatorTable .ShippingPassed a { background-image: url(Images/CheckoutPanel/passed.svg); color: #004297; font-weight: bold; }

    .CheckoutIndicatorTable .PaymentOff a { background-image: url(Images/CheckoutPanel/PaymentOff.svg); }

    .CheckoutIndicatorTable .PaymentOn a { background-image: url(Images/CheckoutPanel/PaymentOn.svg); color: #004297; font-weight: bold; }

    .CheckoutIndicatorTable .PaymentPassed a { background-image: url(Images/CheckoutPanel/passed.svg); color: #004297; font-weight: bold; }

    .CheckoutIndicatorTable .SummaryOff a { background-image: url(Images/CheckoutPanel/SummaryOff.svg); }

    .CheckoutIndicatorTable .SummaryOn a { background-image: url(Images/CheckoutPanel/SummaryOn.svg); color: #004297; 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: #2a353c; }

    .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 { padding: 0 0 5px;  }

    .GiftCouponDetailBox .SidebarRight { border: 0; padding: 0; }

.GiftCouponDetailRightMenu { clear: left; float: left; width: 100%; }

.GiftCouponDetailRightMenuTable { width: 100%; }

    .GiftCouponDetailRightMenuTable .InputTextBox { width: 70%; float: left; padding: 5px; height: auto; }

    .GiftCouponDetailRightMenuTable a.GiftCouponDetailButton { width: 30%; float: right; padding: 2px 0; margin: 0; font-size: 13px; line-height: 24px; }

.GiftCouponDetailValidateDiv { width: 70%; clear: both; }

.GiftCouponDetailRightMenuTable .GiftCouponDetailValidatorText { margin: 0; }

.GiftCouponDetailRightMenuTable .CommonHyperLink { text-decoration: underline; }

.GiftCouponLabel { font-size: 13px; clear: left; float: left; width: 100%; line-height: 24px; margin: 5px 0; }
/* GiftCouponDetailRightMenu End */


/* 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: #454545; 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 { float: right; width: auto!important} 

.CheckoutSpecialRequestPanel { clear: left; float: left; width: 100%; }

.CheckoutAddressLong { clear: left; float: left; width: 72.7%; margin-left: 18.5%; }

.CheckoutSpecialRequestPanel .CheckoutAddressLong { margin: 0 0 15px 18%; }

.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: #454545; 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; }

.BtnCheckoutNext { float: right; margin: 0; padding: 3px 50px; }
/* 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; margin: 20px 0 0; } 
    .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; } 

.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%; color: #79868c; }

.DirectPaymentSaleContent .CommonFormLabel { font-weight: lighter; }

.DirectPaymentSaleContent { font-weight: lighter; }

    .DirectPaymentSaleContent .CommonDropDown { color: #79868c; 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: #454545; 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 { color: #004297; 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: #004297; }

.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*/

.ProductDetailsImageRowOverlayArea { margin: auto; position: relative; }

/*Exception*/
.CheckoutShippingInfoPanel .SidebarTop { min-height: 0px; }
 

/*------ 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 { width: 100%; line-height: 20px; font-size: 12px; background-color: #F9F9F9; border-bottom: 1px solid #DEDEDE; }
    .CatalogBreadcrumbDiv .row { padding: 10px 0; }

.ContentMenuSitemapDiv { width: 100%; line-height: 20px; font-size: 12px; background-color: #F9F9F9; border-bottom: 1px solid #DEDEDE; }
    .ContentMenuSitemapDiv .row { padding: 10px 0;  }
.ContentMenuSitemapPanel { line-height: 20px; }
 
a.sitemap-link { float: left; }

span.sitemap-seperator { float: left; padding: 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: #004297; }
/*ContentBreadcrumb End*/
/*ContentItemList Begin*/
ul.root { list-style: none; margin: 0; padding: 0; }

    ul.root li.parent { line-height: 20px; 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: 20px; margin: 0; padding: 0; clear: left; float: left; width: 100%; position: relative; }

ul.root-1 { clear: left; float: left; list-style: none; line-height: 20px; margin: 0 0 15px 30px; padding: 0; }

    ul.root-1 ul.root-1 { margin-bottom: 0; }

    ul.root-1 li.child { line-height: 20px; 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: 20px; margin-bottom: 15px; }

ul.root-1 a.root-link { line-height: 20px; 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: 20px; }

.countContent { clear: left; float: right; line-height: 20px; text-align: right; position: absolute; top: 12px; right: 0; }

ul.root a.root-link:hover, ul.root a.leaf-link:hover { }

 
/*ContentItemList End*/
.PaymentConfirmationDiv .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years { width: 163px !important; }

.PaymentConfirmationDiv .ajax__calendar_body { width: 163px !important; }

.info-div { float: right; line-height: 40px; margin: 0 0 0 10px; }

.line-div { float: right; line-height: 40px; margin: 0; } 
    .line-div a.LineID { padding-left: 5px; font-weight: bold; } 

.tel-div { float: left; margin-right: 10px; display: flex; align-items: center; } 
    .tel-div i { display: none; }

.TelNum a { padding-left: 5px; font-weight: bold; } 
.account-div { float: right; display: flex; align-items: center; flex-direction: row-reverse; }

/*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*/

.ProductAttributeTitleDiv { width: 100%; float: left; clear: left; font-size: 15px; line-height: 30px; margin-top: 10px !important; padding: 5px 0; font-weight: bold; }

.ProductDimensionTitleDiv { width: 100%; float: left; clear: left; font-size: 15px; line-height: 30px; margin-top: 10px !important; padding: 5px 0; font-weight: bold;  }

.AttributeText { float: left; padding-right: 8px; width: 100%; border-bottom: dashed 1px #e5e5e5; color: #454545; }

.DimensionText { float: left; padding-right: 10px; }

.ProductDimensionDiv { width: 100%; float: left; clear: left; }

.ProductAttributeDiv { width: 100%; float: left; clear: left; }

.SiteMaintenance { background-color: rgba(255,94,94,0.5); 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: 26px; line-height: 1.6; font-weight: bold; margin-bottom: 10px; width: 100%; display: block; }
.MaintenanceText p { font-size: 14px;}
.SocialButton { clear: left; float: left; width: 100%; }

    .SocialButton .facebook-button { float: left; display: flex; }
    .SocialButton .tweet-button, .SocialButton .line-button { float: left; padding-left: 5px; padding-top: 1px; }

.MobileBanner { display: none; }

/* override paging color */
.facebookMessengerIcon { width: 60px; height: 60px; position: fixed; bottom: 70px; right: 10px; cursor: pointer; z-index: 3; }

.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%; }

    .CategoryRelatedBrands ul { list-style: none; float: left; width: 100%; margin: 10px auto; }

        .CategoryRelatedBrands ul li { width: 13%; float: left; margin: 0 1.8% 10px; }

    .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: #000000; font-size: 26px; border-bottom: 1px solid #b7b7b7; padding: 17px 0; background-color: #f5f9ff; float: left; width: 100%; font-family: 'PSLxDisplayBold'; }

.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: 20%; }

    .ProductItemImageColumn img { vertical-align: middle; max-height: 90px; }

    .ProductItemImageColumn .ProductItemImage { height: 90px; width: 100%; white-space: nowrap; }

.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: 10px; 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: 30px; border: 1px solid #b7b7b7; width: 70%; float: left; }

    .SocialOrderCouponDiv .BtnStyle2 { height: 30px; color: #ffffff; line-height: 28px; margin: 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: #000000; }

.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 85px 120px; float: left; width: 100%; }

.ShippingDetailRow { float: left; width: 100%; margin: 7px 0 8px; }

.EnterNameandAddress { color: #000000; font-size: 16px; 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: 295px; 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: 295px; height: 36px; margin: 7px 0 8px; border: 1px solid #b7b7b7; }

    .ShippingDetailRow .ClientCityStatePanel .CountryAndStateListDropDown { padding: 3px; width: 295px; 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-bottom: 5px; }

.SocialOrderConfirmation .PaymentItemRadioButton .paymentdisplayname { float: left; line-height: 15px; padding-left: 5px; clear: left; font-size: 13px; color: #000000; font-weight: bold; margin-bottom: 5px;}

.SocialOrderConfirmation .PaymentDescription { padding-top: 0; }

.SocialOrderConfirmation .PaymentItemRadioButton label { font-weight: normal; }

.paymentimagename { float: left; width: calc(100% - 25px); }

.SocialOrderConfirmation .PaymentItemNameDiv { margin-right: 0; width: 100%; 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: 22px; 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 { text-transform: uppercase;  font-family: PSLxDisplayBold; font-size: 30px; }

.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 #e4e4e4; margin-top: 15px; }

.PaymentMethodDrop { height: 36px; width: 255px; border: solid 1px #b7b7b7; }

.PaymentDropPaymentCustomDescription { padding-top: 10px; }

.TotalSummaryPriceDiv { float: left; width: 100%; border: solid 1px #b6c8de; background-color: #f5f9ff; 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: #000000; }

.TotalSummaryPriceLabelDiv { margin-top: 10px; }

.ProductItemDetails { float: left; width: 80%; }

.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: #000000; font-size: 30px; font-family: PSLxDisplayBold; text-transform: uppercase; }

.OrderCompletedTextTopLine2 { text-align: center; color: #000000; 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: 20px; background-color: #fbfcfe; border-bottom: 1px solid #b7b7b7; padding: 18px 0; }

.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: 16px; 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: 24px; font-family: PSLxDisplayBold; 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: PSLxDisplay; font-weight: bold; color: #000000; 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: 16px; }
.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; }

.SocialSummaryLeft { width: 67%; float: left; }
    .SocialSummaryLeft .OrderSummeryItem { width: 100% !important; }
    .SocialSummaryLeft .ShippingDetail { width: 100% !important; }
.SocialSummaryRight { }


/*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 100px; padding: 0; height: 50px; 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: 100%; padding: 20px 0; margin: 0; }

.OrderSummaryCustomeNoteDiv { clear: left; float: left; width: 100%; padding: 15px 0;  }

.OrderSummaryCustomerInfoFormView { clear: left; float: left; width: 100%; padding: 0; }

.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; }

.OrderSummaryFormInfoTitle { clear: left; float: left; width: 100%; font-weight: bold; font-size: 16px; margin: 0 0 10px; line-height: 30px; }

.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; }

    .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: 100%; margin: 0; padding: 20px; border: solid 1px #ccc; }

.OrderSummaryFormHeadTitle { clear: left; float: left; width: 100%; font-size: 24px; font-family: PSLxDisplayBold;  margin: 5px 0; }

.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; } 
.OrderSummaryOrderProduct .SidebarTopTitle {  text-transform: uppercase; font-size: 24px; font-family: PSLxDisplayBold; }
.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 { clear: both; display: table; margin: 10px auto; }

.OrderSummaryFinishImageButton { padding: 8px 40px; min-width: 125px; line-height: 30px; font-size: 18px; font-weight: bold; } 

.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: #004297; text-decoration: none; }

.ShoppingCartEmpty { background-color: #F8F8F8; border: 1px dashed #949AAA; 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: 20px 0; clear: left; float: left; width: 100%; }

.ShoppingCartCouponPanel { float: right; width: 34%; border: solid 1px #ccc; border-bottom: 0; padding: 10px 20px 0; }

.ShoppingCartItemPanel { float: left; width: 64%; margin-right: 2%; border: solid 1px #ccc; padding: 0 20px; }

.ShoppingCartItemTitle { clear: left; float: left; width: 100%; padding: 15px 0; border-bottom: solid 1px #ccc; text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 5px; }

.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: 18px; 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: #555; }
    .ShoppingCartUpdateQuantity:hover, .ShoppingCartContinueShopping:hover { background-color: #202020; }
    .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: 20px; }

.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: #004297 }

.ShoppingCartTableTotalButton { clear: left; float: left; width: 100%; }

.ShoppingCartCheckoutLink { font-size: 22px; line-height: 40px; padding: 8px 0; text-align: center; margin: 0 0 10px; display: block; width: 100%; }

.ShoppingCartGiftRegistryLink { font-size: 22px; line-height: 40px; padding: 8px 0; text-align: center; margin: 0 0 10px; display: block; width: 100%; }


.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; 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: 10px; 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; font-weight: normal; font-size: 95%; }

    .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: #454545; 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; font-family: PSLxDisplayBold; font-weight: normal; margin-top: 20px; text-transform: uppercase; }

    .EstimateShippingPanel .NoteDetail { }

.ShoppingCartShippingEstimator { }

.ShoppingCartShippingEstimatorInput { margin: 5px 0; padding: 3px 0; width: 63%; float: right; height: 30px; }
.ShoppingCartShippingEstimator select { margin: 5px 0; padding: 3px; width: 63%; float: right; height: 30px; font-size: 12px; }

.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: PSLxDisplayBold; font-weight: normal; font-weight: normal; text-transform: uppercase; }
/*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: #004297; 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: 14px; text-align: left; line-height: 15px; margin-top: 5px; }

    .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: 130px; 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: #004297 url(Images/button/sticky-call.svg) no-repeat center center; position: inherit; bottom: 130px; right: 10px; margin-bottom: 10px; }
        .sticky-balloon .PhoneBalloon.Double { bottom: 200px; }

.seperator-label { padding: 0 5px; }

.Catalog .OptionItemDetailsLeft { width: 100%; }
.Catalog .OptionRadioItemRadioButtonList tr { display: block; width: 100%; }

#fb-root > .fb_dialog.fb_dialog_advanced { }

.fb-customerchat iframe { }

.ShippingVendorPanel { border: solid 1px #b2b2b3; margin-top: 20px; padding-bottom: 10px; }
    .ShippingVendorPanel .CheckoutCompany { background-color: #e4e4e4; border-bottom: solid 1px #b2b2b3; padding: 5px 10px; }

.OrderSummaryMultiSeller .OrderSummary .GiftCouponDetailRightMenu { margin-top: 0; }
.OrderSummaryMultiSeller .OrderSummaryOrderProductDiv { border-top: 0; }
.OrderSummaryMultiSeller .OrderSummaryOrderProduct { margin-bottom: 10px; }
.OrderSummeryGrandTotalDiv { margin-top: 0; background-color: #f9fafb; }
    .OrderSummeryGrandTotalDiv .SummaryTotalPrice { margin-top: 0; }
    .OrderSummeryGrandTotalDiv .Value { color: #004297; }

.VendorInfo .BannerPanel { margin-top: 38px; }

.CheckoutCompleteOrderGroupList { display: table; margin: 0 auto; width: 100%; padding: 20px 0; }
.OrderGroupListItemStyle { clear: left; float: left; width: 100%; margin-bottom: 10px; text-align: center; }
    .OrderGroupListItemStyle .OrderIDDiv { float: left; width: 38%; line-height: 35px; }
    .OrderGroupListItemStyle .CheckoutCompleteLinkButton { padding: 0 10px; float: none; display: inline-block; width: 150px; }
.CheckoutCompleteBar { border-top: solid 2px #e1e0df; display: table; margin: 0 auto; width: 400px; padding: 0; text-align: center; }
.CheckoutCompleteBarTitle { width: auto; display: inline-block; padding: 5px 10px; position: relative; top: -22px; background-color: #fff; font-weight: bold; }

.headerMenuNormal { display: block; }
.headerMenuResponsive { display: none; }
.HeaderMenuToggle { display: none; float: left; }
.HeaderMenuToggleLink { display: block; font-size: 22px; color: #b7b7b7; }

.SideMenu { height: 100%; width: 0; position: fixed; z-index: 101; top: 0; left: 0; background-color: #f9f9f9; overflow-x: hidden; transition: 0.5s; padding: 0; box-shadow: 2px 2px 5px #555; }
    .SideMenu .closebtn { float: left; display: block; line-height: 1; cursor: pointer; font-size: 24px; }
        .SideMenu .closebtn:hover { color: #ff0000; }

.SideMenuRow { border-bottom: solid 1px #c8c8c8; color: #000; padding: 10px 0; line-height: 30px; float: left; width: 270px; margin: 0 25px; }

.SideMenuWishlist { border-bottom: solid 1px #c8c8c8; 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; box-shadow: 2px 0 5px #333; background-color: #fff; }

    .sticky-menu .SearchSection { float: left; }
    .sticky-menu .ShoppingCartSection { float: right; clear: none; margin-left: 10px; }

        .sticky-menu .ShoppingCartSection .DiscountDiv { display: none; }
/*HeaderLogo Begin*/
.HeaderLogo { display: block; float: left; clear: left; }
    .HeaderLogo a { display: inline-block; }
/*HeaderLogo End*/


.ProductDetailsResponsiveCustomPriceDiv { clear: left; float: left; margin-bottom: 15px; width: 100%; }
.ProductDetailsResponsiveCustomPriceLabel { display: inline-block; font-weight: bold; }
input[type="text"].ProductDetailsResponsiveCustomPriceTextbox { width: 30% !important; display: inline-block; float: none; }
.CustomPriceNote { color: #004297; font-size: 13px; }
.CustomPriceRequiredNote { color: #ff0000; font-size: 11px; background: url(../../Images/Design/Bullet/RequiredFillBullet_Up.gif) no-repeat left 7px; padding-left: 15px; line-height: 18px; }

/*FLASH SALE Begin*/
.ProductHotDeal { margin-bottom: 10px; position: relative; }
 
 

    .ProductHotDealDetails .ProductHotDealPriceValue { font-size: 18px; color: red; }

    .ProductHotDealDetails .ProductHotDealCountdown { float: right; background-color: #000; color: white; text-align: center; padding: 10px 5px; display: table-cell; height: 52px; width: 18%; line-height: 17px; }

    .ProductHotDealDetails .HotDealAddCartButtonDiv { float: right; text-align: center; padding: 5px; margin-top: 5px; margin-right: 5px; width: 100%; }

        .ProductHotDealDetails .HotDealAddCartButtonDiv .AddCart { float: none; margin: 0 auto; display: table; }

    .ProductHotDealDetails .spanHotDealCountText { font-size: 12px; }

    .ProductHotDealDetails .CommonProductDiscountPanel { position: absolute; top: 0; left: 0; border: solid 1px #fff; margin: 4px; padding: 0 2px; width: 60px; height: 44px; line-height: 17px; background-color: #be0000; }

    .ProductHotDealDetails .PercentLabel { display: table; color: #fff; margin-top: 3px; }

    .ProductHotDealDetails .PercentValue { color: #fff; font-size: 17px; font-weight: bold; margin: 2px auto; }
.ProductHotDealCountdownGroup { display: table; width: 100%; height: 100%; float: left; background-color: #000; }

.FlashSale { float: left; width: 90%; clear: left; margin: 10px 0; width: 100%; }
    .FlashSale .row { width: 260px !important; margin: 0 auto !important; background-color: #303030; float: left; }
    .FlashSale h1 { text-align: center; font-size: 30px; font-family: PSLxDisplayBold; font-weight: normal; 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; width: 100%; font-weight: bold; color: #fff; }
    .FlashSale li { display: inline-block; font-size: 14px; list-style-type: none; padding: 5px 0; 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: #004297; 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; }
.ProductColumn2DataList .QuickViewPanel .DiscountLabel { display: block; }
.ProductColumn2DataList .QuickViewPanel .ProductListItemColumn2OutOfStockPanel { padding-top: 0; }

.QuickViewPanel .ProductListItemColumn2OutOfStockPanel { clear: left; float: left; width: 100%; margin-bottom: 5px; }
.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; }

.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; }
.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%; min-height: 32px; }
.CheckoutCompletePaymentConfirmationTextBox { width: 80% !important; min-height: 32px; }
.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 { font-size: 16px; color: #000000; width: 100%; padding: 15px 0; border-bottom: 1px solid #c6c5c5; font-family: Prompt-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; }

/*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; float: none; }
.DiscountCouponMaster .MainDiv { padding-top: 0;}
.CouponCollectHeaderTextDev { float: left; width: 100%; background-color: #004297; padding: 25px 0; position: relative; }
.CouponCollectHeaderText {  font-family: PSLxDisplayBold; font-size: 36px; color: #fff; text-align: center;  }
.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-color: #aaa }
    .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-color: #004297; 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: #004297; 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: #f0f0f0; 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%); }
.CouponWelcomeText { color: #222222; font-size: 22px; }
.CouponShopNameText { color: #222222; font-size: 30px; font-weight: bold }
.CouponCollectHereText { color: #222222; font-size: 22px; }
    .CouponCollectHereText br { display: none; }
    .CouponCollectHereText span { color: #f70f31; font-weight: bold }
.CouponCollectBannerDiv > .row { background-color: transparent; }

/*cookie box*/
.cookie-box { background: #fff; font-size: 13px; margin: 10px; max-height: calc(100% - 48px); max-width: calc(100% - 48px); overflow: auto; padding: 8px; position: fixed; z-index: 99999; right: 45px; bottom: 10px; box-shadow: 0 0 5px #8f8f8f }
.cookie-box-contents { padding: 10px; line-height: 22px; }
.cookie-box-buttons { text-align: right; display: flex; align-items: center; justify-content: right; flex-wrap: wrap; }
.cookie-button { padding: 3px 10px; min-width: 50px; border: 0; outline: 0; text-align: center; text-decoration: none; transition: background-color 0.2s; background-color: transparent; margin: 5px; color: #fff; background-color: #b6bfbe; line-height: 18px; }
    .cookie-button.acceptbtn { background-color: #004297; color: #fff; }
    .cookie-button:hover { background-color: #0c79cc; 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; color: #9b9b9b; }
.RelatedProductsDiv .OurPriceValue { line-height: 20px; font-size: 13px; font-weight: bold; }
.RelatedProductsDiv .CallForPricePanel { line-height: 18px; font-size: 13px; margin: 0; }
.RelatedProductsDetailsPriceDiv { color: #004297; font-size: 13px; font-weight: lighter; margin-top: 5px; clear: left; width: 100%; }
.RelatedProductsDetailStockDiv { font-size: 11px; clear: left; width: 100%; }

.RandomProduct, .ProductBestSelling, .PromotionGroup, .NewArrival, .NewsEvent { clear: left; width: 100%; margin-bottom: 20px; }
.NewArrivalItemStyle .CommonProductDiscountPanel { display: none; height: 0; line-height: 0; font-size: 0; visibility: hidden; }

.CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel { background-color: #B6B6B6; box-shadow: 0 4px 4px -2px #000000; color: #FFFFFF; font-size: 12px; /*! font-style: italic; */ font-weight: bold; height: 28px; left: -36px; line-height: 22px; margin: 0; padding: 5px; position: absolute; text-align: center; text-transform: uppercase; top: 17px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 130px; z-index: 1; display: flex; justify-content: center; letter-spacing: 0.5px; }

    .CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel .PercentLabel { font-size: 12px; line-height: 18px; margin: 0; margin-right: 5px;  }
    .CommonProductItemStyle .CommonProductItem .CommonProductDiscountPanel .PercentValue { font-weight: bold; font-size: 13px; line-height: 18px; }
     
.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: 20px; }
    .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; width: 100%; margin-left: 10px; }
        .OptionCalendarItem .CalenDiv input { margin: auto 10px auto 0; width: 100px !important; height: 30px !important; }
        .OptionCalendarItem .CalenDiv img { width: 30px; height: 30px; }
.DropDownTime { display: none; }

/*Social Media Icon*/
.SocialLink { clear: left; padding: 10px 0 5px 0; flex-wrap: wrap; }

    .SocialLink .Icon { width: 30px; height: 30px;  background-color: #0c79cc!important; }
    .SocialLink .Facebook:hover { background-color: #2561af !important; color: #fff !important; }
    .SocialLink .Instagram:hover { 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:hover { background-color: #00b900 !important; color: #fff !important; }
    .SocialLink .Twitter:hover { background-color: #000 !important; color: #fff !important; }
    .SocialLink .Youtube:hover { background-color: #D00A00 !important; color: #fff !important; }
    .SocialLink .TikTok:hover { background-color: #000 !important; color: #fff !important; }
    .SocialLink .WhatsApp:hover { background-color: #23b33a !important; color: #fff !important; }
    .SocialLink .WeChat:hover { background-color: #00a41a !important; color: #fff !important; }

.BankTransferMainImage { clear: left; width: 100%; float: left; margin: 10px 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; }
 
.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 40px; }

    .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; }

.DBDIcon { float: left; clear: left; margin-top: 15px; width: 100%; }
.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%; }
.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); }

.LineNotificationBtn { background-color: #00c300; color: #fff; padding-left: 10px; padding-right: 10px; text-align: center; }
    .LineNotificationBtn:hover { background-color: #00aa00; color: #fff; }
     
.BtnLineLink { clear: left; float: left; width: 96%; background: url(Images/Background/BTN-LineLogin.svg) no-repeat center top; background-size: auto 100px; padding: 0; height: 50px; margin: 3px 2%; }
    .BtnLineLink:hover { background-position: center bottom; }

.DefaultControlOuter { margin-top: 10px;}