.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%; margin: 0px; padding: 0px; }

.FrontMasterTop { width: inherit;   }
.DefaultMaster .FrontMasterTop { background-image: none; padding-bottom: 0; }
.FrontMasterMiddle { width: 100%; margin: 0 auto; }

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

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

.NoMargin { margin: 0 auto; }

.NoPadding { padding: 0 inherit; }

.front-left-col { background-color: #eff2f9; border: solid 1px #ececec; }
/*FrontMaster End*/

/*Layout->Header Begin*/
.header-container1 { min-height:38px; width: 100%; z-index: 0; background-color: #f1f2f4; color: #555555; font-family: ThaiSansNeue; font-size: 22px; }
    .header-container1 .row { padding: 0 10px; }
.header-container1-left { float: left; }  
.header-container1-right { float: right; }

.header-container2 { width: 100%; margin: 0; padding: 0; }
    .header-container2 .row { padding: 0 10px; position: relative; min-height: 120px;}    
.header-container2-left { float: left;  width: 35%;} 
.header-container2-center { float: left;  width: 30%; text-align: center; position: absolute; left: 35%;}
.header-container2-right { float: right;  width: 35%;} 

.header-container3 { width: inherit; min-height: 60px; margin: 0; background-color: #fff; border-top: solid 1px #f6f4f5;}
    .header-container3 .row { padding: 0 10px; }  
/*Layout->Header End*/

/*Layout->Footer Begin*/
/* ---- ContentFooter ---- */
.LayoutFooter { clear: left; float: left; width: 100%; background: #f5f4f4; color: #696767; padding: 30px 0; } 
.LayoutFooter .row { padding: 0 10px; }  
.LayoutFooter ul.MenuItem { clear: left; list-style: none; margin: 0; padding: 10px 0 0; }

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

        .LayoutFooter ul.MenuItem li a.HyperLink { height: 22px; line-height: 22px; padding: 0px; color: #696767; text-decoration: none; font-family: CSPraKas; font-size: 14px;}

            .LayoutFooter ul.MenuItem li a.HyperLink:hover { text-decoration: underline; color: #008e48; }

.MenuFooter.VendorMenu { margin-bottom: 25px; }
/* ---- license---- */
.LayoutFooterLicense { background-color: #008e48; clear: left; float: left; width: 100%; padding: 0; font-family: ThaiSansNeueLite; font-size: 18px; }
.footer-license {color:#fff; line-height: 40px; float: left; } 
.LayoutFooterPoweredBy {  background-color: #008e48;  display: table; margin: auto; }

/*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, .CatalogNamePanel, .NewArrivalCategory .SidebarTop { clear: left; float: left; min-height: 50px;  margin: 0 0 10px 0; padding-bottom: 20px;  background: url(Images/Background/bg-br.png) no-repeat center bottom; text-align: center; width: 100%; }

.CommonPageTopTitle,
.CommonLoginPageTitle,
.ContentLayoutTopTitle,
.NewArrivalTitle, .CatalogName , .NewArrivalCategory .NewArrivalTitle { color: #008e48; font-family: ThaiSansNeueBlack; font-size: 40px; text-shadow: 1px 1px 0 #000;  background-color: #fff; padding: 0; text-transform: uppercase; display: table; margin: auto; font-style: italic;}

.CommonPageLeft,
.CommonLoginPageLeft,
.ContentLayoutLeft { clear: left; float: left; width: 100%; }
.CommonPageRight,
.CommonLoginPageRight,
.ContentLayoutRight { padding: 30px 0 0; float: left; width: 100%; line-height: 30px; }

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

.CommonGridViewHeaderStyle { background-color: #fbfcfe; border-top: solid 1px #f0f0f0; height: 32px; color: #454545; padding: 3px; }

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

    .CommonGridViewHeaderStyle a { color: #454545; border-bottom: solid 1px #008e48; }

        .CommonGridViewHeaderStyle a:hover { color: #008e48; }

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

.CommonGridViewAlternatingRowStyle { border-bottom: solid 1px #f0f0f0; background-color: #fbfcfe; height: 32px; color: #454545; }

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

.CommonGridViewFooterStyle { background-color: #fbfcfe; } 
div.CommonGridViewEmptyRowStyle , .CommonGridViewEmptyRowStyle > td { 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 #f0f0f0; }

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

.CommonGridViewItemsPerPageDiv { float: left; font-size: 13px; font-family: CSPraKas;}

.CommonGridViewPagingDiv { float: right; }

.CommonGridViewPageItemDiv .ItemsPerPageDrop { float: left; margin: 3px 10px; background-color: #f4f4f4; border: solid 1px #d7d7d7; padding: 0; }

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

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

.CommonFormDataSample {  color: #333; }
/*CommonForm End*/

/* CommonTopDynamicDropdown [Language,Currency]  Begin*/
.CurrencySwitch table, .LanguageSwitch table { margin: 0; }

.CommonTopDynamicDropdownList { }

table.CommonTopDynamicDropdownListStaticMenuItem { width: 100%; z-index: 0; padding: 0; margin: 0; background-color: #F4F4F4; border: 1px solid #eee; }

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

.CommonTopDynamicDropdownListStaticMenuItem td a { color: #454545; display: block; margin: 0; text-decoration: none; vertical-align: middle; white-space: normal; padding: 0px 35px 0px 10px; background: #f9f9f9 url(Images/Bullet/SwitchDown.gif) no-repeat right center; line-height: 22px; }

.CommonTopDynamicDropdownListDynamicMenuStyle table { border: solid 1px #eee; margin: 0; padding: 0; border-radius: 0; }

    table.CommonTopDynamicDropdownListDynamicMenuItem,
    .CommonTopDynamicDropdownListDynamicMenuStyle table tr td,
    table.CommonTopDynamicDropdownListDynamicMenuItem tr td { margin: 0; padding: 0; border: 0; }

.CommonTopDynamicDropdownListDynamicMenuStyle { z-index: 1001 !important; margin: 1px 0 0; padding: 0; }

a.CommonTopDynamicDropdownListDynamicMenuItem { z-index: 0; display: block; vertical-align: middle; color: #454545; padding: 4px 10px;  min-width: 120px; background-color: #f9f9f9; }

    a.CommonTopDynamicDropdownListDynamicMenuItem:hover { background-color: #008e48; color: #fff; }

/* CommonTopDynamicDropdown [Language,Currency]  End*/
/* Common SideBox Style Begin */
.CategoryNavList,
.DepartmentNavList,
.ManufacturerNavList,
.NewsNavList,
.FeaturedMerchants,
.FindGiftRegistry,
.JoinAffiliate,
.NewArrivalCategory,
.FacetedNavList,
.MiniShoppingCart,
.ProductSpecial,
.VerifyCoupon,
.RecentlyViewedBoxList,
.MyAccountMenuList,
.CompareProductBoxList,
.OrderSummaryRightMenu,
.GiftCouponDetailBox { margin-bottom: 1px; display: block; }
/* Common SideBox Style  End*/
/* Common SideBanner Box Style Begin*/
.SecureShoppingAd,
.SpecialOfferAd,
.FreeShippingAd,
.LivePersonWidget,
.LikeBoxWidget { margin-top: 10px; display: block; }
/* Common SideBanner Box Style End*/
/*Common Sidebar Begin*/
.SidebarTop { min-height: 40px; background: url(Images/Background/bg-br1.png) no-repeat left bottom; padding-bottom: 14px; }

.SidebarTopTitle { color: #4d4d4d; font-size: 32px; line-height: 35px; font-family: ThaiSansNeue; }

.SidebarRight { padding: 15px 0; border-top: 0; }

.SidebarTopImgLeft,
.SidebarTopImgRight,
.SidebarBottom { display: none; }
/*Common Sidebar End*/
/*Common SideBanner Begin*/
.SideBannerTop,
.SideBannerBottom { display: none; }

.SideBannerRight { text-align: center; }

    .SideBannerRight table { margin: auto; }

    .SideBannerRight img { width: 100%; }
/*Common SideBanner End*/
/*Common CenterBlock Begin*/
.CenterBlockTop { min-height: 50px;  margin: 10px 0; padding-bottom: 20px;  background: url(Images/Background/bg-br.png) no-repeat center bottom; text-align: center;}

.CenterBlockTopTitle {  font-size: 50px; color: #E30613;  font-family: ThaiSansNeueBlack;text-shadow: 1px 1px 0 #000; font-style: italic; text-transform: uppercase;}

.CenterBlockTopImgLeft,
.CenterBlockTopImgRight { display: none; }

/*Common CenterBlock End*/
/* General Button Style Begin*/
.BtnStyle1,
.BtnStyle2,
.BtnStyle3,
.BtnStyle4,
.BtnLink,
.AddToCartContinue,
.AddCart,
.ViewDetail { display: block; float: left; font-size: 20px; line-height: 26px; margin: 0px 5px 2px 0; padding: 0 20px 3px; text-decoration: none; vertical-align: middle; text-align: center; transition: all 0.1s linear;  font-family: ThaiSansNeueLite; border-radius: 30px; }

.BtnStyle1, .WishListContinueImageButton, .CheckoutCompleteBackLinkDiv .ShoppingCartContinueShopping, .DirectPaymentSaleImageButton , .AddCart, .ShoppingCartCheckoutLink.BtnStyle1, .ShoppingCartGiftRegistryLink.BtnStyle1, .ProductDetailsResponsiveAddToCart .BtnStyle1, .ProductListTableViewItem .BtnStyle1, .CommonProductItemStyle .BtnStyle1, .CommonProductButton .BtnStyle1 { color: #fff; background: #04471d;}

.ProductListTableViewItem .BtnStyle1, .CommonProductItemStyle .BtnStyle1, .CommonProductButton .BtnStyle1 { line-height: 36px;  font-size: 22px; background: #04471d url(Images/Icon/btn-icon-cart1.png) no-repeat 15px center; padding: 0 20px 0 50px; border-radius: 30px;}

.BtnStyle2, .BtnStyle3, .BtnStyle4, .AddToCartContinue, .ViewDetail  { color: #fff; background: #a1a1a1; } 

.BtnStyle5 { padding: 3px; border: 0; font-weight: normal; line-height: 14px; margin-top: 5px; border: solid 1px #ededed; }

.ButtonDelete { color: #ff0000; text-decoration: none; font-weight: bold; }

.BtnLink { border: solid 1px #ededed; background-color: #fbfcfe; color: #888; text-transform: none; }

.BtnStyle1:hover, .WishListContinueImageButton:hover, .CheckoutCompleteBackLinkDiv .ShoppingCartContinueShopping:hover, .DirectPaymentSaleImageButton:hover, .CommonProductButton .BtnStyle1:hover, .AddCart:hover, .ShoppingCartCheckoutLink.BtnStyle1:hover, .ShoppingCartGiftRegistryLink.BtnStyle1:hover, .ProductDetailsResponsiveAddToCart .BtnStyle1:hover, .ProductListTableViewItem .BtnStyle1:hover, .CommonProductItemStyle .BtnStyle1:hover { color: #fff; background-color: #008e48; }

.BtnStyle2:hover, .BtnStyle3:hover, .BtnLink:hover, .BtnStyle4:hover, .AddToCartContinue:hover, .ViewDetail:hover, .WishListContinueImageButton:hover, .CheckoutCompletePrintLinkDiv .ShoppingCartContinueShopping:hover, .DirectPaymentSaleImageButton:hover, .MiniShoppingCartNoLink.BtnStyle2:hover, .ViewDetail:hover  { color: #fff; background: #e30613; }

.ButtonDelete:hover { color: #ff0000; }
/*General Button Style End*//* Common AjaxTab Style Begin */
.ajax__tab_header { height: 37px; z-index: 1; font-weight: normal; color: #888; border-bottom: solid 1px #ededed; }

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

        .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: #008e48; position: relative; z-index: 1;  }

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

.CommonTextBox { border: solid 1px #f0f0f0; }

.CommonPageInnerTitle { clear: left; color: #010101; float: left; line-height: 30px; margin: 10px 0 5px; padding: 5px 0; width: 100%; font-size: 24px; font-family: ThaiSansNeue; }

.CommonPageInner { padding-bottom: 10px; padding-left: 20px; }

.CommonHyperLink { color: #454545; }

    .CommonHyperLink:hover { color: #008e48; text-decoration: none; }

.CommonTextEditorPanel { margin-top: 20px; }

.ajax__calendar_container { background-color: #fff; border: solid 1px #ccc; }

.CommonOptionItemValidator { font-size: 12px; margin-top: 10px; font-family: Tahoma; color: #ff0000; }

.TextOptionItemValidator { padding-left: 20px;  font-family: Tahoma;  font-size: 12px; margin-top: 10px; }

.CommonValidateText { color: Red; font-size: small; }

.CommonValidateDiv { width: 90%; background: url(Images/Background/dot-line-validate.png) repeat-x left top; color: red; 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: red; margin-bottom: 3px; margin-top: 1px; }

.CommonValidateLong { width: 90%; }

.OptionValidateDiv { width: 76px; border-bottom: dotted; border-width: 1px; color: red; margin-bottom: 2px; }

.ProductKitValidateDiv { width: 66px; border-bottom: dotted; border-width: 1px; color: red; margin-bottom: 2px; }

.UploadValidateDiv { width: 156px; border-bottom: dotted; border-width: 1px; color: red; margin-bottom: 2px; }

.TextOptionValidateDiv { padding-left: 20px; width: 86px; border-bottom: dotted; border-width: 1px; color: red; margin-bottom: 2px; }

span.CommonAsterisk { color: red; padding-left: 2px; font-size: 12px; font-family: Tahoma; }

.CommonValidatorText { color: red; font-size: 12px; font-family: Tahoma; }

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

.CommonErrorMessageDiv { background-color: #F8F8F8; border: 1px dashed #FFDDDD; color: Red; padding: 10px; text-align: left; margin-bottom: 13px; padding-left: 23px; }

.CommonCreditCardValidateDiv { width: 110px; border-top: dotted; border-width: 1px; color: #454545; margin-bottom: 3px; margin-top: 1px; }

.CommonDropDown { margin-right: 5px; }

.CaptchaValidation { clear: left; float: left; margin: 5px 0; width: 60%; color: Red;font-size: 12px; font-family: Tahoma; }

    .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 { background-color: #f4f4f4; }
/* validator style end */
/*-- Common Product List Item Style :  Random, Best Selling, ProductList etc. Begin--*/
.CommonProductDataList { width: 102%; }

.CommonProductItemStyle { width: 30%; margin: 10px 2.75% 15px 0; display: inline-block; padding: 0; vertical-align: top; text-align: center; }

.DummyCommonProductItemStyle { width: 100%; display: table; padding-bottom: 10px; }

div.CommonProductImage { width: 100%; min-height: 230px; max-height: 230px; padding: 0; margin-bottom: 0px; z-index: 0; position: relative; }

table.CommonProductImage { width: inherit; height: 230px; text-align: center; padding: 0; }

.CommonProductImage tr td { vertical-align: middle; }

.CommonProductImage a { display: block; margin: auto; text-align: center; }

.CommonProductImage img { max-height: 230px; height: auto !important; height: auto; max-width: 100%; width: auto !important; }

.CommonProductImagePanel { width: 100%; text-align: center; padding: 2px; }

.CommonProductName { clear: left; float: left; width: 100%; margin: 10px 0 5px;  overflow: hidden; padding: 0 5px;}

.CommonProductNameLink { color: #454545; text-decoration: none; font-size: 24px; font-family: ThaiSansNeue; line-height: 27px;}

.CommonProductDescription { clear: left; float: left; margin-bottom: 10px; line-height: 22px; width: 100%; }

.CommonProductRating { clear: left; color: #777;   font-style: italic; display: table; line-height: 30px; margin: 5px auto; }

    .CommonProductRating .RatingCustomerMessageDiv { display: none; }

.CommonProductQuantityDiscountPanel { clear: left; float: left; margin: 5px 0; display: none; }

.CommonProductRecurringPanel { clear: left; float: left; margin: 5px 0; display: none; }

.CommonProductFreeShippingPanel { clear: left; float: left; margin: 5px 0; display: none; }

    .CommonProductRecurringImage, .CommonProductQuantityDiscountPanel img, .CommonProductFreeShippingPanel img { border: 0; }

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

.CommonProductSpecialLabel { clear: left; float: left; padding-left: 24.9%; }

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

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

.OurPriceValue { color: #454545; font-weight: normal; line-height: 25px;}

.CallForPrice, .CallFroPrice { color: #008e48; font-weight: normal; line-height: 25px; font-size: 18px; }

.RetailPricePanel { float: left; margin: 0 2px; text-align: center; color: #bbb; text-decoration: line-through; font-size: 18px; font-family: ThaiSansNeueLite; }

.OurPricePanel { float: left; margin: 0 2px; text-align: center; font-size: 24px;}

.RetailPriceValue { text-decoration: line-through; float: left; line-height: 25px; }

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

.OptionGroupPanel { clear: left; display: table; line-height: 25px; margin: 10px auto; }
.DiscountPercent { text-decoration: none; color: #5DA423; font-size: 18px; }

.DiscountLabel { color: #454545;  margin-right: 5px; clear: left; float: left; text-align: left; background: url(Images/Icon/icon-quantity.gif) no-repeat left center; padding-left: 22px; line-height: 22px; }

.FreeShippingLabel { color: #454545;  margin-right: 5px; clear: left; float: left; text-align: left; background: url(Images/Icon/icon-free-shipping.gif) no-repeat left center; padding-left: 25px; line-height: 22px; }

.PercentLabel, .PercentValue { color: #fff; margin: 0; position: relative; }

.PercentLabel { display: table; margin: auto; }

.PercentValue { font-size: 22px; }

.PriceDiscountLabel { border-radius: 60px; color: #fff; height: 60px; left: 10px; line-height: 22px; padding: 5px 5px 5px; position: absolute; text-align: center; top: 10px; width: 60px; z-index: 1; font-family: ThaiSansNeue; font-size: 22px; background: #e30613;   }

.Default .DiscountPercent { float: none; }

.QuickViewPanel .PercentLabel, .QuickViewPanel .PercentValue { color: #008e48; margin: 0; font-size: 20px; } 

.Default .DiscountPercent { float: none; }
 

/*-- Common Product List Item Style End --*/
/*-- Common Category List Item Style Begin --*/
.CommonCategoryDataList { width: 102%; }

.CommonCategoryItemStyle { width: 15%; margin: 10px 1% 10px 0; display: inline-block; vertical-align: top; }

div.CommonCategoryImage { width: 100%; max-height: 95px; padding: 0; margin-bottom: 5px; }

table.CommonCategoryImage { width: inherit; height: 95px; 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; max-height: 90px; max-width: 100%; width: auto !important; }

.CommonCategoryImagePanel { width: 100%; height: 90px; text-align: center; }

.CommonCategoryName { clear: left; float: left; padding: 5px; min-height: 46px; height: 46px; text-align: center; width: 100%; overflow: hidden; }

.CommonCategoryNameLink { color: #454545; text-decoration: none; line-height: 18px;  font-family: ThaiSansNeue; font-size: 20px;}

.CommonCategoryDescription { clear: left; float: left; margin-bottom: 10px; line-height: 18px; color: #008e48; display: none; }

/*-- Common Category List Item Style End --*/
/* -----------------------------------------
   Specific Styles
----------------------------------------- */
/*Layout->Header->header-container1 Begin*/
/*HeaderLogin Begin*/
.HeaderLogin { float: left; font-weight: normal; line-height: 30px; margin: 3px 10px 3px 0; font-family: Arial; font-size: 16px;}

    .HeaderLogin a { text-decoration: none; }

        .HeaderLogin a:hover {  text-decoration: underline; }

.HeaderLoginLoginName1 { padding: 0 5px 0 0; float: left; }

.HeaderLoginLoginName2 { padding: 0 3px; float: left; }

.HeaderLoginLoginName1Regis { padding: 0 2px; float: left; }

.HeaderLoginLoginName { float: left; }

.HeaderLogin .NameLabel { font-weight: normal; padding: 0; }
.HeaderLoginLoginPipe { background: url(Images/Background/pipe.png) no-repeat center center; padding: 2px 5px; float: left; font-size: 0; color: #fff; }
/*HeaderLogin End*/
/*HeaderLogin - Wishlist and MyAccount Begin*/
.HeaderLoginWishlist, .HeaderLoginAccount { float: left; line-height: 26px; margin: 5px 10px 5px 0; }

    .HeaderLoginWishlist a, .HeaderLoginAccount a { color: #000; float: left; line-height: 26px; font-family: Tahoma; font-size: 16px; font-weight: bold; }

    .HeaderLoginWishlist .WishlistLink { background: url(Images/Icon/icon-wishlist.png) no-repeat left center; padding-left: 30px; }

        .HeaderLoginWishlist .WishlistLink:hover { color: #e30613; }

    .HeaderLoginAccount .MyAccountLink { background: url(Images/Icon/icon-user.png) no-repeat left center; padding-left: 30px; }

        .HeaderLoginAccount .MyAccountLink:hover {  color: #e30613; }
/*HeaderLogin - Wishlist and MyAccount End*/
/*SwitchLanguage Begin*/
.SwitchLanguage { color: #fff; float: right; margin: 5px 0 5px 5px; }

.SwitchLanguageTop,
.SwitchLanguageBottom { display: none; }

.SwitchLanguageRight .Label { font-weight: normal; margin-right: 5px; float: left; line-height: 28px; text-transform: uppercase; }

.SwitchLanguageRight .LanguageSwitch { float: left; padding: 2px 0; }


.SwitchLanguageMenuPanel { padding: 0 5px 0 0; float: right; margin: 0 5px; }

    .SwitchLanguageMenuPanel a { text-decoration: none; float: left; line-height: 28px;} 

.SwitchLanguageDropPanel { padding: 0; float: left; }
.SwitchLanguageMenuPanel .seperator-label { text-decoration: none; margin: 0 4px; float: left; color: #008e48; line-height: 28px;} 

/*SwitchLanguage End*/
/*CurrencyControl Begin*/
.CurrencyControl { color: #fff; float: right; margin: 5px 0 5px 5px; }

.CurrencyControlTop,
.CurrencyControlBottom { display: none; }

.CurrencyControlRight .Label { font-weight: normal; margin-right: 5px; float: left; line-height: 28px; text-transform: uppercase; }

.CurrencyControlRight .CurrencySwitch { color: #999; float: left; padding: 2px 0; }
/*CurrencyControl End*/

/*Layout->Header->header-container1 End*/
/*Layout->Header->header-container2 Begin*/

/*HeaderLogo Begin*/
.HeaderLogo { display: table; margin: 10px auto; clear: left; }

    .HeaderLogo a { }

    .HeaderLogo img { max-height: 100px; height: auto !important; }
/*HeaderLogo End*/
/*Layout->Header->header-container2 End*/

/*Layout->Header->header-container3 Begin*/
/*HeaderMenu -> HeaderMenuNormalStyle Begin*/
.HeaderMenu { margin: 0; min-height: 60px; padding: 0; position: relative; }

    .HeaderMenu ul { list-style: none; padding: 0px; margin: 0 auto; display: table; }

        .HeaderMenu ul li { float: left; }

            .HeaderMenu ul li a.HyperLink { padding: 0 12px; line-height: 60px; color: #363636; text-align: center; vertical-align: middle; display: block; text-decoration: none; float: left; font-size: 24px; font-family: ThaiSansNeue; text-transform: uppercase; }

                .HeaderMenu ul li a.HyperLink:hover, .HeaderMenu ul li:hover a.ContentMenuNavListStaticMenuItem { color: #fff; 
background: #278716; /* Old browsers */
background: -moz-linear-gradient(top,  #278716 0%, #73ba46 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #278716 0%,#73ba46 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #278716 0%,#73ba46 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278716', endColorstr='#73ba46',GradientType=0 ); /* IE6-9 */
 }
    /*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: 0 12px; line-height: 60px; color: #363636; text-align: center; vertical-align: middle; display: block; text-decoration: none; float: left; text-transform: uppercase; font-size: 24px!important; font-family: ThaiSansNeue; }

    .HeaderMenu a.ContentMenuNavListStaticMenuItem:hover { color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#278716+0,73ba46+100 */
background: #278716; /* Old browsers */
background: -moz-linear-gradient(top,  #278716 0%, #73ba46 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #278716 0%,#73ba46 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #278716 0%,#73ba46 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278716', endColorstr='#73ba46',GradientType=0 ); /* IE6-9 */
}

    .HeaderMenu .ContentMenuNavList table.ContentMenuNavMenuListDynamicMenuItem { padding: 0; border-bottom: solid 1px #ccc; width: 100%; } 

    .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem { z-index: 0; border: 0; width: auto; }

        .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem a { z-index: 0; display: block; vertical-align: middle; color: #454545; background: none; padding: 8px 15px; width: 190px; white-space: normal; font-size: 20px!important; text-transform: uppercase; line-height: 20px; border: none;  } 
        .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem:hover { background-color: #008e48; color: #fff; }
        .HeaderMenu .ContentMenuNavMenuListDynamicMenuItem:hover a {color: #fff; }
    .HeaderMenu .ContentMenuNavMenuListDynamicMenuStyle { background-color: #f9f9f9; z-index: 1001 !important; margin: 0; margin-left: -1px; border: 0; }

.DynamicMenuFirstLevel { top: 60px !important; }

.HeaderMenu .ContentMenuNavMenuListDynamicMenuItem img { background: #f9f9f9 url("Images/Icon/menu-nav.png") no-repeat center center; height: 0; padding: 10px; width: 0; }
.HeaderMenu .ContentMenuNavMenuListDynamicMenuItem:hover img { background: #008e48 url("Images/Icon/menu-nav-hover.png") no-repeat center center; height: 0; padding: 10px; width: 0; }
/* HeaderMenu -> Product & Content [Top] End*/
/* HeaderMenu -> HeaderMenuCategoryRootStyle Begin*/
table.ContentMenuNavMenuList, table.ContentMenuNavMenuListStaticMenuStyle, table.ContentMenuNavListStaticMenuItem,
.ContentMenuNavMenuListDynamicMenuStyle table, .ContentMenuNavMenuListDynamicMenuStyle table tr td { border: 0; margin: 0; vertical-align: middle; width: inherit; }

    .ContentMenuNavMenuListDynamicMenuStyle table.ContentMenuNavMenuListDynamicMenuItem a.ContentMenuNavMenuListDynamicMenuItem { }

    .ContentMenuNavMenuListDynamicMenuStyle table.ContentMenuNavMenuListDynamicMenuItem td img { width: 0; }
/* HeaderMenu -> HeaderMenuCategoryRootStyle End*/
/* HeaderMenu -> HeaderMenuCategoryTabStyle Begin */
.CategoryNavTabMenu { margin: 0; width: 100%; }

.nav-container { position: relative; z-index: 1500; }

    .nav-container table { border: 0; }

    .nav-container ul { padding: 5px 0 0; margin: 0; }

        .nav-container ul.menu li { float: left; display: inline; position: static !important; margin: 0; padding-right: 2px; }

    .nav-container .menu li a.HyperLink { font-size: 18px; color: #404143; padding: 3px 20px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; display: block; text-decoration: none; padding: 3px 38px; }

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

        .nav-container .menu li a.HyperLink:hover { color: #454545; position: relative; z-index: 999; }

    .nav-container .menu li .HeaderMenuNavItemLeft,
    .nav-container .menu li .HeaderMenuNavItemRight { float: left; }

    .nav-container ul.menu li .CategoryPanel { float: left; position: absolute; left: 0; top: 50px; display: none; background: #454545; }

    .nav-container ul.menu li a.HyperLink:hover .CategoryPanel { display: block; z-index: 998; text-transform: none; width: auto; }

.SubCategoryDataList { background-color: #151515; }

    .SubCategoryDataList td { vertical-align: top; }

    .SubCategoryDataList .SubParentLinkDiv { text-align: left; float: left; width: 100%; border-top: solid 1px #3c3c3c; }

    .SubCategoryDataList .SubParentLink { color: #fff; text-decoration: none; line-height: 30px !important; font-weight: normal; display: block; padding: 4px 5px 4px 13px;   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%; }

.LeafSubCategoryDataList .SubParentLink { text-decoration: none; line-height: 30px !important; font-weight: normal; font-family: Tahoma; display: block; padding: 4px 0px 4px 16px; white-space: normal; font-size: 20px; text-transform: uppercase; border-bottom: solid 1px #dcd0c0; }

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

.SubParentLink:hover { background-color: #d2a36b; color: #fdfbfb; }

.SubCategoryPanel { clear: left; }

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

.LeafCategoryLink { background: #d1a224 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: #d1a224; 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: #d1a224; text-decoration: underline; }

.SubCategoryDataList .SubCategoryItemData { color: #FFFFFF; clear: left; display: inline-block; font-size: 20px; 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 */

.HeaderShoppingCartViewCart { float: left; text-decoration: none; color: #515151; margin-left: 5px; background: url(Images/Icon/icon-cart.png) no-repeat right 1px; font-size: 0; border: 0; width: 20px; height: 28px; }

    .HeaderShoppingCartViewCart:hover { color: #008e48; }

.HeaderShoppingCartDiv { float: left; background-color: #535151; line-height: 25px; height: 28px; padding: 0 10px; border: solid 1px #008e48; color: #f5f5f5; }

.QuantityDiv { float: left; margin-left: 5px; }

.QuantityValue { color: #008e48; }

.DiscountDiv { float: left; margin-left: 5px; }

.DiscountValue { color: #008e48; }

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

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

.HeaderShoppingCartCheckout { float: left; background: #535151 url(Images/Icon/icon-checkout.png) no-repeat 95% 2px; line-height: 27px; height: 28px; padding: 0 30px 0 10px; border: solid 1px #008e48; margin-left: 10px; color: #f5f5f5; font-weight: normal; }

.HeaderShoppingCartBraclet { float: left; }
/*Layout->Header->header-container4 End*/
/* -----------------------------------------
   Default Section
----------------------------------------- */
/* StoreBanner Begin*/
.StoreBanner { width: 100%; clear: left; float: left; }
    .StoreBanner .camera_wrap { margin-bottom: 0 !important; }
    .StoreBanner .camera_caption > div > span { font-size: 20px; }
    .StoreBanner .camera_wrap .camera_fakehover .camera_pag { bottom: 20px; right: 10px; }
        .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul { text-align: right; }
            .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li { background-color: #04471d; width: 13px; height: 13px; border-radius: 20px; margin: 0 3px; }

                .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: 13px; height: 13px; border-radius: 20px; }
                .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li:hover > span { background-color: #e30613; }
                .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent { background-color: #66bf6f; }
.BannerPanel img { text-align: center; }

.BannerPanel { text-align: center; }

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

.BannerFooter img { max-height: 300px; margin-bottom: 5px; margin-top: 5px; }

.BannerLeft img { margin-bottom: 5px; margin-top: 5px; }

.BannerRight img { margin-bottom: 5px; margin-top: 5px; }
/*StoreBanner End*/
/*ProductSpecial Begin*/
.ProductSpecial .SidebarTop,
.ProductSpecial .SidebarBottom { display: none; }

.ProductSpecial .SidebarRight { padding: 0; border: solid 1px #ededed; background-color: #fff; }

.ProductSpecialLabelPanel { width: 60px; height: 60px; background: url(Images/Icon/icon-special.png) no-repeat left top; position: absolute; z-index: 10; }

.ProductSpecial .ProductSpecialImage { margin: auto; }

    .ProductSpecial .ProductSpecialImage a { height: 260px; width: 170px; }

        .ProductSpecial .ProductSpecialImage a img { margin-top: 5px; display: block; max-width: 170px; width: auto !important; width: 170px; }

/*ProductSpecial End*/
/*NewsEvent Begin*/
/*NewsEvent Begin*/
.NewsEventRow { clear: left; position: relative; }
.NewsEvent { clear: left; float: left; width: 100%; margin:0 0 30px; }
.NewsEventList { width: 102%; clear: left; float: left; margin-bottom: 20px; }
.NewsEventItemStyle { width: 30%; margin: 10px 3.33% 10px 0; float: left; vertical-align: top; text-align: center;}
    .NewsEventItemStyle:nth-child(3n-2) { clear: left;}
.NewsEventContent { padding: 0; position: relative; }

.NewsEventImage { width: 100%; height: 150px; overflow: hidden; text-align: center; margin-bottom: 15px; }
    .NewsEventImage a img { max-width: 100%; max-height: 150px; }
.NewsTopic { clear: left; float: left; width: 100%; padding: 0; color: #0c0c0c; text-decoration: none; overflow: hidden; margin: 5px 0 10px; font-size: 22px; line-height: 24px; overflow: hidden; display: block; font-family: ThaiSansNeue;}
.NewsEventMoreLink { font-size: 17px; line-height: 20px; display: block; color: #888; text-transform: uppercase; font-weight: bold; }
    .NewsEventMoreLink:hover { text-decoration: underline; color: #000; }
.NewsEventViewAll { clear: left; display: table; margin: 30px auto 0; }
    .NewsEventViewAll .BtnStyle1 { height: 55px; line-height: 45px; border-radius: 100px; font-size: 32px;font-family: ThaiSansNeueLite;  padding: 0 50px 5px; border: solid 3px #fff; } 

.NewsDate { clear: left; float: left; width: 100%; color: #888; font-size: 13px;  font-family: CSPraKas; line-height: 18px; }
.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: 17px; 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: #008e48; }
/*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; background: url(images/bullet/bullet2.gif) no-repeat 0 15px; line-height: 22px; font-size: 20px;}

        .CategoryNavNormalList a:hover,
        .DepartmentNavNormalList a:hover,
        .ManufacturerNavNormalList a:hover { color: #008e48; }
/*[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; text-decoration: none; white-space: normal; line-height: 20px; padding: 8px 0; font-size: 20px!important; }

.CategoryNavMenuListDynamicMenuItem,
.DepartmentNavMenuListDynamicMenuItem { z-index: 0; background-color: #f9f9f9; }

table.CategoryNavMenuListDynamicMenuItem tr td,
table.DepartmentNavMenuListDynamicMenuItem tr td { border-bottom: solid 1px #ccc;  }

.CategoryNavMenuListDynamicMenuItem a,
.DepartmentNavMenuListDynamicMenuItem a { z-index: 0; display: block; vertical-align: middle; background: none; padding: 7px 10px; line-height: 20px; width: 190px; white-space: normal; font-size: 19px; color: #454545; }

.CategoryNavMenuListDynamicMenuItem:hover,
.DepartmentNavMenuListDynamicMenuItem:hover { background-color: #008e48; color: #fff;}

.CategoryNavMenuListDynamicMenuStyle,
.DepartmentNavMenuListDynamicMenuStyle { z-index: 100 !important; margin: 0; border: 0; }

.CategoryNavMenuListStaticMenuItem img, .DepartmentNavMenuListStaticMenuItem img { background: url("Images/Icon/menu-nav.png") no-repeat center center; height: 0; padding: 10px; width: 0; }

.CategoryNavMenuListDynamicMenuItem img, .DepartmentNavMenuListDynamicMenuItem img { background: #f9f9f9 url("Images/Icon/menu-nav-hover.png") no-repeat center center; height: 0; padding: 10px; width: 0; }

.CategoryNavMenuListDynamicMenuItem:hover img, .DepartmentNavMenuListDynamicMenuItem:hover img { background: #008e48  url("Images/Icon/menu-nav.png") no-repeat center center; height: 0; padding: 10px; width: 0; }

/*[Category, Deparment] NavMenuList Style End*/
/*[Category, Deparment] NavTreeList Style Begin*/
.CategoryNavTreeList,
.DepartmentNavTreeList { width: 100%;  font-size: 20px !important; }

    .CategoryNavTreeList > table, .DepartmentNavTreeList > table,
    .CategoryNavTreeList > div > table, .DepartmentNavTreeList > div > table { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

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

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

/*[Category, Deparment] NavTreeList End*//* -----------------------------------------
     Default Center Content
----------------------------------------- */
/* Quick View Start */
/* Quick View Start */
.ModalBackground { background-color: #fff; filter: alpha(opacity=80); opacity: 0.8; z-index: 9; }

.QuickViewButtonBorder { text-align: center; position: absolute; display: none; }

.QuickViewButtonPanel { margin: 0 auto; text-align: center; border: 1px solid #19a12f; min-height: 100%; height: 100%; }

a.QuickViewButton { background: #a4a4a4 url(Images/Background/quickview.png) no-repeat 8% center; display: none; width: 76%; font-size: 20px; position: absolute; height: 33px; position: absolute; left: 12%; right: 12%; color: #fff; line-height: 25px; padding: 4px 3% 4px 8%; cursor: pointer; top: 45%; text-transform: uppercase; z-index: 1;  }

    a.QuickViewButton:hover { background: #e30613 url(Images/Background/quickview.png) no-repeat 8% center; color: #fff; }

.QuickView { text-align: center; position: fixed; z-index: 10; width: 100%; height: 100%; left: 0px; top: 0px; filter: alpha(opacity=80); /* for IE */ opacity: 0.8; /* CSS3 standard */ background-color: #fff; }

.QuickViewPanel { width: 740px; height: 400px; text-align: left; background-color: #fff; border: solid 1px #fff; border-top: 0; -webkit-box-shadow: 0px 0px 10px 0px #555; box-shadow: 0px 0px 10px 0px #555; position: fixed; top: 50%; left: 50%; z-index: 11; margin: -200px 0 0 -370px; border-collapse: separate; }

    .QuickViewPanel .PercentLabel, .QuickViewPanel .PercentValue { position: inherit; float: left; }

    .QuickViewPanel .ProductDetailsDefaultImageThumbnailDataList td,
    .QuickViewPanel .OptionGroupDetailsDatalist td,
    .QuickViewPanel .ProductDetail td { border-bottom: 0px solid #ededed; border-left: 0px solid #ededed; padding-top: 5px; vertical-align: top; width: 25%; }

    .QuickViewPanel .QuantityDiscountGridView td, .QuickViewPanel .QuantityDiscountGridView th { border: solid 1px #ededed; border-collapse: collapse; vertical-align: top; width: 25%; text-align: center; }

    .QuickViewPanel .ProductDetail .CommonValidateDiv { width: 45px; margin-top: 3px; }

    .QuickViewPanel .QuantityDiscountLinkImage { max-width: 150px; }

    .QuickViewPanel .Header { height: 50px; display: block; width: 100%; background-image: url("Images/Background/BackgroundBottom.jpg"); background-repeat: repeat; text-align: center; }

        .QuickViewPanel .Header .Title { float: left; width: 640px; height: 50px; padding-left: 50px; }

    .QuickViewPanel .Title { font-size: 30px; height: 42px; line-height: 21px; margin-bottom: 5px; font-family: ThaiSansNeue;}

    .QuickViewPanel .Body { height: 400px; display: block; width: 100%; background: #FFF; width: 740px; }

        .QuickViewPanel .Body .ProductImage { float: left; width: 40%; overflow: auto; height: 370px; padding: 15px; }

            .QuickViewPanel .Body .ProductImage .MainImage { width: 100%; max-height: 250px; height: auto; text-align: center; margin: auto; }

                .QuickViewPanel .Body .ProductImage .MainImage img { max-height: 250px; height: auto !important; height: auto; width: auto !important; width: auto; }

        .QuickViewPanel .Body .ProductDetail { background: url(Images/Background/dot-line-ver.jpg) repeat-y; float: left; height: 355px; padding: 35px 20px 10px; width: 60%; }

    .QuickViewPanel .DetailOverflowPosition { height: 270px; overflow: auto; width: 100%; }

    .QuickViewPanel .Body .ProductDetail .ProductDetailsDefaultQuantityDiv { clear: left; padding-bottom: 10px; width: 100%; margin-bottom: 10px; }

    .QuickViewPanel .Body .ProductDetail .OptionRadioItemRadioButtonList label img.OptionImg { border: 1px solid #D2D1D1; }

    .QuickViewPanel .QuantityDiscountPanel,
    .QuickViewPanel .ProductDetailsDefaultOptionDiv,
    .QuickViewPanel .ProductDetailsDefaultDescriptionDiv { clear: left; }

        .QuickViewPanel .QuantityDiscountPanel a { display: inline; text-align: left; margin: 0; }
            .QuickViewPanel .QuantityDiscountPanel a:before { content: "Quantity Discount"; color: #008e48;}
    .QuickViewPanel .QuantityDiscountGridViewHeaderStyle { text-align: center; }

    .QuickViewPanel .close { background-color: #333; border: 2px solid #333; border-radius: 15px; 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; }

        .QuickViewPanel .close:hover { color: #f00; }

    .QuickViewPanel .ProductDetailsDefaultMessageDiv { position: absolute; top: 0px; left: 348px; }

.ProductDetailsDefaultMessageDiv .CommonErrorMessageDiv { padding: 8px 10px 7px 23px; width: 380px; }

.QuickViewPanel .CommonInfo,
.QuickViewPanel .GiftCertificateDetailsPanel { clear: left; float: left; width: 390px; margin: 5px 0; }

.QuickViewPanel .CommonLabel,
.QuickViewPanel .GiftCertificateDetailsTitle { clear: left; float: left; width: 25%; padding: 3px 0; font-weight: bold; color: #454545; margin-right: 2%; }

.QuickViewPanel .CommonValue { float: left; width: 70%; padding: 3px 0; }

    .QuickViewPanel .CommonValue input { width: 20%; }

.QuickViewPanel .PriceValue { float: left; width: 70%; font-size: 24px; color: #e30613; font-family: ThaiSansNeueBlack;}

.QuickViewPanel .InfoRetailPrice { clear: left; float: left; width: 70%; margin: -3px 0 5px 25%; }

.QuickViewPanel .RetailPriceValue { float: left; color: #999; text-decoration: line-through; margin-right: 10px; line-height: inherit; }

.QuickViewPanel .StockValue { }

.QuickViewPanel .ProductDescriptionValue { clear: left; float: left; margin: 5px 0; width: 100%;}

.QuickViewPanel .GiftCertificateDetailsLeft { clear: left; float: left; margin: 5px 0; }

.QuickViewAddCartButton { display: table; width: 100%; padding: 5px 0; }

.QuickViewPanel .AddCartButton { float: right; width: 40%; }

.QuickViewPanel a.AddCart { font-size: 22px; padding: 3px 0; width: 100%; text-transform: uppercase; }

.ViewDetailButton { clear: left; float: left; }

.QuickViewPanel a.ViewDetail { padding: 3px 20px; }

.QuickViewPanel .ImageZoomingButtonPopupMessage { display: none; }

.QuickViewPanel .ImagePanel { clear: left; float: right; margin-top: 20px; }

.QuickViewPanel .ThumbnailIamge { float: left; margin-top: 20px; width: 100%; }

    .QuickViewPanel .ThumbnailIamge .ProductDetailsDefaultImageThumbnailDataList { width: 100%; text-align: center; }

.QuickViewPanel .OptionGroupDetailsTitleRight { clear: left; float: left; width: 28%; border-bottom: dotted 1px #ccc; padding: 3px 0; font-weight: normal; color: #454545; margin-right: 2%; }

    .QuickViewPanel .OptionGroupDetailsTitleRight span { font-size: 26px; color: #454545; border: 0; }

.QuickViewPanel .OptionGroupDetailsDatalist { clear: left; }

.QuickViewPanel .OptionItemDetailsLeft { width: 70%; }

.QuickViewPanel .OptionRadioItemRadioButtonList { width: 100%; }

    .QuickViewPanel .OptionRadioItemRadioButtonList label { width: auto; }

.QuickViewPanel .SpecItemName { line-height: 18px; } 
.ProductSpecificationItemList { clear: both; float: left; width: 100%; margin-bottom: 10px; }
.QuickViewPanel .SpecificationItem { clear: both; float: left; width: 100%;  border-bottom: dashed 1px #e5e5e5;  color: #454545;  }
.QuickViewPanel .ProductSpecificationItemList .SpecItemName { clear: both; float: left; width:35%; padding: 4px;  }
.QuickViewPanel .ProductSpecificationItemList .SpecItemValue { float: left; width: 65%; padding: 4px;} 
.QuickViewPanel .ProductListItemColumn2OutOfStockPanel { clear: none; float: none; width: auto; color: #f00; }
/* Quick View End */
/* 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: 15px; 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; font-family: Arial; }

    .AddToCartPanel .close:hover { color: #f00; }

.AddToCartCheckoutLink { float: right; }

.AddToCartName { text-align: left; float: left; width: 48%; text-decoration: none;  font-family: ThaiSansNeue; }

.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-size: 22px; clear: left; float: left; width: 100%; padding: 5px 0 10px; font-family: ThaiSansNeue; }

.AddToCartNameLink { text-decoration: none; }

    .AddToCartNameLink .ProductName { clear: left; float: left; color: #000; font-weight: normal; line-height: 24px; }

    .AddToCartNameLink .OptionName { clear: left; text-align: left; line-height: 18px; color: #888;  }

.AddToCartImage { float: left; text-align: left; width: 18%; }

    .AddToCartImage img { max-width: 60px; width: auto !important; width: 60px; }

.AddToCartPrice { float: left; width: 32%; margin-left: 2%; }

.AddToCartPanel .CommonLabel { clear: left; float: left; width: 34%; border-bottom: dotted 1px #ccc; color: #555; margin-right: 1%; margin-bottom: 8px; }

.AddToCartPanel .CommonValue { float: left; width: 65%; font-weight: normal; margin-bottom: 8px; }

.AddToCartPanel .PiceValue { float: left; width: 65%; font-weight: bold; margin-bottom: 8px; }

.AddToCartPanel a.AddCart { font-size: 20px; padding: 3px 0; width: 40%; float: right; text-transform: uppercase; font-family: ThaiSansNeueBlack;}

.AddToCartContinueButton { clear: left; float: left;  }

/* AddToCart Notification End */
/*NewArrivalItem Begin*/
.NewArrival { margin-bottom: 20px; position: relative; clear: left; float: left; width: 100%; }
    .NewArrival .row { position: relative;  padding: 0 10px; }
    .NewArrival .CenterBlockTop { text-align: center; padding-bottom: 20px; font-style: italic;  text-transform: uppercase;}
    .NewArrival .CenterBlockTopTitle1 {  font-size: 30px; color: #050505; font-family: ThaiSansNeue; line-height: 20px;}
    .NewArrival .CenterBlockTopTitle2 {  font-size: 50px; color: #1e5c20;  font-family: ThaiSansNeueBlack;text-shadow: 1px 1px 0 #000;}
    .NewArrival .CenterBlockRight { margin-top: 20px; }
    .NewArrival .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 932px; margin: auto; overflow: hidden; }
    .NewArrival .jcarousel-skin-tango .jcarousel-item-horizontal { margin: 0 13px 10px 0; }
    .NewArrival .jcarousel-skin-tango .jcarousel-item { width: 220px; text-align: center; }

.NewArrivalList { width: 100%; }
.NewArrivalItemStyle { width: 100%; vertical-align: top; position: relative; padding-bottom: 10px; min-height: 320px; background-color: #fff; }
.NewArrivalItem { width: 100%; text-align: center; position: relative; margin-bottom: 5px; padding-bottom: 5px; text-align: center; }
.NewArrivalCategory .NewArrivalItem { background: none; padding-bottom: 0; }
    .NewArrivalCategory .NewArrivalItem .CommonProductButton { background: url("Images/Background/product-item-line.png") no-repeat center top; padding-top: 15px; }
.NewArrivalItemColumn { padding: 20px 0 40px; text-align: left; background-color: #fff; }

.PageControlNewArrival { color: #454545; font-weight: normal; font-size: 16px; }
.NewArrivalButtonDiv { position: absolute; top: 48%;width: 100%; padding: 0; right: 0;  }
.NewArrival .next, .NewArrival .prev { display: block; height: 56px !important; width: 56px; z-index: 99;  margin-left: 5px;  position: absolute; top: 45%;  }

.NewArrival .NewArrivalButtonDiv a img { border: 0; text-decoration: none; display: none; width: 56px; height: 56px; }

.NewArrival .next { background: url(Images/Icon/next.png) no-repeat 0 0; float: left; right: -5px; }

.NewArrival .prev { background: url(Images/Icon/prev.png) no-repeat 0 0; float: left; left: -10px;}

    .NewArrival .next:hover, .NewArrival .prev:hover { background-position: left bottom; }


.NewArrivalLabel { border-radius: 60px; color: #fff; height: 60px; left: 10px; line-height: 50px; padding: 5px 5px 5px; position: absolute; text-align: center; top: 10px; width: 60px; z-index: 1; font-family: ThaiSansNeue; font-size: 22px; background: #e30613; font-style: italic; } 
 
/*ProductBestSelling Begin*/
.ProductBestSelling { margin-bottom: 20px; clear: left; }
    .ProductBestSelling .row { padding: 0 10px;}
    .ProductBestSelling .CenterBlockLeft { margin-top: 20px; }

.ProductBestSellingDataList { width: 102%; }

    .ProductBestSellingDataList .CommonProductItemStyle { position: relative; }

.ProductBestSellingItem { position: relative; background: url("Images/Background/product-item-line.png") no-repeat center bottom; margin-bottom: 5px; padding-bottom: 5px; }
    .ProductBestSellingItem .CommonProductName { min-height: 80px; }
.ProductBestSelling .CommonProductSpecialLabel { display: none; }
/*ProductBestSelling End*/

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

.PromotionGroupDataList { width: 100%; }

.PromotionGroupTitle { width: 100px; height: 21px; position: absolute; z-index: 1; right: 2px; top: 2px; }

.PromotionGroupImage { position: relative; clear: left; }
.CommonProductImage.PromotionGroupImage tr td { border: 0; }

.PromotionGroupDataList .CommonProductName { text-align: left; background: none; } 
.PromotionGroupDataList .CommonProductNameLink {font-size: 28px;} 
.PromotionGroupDataList .CommonProductDescription { text-align: left; }

.PromotionGroupDataList .OurPricePanel { width: 100%; margin: 10px 0; }

.PromotionGroupDataList .OurPriceLabel { float: left; line-height: 28px;  font-size: 20px; }

.PromotionGroupDataList .OurPriceValue { float: right; color: #c61e33; }

.ViewButtonPanel { text-align: center; position: absolute; top: 0; width: 100%; height: 220px; display: none; z-index: 2; }

a.ViewButton { padding: 92px 0; display: none; position: absolute; width: 100%; height: 220px; font-size: 22px; color: #000; line-height: 30px; cursor: pointer; text-transform: uppercase; background-color: rgba(255,255,255,0.7);  opacity: 0;}

    a.ViewButton:hover {  background-color: rgba(255,255,255,0.8); color: #000; transition: opacity 0.2s linear; opacity: 1; }

    /*--- default - promotion ---*/
    .row .default-promotionads-col { width: 26.667%; float: left; padding-right: 10px; }
    .row .default-promotionlist-col { width: 73.333%; float: right; padding-left: 10px; }
/*PromotionGroup End*/

/*PromotionAds Begin*/
.PromotionAds { margin: 10px 0 20px; }
    .PromotionAds .SideBannerRight { text-align: left;}
    .PromotionAds .SideBannerRight img { width: auto; }
/*PromotionAds End*/

/*Newsletter Begin*/
.Newsletter { clear: left; float: left; width: 100%; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00683c+0,00683c+50,008e48+50,008e48+50,008e48+100 */
background: #00683c; /* Old browsers */
background: -moz-linear-gradient(left,  #00683c 0%, #00683c 50%, #008e48 50%, #008e48 50%, #008e48 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #00683c 0%,#00683c 50%,#008e48 50%,#008e48 50%,#008e48 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #00683c 0%,#00683c 50%,#008e48 50%,#008e48 50%,#008e48 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00683c', endColorstr='#008e48',GradientType=1 ); /* IE6-9 */
 }
.NewsletterBar { clear: left; float: left; width: 100%; height: 8px; 
background: #fef121; /* Old browsers */
background: -moz-linear-gradient(left,  #fef121 0%, #fbe26e 43%, #daa315 75%, #f4d763 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fef121 0%,#fbe26e 43%,#daa315 75%,#f4d763 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fef121 0%,#fbe26e 43%,#daa315 75%,#f4d763 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef121', endColorstr='#f4d763',GradientType=1 ); /* IE6-9 */
}
.Newsletter .row { padding: 30px 10px; background: url(Images/Background/bg-newsletter.png) no-repeat left top; font-style: italic; font-family: ThaiSansNeue; font-size: 30px; }
    .Newsletter .SidebarTop { background: none; height: auto; width: 42%; margin: 0; padding: 0; clear: left; float: left; border-bottom: 0; color: #fff; }

    .Newsletter .NewsletterTitle1 { clear: left; float: left; line-height: 60px; font-size: 60px; }
    .Newsletter .NewsletterTitle2 { clear: left; float: left; line-height: 60px; font-family: Medio; font-size: 50px; font-style: normal; }
    .Newsletter .NewsletterTitle3 { clear: left; float: left; line-height: 30px; font-size: 30px; font-family: ThaiSansNeueLite; letter-spacing: 2px;}

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

    .Newsletter .SidebarLeft { border: 0; width: 58%; float: left; padding: 0 20px;}

    .Newsletter .SidebarRight { padding: 0; background: none; border: 0; padding-left: 0; position:relative;}

.NewsletterLabel { color: #fff; clear: left; float: left; width: 100%; margin: 15px 0;  font-size: 30px; line-height: 40px; font-family: ThaiSansNeueLite; }

.NewsletterForm { clear: left; float: left; width: 100%; border: solid 3px #fff; border-radius: 100px; background-color: rgba(251,250,251,0.76); position: relative; overflow: hidden; }

input[type="text"].NewsletterTextBox { width: 65%; height: 65px; color: #0f1b2b; border: 0; margin: 0; float: left; position: relative; z-index: 1; padding: 4px 30px; background-color: rgba(251,250,251,0);  line-height: 60px; font-family: ThaiSansNeueLite; font-size: 30px; }
    input[type="text"].NewsletterTextBox:focus { color: #008e48; background-color: rgba(251,250,251,0); font-family: ThaiSansNeueLite;  }
.NewsletterSubmit.BtnStyle1 { position: relative; z-index: 0;  font-family: ThaiSansNeue; font-size: 36px; color: #008e48; float: right; width: 35%; margin: 0;   padding: 0; text-align: center; line-height: 60px; border: 0;  height: 65px; background:none; }    
.NewsletterSubmit.BtnStyle1:hover { border: 0; background:none; color: #e30613;}   
.CommonValidatorTextNewsLetter { clear: both; position: absolute; left: 30px; top: 100%; z-index: 1;  font-size: 14px; font-style: normal; }

/*Newsletter End*/

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

    .PaymentLogo img { max-width: 220px !important; }
/*PaymentLogo End*/
/*Faceted Search Start*/

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

.FacetedSearchNavList { margin-left: 20px; margin-bottom: 10px; 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; }

.FacetedSearchNavList .FacetedSearchNavList { margin-left: 0; }

.FacetedSearchNavList td { color: #008e48; line-height: 24px; }

.FacetedSearchNavList a { color: #454545; text-decoration: none; }

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

.FacetedSearchSelected { background-color: #FFFFFF; border: 1px dashed #DDDDDD; float: left; padding: 3px 5px; width: 100%; margin-bottom: 10px; }

.FacetedSelectedBox { padding: 5px 0; }

    .FacetedSelectedBox table { width: 100%; }

.FacetedSearchSelected a { float: right; margin-left: 5px; }

    .FacetedSearchSelected a:hover { text-decoration: none; color: #454545; }

    .FacetedSearchSelected a.ButtonDelete:hover { color: #ff0000; }

.FacetedSelectedBox span { }

    .FacetedSelectedBox span.GroupLabel { font-weight: bold; }
/*Faceted Search End*/
/* Mini Shopping Cart Start */
.MiniShoppingCart .SidebarRight { padding: 15px 0; }

.MiniShoppingCartSidebarTopTitle { color: #4d4d4d; font-size: 30px; line-height: 30px; font-family: ThaiSansNeue; padding: 5px 0; }

.MiniShoppingCartShowHidePanel { display: none; float: right; margin-top: 2px; }

.MiniShoppingCartTitle { display: table; line-height: 24px; padding: 0; }

.MiniShoppingCartButton { margin-top: 10px; margin-bottom: 5px; vertical-align: middle; float: left; }

    .MiniShoppingCartButton a { text-transform: capitalize; text-shadow: 0; line-height: 24px; font-weight: normal; }

.MiniShoppingCartDetail .CartDetailLabel { clear: left; float: left; }

.MiniShoppingCartDetail .CartDetailSubTotal { color: #454545; clear: left; float: left; }

.MiniShoppingCartLink { text-decoration: none; }

    .MiniShoppingCartLink:hover { color: #008e48; }

.MiniShoppingCartTitle .MiniShoppingCartLink { text-decoration: underline; }

.MiniShoppingCartQuantityAndPrice { margin-top: 5px; color: #008e48; }

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

.MiniShoppingCartSubTotal { color: #008e48; }

.MiniShoppingCartRecentlyPanel { margin-top: 10px; padding: 15px 0; background: url("Images/Background/dot-line.jpg") repeat-x scroll left top; font-family: CSPraKas;}

.MiniShoppingCartRecentlyTitle { margin: 0 0 10px; font-size: 18px; font-family: ThaiSansNeue; }

.MiniShoppingCartRecentlyPanel .RecentlyAddGrid { width: 100%; }

    .MiniShoppingCartRecentlyPanel .RecentlyAddGrid tr { background: url("Images/Background/dot-line.jpg") repeat-x scroll left bottom; }

.MiniShoppingCartRecentlyPanel .RecentlyGridEmpty { background-color: #f1f1f1; border: solid 1px #e5e5e5; text-align: center; font-size: 13px; font-family: CSPraKas;}

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

.MiniShoppingCartRecentlyPanel .RecentlyItemImageDiv { width: 50px !important; height: 50px !important; }

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

.MiniShoppingCartRecentlyPanel .RecentlyItemDelete { font-size: 12px; padding-bottom: 5px; }

/* Mini Shopping Cart End */

/*ProductList CommonStyle Begin*/
.ProductListDefaultDataList { width: 100%; }

.ProductListDefault { clear: left; }
/*ProductList CommonStyle End*/
/*Product Catalog Begin*/
.Catalog .CommonPageRight,
.Department .CommonPageRight,
.Manufacturer .CommonPageRight { padding: 0; }

.CatalogRoot { display: none; }

.ProductMainDiv .NewArrivalCategory .SidebarTop { display: none; }

.MainDiv .NewArrivalCategory .SidebarLeft { border-top: 0 !important; }

.MainDiv .Catalog .CategoryDescription { display: none; } 
/*Product Catalog End*/
/*CatalogImage Begin*/
.CatalogImagePanel { width: 460px; clear: left; float: left; margin-bottom: 10px; }

.CatalogImage { width: inherit; float: left; }

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


.CatalogImageDescription { display: none; }
/*CatalogImage End*/
/*CatalogBreadcrumb Begin*/
.CatalogBreadcrumb { color: #008e48; font-weight: normal; line-height: 20px; clear: left; display: table; margin: auto; }

    .CatalogBreadcrumb a { text-decoration: none; color: #888; }

        .CatalogBreadcrumb a:hover { color: #008e48; text-decoration: underline; }

.CatalogBreadcrumbNodeStyle { display: block; float: left; color: #888; font-weight: normal; }

.CatalogBreadcrumbPathSeparatorStyle { color: #999; padding: 0; font-size: 0 !important; background: url(Images/Icon/icon-breadcrumb.png) no-repeat center center; width: 20px; max-height: 22px; line-height: 20px; padding: 10px 0; display: block; float: left; }

.CatalogBreadcrumbRootNodeStyle { display: block; float: left; }
/*CatalogBreadcrumb End*/

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

.ProductListViewButton,
.ProductGridViewButton,
.ProductTableViewButton,
.ProductListViewButtonDisable,
.ProductGridViewButtonDisable,
.ProductTableViewButtonDisable { width: 16px; height: 16px; display: block; float: left; margin-right: 5px; font-size: 0; }

.ProductListViewButton { background: url(Images/icon/icon_list_enable.gif) no-repeat; }

.ProductGridViewButton { background: url(Images/icon/icon_grid_enable.gif) no-repeat; }

.ProductTableViewButton { background: url(Images/icon/icon_table_enable.gif) no-repeat; }

.ProductListViewButtonDisable { background: url(Images/icon/icon_list_disable.gif) no-repeat; }

.ProductGridViewButtonDisable { background: url(Images/icon/icon_grid_disable.gif) no-repeat; }

.ProductTableViewButtonDisable { background: url(Images/icon/icon_table_disable.gif) no-repeat; }
/*ProductListViewType End*/
/*Common ProductList Sorting,Paging Begin*/
.ProductListDefaultSortString { float: left; font-size: 13px; font-family: CSPraKas;}

    .ProductListDefaultSortString a { margin-top: 7px; text-decoration: none; }

.ProductListDefaultItemPerPage { float: right; font-size: 13px; font-family: CSPraKas;}

.ProductListDefaultSortUpDown { float: left; font-size: 13px; font-family: CSPraKas;}

.ProductListDefaultPageControlPanel { clear: both; line-height: 30px; margin-bottom: 20px; padding: 3px 8px; width: 100%; color: #454545; border-top: solid 1px #eee;  border-bottom: solid 1px #eee;  }

.ProductListDefaultItemPerPage select { float: left; margin-right: 6px; margin-top: 4px; width: auto; background-color: #f4f4f4; }

.ProductListDefaultSortUpDown select { float: left; margin-right: 6px; margin-top: 4px; width: auto; background-color: #f4f4f4; }

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

.ProductListDefaultPagingControl { clear: both; color: #454545; float: left; line-height: 30px; margin: 10px 0; width: 100%; padding: 5px 8px; border-top: solid 1px #eee;  border-bottom: solid 1px #eee; font-family: CSPraKas; }

    .ProductListDefaultPagingControl a { margin: 0 1px; } 

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

.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: 13px; margin-right: 20px; font-weight: normal; font-family: CSPraKas;}

.ProductListGridListSortUpDown { float: right; font-size: 13px; font-family: CSPraKas;}

.ProductListGridListItemPerPage select { float: left; margin-right: 6px; margin-top: 4px; width: auto; background-color: #f4f4f4; color: #454545; }

.ProductListGridListSortUpDown select { float: left; margin-right: 6px; margin-top: 4px; width: auto; background-color: #f4f4f4; color: #454545; }
/*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; }

.ProductLinkToTop, .NewsLinkToTop { display: block; text-align: left; font-size: 13px; color: #888; }

    .ProductLinkToTop:hover, .NewsLinkToTop:hover { color: #008e48; }
/* Common LinkToTop Style End */
/* Common Pagin Style Begin */
.PagingPrev { background: url(Images/Icon/icon-prev.gif) no-repeat left center; padding-left: 14px; font-size: 13px; font-family: CSPraKas;}

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

.PagingNumber { color: #555; text-decoration: none; background-color: #f1f1f1; display: inline-block; height: 22px; line-height: 18px; min-width: 22px; padding: 2px; text-align: center; }

.PagingCurrent { color: #fff; background-color: #e30613; display: inline-block; height: 22px; line-height: 18px; min-width: 22px; padding: 2px; text-align: center; }

.PagingNumber:hover { color: white; background-color: #008e48; }

.PagingPrev:hover, .PagingNext:hover { }

.PagingPrev[disabled], .PagingNext[disabled] { color: #999; text-decoration: none; }
/* Common Pagin Style End */
/* Common ItemCount Style Begin */
.ProductItemCountItemCount { float: left; font-size: 13px; font-family: CSPraKas; }
/* Common ItemCount Style End */
/*Common Product other button style [wishlist/compare/tell friend] Begin*/
.AddToWishListButtonLinkButton { background-image: url(Images/Icon/wishlist.png); }

.AddToCompareListButtonLinkButton { background-image: url(Images/Icon/icon-compare.png); }

.TellFriendLinkButton { background-image: url(Images/Icon/TellFriend.png); }

.AddToWishListButtonLinkButton, .AddToCompareListButtonLinkButton, .TellFriendLinkButton { background-position: left center; background-repeat: no-repeat; border: 0 none; color: #454545; display: block;  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/compare/tell friend] End*/
/*Common Category List [Layout] Begin*/
.CategoryListDefaultPageItemControlDiv,
.DepartmentListDefaultPageItemControlDiv,
.ManufacturerListDefaultPageItemControlDiv { clear: both; color: #454545; float: left; line-height: 30px; margin: 0 0 15px; padding: 4px 8px; width: 100%; border-top: solid 1px #eee; border-bottom: solid 1px #eee;}

    .CategoryListDefaultPageItemControlDiv a,
    .DepartmentListDefaultPageItemControlDiv a,
    .ManufacturerListDefaultPageItemControlDiv a { margin: 0 2px; text-decoration: none; }

.CategoryListDefaultItemPerPageDiv,
.DepartmentListDefaultItemPerPageDiv,
.ManufacturerListDefaultItemPerPageDiv { float: left; font-size: 13px; width: 50%; font-family: CSPraKas;}

    .CategoryListDefaultItemPerPageDiv select,
    .DepartmentListDefaultItemPerPageDiv select,
    .ManufacturerListDefaultItemPerPageDiv select { float: left; margin: 5px 10px 0 0; width: auto; background-color: #f4f4f4; color: #454545; }

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

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

.DepartmentListDefaultDataListHeader { text-align: center; }

.DepartmentListItemDefaultImageColumn { height: 150px; background-color: #fff; border: solid 1px #E5E5E5; padding: 3px; }

.DepartmentListItemDefaultImageDiv { width: 100%; text-align: center; }

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

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

.DepartmentListItemDefaultNameDiv { text-align: center; margin-bottom: 10px; }

    .DepartmentListItemDefaultNameDiv a { font-weight: normal; text-decoration: none;  font-family: ThaiSansNeue; font-size: 20px; } 

.DepartmentListDefaultDataListItem { vertical-align: top; padding: 10px 0;}

.DepartmentListItemDefaultDescriptionColumn { display: none; }
/*DepartmentList [Layout] End*/

/*------------------ CategoryList Style ------------------*/
/* CategoryListItemDefault3 Begin */
.CategoryDescription { clear: left; float: left; width: 100%; margin: 0; line-height: 30px; margin: 10px 0px 15px; }

.CategoryListDefault3 { margin-bottom: 20px; }

.CategoryListItemDefault3 { border: solid 1px #e6e6e6; padding: 1px; }

.CategoryDescriptionDiv .CategoryDescriptionDiv { margin: 10px 0px 20px 0; padding: 0 20px; line-height: 22px; }

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

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

/*------------------ Product List Style ------------------
ProductListItem [Layout>Controls] Begin*/
.ProductListDiscountPercent { display: inline-block; width: 100px; color: #008e48; font-size: 20px; }

.ProductRowDataList { width: 100%; }

    .ProductRowDataList .QuickViewButtonBorder { width: 30%!important; }

    .ProductRowDataList .PriceDiscountLabel { margin-top: 5px; margin-left: 1px; }

    .ProductRowDataList .CommonProductName { margin-bottom: 0px; background: none; margin-left: 0px; height: auto; margin-bottom: 15px; }

    .ProductRowDataList .FreeShippingLabel { display: none; }

    .ProductRowDataList .DiscountLabel { display: none; }

    .ProductRowDataList .ProductListItemTellFriendPanel { display: none; }

    .ProductRowDataList .CommonProductImage img { position: relative; z-index: 1; max-width: 95%; }

.ProductListItem { padding: 0; position: relative; margin: auto; width: 100%; margin: 0 0 20px; }

    .ProductListItem .PriceLabel, .ProductListItem .OurPriceLabel { display: none; }

    .ProductListItem div.CommonProductImage { width: 30%; float: left; }

    .ProductListItem .ProductListItemDetailsColumn { width: 70%; padding: 10px 3.5% 0; float: left; text-align: left; }

    .ProductListItem .CommonProductPriceDetails { margin-bottom: 0; }

    .ProductListItem .ProductListDiscountPercent { margin-left: 0; }

    .ProductListItem .ProductListItemSpecialLabel { float: right; margin: 7px 0 0 0; width: 46%; }

    .ProductListItem .ProductListItemQuantityDiscountPanel { display: inline-block; }


    .ProductListItem .CommonProductRating { clear: left; float: left; margin: 12px 0; }

    .ProductListItem .ProductListItemDetailsPriceDiv { float: left; margin: 5px 0; }

    .ProductListItem .RetailPricePanel { line-height: 22px; }

.ProductListItemTellFriendPanel, .ProductListItemAddtoWishListPanel, .ProductListItemAddtoCompareListPanel { display: inline-block; padding-left: 2%; margin-top: 3px; }

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

.ProductListItemTellFriendPanel { clear: left; }

.ProductListItemOutOfStockPanel { clear: left; float: left; margin: 0; width: 100%; line-height: 25px;}

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

.ProductListItemButtonDiv { clear: left; float: left; margin: 5px 0; width: 100%; }
/*ProductListItem [Layout>Controls] End*/

/*ProductListItemColumn2 [Layout>Controls] Begin*/
.ProductColumn2DataList { width: 100%; margin-bottom: 20px; }

.ProductColumn2Item { vertical-align: top; }

.ProductListColumn2ItemStyle { vertical-align: top; padding: 10px 0; }

.ProductListItemColumn2 { padding: 0; position: relative; margin: auto; text-align: center; }

    .ProductListItemColumn2 .PriceLabel, .ProductListItemColumn2 .OurPriceLabel { display: none; }

    .ProductListItemColumn2 .DiscountPercent { float: none; }

    .ProductListItemColumn2 .CommonProductPriceDetails { margin-bottom: 0; }

    .ProductListItemColumn2 .ProductListDiscountPercent { margin-left: 0; }

    .ProductListItemColumn2 .CommonProductSpecialLabel { clear: left; float: left; margin: 5px 0; width: 100%; display: none; }

    .ProductListItemColumn2 .CommonProductButton { margin-top: 0px; }

    .ProductListItemColumn2 .CommonProductName { position: relative; min-height: 80px; }

.ProductListItemColumn2DetailsColumn { position: relative;   width: 100%; text-align: center; position: relative; background: url("Images/Background/product-item-line.png") no-repeat center bottom; margin-bottom: 5px; padding-bottom: 5px; }

.ProductListItemColumn2TellFriendPanel, .ProductListItemColumn2AddtoWishListPanel, .ProductListItemColumn2AddtoCompareListPanel { display: inline-block; margin: 0px 8px; z-index: 0; position: relative; vertical-align: middle; color: #030303; }

.AddToWishListButtonLinkButton:hover, .AddToCompareListButtonLinkButton:hover, .TellFriendLinkButton:hover { color: #50b205; }


.ProductListItemColumn2TellFriendPanel { clear: left; }

.ProductListItemColumn2OutOfStockPanel { clear: left; float: left; width: 100%; color: #f00; }

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

.ProductListItemColumn2 .ProductListItemQuantityDiscountPanel { display: inline-block; }
/*ProductListItemColumn2 [Layout>Controls] End*/

/* ProductListTableView [Layout>Controls] Begin */
.ProductListTableViewItem .RetailPriceValue, .ProductListTableViewItem .RetailPricePanel { float: none; }

.ProductListTableViewItem .OurPricePanel { float: none; }

.ProductColumn2DataList .FreeShippingLabel { display: none; }

.ProductColumn2DataList .DiscountLabel { display: none; }

.ProductColumn2DataList .ProductListItemColumn2TellFriendPanel { display: none; }


.ProductTableDataList { clear: left; margin-bottom: 20px; width: 100%; }

.ProductListTableView { position: relative; }

    .ProductListTableView .QuickViewButtonBorder { top: 0px; width: 20% !important;  }

    .ProductListTableView .QuickViewButtonPanel { min-height: 100%; position: relative; z-index: 1; background-color: transparent; }

    .ProductListTableView a.QuickViewButton { width: 80%; left: 10%; top: 35%; background-image: none; height: 32px; padding: 3px 0;  }

.ProductListTableViewItem { position: relative; width: 100%; min-height: 125px; }

    .ProductListTableViewItem .DiscountLabel { display: none; }

    .ProductListTableViewItem td { border-bottom: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0; vertical-align: top; z-index: 0; position: relative; padding: 10px 5px 0; }

    .ProductListTableViewItem .RatingControlColumn { border: 0; padding: 0; }

    .ProductListTableViewItem .Image td { border: 0; padding: 0px; text-align: center; }

.ProductListTableViewTopItem { font-weight: bold; background-color: #fbfcfe; border-top: solid 1px #f0f0f0; padding: 0px; height: 34px; width: 100%; }

    .ProductListTableViewTopItem td { border-bottom: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0; padding: 0 1%; text-align: center; min-height: 38px; }

    .ProductListTableViewTopItem .Image { width: 20%; text-align: center; }

    .ProductListTableViewTopItem .Name { }

    .ProductListTableViewTopItem .Sku { width: 17%; }

    .ProductListTableViewTopItem .Price { width: 19%; }

    .ProductListTableViewTopItem .Button { width: 19%; border-right: solid 1px #f0f0f0; }

.ProductListTableViewItem .DiscountPercent { float: none; }

.ProductListTableViewItem .Image { width: 20%; text-align: center; vertical-align: middle; padding: 0; min-height: 125px; }

.ProductListTableViewItem .Image1 { width: 100%; text-align: center; }

.ProductListTableViewItem .ImagePanel { background-color: #fff; vertical-align: top; margin: auto; }

    .ProductListTableViewItem .ImagePanel img { width: auto !important; max-height: 125px; height: auto !important; }

    .ProductListTableViewItem .ImagePanel .ProductLink { text-align: center; display: block; }

.ProductListTableViewItem .Name { }

.ProductListTableViewItem .Sku { width: 17%; line-height: 24px; color: #454545; text-align: center; }

.ProductListTableViewItem .Price { width: 19%; }

.ProductListTableViewItem .Button { width: 19%; text-align: center; border-right: solid 1px #f0f0f0; padding-bottom: 10px; }

.ProductListTableViewItem .RetailPricePanel { margin-top: 2px; }

.ProductListTableViewItem .CommonProductName { float: left; height: auto; line-height: 20px; text-align: center; background: none; margin-top: 0; }

.ProductListTableViewItem .CommonProductNameLink { line-height: 25px;font-size: 22px; }

.ProductListTableViewItem .CommonProductRating { margin: auto; padding-top: 5px; margin-bottom: 10px; }

.ProductListTableViewItem .BtnStyle1 { padding: 2px 10px; margin: 0px 10% 10px; width: 80%; background-image: none;}

.TableViewTellFriendPanel, .TableViewAddtoWishListPanel, .TableViewAddtoCompareListPanel { display: inline-block; width: 95%; }

.ProductListTableViewItem .AddToWishListButtonLinkButton, .ProductListTableViewItem .AddToCompareListButtonLinkButton, .ProductListTableViewItem .TellFriendLinkButton { margin: 2px 0 0; line-height: 18px; height: 18px; }

.ProductListTableViewEmpty { margin-top: 15px; }

.ProductListTableViewItem .CommonProductImagePanel .QuickViewButtonBorder { top: 0; padding: 10px 0; }

.ProductListTableViewItem .FreeShippingLabel, .ProductListTableItem .DiscountLabel { display: none; }

.ProductListTableViewItem .PriceDiscountLabel { border-radius: 60px; color: #fff; height: 40px; left: 5px; line-height: 18px; padding: 0px 5px; position: absolute; text-align: center; top: 5px; width: 40px; z-index: 1; font-family: ThaiSansNeue; font-size: 18px; background: #e30613;   }
.ProductListTableViewItem .PercentValue { font-size: 18px; }
/* ProductListTableView [Layout>Controls] End */

/* AdvancedSearchResult : ProductList Begin */
.AdvancedSearchResult .TableViewTellFriendPanel, .AdvancedSearchResult .TableViewAddtoWishListPanel, .AdvancedSearchResult .TableViewAddtoCompareListPanel { margin-left: 10%; display: inline-block; width: 80%; }

.AdvancedSearchResult .ProductRowDataList .CommonProductItemStyle { clear: left; display: block; margin: 10px 0 25px; width: 70%; }

/* AdvancedSearchResult : ProductList End */
/*--------------- About Product Detail Section----------------*/
/* Product Page Begin */
.Product .CommonPage { width: 100%; border: 0; }

.Product .CommonPageTop { border: 0; margin-top: 0; position: relative; top: -10px; }

.Product .CommonPageTopImgLeft,
.Product .CommonPageTopImgRight { display: none; }

.Product .CommonPageLeft { display: table; width: 100%; }

.Product .CommonPageRight { padding: 0; margin: 0; }

.Product .CommonPageBottom { display: none; }
/* Product Page End */
/*/////////////////  ProductDetailsResponsive Begin  /////////////////*/
.ProductDetailsResponsive > div.row { padding: 0; margin: 10px 0 0; }

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

    /*---- Section 1 ----*/
    .ProductDetailsResponsive .ProductQuickInfoName { font-size: 32px; color: #000; line-height: 30px; font-family: ThaiSansNeue; margin-bottom: 10px; }

    /*---- Section 2 ----*/
    .ProductDetailsResponsive div.ProductDetailsResponsiveImage { width: 100%; min-height: 400px; padding: 0; margin: 0 auto 10px; text-align: center; border: solid 1px #ededed; }

    .ProductDetailsResponsive table.ProductDetailsResponsiveImage { width: 100%; height: 400px; text-align: center; padding: 0; margin: 0 auto; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage tr td { vertical-align: middle; text-align: center; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage a { display: block; margin: auto; text-align: center; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImage img { max-width: 100%; max-height: 385px; width: auto; }

    .ProductDetailsResponsive .ProductDetailsResponsiveImagePanel { width: 100%; height: 400px; text-align: center; }

    .ProductDetailsResponsive .CommonCategoryImage tr td { }

.ProductDetailsResponsiveImageThumbnail { width: 102%; }

    .ProductDetailsResponsiveImageThumbnail .ImageThumbnailItemStyle { display: inline-block; margin: 10px 3% 10px 0; vertical-align: top; width: 21%; min-height: 80px; }

    .ProductDetailsResponsiveImageThumbnail table.CommonCategoryImage { height: 80px; width: 100%; }
    .ProductDetailsResponsiveImageThumbnail .CommonCategoryImage tr td { border: 0; }
/*---- Section 3 ----*/
.ProductQuickInfoShortDescription { line-height: 24px; font-size: 20px;}

.ProductQuickInfoSku { width: 30%; margin-right: 3%; display: inline-block; color: #888; float: left; width: 32%; display: inline-block; }

.ProductDetailsResponsiveSku { color: #888; }

.ProductQuickInfoStock { width: 32%; margin-right: 3%; display: inline-block; color: #888; }

.ProductDetailsResponsiveRemainQuantityParagraphDetail { color: #888; }

.ProductQuickInfoRating { width: 20%; margin-right: 3%; display: inline-block; }

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

    .ProductQuickInfoRating .RatingCustomerMessageDiv { display: inline-block;  margin-left: 5px; color: #66767b; line-height: 12px; }

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

.StarRating { min-width: 150px; margin-top: 19px; }

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

.ProductDetailsResponsive .QuantityDiscountPanel { color: #454545; line-height: 30px; display: inline-block; float: left; margin: 0 0 10px 0; position: relative; }
    .ProductDetailsResponsive .QuantityDiscountPanel .QuantityDiscountTop { position: relative; }
.ProductDetailsResponsive .QuantityDiscountRight { margin-top: 35px; display: block; width: 150%; }

.ProductDetailsResponsive .DiscountLabel { color: #454545; line-height: 28px; height: 30px; padding: 0 35px; margin-top: 0; border: solid 1px #ededed; display: inline-block; margin-right: 10px; background-color: #f9fbfd; background-position: 8px center; font-size: 20px; }

.ProductDetailsResponsive .FreeShippingLabel { color: #454545; line-height: 28px; height: 30px; padding: 0 10px 0 35px; margin-top: 0; border: solid 1px #ededed; display: inline-block; margin-right: 10px; padding: 0 15px 0 35px; background: #F9FBFD url("Images/Icon/icon-free-shipping.gif") no-repeat scroll 10px center; float: none; clear: none; font-size: 20px; }

.ProductDetailsResponsive .PercentLabel { color: #ff3737; margin-left: 0px; }

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

.ProductQuickInfoPrice { clear: both; }

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

.ProductQuickInfoPriceTitle { color: #454545; font-size: 18px; }

.ProductDetailsResponsiveOurPrice { color: #e30613; font-size: 30px; font-family: ThaiSansNeueBlack;}
.ProductDetailsResponsiveOurPrice.CallForPrice { color: #e30613; font-size: 26px; }
.ProductDetailsResponsiveRetailPrice { }

    .ProductDetailsResponsiveRetailPrice .RetailPriceValue { color: #888;  padding-top: 7px !important; margin-right: 20px; font-size: 22px;}

.ProductDetailsResponsive .DiscountPercent { padding-top: 5px !important; display: inline-block; width: 150px; }

    .ProductDetailsResponsive .DiscountPercent .PercentLabel { color: #008e48; font-size: 24px; position: inherit; float: left; }

    .ProductDetailsResponsive .DiscountPercent .PercentValue { color: #008e48; font-size: 24px; top: 0; }

.ProductDetailsResponsiveRecurringDiv { }

.ProductDetailsResponsiveRecurringAmountEveryPanel { }

.ProductDetailsResponsive .ProductDetailsResponsiveOptionDiv { margin-top: 20px; margin-bottom: 20px; }

.ProductDetailsResponsive .QuantityDiscountGridViewHeaderStyle th { border: 1px solid #ededed; background-color: #f9fbfd; }

.ProductDetailsResponsive .QuantityDiscountGridView td { border: 1px solid #ededed; text-align: center; line-height: 25px; }

.QuantityDiscountGridView { background-color: #fff; text-align: center; clear: left; margin-top: 10px; }

.QuantityDiscountShowLinkImage, .QuantityDiscountHideLink { margin-top: 5px; }

.ProductDetailsResponsive .QuantityDiscountHideLink,
.ProductDetailsResponsive .QuantityDiscountShowLink { height: 16px; display: block; position: absolute; right: 15px; top: 3px; }

.ProductDetailsResponsive .QuantityDiscountGridView { width: 100%; }

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

.ProductDetailsResponsiveAddToCart .BtnStyle1 { padding: 7px 30px; font-size: 28px; font-family: ThaiSansNeue;}

.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; text-shadow: none; }

.ProductDetailsResponsive .pdetail-sec-four .StarRatingSummaryButtonColumn { float: right; position: relative; bottom: 260%; margin-bottom: 30px; }

.ProductDetailsResponsive .ProductDetailsButtom { margin-top: 30px; }

.ProductDetailsResponsive .RelatedProductsTitleRight { color: #4d4d4d; font-size: 30px; line-height: 35px;  font-family: ThaiSansNeue; min-height: 40px; background: url(Images/Background/bg-br1.png) no-repeat left bottom; padding-bottom: 10px;} 

.ProductDetailsResponsive .RelatedProductsTopTitle { display: none; }

.RelatedProductsDetailsNameDiv a { color: #454545; }

.RelatedProductsDatalist { width: 100%; }

.RelatedProductsItemTable { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; width: 100%; padding: 10px 0; }
.RelatedProductsNameLink { font-size: 20px; }
.ProductDetailsResponsive .RelatedProductsDetailsPriceDiv { color: #999; font-weight: lighter; margin-top: 10px; }

.ProductDetailsResponsive .StarRatingSummaryTable, .StarRatingSummaryTableInner { width: 101%; }

.StarRatingSummaryTableInnerOurStarColumn { width: 23%; }

.ProductDetailsResponsive .StarRatingSummaryTable tr { display: table-cell; }

.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 {color: #66767b; }

    .ProductDetailsResponsive .RatingCustomerBaseOnAmountLabel > span { color: #008e48; }

.RelatedProductsDetailsColumn { margin-bottom: 50px; }

.ProductQuickInfoPrice { clear: both; }

.CustomerReviewsItemByColumn, .CustomerReviewsDate {color: #707f84; float: left; }

.CustomerReviewsByLabel { clear: left; float: left; }

.CustomerReviewsSubject { font-weight: bold; margin-top: 15px; line-height: 30px; }

.CustomerReviewsItemStyle { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

.ProductDetailsResponsiveRatingSummary { background: url("Images/Background/dot-line.jpg") repeat-x left bottom; }

.ProductDetailsResponsiveQuantityDiv { }

.ProductDetailsResponsiveAddToCart { float: left; margin-top: 0 !important; }


.ProductSpecificationItemList { clear: both; float: left; width: 100%; margin-bottom: 30px; }
.ProductDetailsResponsive .SpecificationItem { clear: both; float: left; width: 100%;  border-bottom: dashed 1px #e5e5e5;  color: #333; }
.ProductDetailsResponsive .ProductSpecificationItemList .SpecItemName { clear: both; float: left; width:25%; padding: 5px;  }
.ProductDetailsResponsive .ProductSpecificationItemList .SpecItemValue { float: left; width: 75%; padding: 5px;}

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

.ProductDetailsResponsive .ProductDetailsDefaulSpecificationDetailsDiv { margin-bottom: 40px; }

.OptionGroupDetailsTitleLeft { display: none; }

.ProductDetailsResponsive .WriteReviewDiv .CommonHyperLink { background: url("Images/Icon/icon-review.gif") no-repeat scroll 5px center transparent; padding-left: 30px; }

.ProductDetailsResponsiveDescriptionLongDiv, .CustomerReviewsItemBodyColumn { line-height: 30px; }

.ProductDetailsResponsive .ButtonDiv { clear: left; float: left; width: 100%; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; padding: 10px 0; margin: 20px 0; }

.Product .AddToWishListButtonLinkButton, .Product .AddToCompareListButtonLinkButton, .Product .TellFriendLinkButton, .Promotion .TellFriendLinkButton { border-right: solid 1px #eee; display: inline-block; margin: 5px 5px 5px 0; padding: 0 12px 0 22px; width: auto; }

.Product .TellFriendLinkButton { border-right: 0px; }

.ProductDetailsResponsive .CommonTextBox { width: 13% !important; padding: 10px; height: 40px; color: #66767b; text-align: center; font-size: 18px; float: left; margin: 5px; margin-top: 0px; margin-right: 10px; }

.ProductDetailsResponsiveValidatorTextOutOfStock { position: absolute; top: 32px; }
/*ProductDetailsResponsive End*/
/*OptionGroupDetails Begin*/
.OptionGroupDetailsTitleRight span { color: #008e48; font-weight: normal; }
/*OptionGroupDetails End*/
/*OptionItemDetails Begin*/
.OptionItemDetails { }

.OptionItemDetailsTop { display: inline-block; float: left; margin: 10px 0; width: 90%; }

.OptionItemDetailsLeft { margin: 10px 0; float: left; clear: left; display: inline-block; width: 80%; }

.OptionTextItem .OptionTextItemTable { width: 100%; }

.OptionRadioItemRadioButtonList tr { display: table-cell; float: left; width: 100%; }

.OptionItemDetailsErrorMessage { color: #454545; }

.OptionDisplayText { font-size: 20px; }
/*OptionItemDetails End*/
/*OptionRadioItem Begin*/
.OptionRadioItemDiv { margin-top: 0; margin-left: 23px; }

.OptionRadioItemRadioButtonList td { position: relative; height: 25px; width: 1%; }

.OptionRadioItemRadioButtonList input { float: left; }

.OptionRadioItemRadioButtonList label { position: relative; float: left; margin-top: 1px; margin-left: 10px; margin-right: 10px; width: 83%; }

    .OptionRadioItemRadioButtonList label span.OptionItemName { }

    .OptionRadioItemRadioButtonList label img.OptionImg { border: solid 1px #fff; left: -50px; position: absolute; top: 0; width: 18px; }

    .OptionRadioItemRadioButtonList label span.OptionPrice { color: #008e48; }
/*OptionRadioItem End*/
/*OptionTextItem Begin*/
.OptionTextItem { position: relative; }

.OptionTextItemCheckDiv { margin-left: 23px; position: relative; }

.OptionTextItemCheckDiv { float: left; }

    .OptionTextItemCheckDiv span.OptionItemName { position: absolute; left: 30px; top: 1px; }

    .OptionTextItemCheckDiv span img.OptionImg { border: solid 1px #D2D1D1; width: 6px; left: -20px; top: 3px; position: absolute; }

.OptionTextItemTable span.OptionItemName { font-weight: normal; color: #bbb; }

.OptionTextItemTable span.OptionPrice { float: right; margin-left: 45px; }

.OptionTextItemText { width: 180px; margin-left: 20px; }

.OptionItemDetailsLeft { width: inherit; }

.OptionGroupDetailsDataListItemStyle { width: 80%; }
/*OptionTextItem End*/
/*OptionInputListItem Begin*/
.OptionInputListItemDataListItemStyle { padding-bottom: 2px; }

.OptionInputListItemDataListItemDiv { position: relative; margin-left: 23px; }

    .OptionInputListItemDataListItemDiv input { border: solid 1px #ccc; }

    .OptionInputListItemDataListItemDiv span.OptionItemName { }

.OptionPrice { color: #008e48; }

.OptionInputListItemDataListItemDiv span img.OptionImg { border: solid 1px #D2D1D1; position: absolute; width: 6px; 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: 6px; border: solid 1px #D2D1D1; }

.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*/
/*LikeBoxWidget Begin*/
.LikeBoxWidget iframe { width: 188px !important; }
/*LikeBoxWidget End*/
/*AddThis Begin*/
.AddThisWidget { width: 100%; display: table; text-align: center; clear: both; }
/*AddThis End*/
/*PaymentLogo Begin*/
.PaymentLogo { float: left; clear: right; margin-top: 15px; }
/*PaymentLogo End*/
/*ProductSpecial Begin*/
.ProductSpecial .SidebarTop,
.ProductSpecial .SidebarBottom { display: none; }

.ProductSpecial .SidebarLeft { }

.ProductSpecial .SidebarRight { padding: 0; border: solid 1px #ededed; background-color: #fff; }

.ProductSpecialLabelPanel { width: 60px; height: 60px; background: url(Images/Icon/icon-special.png) no-repeat left top; position: absolute; z-index: 100; }

.ProductSpecial .ProductSpecialImage { margin: auto; }

    .ProductSpecial .ProductSpecialImage a { height: 260px; width: 170px; }

        .ProductSpecial .ProductSpecialImage a img { margin-top: 5px; display: block; max-width: 170px; width: auto !important; width: 170px; }

/*ProductSpecial 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: 5px 0 20px; clear: left; float: left; width: 100%; }

    .FeaturedMerchants .SidebarTop { display: none; }

    .FeaturedMerchants .SidebarRight { padding: 0; }

.FeaturedMerchantsAd { width: 50%; float: left; margin: 0 0 5px;}
    .FeaturedMerchantsAd.Ads1 { text-align: right; padding-right: 2px;}
    .FeaturedMerchantsAd.Ads2 { text-align: left; padding-left: 2px;}
    .FeaturedMerchantsAd.Ads3 { text-align: center; padding: 0 2px; margin-left: 25%; }
    .FeaturedMerchantsAd img { max-width: 100%; width: auto !important; width: 100%; }

/*FeaturedMerchants End*/
/*FindGiftRegistry Begin*/

.FindGiftRegistryDiv { clear: left; }

.FindGiftRegistryCreateLink { background: url(Images/Icon/icon-gift.gif) no-repeat left center; }

.FindGiftRegistryFindLink { background: url(Images/Icon/icon-search.gif) no-repeat left center; }

.FindGiftRegistryDiv a { padding: 4px 5px 4px 25px; vertical-align: middle; display: block; color: #454545; text-decoration: none; clear: left; float: left; margin-bottom: 8px; }

    .FindGiftRegistryDiv a:hover { color: #008e48; }

/*FindGiftRegistry 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; }

        .CategoryListItemNameDiv a:hover { color: #008e48; }
/*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 { color: #454545; font-weight: normal; text-decoration: none; }

        .CategoryListItemDefaultNameDiv a:hover { color: #008e48; }

.CategoryListItem1DescriptionDiv { margin-bottom: 10px; }

.CategoryListItemDefaultDescriptionColumn { display: none; }
/*CategoryListItemDefault [Layout>Controls] End*/
/*Manufacturer Begin*/
.Manufacturer .CategoryListDefault .ManufacturerControlPanel { width: 100%; margin: 0; }

.ManufacturerDropDownList { margin: 10px auto; }

.ManufacturerNavList .SidebarRight { text-align: center; }
/*Manufacturer End*/
/*ManufacturerTab Begin*/
.ManufacturerTabItemDefaultTable { margin: 0 auto; }

.ManufacturerTabDefaultDataList { width: 100%; }

.ManufacturerTabItemDefaultImageColumn { height: 24%; background-color: #fff; padding: 10px; }

.ManufacturerTabItemDefaultImageDiv { width: 24%; text-align: center; }

    .ManufacturerTabItemDefaultImageDiv img { height: auto !important; max-height: 130px; max-width: 140px; width: auto !important; }
/*ManufacturerTab End*/
/*ManufacturerList [Layout] Begin*/
.ManufacturerListItemDefaultTable { margin: 0 auto; width: 150px;  padding: 10px 0;}

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

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

.ManufacturerListItemDefaultImageDiv { width: 100%; text-align: center; }

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

.ManufacturerListItemDefaultNameDiv { text-align: center; margin-top: 5px; margin-bottom: 15px; width: 100%; } 
    .ManufacturerListItemDefaultNameDiv a { font-weight: normal; text-decoration: none;  font-family: ThaiSansNeue; font-size: 20px; }  

.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 { clear: left; float: left; min-height: 45px; line-height: 40px; vertical-align: middle;  margin:0 0 10px 0; text-align: center; width: 100%; border-bottom: solid 4px #5da2cf; width: 100%; padding-bottom: 10px;}

.PromotionItem .SidebarTopTitle { color: #19581f; font-size: 36px; line-height: 36px; font-family: ThaiSansNeue; background-color: #fff; padding: 0 20px; text-transform: uppercase; display: table; margin: auto; }

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

.PromotionItem .PriceLabel { float: left; color: #008e48; font-size: 20px; vertical-align: middle; margin-left: 20px; line-height: 22px; font-size: 26px; vertical-align: middle; font-family: ThaiSansNeue; }

.PromotionItem .DiscriptionLabel { clear: left; float: left; width: 100%; vertical-align: middle; margin: 10px 0px 15px 0px; }

.PromotionItem .AlternatingItem { width: 100%; height: 30px; margin: 10px 0px; background: url(Images/Icon/icon-promotion.png) no-repeat center center; }

    .PromotionItem .AlternatingItem img { display: none; }

.PromotionItem .PromotionDetailsDefaultImageAddtoCart { margin-top: 10px; float: right; }

.PromotionItem .PromotionDetailsDefaultImageTellFriendImage { float: left; margin-top: 10px; width: 88%; }

    .PromotionItem .PromotionDetailsDefaultImageTellFriendImage a.BtnStyle4 { float: right; }

.PromotionSortString { float: left; font-size: 13px; font-family: CSPraKas;}

.PromotionSortUpDown { float: left; margin-left: 10px; font-size: 13px; font-family: CSPraKas;}

.PromotionItemPerPage { float: right; font-size: 13px; font-family: CSPraKas;}

    .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 { width: 25%; padding-bottom: 10px; }

.PromotionItem .SocialButton { width: 50%; float: left; }
/*Promotion Item End*/

/*Promotion Product Group Begin*/
.PromotionProductGroup { border: solid 2px #e8e8e8; padding: 15px; }

    .PromotionProductGroup .MessagePanel { color: Red; text-align: right; padding-top: 15px; }

    .PromotionProductGroup .ProductSelect { margin-top: 3px; text-align: center; clear: left; }

.ProductOption .BtnStyle3 { float: none; margin: auto; cursor: pointer; text-align: center; }

/*Promotion Product Group End*/
/* Promotion Product Item Begin */
.PromotionProductGroupDataList { margin: 0; }

    .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%; min-height: 170px; margin: 5px 7.5%; position: relative; }

    .PromotionProductGroupDataList .ProductGroupCombineItem div { display: table; width: 30px; height: 180px; }

    .PromotionProductGroupDataList .ProductGroupCombineItem { background: url(Images/Icon/icon-combine-item.gif) no-repeat center center; width: 30px; }

.PromotionProductGroup .ProductGroupCombineItem img,
.PromotionItem .AlternatingItem img { display: none; }

.PromotionProductItem .ProductName a { color: #454545; text-decoration: none; }

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

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

.PromotionProductItem .ProductQuantity { font-weight: normal; }

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

.PromotionProductItem .ProductPrice { text-decoration: line-through; color: #008e48; margin-bottom: 10px; }

.PromotionProductItem .ProductOption { margin-top: 3px; text-align: center; }

.PromotionProductItem .ProductSelect { margin-top: 3px; text-align: center; clear: left; bottom: 0; clear: left; position: absolute; width: 100%; }

.PromotionProductItem .OptionPopup { left: 0px; top: 0px; position: fixed; z-index: 11; width: 100%; height: 100%; }

.PromotionProductItem .OptionPanel { background-color: #fff; text-align: left; padding: 20px 30px; width: 300px; height: auto; border-top: 0; -webkit-box-shadow: 0px 0px 10px 0px #555; box-shadow: 0px 0px 10px 0px #555; border-collapse: separate; }

.PromotionProductItem .OptionButton { clear: left; display: table; margin: 15px auto 0; text-align: center; }

.PromotionProductItem .FixProductOption { font-size: 16px; 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;  }

.PromotionGroupListItemDetailsColumn { padding: 10px 2.5%; vertical-align: top; width: 55%; }

.PromotionGroupListItemNameDiv { margin-bottom: 10px; }

.PromotionGroupListItemNameLink { font-size: 22px; font-family: ThaiSansNeue;text-decoration: none; }

.PromotionGroupListItemDescription { margin: 5px 0px; }

.PromotionGroupListItemPriceDiv { clear: both; float: left; margin-top: 5px; }

.PromotionGroupListItemPricePanel { font-size: 20px; margin: 5px 0px; }

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

.PromotionGroupListItemPriceValue { float: left;  color: #008e48;}

.PromotionGroupListItemButtonDiv { clear: left; float: left; margin-top: 15px; }

    .PromotionGroupListItemButtonDiv .TellFriendLinkButton { display: none; }
/*PromotionGroupListItem [Layout>Controls]End*/

/*RecurringSpecial Begin*/
.RecurringSpecialPanel { margin-top: 5px; color: #008e48; }

.RecurringSpecialNotice { font-weight: normal; color: #008e48; }
/*RecurringSpecial End*/
/*ContactUs Begin*/
.ContactUsContact { clear: left; float: left; width: 55%; }
.ContactUsForm { float: right; width: 43%; }
.ContactUsFormTable { width: 90%; float: left; }
.ContactUsCaptcha { float: left; width: 100%; clear: left; }
.ContactUsCaptchaStyle { clear: left; float: left; width: 100%; }
    .ContactUsCaptchaStyle div { clear: left; margin-top: 10px; width: 100%; }
        .ContactUsCaptchaStyle div input { margin-top: 5px; border: solid 1px #ccc; width: 100px; }
.ContactUsButtonDiv { clear: left; float: left; margin: 15px 0px; }
.ContactUsTextBox { margin-bottom: 5px; width: 100%; }
.ContactUsTextBoxLong { margin-bottom: 5px; width: 100%; }
.ContactUsCommentBox { margin-bottom: 5px; width: 100%; height: 150px; }
.ContactMap { width: 100%; height: 350px; margin-bottom: 20px; }
    .ContactMap img { max-width: none; }
.ContactUsValidate { width: 100%; }
.ContactUsValidateLong { width: 100%; }

.ContactUsLabel { width: 90px; float: left; margin-right: 5px; clear: left; line-height: 30px; }

.ContactUsData { clear: left; float: left; width: 100%; line-height: 24px; font-size: 20px; }
    .ContactUsData ul { list-style: none; margin: 0; line-height: 24px; }
    .ContactUsData p { margin: 0; line-height: 24px; }
.ContactUsDataLabel { font-weight: bold; line-height: 26px; }
.ContactUsCompanyInfo { clear: left; float: left; width: 100%; margin-bottom: 20px; } 
/*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,.CommonSkipLoginTitle,
.CommonUserLoginRegisterTitle {   float: left; color: #010101; font-size: 24px; margin: 10px 0;  font-family: ThaiSansNeue;}

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

.CommonUserLoginPanelUserName,
.CommonUserLoginPanelPassword { clear: both; float: left; width: 100%; margin: 20px 0 0; }

    .CommonUserLoginPanelUserName label,
    .CommonUserLoginPanelPassword label { clear: left; float: left; width: 25%; }

    .CommonUserLoginPanelUserName input,
    .CommonUserLoginPanelPassword input { float: left; padding: 2px; width: 60% !important; }

    .CommonUserLoginPanelUserName span,
    .CommonUserLoginPanelPassword span { float: left; margin-left: 10px; margin-top: 3px; }

.CommonUserLoginPanelRemember { clear: both; float: left; text-align: left; height: 20px; line-height: 20px; vertical-align: middle; margin: 20px 0 20px 24%; width: 69%; }

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

    .CommonUserLoginPanelRemember label { float: left; height: 20px; line-height: 20px; vertical-align: middle; display: block; font-weight: lighter; }

.CommonUserLoginPanelButton { float: left; margin: 10px 5% 10px 25%; width: 30%; }

.CommonUserLoginForgotPasswordDiv { float: left; margin: 13px 0; }

    .CommonUserLoginForgotPasswordDiv a { color: #999; 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: 24px; list-style-type: none; }

    .CommonUserLoginRegisterDescription ul li { background: url(Images/Bullet/bullet5.gif) no-repeat left 11px; padding-left: 20px; }

/*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; line-height: 22px; }

    .AffiliateLoginInformation .ContentLayoutRight { min-height: 0; }
/*AffiliateLogin End*/
/*StoreSitemap Begin*/
.StoreSiteMapInformationPanel,
.StoreSiteMapProductPanel,
.StoreSiteMapDepartmentPanel { padding: 0 20px; border-bottom: solid 1px #f0f0f0; margin-top: 15px; }

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

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

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

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

    .StoreSiteMapProductItemTopBreadcrumbPanel a,
    .StoreSiteMapDepartmentItemTopBreadcrumbPanel a { color: #454545; font-weight: bold; }

        .StoreSiteMapProductItemTopBreadcrumbPanel a:hover,
        .StoreSiteMapDepartmentItemTopBreadcrumbPanel a:hover { color: #008e48; text-decoration: none; }

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

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

    .StoreSiteMapProductListItem a,
    .StoreSiteMapDepartmentListItem a { color: #666 !important; text-decoration: none; }

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

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

.StoreSiteMapProductDataListItemStyle,
.StoreSiteMapDepartmentDataListItemStyle { vertical-align: top; width: 50%; }

.StoreSiteMapInformationTopImgLeft,
.StoreSiteMapInformationTopImgRight,
.StoreSiteMapInformationBottom { display: none; }
/*StoreSitemap End*/
/*NewsletterPage Begin*/
.NewsletterPageTableInnerTableDescription { padding-right: 10px; }

.NewsletterDiv { margin: 15px 0; }

.NewsletterPageTextBox { border: solid 1px #ccc; width: 200px; }

.NewsletterPanel { float: left; margin: 20px 10px 10px 0; }

.NewsletterPageLabel { width: 100px; font-weight: normal; clear: left; float: left; padding: 2px 0;   color: #333; }

.NewsletterPageData { float: left; }

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

.NewsletterLoginImageButton { float: left; margin-left: 20px; margin-top: 20px; }

.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*/
/*NewsNavList Begin*/
.NewsNavList .SidebarTop { line-height: 35px; min-height: 40px; }

.NewsNavList .SidebarTopTitle { line-height: 35px; }
/*News Begin*/
.NewsPagingBox { padding: 10px 0; width: 100%; float: right; height: 20px; }

.NewsItemsPerPageDiv { float: right; }

.NewsPagingDiv { float: right; margin-right: 5px; }

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

    .NewsGrid .NewsListRowStyle { clear: left; width: 45%; vertical-align: top; padding: 10px 2% 30px; }

    .NewsGrid .Topic a { float: left; clear: left; line-height: 20px; margin: 0 0 15px; font-weight: normal; text-decoration: none; }

        .NewsGrid .Topic a:hover { color: #008e48; }

    .NewsGrid .FooterItem { clear: left; float: left; width: 100%; background: url(Images/Background/dot-line.jpg) repeat-x left top; padding: 8px 0 0; margin-top: 8px; }

    .NewsGrid .PostedDate { float: left; font-size: 11px; text-align: left; font-style: italic; font-weight: normal; }

    .NewsGrid .publisherName { color: #008e48; }

    .NewsGrid .Description { clear: left; float: left; line-height: 20px; text-transform: none; width: 100%; margin-bottom: 8px; }

    .NewsGrid .NewsMore { float: right; color: #999; font-size: 11px; text-decoration: none; }

    .NewsGrid .NewsMoreHide { display: none; }

    .NewsGrid .NewsContent { clear: left; float: left; width: 100%; border-top: solid 1px #ededed; }

    .NewsGrid .NewsSocialButton { float: right; width: 35%; padding-bottom: 10px; }

.NewsSocialButton .SocialButton { float: left; margin-right: 10px; width: 25%; }

.NewsGrid .continueBtn .BtnLink { background: url(Images/Bullet/more.gif) no-repeat right center; font-size: 11px; line-height: 18px; margin: 0; padding: 0; padding-right: 22px; vertical-align: middle; text-decoration: none; width: auto; float: right; color: #454545; border: 0; }

    .NewsGrid .continueBtn .BtnLink:hover { color: #008e48; }

.NewsListImage { float: right; }

    .NewsListImage img { margin: 0 0 5px 10px; display: block; }
/*News End*/
/*NewsDetails Begin*/
.NewsDetailsDiv { margin: 0px; padding: 5px 0 0px; width: 100%; }

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

.NewsDetailsTopic { font-size: 19px; float: left; clear: left; width: 100%; }

.NewsDetailsImageDiv img { display: block; margin: 0 20px 10px 0; padding: 5px; background-color: #fff; }

.NewsDetails .PostedDate { float: left; clear: left; width: 100%; font-size: 11px; text-align: left; margin-top: 5px; margin-bottom: 20px; font-style: italic; }

.NewsDetails .LinkToTop { margin-top: 20px; font-size: 11px; padding: 8px 0 0; border-top: dotted 1px #ccc; width: 100%; clear: both; float: right; }

    .NewsDetails .LinkToTop .SocialButton { float: left; margin-right: 5px; width: 80px; }

    .NewsDetails .LinkToTop a.BtnLink { float: right; }

.NewsDetailsData { line-height: 20px; }
/*NewsDetails End*/
/*GiftRegistrySearch Begin*/
.GiftRegistrySearchLabel { clear: left; float: left; padding: 4px; width: 120px; margin-right: 5px; }

.GiftRegistrySearchData { float: left; padding: 4px; }

.GiftRegistrySearchContent { padding-top: 15px; padding-bottom: 15px; }

.GiftRegistrySearchButton { float: right; }
/*GiftRegistrySearch 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: 14px; border: solid 1px #f0f0f0; padding: 3px 0; font-family: CSPraKas;}

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

.AdvancedSearchTextBox { }

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

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

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

    .ContentList .ProductListItemPerPage select { float: left; margin-right: 10px; margin-top: 4px; }

.ContentList .NewsTopicItemColumnTopicStyle { line-height: 24px; vertical-align: middle; padding: 0 10px; }

    .ContentList .NewsTopicItemColumnTopicStyle a { text-decoration: none; }

.AdvancedSearchResult .CommonPageRight,
.AdvancedSearchResultDepartment .CommonPageRight { padding: 15px 0; }

.AdvancedSearchPanel .CommonValidateDiv { margin-top: 1px; width: 75px; }

.SearchByKeyword { margin: 0px; clear: left; float: left; width: 50%; }

.SearchByCategory { margin: 0px; clear: none; float: right; width: 45%; margin: 0px 15px 50px 0px; }

.SearchByCategoryField { margin: 0px; clear: left; float: left; width: 50%; }

.SearchByDepartment { margin-right: 0px; margin-top: 10px; clear: left; float: left; width: 50%; }

.SearchByManufacturer { margin-right: 0px; margin-top: 10px; clear: none; float: right; width: 45%; }

.SearchByVendor { margin-right: 0px; margin-top: 10px; clear: left; float: left; width: 50%; }

.SearchByPrice { margin: 0px 15px 0px 0px; clear: none; float: right; width: 45%; }

.SearchTextByKeyword { float: left; margin-left: 5%; width: 40%; }

    .SearchTextByKeyword input[type="text"] { width: 100% !important; }

.SearchTextByPrice { width: 35%; padding-left: 0; margin: 0; }

.ShowAdvancedSearchLinkButton { float: right; color: #454545; 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;  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 { }

    .CategoryCheckListCheckBoxList td,
    .DepartmentCheckListCheckBoxList td { width: 25%; }

.AdvancedSearchDataListTableHeaderCheck label {  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: #008e48; }

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

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

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

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

.AccountDetails .CommonFormLabel { width: 120px; }

.AccountDetails .CheckoutTextBox { width: 140px; float: left; }
/*AccountDetails End*/

/*ImageZoomingButton Begin*/
.ImageZoomingButton { margin-top: 10px; }

    .ImageZoomingButton a { text-decoration: none; }

.ImageZoomingButtonPopup { float: left; }

.ImageZoomingButtonZoom { float: right; }

.ImageZoomingButtonPopupImage { float: left; }

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

.ImageZoomingButtonZoomImage { float: left; }

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

/*ImageZoomingButton End*/

/*GiftCertificateDetails Begin*/
.GiftCertificateDetailsPanel { margin: 10px 0; clear: left; float: left; }

.GiftCertificateDetailsTitle { font-weight: normal; }

.GiftCertificateDetailsLabelColumn { width: 90px; text-align: left; }

.GiftCertificateDetailsInputColumn input { border: solid 1px #ccc; }

.GiftCertificateDetailsInputColumn textarea { width: 150px; }
/*GiftCertificateDetails End*/
/*ForgotPassword Begin*/
.ForgotPasswordDiv { clear: left; width: 100%; margin: 15px 0; }

.ForgotPasswordTextBox { border: solid 1px #ccc; width: 200px; }

.ForgotPasswordPanel { float: left; margin: 20px 10px 10px 0; }

.ForgotPasswordLabel { width: 100px; font-weight: normal; clear: left; float: left; padding: 2px 0;  }

.ForgotPasswordData { float: left; }

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

.ForgotPasswordLoginImageButton { float: left; margin-left: 20px; margin-top: 20px; }

.ForgotPasswordValidatorText { float: left; clear: left; margin-left: 100px; margin-top: 3px; }

.ForgotPasswordValidateDiv { width: 100%; }

.ForgotPasswordLoginImageButton { background-color: #008e48; }
/*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; 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 { color: #008e48; text-decoration: underline; }

.ShippingAddressLinkPanel { margin-top: 10px; float: right; }
/*MyAccount End*/
/*SearchFilter Begin*/
.SearchFilter { line-height: 24px; color: #454545; float: left; }

.SearchFilterValueRangePanel, .SearchFilterDateRangePanel, .SearchFilterTextPanel, .SearchFilterBooleanPanel { margin-top: 5px; margin-bottom: 10px; background-color: #f9f9f9; border: dashed 1px #E1E1E1; padding: 7px; }

.SearchFilterValueRangeImageButton, .SearchFilterDateRangeImageButton, .SearchFilterTextImageButton, .SearchFilterBooleanImageButton { clear: none; float: left; margin-left: 5px; }

.SearchFilterLabel { float: left; margin-right: 5px; }

.SearchFilterStartDateImageButton, .SearchFilterEndDateImageButton { float: left; margin-right: 5px; margin-top: 4px; }

.SearchFilterTextBox, .SearchFilterBooleanDropDown { float: left; margin-right: 8px; border: solid 1px #f0f0f0; }

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

.SearchFilterValueRangePanel .CommonValidatorTextLowerBound { clear: left; float: left; }

.SearchFilterValueRangePanel .CommonValidatorTextUpperBound { clear: left; float: left; }

.SearchFilterValueRangePanel .CommonValidateDiv { margin-bottom: -1px; margin-top: 2px; width: 81px; }

.ValueRangeValidateDiv { float: left; width: 90px; }

/*GiftCertificate Begin*/
.GiftCertificateDetailsDiv { clear: left; color: #454545; float: left; 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 {  margin-left: 3%;    border-radius: 30px 0 0 30px;
    float: left;
    height: 29px!important;
    margin-bottom: 2px;
    padding: 0 10px;
    width: 30%!important;}

.GiftCertificateVerifyImageButton { clear: none; float: left;  border-radius: 0 30px 30px 0;}

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

.GiftCertificateSpan { float: left; line-height: 24px; text-transform: uppercase; text-transform: none; }
/*GiftCertificate End*/
/*GiftRegistryList Begin*/
.GiftRegistryListNoteDiv { margin-top: 10px; clear: left; float: left; width: 100%; }

.GiftRegistryListHilight { font-weight: normal; }

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

.GiftRegistryListGridView { width: 100%; border: solid 1px #e4e4e4; }

.GiftRegistryListGridViewHeaderStyle th { background-color: #f8f8f8; border-bottom: solid 1px #e8e8e8; padding: 0px; height: 28px; }

.GiftRegistryListDeleteHeaderStyle { width: 30px; }

.GiftRegistryListDeleteItemStyle { text-align: center; }

.GiftRegistryListEventDateHeaderStyle,
.GiftRegistryListProductListLinkHeaderStyle,
.GiftRegistryListEditEventLinkHeaderStyle,
.GiftRegistryListSendEmailLinkHeaderStyle,
.GiftRegistryListProductListLinkItemStyle { width: 14%; }

.GiftRegistryListEditEventLinkItemStyle { text-align: center; }

.GiftRegistryListSendEmailLinkItemStyle { text-align: center; }

.GiftRegistryListEventDateHeaderStyle, .GiftRegistryListEventNameHeaderStyle { text-align: left; }
/*GiftRegistryList End*/
/*GiftRegistryDetail Begin*/
.GiftRegistryDetailNote { color: #454545; margin: 10px 0;  }

.GiftRegistryDetailDiv { margin: 0px; }

    .GiftRegistryDetailDiv .CommonPageInnerTitle { margin-top: 10px; }

.GiftRegistryDetailButtonDiv { margin-top: 10px; text-align: right; float: right; }

.GiftRegistryDetailBackLinkImage { }

.GiftRegistryDetailAddImage { background-color: #008e48; }

.GiftRegistryDetailEditImage { }

.GiftRegistryDetailTextBox { margin-bottom: 5px; }

.GiftRegistryDetailLongTextBox { margin-bottom: 5px; width: 200px; }

.GiftRegistryValidate { width: 80%; }

.GiftRegistryValidateLong { width: 80%; }

.GiftRegistryDetailDiv input[type="text"] { width: 80%; }

.GiftRegistryDetailCityStatePanel .CountryAndStateListDropDown { width: 40%; margin: 0; clear: none; margin-right: 10px; }

.GiftRegistryDetailCityStatePanel input[type="text"].CountryAndStateListCountryTextBox { clear: left; float: left; width: 40%; margin-left: 29%; margin-bottom: 3px; }

.GiftRegistryDetailCityStatePanel input[type="text"].CountryAndStateListStateTextBox { float: right; width: 40%; margin-bottom: 3px; margin-right: 31%; }

.GiftRegistryDetailDiv .CommonFormLabel { width: 25%; float: left; padding: 2px 0px; margin: 0 2%; color: #454545; clear: left; line-height: 25px; }

.GiftRegistryDetailDiv .CommonFormData { float: left; width: 50%; padding-top: 2px; padding-bottom: 2px; }
/*GiftRegistryDetail End*/
/*GiftRegistryComplete Begin*/
.GiftRegistryCompleteContentDiv { margin-top: 20px; text-align: center; }

.GiftRegistryCompleteButtonDiv { margin: 20px auto 0; text-align: center; display: table; }

.GiftRegistryCompleteContinueButtonImage { border: none; }
/*GiftRegistryComplete End*/
/*GiftRegistrySelect Begin*/
.GiftRegistrySelectButtonDiv { text-align: center; margin-top: 15px; clear: left; float: right; }

.GiftRegistrySelectRadioButtonList label { line-height: 20px; vertical-align: top; margin-left: 5px; display: inline-block; }

.GiftRegistrySelectValidator { width: 100%; text-align: center; display: block; }
/*GiftRegistrySelect End*/
/*GiftRegistryItemList Begin*/
.GiftRegistryItemListHilight { font-weight: normal; }

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

.GiftRegistryItemListLabel { float: left; clear: left; width: 120px; line-height: 22px; }

.GiftRegistryItemListData { line-height: 22px; float: left; }

.GiftRegistryItemListTitle { border-bottom: 1px dotted #CCCCCC; float: left; font-weight: normal; margin: 10px 0; }

.GiftRegistryItemListGridView { width: 100%; border: solid 1px #e4e4e4; clear: left; }

.GiftRegistryItemListProductNameHeaderStyle { text-align: left; }

.GiftRegistryItemListHasQuantityHeaderStyle,
.GiftRegistryItemListWantQuantityHeaderStyle,
.GiftRegistryItemListUnitPriceHeaderStyle { width: 16%; text-align: right; }

.GiftRegistryItemListDeleteHeaderStyle { width: 5%; }

.GiftRegistryItemListDeleteItemStyle { text-align: center; }

.GiftRegistryItemListUnitPriceStyle { text-align: right; }

.GiftRegistryItemListWantQuantityItemStyle { text-align: right; }

.GiftRegistryItemListHasQuantityItemStyle { text-align: right; }

.GiftRegistryItemListButtonBottomDiv { margin-top: 10px; clear: left; float: right; }

.GiftRegistryItemList .CommonValidateDiv { margin-top: 1px; position: relative; left: 59px; width: 51px; }
/*GiftRegistryItemList End*/
/*ProductPopup Begin*/
.ProductPopup { padding: 15px; }

.ProductPopupTopImgLeft { display: none; }

.ProductPopupTopImgRight { display: none; }

.ProductPopupTopTitle { line-height: 25px; }

.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*/
/*GiftRegistrySendMail Begin*/
.GiftRegistrySendMailPanel { float: left; margin: 10px 0; width: 100%; }

.GiftRegistrySendMailLabel { float: left; clear: left; line-height: 22px; width: 120px; }

.GiftRegistrySendMailData { float: left; padding: 2px; }

.GiftRegistrySendMailCaptchaDiv { border: 1px solid #DDDDDD; clear: left; float: left; margin: 10px 0 10px 120px; padding: 10px; width: 425px; }

.GiftRegistrySendMailButtonDiv { clear: left; margin-top: 10px; float: right; }

.GiftRegistrySendMailCaptchaLabel { font-weight: normal; text-decoration: underline; }

.GiftRegistrySendMailCaptchaStyle { clear: left; }

    .GiftRegistrySendMailCaptchaStyle div { margin-top: 10px; }

        .GiftRegistrySendMailCaptchaStyle div input { margin-top: 5px; border: solid 1px #ccc; }

.GiftRegistrySendMailTextbox { margin-bottom: 5px; width: 300px; }

.GiftRegistrySendMailValidate { width: 300px; }
/*GiftRegistrySendMail End*/
/*GiftRegistrySendMailFinished Begin*/
.GiftRegistrySendMailFinishedImageDiv { text-align: center; }

.GiftRegistrySendMailFinishedContent { margin-top: 20px; margin-bottom: 20px; text-align: center; }
/*GiftRegistrySendMailFinished End*/
/*GiftRegistryResult Begin*/
.GiftRegistryResultBackLinkDiv { text-align: center; margin-top: 20px; margin-bottom: 10px; }

.GiftRegistryResultGridView { text-align: center; }

/*GiftRegistryResult End*/
/*GiftRegistryItem Begin*/
.GiftRegistryItemLabel { clear: left; float: left; line-height: 24px; font-weight: normal; width: 80px; }

.GiftRegistryItemData { line-height: 24px; }


.GiftRegistryItemQuantityHeaderStyle { width: 70px; }

.GiftRegistryItemHasHeaderStyle { width: 60px; text-align: right; }

.GiftRegistryItemHasItemStyle { text-align: right; padding-right: 5px; }

.GiftRegistryItemWantHeaderStyle { width: 60px; text-align: right; }

.GiftRegistryItemWantItemStyle { text-align: right; padding-right: 5px; }

.GiftRegistryItemUnitPriceHeaderStyle { width: 70px; text-align: right; }

.GiftRegistryItemUnitPriceItemStyle { text-align: right; padding-right: 5px; }

.GiftRegistryItemQuantityItemStyle { text-align: center; }

    .GiftRegistryItemQuantityItemStyle .CommonTextBox { text-align: right; }

.GiftRegistryItemButtonDiv { margin-top: 10px; clear: left; float: right; }

.GiftRegistryItemAddToCartButtonImage { border: none; }

.GiftRegistryItemMessageLabel { display: block; padding-bottom: 10px; margin-left: 120px; margin-right: auto; clear: both; }

    .GiftRegistryItemMessageLabel li { margin-left: 30px; }
/*GiftRegistryItem End*/

/*AddShoppingCartNotComplete Begin*/
.AddShoppingCartNotCompleteContent,
.AddToCartNotCompleteContent { margin-top: 10px; padding-bottom: 20px; }

.AddShoppingCartNotComplete .CommonHyperLink { margin: auto; display: table; }

.AddShoppingCartNotComplete .CommonPageTop { display: none; }
/*AddToCart End*/
/*AffiliateDetails Begin*/
.AffiliateDetailsAgreementPanel { clear: both; float: left; margin: 20px 0 10px 19%; width: 60%; }

.AffiliateDetailsDownloadDiv { }

.AffiliateDetailsDownloadLinkIcon { margin-right: 5px; }

.AffiliateDetailsDownloadDiv a { line-height: 25px; }

.AffiliateDetailsAgreementContent { width: 100%; border: #f0f0f0 1px solid; padding: 5px; overflow: auto; height: 300px; text-align: left; margin-top: 5px; line-height: 22px; }

.AffiliateDetailsAgreementAcceptDiv { width: 100%; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; }

.AffiliateDetailsButtonDiv { margin-top: 10px; text-align: right; clear: left; float: right; }

.AffiliateDetailsValidatorText { text-align: left; width: 100%; margin: 2px auto; }

.AffiliateDetailsValidatorDiv { width: 100%; }

.CommissionRate { margin-top: 5px; }
/*AffiliateDetails End*/
/*AffiliateRegisterFinish Begin*/
.AffiliateRegisterFinishMessageDiv { font-weight: normal; text-align: center; }

.AffiliateRegisterFinishLinkPanel { text-align: center; margin-top: 15px; }
/*AffiliateRegisterFinish End*/
/*AffiliateGenerateLink Begin*/
.AffiliateGenerateLinkDiv { border: solid 1px #ccc; margin-top: 10px; padding: 10px; }

.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*/
.AffiliateCommissionSearchLabel { clear: left; float: left; padding: 4px; width: 120px; margin-right: 5px; }

.AffiliateCommissionSearchData { float: left; padding: 4px; }

.AffiliateCommissionSearchButtonDiv { margin-top: 10px; clear: right; float: right; }

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

.AffiliateCommissionNoResultDiv { text-align: center; border: solid 1px #eee; background-color: #f8f8f8; padding: 8px; }

.AffiliateCommissionSearchValidateDiv { float: left; width: 140px; }

.AffiliateCommissionSearchData .CommonTextBox { width: 138px; float: left; }

.AffiliateCommissionSearchData .Label { float: left; margin: 2px 5px; }

.CommonCommissionSearchValidateDiv { clear: left; float: left; }

.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 { text-decoration: none; color: #454545; font-weight: bold; }

        .CustomerReviewProductDetail a.InfoName:hover { color: #008e48; }

    .CustomerReviewProductDetail .InfoSku { clear: left; 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 { }

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

    .CustomerReviewProductDetail .RetailPriceValue { clear: left; float: left; width: 100%; 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 { clear: left; color: #454545; float: left; width: 100%; margin-bottom: 15px; font-weight: bold; }

.ReviewIntroMessage { clear: left; float: left; width: 100%; margin-bottom: 7px; padding-bottom: 13px; border-bottom: solid 1px #eee; line-height: 20px; }

.CustomerReviewContent .ReviewTitle { font-weight: bold; clear: left; float: left; width: 100%; 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: 20px; }

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

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

.TellFriendCapchaDiv { border: 0; clear: left; float: left; width: 60%; margin-left: 25%; }

    .TellFriendCapchaDiv .CommonPageInnerTitle { text-transform: capitalize; }

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

.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: 20px !important; }

    .ContentMenuNavMenuListDynamicMenuItem:hover { background-color: #008e48; color: #008e48; }

.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: #008e48; }
/*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-weight: normal; margin-bottom: 1em; overflow: hidden; padding: 5px 0; width: 100%; }
/*RecentlyViewList Begin*/
.RecentlyViewedList { width: 100%; }

    .RecentlyViewedList a { padding: 3px 0px; width: inherit; vertical-align: middle; display: block; color: #454545; text-decoration: none; white-space: normal; }

        .RecentlyViewedList a:hover { color: #008e48; }

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

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

    .RecentlyViewedList .RecentlyItemName { color: #008e48; vertical-align: middle; border: none; text-decoration: none; display: table-cell; padding-left: 5px; }

    .RecentlyViewedList td { padding-bottom: 10px; }
/*RecentlyViewList End*/
/*CompareProductList Begin*/
.CompareProductList { width: 95%; margin: 0 auto; }

.CompareProductListPopUpList .ProductListItemButtonDiv { float: none; margin: 5px auto; text-align: center; }

.CompareProductListPopUpList { vertical-align: top; margin: 10px auto; background-color: #fff; }

.ItemListTD { width: 290px; vertical-align: top; border-bottom: solid 1px #ccc; padding: 5px; }

.ItemList { width: 290px; vertical-align: top; border: solid 1px #ccc; }

.RowDiv { display: table-row; border-top: solid 1px #ccc; }

.CompareListBoxViewAll { margin: 10px 3px; float: left;   }

.CompareListBoxClearAll { margin: 10px 3px; float: right;   }

    .CompareListBoxViewAll:hover, .CompareListBoxClearAll:hover { color: #008e48; }

.CompareProductList td { background: url( Images/Background/dot-line.jpg) repeat-x left bottom; }

.CompareProductList a { padding: 6px 0px; width: 90%; height: 100%; text-decoration: none; white-space: normal; float: left; color: #454545; }

    .CompareProductList a:hover { color: #008e48; }

    .CompareProductList a img { width: 30px; height: 30px; border: 1px solid #f0f0f0; float: left; margin-right: 10px; }

    .CompareProductList a span { line-height: 16px; width: 120px; }

.CompareProductList .CompareProductDelete a { float: right; margin-top: 7px; width: 10px; padding: 0; color: #ff7900; }
/*CompareProductList End*/
/*Compareison List Popup Begin*/
.ComparePopupBody { width: 100%; margin: 0px; padding: 10px 0; }

.ComparePopupDiv { margin: 0 auto; }

.CompareProductAddtoCart a { float: none; width: 100px; margin: 10px auto; }

.CompareName { width: 295px; white-space: normal; color: #008e48; font-weight: normal; }

.CompareProductName { height: 36px; line-height: 18px; }

    .CompareProductName .hidecallout { display: none; }

    .CompareProductName .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 280px; }

        .CompareProductName .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; width: 280px; }

        .CompareProductName .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; width: 280px; }

        .CompareProductName .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; width: 280px; }

.CompareProductShortDes { min-height: 70px; }

    .CompareProductShortDes .hidecallout { display: none; }

    .CompareProductShortDes .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 280px; }

        .CompareProductShortDes .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; width: 280px; }

        .CompareProductShortDes .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; width: 280px; }

        .CompareProductShortDes .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; width: 280px; }

.CompareProductLongDes { min-height: 70px; max-height: 70px; overflow: hidden; }

    .CompareProductLongDes .hidecallout { display: none; }

    .CompareProductLongDes .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 280px; }

        .CompareProductLongDes .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; width: 280px; }

        .CompareProductLongDes .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; width: 280px; }

        .CompareProductLongDes .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; width: 280px; }

.CompareProductSku { height: 20px; }

    .CompareProductSku .hidecallout { display: none; }

    .CompareProductSku .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 280px; }

        .CompareProductSku .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; width: 280px; }

        .CompareProductSku .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; width: 280px; }

        .CompareProductSku .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; width: 280px; }

.CompareProductRetailPrice { height: 20px; }

.CompareProductPrice { height: 20px; }

.CompareProductModel { height: 20px; }

    .CompareProductModel .hidecallout { display: none; }

    .CompareProductModel .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 280px; }

        .CompareProductModel .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; width: 280px; }

        .CompareProductModel .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; width: 280px; }

        .CompareProductModel .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; width: 280px; }

.CompareProductSpecification { height: 36px; line-height: 18px; }

.CompareProductUPC { height: 20px; }

.CompareProductWeight { height: 20px; }

.CompareProductManufacturerPartNumber { height: 20px; }

.CompareProductManufacturer { height: 20px; }

    .CompareProductManufacturer .hidecallout { display: none; }

    .CompareProductManufacturer .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 280px; }

        .CompareProductManufacturer .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; width: 280px; }

        .CompareProductManufacturer .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; width: 280px; }

        .CompareProductManufacturer .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; width: 280px; }

.CompareProductNameLink { text-align: left; color: #008e48; text-decoration: none; font-weight: normal; }

.CompareProductImage { text-align: center; height: 65px; }

.CompareLabel { text-align: left; font-weight: bold; float: left; }

.CompareProductImage img { max-height: 65px; height: auto !important; height: 65px; }

.ComparePopupGridView { background-color: #fff; margin: 20px auto; }
/*Compareison List Popup 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: 30px; }

    .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 { color: #000; font-size: 30px; line-height: 30px; font-family: ThaiSansNeue; 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*/

/*ProductReturn Start */

.ProductReturnSelectItem { width: 25px; }

.ProductReturnQuantityItem { width: 15%; }

.ProductReturnUnitPriceItem { width: 15%; }

.ProductReturnDiv { float: left; clear: left; margin-top: 10px; border: solid 1px #E1E1E1; padding: 10px 2%; width: 96%; }

.ProductReturnDropDown { margin-bottom: 5px; border: solid 1px #ccc; width: 320px; }

.ProductReturnTextBox { margin-bottom: 5px; border: solid 1px #ccc; width: 320px; }

.ProductReturnData { float: left; width: 350px; margin-right: 30px; padding-top: 4px; padding-bottom: 4px; }

.ProductReturnAddButtonDiv { float: right; margin-top: 10px; }

.ProductReturnValidate { width: 320px; }
/*ProductReturn End */
/*RmaHistory Begin*/
.RmaHistoryGridView { border: solid 1px #e4e4e4; width: 100%; }

.RmaHistoryHeaderID,
.RmaHistoryHeaderStatus,
.RmaHistoryHeaderOrderID { width: 15%; }

.RmaHistoryGridViewRowStyle,
.RmaHistoryGridViewAlternatingRowStyle { text-align: center; }

.RmaHistoryHeaderName,
.RmaHistoryName { text-align: left; }

/*RmaHistory End*/
/*RmaDetail Begin*/
.RmaDetailDiv { margin: 0px; width: 100%; clear: left; }

.RmaDetailOrderIDLink { text-decoration: none; border-bottom: dotted 1px #ccc; }

    .RmaDetailOrderIDLink:hover { color: #008e48; border-bottom: dotted 1px #008e48; }

/*RmaDetail End*/
/*Product Kit Start*/
.ProductKitItemDetailsTop { font-weight: bold; margin-bottom: 5px; }

.ProductKitGroupItemStyle .ProductKitItemDetailsTop { float: left; margin-right: 5px; margin-top: -2px; }

.ProductKitGroupItemStyle .hidecallout { display: none; }

.ProductKitGroupItemStyle .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; position: absolute; z-index: 100; width: 200px; left: 100px; }

    .ProductKitGroupItemStyle .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; position: relative; bottom: 2px; right: 2px; }

    .ProductKitGroupItemStyle .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; text-align: left; position: relative; bottom: 2px; right: 2px; }

.ProductKitGroupItem tr.quantityTR { vertical-align: top; }

.ProductKitGroupItem td.quantityTD { width: 70px; float: left; padding: 5px 0; }

    .ProductKitGroupItem td.quantityTD input { margin-bottom: 0; color: #4d4d4d; margin-top: 0; }

.ProductKitGroupItem .quantityLabel { width: 95%; text-align: right; float: left; }

.ProductKitGroupItemQuantityText { text-align: right; width: 40px; }

.ProductKitGroupItem .quantityLabelRadio { width: 75%; text-align: right; float: left; margin-top: 8px; }

.ProductKitGroupItemQuantityTextRadio { text-align: right; width: 40px; margin-top: 8px; }

.ProductKitGroupItem .OptionRadioItemRadioButtonList tr { display: table-row; width: 100%; }
/*Product Kit End*/

/* NewArrival for category Begin*/
/*NewArrivalCategoryItem Begin*/ 
.NewArrivalCategory .SidebarLeft { clear: left; }

.NewArrivalCategoryList { width: 100%; }
.NewArrivalCategoryList 
    .NewArrivalCategoryList div.CommonProductImage { width: 99%; max-height: 200px; padding: 0; margin-bottom: 0px; text-align: center; padding-top: 5px; }

    .NewArrivalCategoryList .QuickViewButtonPanel {  right: 1px; position: relative; }

    .NewArrivalCategoryList .QuickViewButtonBorder { top: 0; }
     
.CommonProductItemStyle .NewArrivalCategoryItem { width: 100%; vertical-align: top; position: relative; display: table; }

.NewArrivalCategoryItem > div { padding-bottom: 10px; }
/*NewArrivalCategoryItem End*/
/* Content Layout Begin */
.ContactUsLink a { height: 18px; line-height: 18px; padding: 0 10px; text-decoration: none; }

    .ContactUsLink a:hover { color: #008e48; }
/* Content Layout End */

.WarningMessage { background-color: yellow; width: 100%; padding: 5px 0; font-weight: bold; color: #555; 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; color: #e30613; font-size: 26px;  font-family: ThaiSansNeue; line-height: 30px; clear: left; width: 100%; font-weight: normal; }

.MyAccountMenuList .MyAccountMenuListLoginName { 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 { padding-left: 30px; background: url(Images/Bullet/accountbullet.jpg) no-repeat left center;font-size: 20px; }

        .MyAccountMenuTableList a:hover, .MyAccountMenuTableList a:active {  padding-left: 30px; 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: 24px; font-family: ThaiSansNeue; margin: 5px 0 15px; padding: 5px 0; line-height: 30px; color: #19581f; background: url(Images/Background/dot-line.jpg) repeat-x left bottom; }

.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-weight: normal; border: 0; color: #5B5B5B; text-decoration: underline; }

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

.MyAccountRecentOrderDiv .SubmitButton { float: right; clear: left; margin: 10px 0 0; }

.MyAccountMessagePanel .Title { clear: left; float: left; width: 100%; margin: 0 0 10px 0; line-height: 25px; color: #454545; font-family: ThaiSansNeue; font-size: 20px;  }

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

.MyAccountTitle { clear: left; float: left; width: 100%; font-size: 24px; margin: 5px 0 15px; font-family: ThaiSansNeue; padding: 5px 0; line-height: 30px;  color: #010101;  }

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

.ShippingAddressBookPanel .Title { margin: 0; }

.MyAccountChangePasswordLink { clear: left; }

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

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

    .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: 18px; line-height: 25px; color: #454545; margin-bottom: 10px; }

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

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

.ShippingAddressLabel { }

.ShippingAddressShippingResidentialPanel { }

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

    .ShippingAddressLinkPanel .BtnStyle2 { width: 100%; display: block;  margin: 5px 0; }

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

.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; padding: 3px 1%; }

.OrderHistoryItemsPerPageDiv .OptionControlTitle { margin-right: 0; }

.OrderHistoryGridOrderIDHeaderStyle { width: 16%; }

.OrderHistoryGridOrderDateHeaderStyle { width: 16%; }

.OrderHistoryGridTotalHeaderStyle { width: 16%; }

.OrderHistoryGridTrackingHeaderStyle { }

.OrderHistoryGridStatusHeaderStyle { width: 13%; }
/*OrderHistory End*/

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

.RewardPointGridOrderIDHeaderStyle, .RewardPointGridOrderIDItemStyle, .RewardPointGridTotalFooterStyle { text-align: left; padding-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 #f0f0f0; background-color: #fff; }

.WishListGridView .ImageHeader { width: 15%; }

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

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

.WishListGridView .DeleteHeader { width: 5%; }

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

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

.WishListGridView .NameItem a { text-decoration: none; font-weight: normal; display: block; }


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

.WishListGridView .PriceHeader { width: 17%; }

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

.WishListGridView .QuantityHeader { width: 13%; }

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

.WishListGridView .AddToCartHeader { width: 17%; }

.WishListGridView .AddToCartItem { text-align: center; border-left: solid 1px #f0f0f0; padding: 5px 1.5%; }

    .WishListGridView .AddToCartItem a { margin: auto; width: 100%; padding: 0; }

.WishListButtonDiv { clear: both; margin: 10px auto 0; float: right; }

/*WishList End*/

/*CompareList Begin*/
.CompareListGridView { width: 100%; color: #454545; }

.CompareListGridViewRowStyle { border-bottom: solid 1px #f0f0f0; background-color: #fff; }

.CompareListGridView .ImageHeader { width: 15%; }

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

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

.CompareListGridView .DeleteHeader { width: 5%; }

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

.CompareListGridView .NameHeader { text-align: center; text-transform: uppercase; }

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

    .CompareListGridView .NameItem a { text-decoration: none; font-weight: normal; display: block; color: #008e48; }

        .CompareListGridView .NameItem a:hover { color: #008e48; }

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

.CompareListGridView .PriceHeader { width: 17%; }

.CompareListGridView .PriceItem { text-align: center; border-left: solid 1px #f0f0f0; }

.CompareListGridView .AddToCartHeader { width: 17%; }

.CompareListGridView .AddToCartItem { text-align: center; border-left: solid 1px #f0f0f0; padding: 5px 1.5%; }

    .CompareListGridView .AddToCartItem a { margin: auto; width: 100%; padding: 0; }

.CompareListButtonDiv { clear: both; margin: 10px auto 0; float: right; }
/*CompareList End*/

/*CustomerRegister Address Begin*/
.CustomerRegister { width: 78%; }

.AccountMainDiv .CustomerRegister { width: 99%; }

.CustomerRegisterShippingInfoPanel .Title { clear: left; float: left; width: 100%; font-size: 24px; margin: 5px 0 15px; font-family: ThaiSansNeue; 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; line-height: 25px; }

.CustomerRegisterLeft,
.CheckoutAddressLeft { clear: left; }

.CustomerRegisterLeftData,
.CustomerRegisterRightData,
.CheckoutAddressLeftData,
.CheckoutAddressRightData { float: left; width: 60%; padding-top: 2px; padding-bottom: 2px; }

.CustomerRegisterLeft .CustomerRegisterTextBox,
.CustomerRegisterRight .CustomerRegisterTextBox,
.CheckoutAddressLeft .CheckoutAddressTextBox,
.CheckoutAddressRight .CheckoutAddressTextBox { margin-bottom: 1px; width: 90%; }

.CustomerRegisterLabel,
.CheckoutAddressLabel { width: 35%; float: left; padding: 2px 0px; margin-right: 2%; clear: left; }

.CustomerRegisterLeftLabel2 { width: 35%; float: left; padding: 2px 0px; margin-right: 2%; clear: left; }

.ClientCityStatePanel, .CustomerRegisterCityStatePanel { width: 88%; clear: left; float: left; padding: 3px 0px; margin-right: 2%; }

.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: 2px 0px; color: #79868c; border: solid 1px #eee; margin: 5px 1% 5px 0; }

.AccountDetailsDiv .CountryAndStateListCountryTextBox, .AccountDetailsDiv .CountryAndStateListStateTextBox,
.CustomerRegisterCityStatePanel .CountryAndStateListStateTextBox,
.ClientCityStatePanel .CountryAndStateListCountryTextBox, .ClientCityStatePanel .CountryAndStateListStateTextBox,
.CustomerRegisterShippingInfoPanel .CountryAndStateListCountryTextBox, ustomerRegisterShippingInfoPanel .CountryAndStateListStateTextBox { width: 30%; float: left; margin: 5px 0; }

.CountryAndStateListValidationPanel { float: left; padding-top: 7px; }

.CustomerRegisterLinkButtonDiv { clear: both; float: right; margin: 20px 5.7% 20px 0; }

.CustomerRegisterNote { color: #ff0000; margin-top: 5px; margin-bottom: 5px; }

.CustomerRegisterCheckBox { clear: left; float: left; margin: 0 0 15px 17.5%; }

    .CustomerRegisterCheckBox label { }

.CustomerRegisterPanelCountryValidatorText { margin-left: 18%; width: 30%; clear: left; }

.UseBillingCheckbox { margin-bottom: 0; }

    .UseBillingCheckbox label { color: #008e48; }
/*CustomerRegister Address End*/
/* ---------- MyAccount Master End --------- */
/* CheckoutIndicator Begin */
.CheckoutIndicatorPanel { width: 100%; text-align: center; vertical-align: top; margin-bottom: 30px; }

.CheckoutIndicatorTable { margin: 0 0 10px 0; width: 100%; }

    .CheckoutIndicatorTable .CurrentPageTitle {  width: 100%; clear: left;   min-height: 50px;  margin: 0 0 10px 0; text-align: center; text-align: left; font-weight: normal; text-align: center; width: 100%; padding-bottom: 20px;  background: url(Images/Background/bg-br.png) no-repeat center bottom;  }

        .CheckoutIndicatorTable .CurrentPageTitle span  { color: #008e48; font-family: ThaiSansNeueBlack; font-size: 40px; text-shadow: 1px 1px 0 #000;  background-color: #fff; padding: 0; text-transform: uppercase; display: table; margin: auto; font-style: italic; }
    .CheckoutIndicatorTable td { width: 21.667%; }

    .CheckoutIndicatorTable .LoginOn, .CheckoutIndicatorTable .LoginPassed,
    .CheckoutIndicatorTable .SummaryOff, .CheckoutIndicatorTable .SummaryOn { width: 17.5%; }

    .CheckoutIndicatorTable a { display: block; width: 100%; height: 40px; line-height: 17px; text-align: center; padding-top: 45px; color: #666; font-weight: lighter; margin-top: 25px; }

        .CheckoutIndicatorTable a:hover { color: #008e48; }

    .CheckoutIndicatorTable .LoginOn a { background: url(Images/CheckoutPanel/LoginOn.jpg) no-repeat right center; padding-right: 10%; color: #e30613; }

    .CheckoutIndicatorTable .LoginPassed a { background: url(Images/CheckoutPanel/LoginPassed.jpg) no-repeat right center; padding-right: 10%; color: #010101; font-family: ThaiSansNeue;}

    .CheckoutIndicatorTable .AddressOff a { background: url(Images/CheckoutPanel/AddressOff.jpg) no-repeat center center; }

    .CheckoutIndicatorTable .AddressOn a { background: url(Images/CheckoutPanel/AddressOn.jpg) no-repeat center center; color: #e30613; }

    .CheckoutIndicatorTable .AddressPassed a { background: url(Images/CheckoutPanel/AddressPassed.jpg) no-repeat center center; color: #010101; font-family: ThaiSansNeue;}

    .CheckoutIndicatorTable .ShippingOff a { background: url(Images/CheckoutPanel/ShippingOff.jpg) no-repeat center center; }

    .CheckoutIndicatorTable .ShippingOn a { background: url(Images/CheckoutPanel/ShippingOn.jpg) no-repeat center center; color: #e30613; }

    .CheckoutIndicatorTable .ShippingPassed a { background: url(Images/CheckoutPanel/ShippingPassed.jpg) no-repeat center center; color: #010101; font-family: ThaiSansNeue;}

    .CheckoutIndicatorTable .PaymentOff a { background: url(Images/CheckoutPanel/PaymentOff.jpg) no-repeat center center; }

    .CheckoutIndicatorTable .PaymentOn a { background: url(Images/CheckoutPanel/PaymentOn.jpg) no-repeat center center; color: #e30613; }

    .CheckoutIndicatorTable .PaymentPassed a { background: url(Images/CheckoutPanel/PaymentPassed.jpg) no-repeat center center; color: #010101; font-family: ThaiSansNeue;}

    .CheckoutIndicatorTable .SummaryOff a { background: url(Images/CheckoutPanel/SummaryOff.jpg) no-repeat left center; padding-left: 10%; }

    .CheckoutIndicatorTable .SummaryOn a { background: url(Images/CheckoutPanel/SummaryOn.jpg) no-repeat left center; padding-left: 10%; color: #010101; }
/* 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%; }

    .OrderSummaryRightMenu .SidebarRight { padding: 20px 0; }

    .OrderSummaryRightMenu .ShoppingCartDetail { line-height: 20px; clear: left; float: left; width: 100%; }

    .OrderSummaryRightMenu .TotalDetail { clear: left; float: left; width: 100%; margin-top: 10px; background: url(Images/Background/dot-line.jpg) repeat-x left top; line-height: 30px; color: #008e48; font-size: 22px; font-family: ThaiSansNeue;}

    .OrderSummaryRightMenu .Label { padding: 2px 0; width: 45%; float: left; }

    .OrderSummaryRightMenu .Value { padding: 2px 0; width: 55%; float: left; }
/* OrderSummaryRightMenu End */

/* GiftCouponDetailRightMenu Begin */
.GiftCouponDetailBox .SidebarRight { padding: 25px 0; }

.GiftCouponDetailRightMenu { clear: left; float: left; width: 100%; margin-top: 30px; }

.GiftCouponDetailRightMenuTable { width: 100%; }

    .GiftCouponDetailRightMenuTable .InputTextBox { width: 70%; float: left; margin-bottom: 2px; border-radius: 30px 0 0 30px; height: 30px; padding: 0 10px;}

    .GiftCouponDetailRightMenuTable a.GiftCouponDetailButton { width: 30%; margin: 0; border-radius: 0 30px 30px 0; padding: 0 0 4px;}

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

.GiftCouponDetailRightMenuTable .GiftCouponDetailValidatorText { margin: 0; }

.GiftCouponDetailRightMenuTable .CommonHyperLink { text-decoration: underline; }
/* GiftCouponDetailRightMenu End */

/* Checkout - shipping address */

.checkout-center-col .SidebarTop { border: 0; margin-bottom: 10px; min-height: 0; background: none; }

.checkout-center-col .OnePageCheckout .CheckoutShippingInfoPanel .SidebarTop .CheckoutAddressTitle { margin-left: 0 !important; }

.checkout-center-col .SidebarTop .CheckoutAddressTitle { display: none; color: #454545; float: none; font-size: 20px; 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: left; width: 15%; }

    .CheckoutButtonDiv a { width: 100%; margin: 0; padding: 0; }

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

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

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

.CheckoutSpecialRequestPanel .CheckoutAddressLeft { width: 100%; }

.CheckoutAddressLeftDataCheckbox { clear: left; float: left; margin: 0 0 10px; width: 100%; line-height: 20px; }

    .CheckoutAddressLeftDataCheckbox input { float: left; }

    .CheckoutAddressLeftDataCheckbox .CustomerRegisterCheckBox { margin-left: 0; }

    .CheckoutAddressLeftDataCheckbox label { 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: 22px; line-height: 30px; margin: 10px 0 20px; padding: 5px 0; font-family: ThaiSansNeue; }

.CheckoutCompany { font-weight: bold; margin-bottom: 10px; display: block; }

/* Checkout - Shipping method*/
.Shipping { clear: left; float: left; width: 94%; margin: 0 3%; }

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

    .ShippingRadioList input { }

    .ShippingRadioList tr { display: table-cell; width: 50%; float: left; padding: 5px 0; }

    .ShippingRadioList label { padding-left: 10px; vertical-align: top; }

.ShippingButtonDiv { clear: both; float: right; width: 35%; margin: 20px 0 0; }

    .ShippingButtonDiv .BtnStyle1 { float: right; }

    .ShippingButtonDiv .BtnStyle2 { width: 40%; margin-left: 5%; text-transform: none; display: none; }

.ShippingRestrictions { clear: left; margin-left: 20px; }

/*Checkout - Payment Begin*/
.Payment { clear: left; float: left; width: 94%; margin: 0 3%; }

.PaymentDataList { clear: left; width: 95%; }

.PaymentItemDiv { }

.PaymentDataListItemStyle { padding-bottom: 25px; }

.PaymentItemNameDiv { float: left; width: 58%; margin-right: 2%; }

.PaymentItemImageDiv { float: left; width: 38%; }

.PaymentItemDescriptionDiv { margin-left: 25px; margin-top: 1px; }

.PaymentItemTextboxDiv { margin-left: 25px; margin-top: 5px; }

.PaymentItemRadioButton { position: relative; padding-right: 10px; }

    .PaymentItemRadioButton label { position: relative; top: -4px; left: 5px; font-weight: bold; }

.PaymentAgreeBox { width: 80%; border: solid 1px #f0f0f0; padding: 10px; }

.PaymentAgreeCheckBox { margin: 10px 0; }

    .PaymentAgreeCheckBox label { margin-left: 10px; }

.PaymentButtonDiv { clear: both; float: right; margin: 20px 0 0; width: 15%; }

    .PaymentButtonDiv .BtnStyle1 { width: 100%; }

.PaymentPOPanel { clear: left; float: left; width: 100%; background-color: #fbfcfe; padding: 10px; border: solid 1px #f0f0f0; }

.PaymentValidatorText { clear: left; width: 50%; }

.PaymentValidatorText1 { width: 80%; }

.PaymentFrame { width: 100%; height: 400px; margin-right: 3px; }

.DirectPaymentSale .PaymentDiv { clear: left; float: left; width: 94%; margin: 0 3%; }

.DirectPaymentSaleContent .CommonTextBox { width: 60%; }

.DirectPaymentSaleContent .CommonValidateDiv { width: 60%; }

.DirectPaymentSaleButtonDiv { padding-left: 13px; clear: both; }

.DirectPaymentSaleImageButton { margin-top: 30px; width: 12%; float: right; margin-right: 10%; background-color: #008e48; }

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

.CountryAndStateListDropDown { float: left; margin-right: 5px; margin-top: 4px; margin-bottom: 4px; width: 142px; }
/*OrderSummary Begin*/
.OrderSummary { }

    .OrderSummary .CommonPageRight { padding: 0; }

    .OrderSummary .SidebarTop { min-height: 40px; line-height: 35px; border-bottom: 0; }

.checkout-center-col .OrderSummary .SidebarTop .CheckoutAddressTitle { display: none; color: #454545; font-size: 20px; line-height: 35px; padding: 0; width: 96%; margin: 10px 2% 0; }

.OrderSummaryTable { clear: left; }

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

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

.OrderSummaryShippingFromFormViewRowStyle .CommonGridView .CommonGridViewHeaderStyle { background-color: white; border: none; }

.OrderSummaryShippingDetailsTable { width: 49%; float: right; margin-top: 0; clear: none; }

.OrderSummaryBillingDetailsTable { width: 50%; float: left; margin-top: 0; clear: none; color: #747474; }

.OrderSummaryOfferDetailsTable { width: 100%; margin-top: 30px; border: 1px solid #f0f0f0; border-top: 0; }

    .OrderSummaryOfferDetailsTable .CommonGridViewHeaderStyle { border-bottom: solid 1px #f0f0f0; padding: 3px 2%; }

.OrderSummaryShippingDetailsHeaderColumn { background-color: #fbfcfe; border-bottom: solid 1px #f0f0f0; padding: 0px; height: 28px; text-align: center; }

.OrderSummaryShippingDetailsLabelColumn { width: 20%; font-weight: lighter; padding: 2px 0px 2px 10px; text-align: left; }

.OrderSummaryShippingDetailsDataColumn { padding: 2px 2%; text-align: left; }

.OrderSummaryInnerTable { width: 100%; border: 0; margin: 0; margin-top: 25px; }

.OrderSummaryGridView { width: 100%; }

    .OrderSummaryGridView th { padding: 3px 1%; }

.OrderSummaryInnerGridViewColumn { padding: 0px 0px; }

.OrderSummaryInnerSummaryColumn { padding: 0px; }

.OrderSummarySubtotalHeaderStyle { width: 20%; text-align: right; }

.OrderSummaryQuantityHeaderStyle { width: 15%; text-align: right; }

.OrderSummaryQuantityItemStyle { text-align: right; }

.OrderSummaryUnitPriceHeaderStyle { width: 18%; text-align: left; }

.OrderSummarySubtotalItemStyle { text-align: right; }

.OrderSummarySummaryTable { width: 100%; border: solid 1px #f0f0f0; border-top: 0; }

    .OrderSummarySummaryTable td { padding: 3px 1%; }

.OrderSummarySummaryValue { width: 20%; text-align: right; border-left: solid 1px #f0f0f0; }

.OrderSummarySummaryLabel { height: 30px; text-align: right; }

.OrderSummarySummaryTotalLabel { text-align: right; color: #e30613; height: 35px; font-size: 20px; border-top: solid 1px #f0f0f0;font-family: ThaiSansNeueBlack; }

.OrderSummarySummaryTotalValue { text-align: right; color: #e30613; font-size: 20px; border-top: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0; font-family: ThaiSansNeueBlack;  }

.OrderSummaryDescriptionLabel {color: #010101; font-size: 22px;  font-family: ThaiSansNeue;}

.OrderSummaryCommentTable { margin-top: 10px; width: 100%; border: solid 1px #f0f0f0; }

.OrderSummaryCommentLabelColumn { width: 20%; font-weight: normal; }

.OrderSummaryCommentValueColumn { padding: 10px; width: 80%; }

.OrderSummaryButtonDiv { clear: left; float: left; text-align: right; width: 100%; margin: 5px 0; }

.OrderSummaryDescriptionLabel { display: block; font-family: ThaiSansNeue; }

.OrderSummaryFinishImageButton { margin: 10px 0 0; clear: both; float: right; }

.OrderSummaryBackLinkDiv { clear: left; float: left; width: 94%; margin: 5px 3%; }

.OrderSummaryWarningMessageDiv { color: red; width: 400px; margin: 10px 0 10px 50px; }

    .OrderSummaryWarningMessageDiv ul { margin-top: 10px; }

.OrderSummaryStockMessageDiv { color: Red; }

.OrderSummaryQuantityMessageDiv { color: Red; }

.OrderSummaryNameItemStyle { padding-left: 2.5%; border-right: 1px solid #dddddd; }



    .OrderSummaryNameItemStyle .ProductNameDetails { position: relative; }

    .OrderSummaryNameItemStyle .ProductRecurringNotice { margin-top: 5px; width: 80px; text-decoration: underline; color: #438bc5; cursor: default; z-index: 1; }

    .OrderSummaryNameItemStyle .hidecallout { display: none; }

    .OrderSummaryNameItemStyle .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; position: absolute; z-index: 100; width: 200px; left: 100px; }

        .OrderSummaryNameItemStyle .showcallout .shadow { background-color: #555; /*shadow color*/ color: inherit; position: relative; bottom: 2px; right: 2px; }

        .OrderSummaryNameItemStyle .showcallout .content { background-color: #fff; /*background color of content*/ color: #454545; /*text color of content*/ border: 1px solid #008e48; /*border color*/ padding: .5em 2ex; text-align: left; position: relative; bottom: 2px; right: 2px; }

.OrderSummary .CheckoutAddressTitle { margin-right: 25px; font-size: 19px; }

.BillingAddressDiv { float: left; width: 48%; margin-left: 2%; }

.ShippingAddressDiv { float: right; width: 48%; margin-right: 2%; text-align: right; }

    .BillingAddressDiv .CommonPageInnerTitle, .ShippingAddressDiv .CommonPageInnerTitle {  margin: 0;  }

    .ShippingAddressDiv .CommonPageInnerTitle { float: right; }

.CommonAddressDetail { clear: left; }

.BillingAddressDiv .CommonAddressRow { clear: left; float: left; }

.ShippingAddressDiv .CommonAddressRow { clear: both; float: right; }

/*OrderSummary End*/
/* CheckoutComplete Begin */
.CheckoutComplete h4 { color: #454545; font-size: 24px; width: 100%; font-family: ThaiSansNeue; line-height: 30px; margin: 10px 0; padding: 5px 0; font-weight: normal; }

.CheckoutComplete td { height: 24px; line-height: 20px; }

.CheckoutCompleteText { float: left; margin-right: 5px; }

.CheckoutCompleteOrderLink { }

    .CheckoutCompleteOrderLink:hover { color: #008e48; text-decoration: none; }

.CheckoutCompleteCustomerTable { width: 100%; }
/* CheckoutComplete End */
/*ShoppingCart Begin*/
.ShoppingCartCheckoutLink,
.ShoppingCartGiftRegistryLink { float: right; font-size: 20px; line-height: 28px; margin: 3px 0; width: 31%; padding-top: 0.5%; padding-bottom: 0.5%; }

.ShoppingCartMessage { padding: 0 3%; width: 94%; margin-top: 25px; text-align: center; }

.ShoppingCartBackHomeLinkDiv { text-align: center; margin-top: 20px; margin-bottom: 20px; }

    .ShoppingCartBackHomeLinkDiv a { margin-top: 10px; }

        .ShoppingCartBackHomeLinkDiv a:hover { color: #008e48; text-decoration: none; }

.ShoppingCartEmpty { background-color: #F8F8F8; border: 1px dashed #FFDDDD; padding: 10px; text-align: center; margin-bottom: 13px; color: #888; font-weight: bold; }

.ShoppingCartTable { width: 100%; }

.ShoppingCartPanel h3 { margin: 0 0 10px; padding: 5px 0 10px; font-weight: normal; color: #4d4d4d; font-size: 30px; line-height: 35px; font-family: ThaiSansNeue; min-height: 40px; background: url(Images/Background/bg-br1.png) no-repeat left bottom; } 
.ShoppingCartGridView .NameItem { text-align: left; padding-left: 8px; }

.ShoppingCartGridView .CommonGridViewRowStyle > td .NameItem { border-right: none; }

.ShoppingCartGridView .CommonGridViewHeaderStyle th { border-left: none; }

.ShoppingCartGridView .ImageHeader { width: 14%; text-align: left; background-color: #fbfcfe; border-bottom: 1px solid #f8f8f8; }

.ShoppingCartGridView .ImageItem { text-align: center; }

.ShoppingCartGridView .ImageItemDiv { margin: 5%; text-align: center; }

.ShoppingCartGridView .DeleteHeader { width: 7.5%; background-color: #fbfcfe; }

.ShoppingCartGridView .DeleteItem { text-align: center; }

.ShoppingCartGridView .NameHeader { text-align: left; background-color: #fbfcfe; text-transform: uppercase; }

.ShoppingCartGridView .NameItem a { text-decoration: none; text-align: center; }

.ShoppingCartGridView .PriceHeader { width: 14.5%; text-align: center; background-color: #fbfcfe; }

.ShoppingCartGridView .PriceItem { text-align: center; color: #454545; }

.ShoppingCartGridView .QuantityHeader { width: 8%; text-align: center; background-color: #fbfcfe; }

.ShoppingCartGridView .QuantityItem { font-weight: normal; text-align: center; }

    .ShoppingCartGridView .QuantityItem input { text-align: center; padding: 0px; margin: 0px; width: 50%; color: black; }

.ShoppingCartGridView .SubtotalHeader { width: 13.5%; text-align: center; background-color: #fbfcfe; }

.ShoppingCartGridView .SubtotalItem { text-align: center; color: #454545; }

.ShoppingCartButton { padding-top: 15px; }

.ShoppingCartCheckoutDiv .ShoppingCartButton { clear: right; float: right; width: 31%; padding: 0; }

.ShoppingCartCheckoutLink, .ShoppingCartGiftRegistryLink { float: right; font-size: 26px; line-height: 42px; height: 45px; margin: 3px 0; width: 100%; font-family: ThaiSansNeue;}

.ShoppingCartUpdateQuantity { float: right; }

.ShoppingCartContinueShopping { float: left; text-transform: none; }

.ShoppingCartClearCart { float: right; margin-right: 20px; }

.ShoppingCartCheckoutDiv { padding: 35px 0; width: 100%; }

.ShoppingCartCouponDiv { width: 32%; float: left; margin-right: 2%; }

.ShoppingCartNoteDiv { width: 31%; float: left; margin-right: 3.5%; }

.ShoppingCartOrderTotal { width: 31%; float: right; border: solid 1px #f0f0f0; padding: 30px 1%; margin-bottom: 2%; margin-top: 4%; font-size: 20px; }

.ShoppingCartTableColumn1 { clear: left; float: left; width: 45%; padding: 4px 0; text-align: right; line-height: 25px; }

.ShoppingCartTableColumn2 { float: right; text-align: right; width: 55%; padding: 4px 0; line-height: 25px; }

.ShoppingCartTableDiscountRow { }

.ShoppingCartTotalAmount { font-size: 24px; color: #008e48;font-family: ThaiSansNeue;  }

.ShoppingCartTotalAmountLabel { font-size: 24px; color: #008e48; font-family: ThaiSansNeue; }

.ShoppingCartTableTaxIncludeColumn { clear: left; color: Red; float: right;  margin-bottom: 10px; position: relative; text-align: right; width: 100%; font-size: 14px; font-family: CSPraKas; }

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

.ShoppingCartNoteDiv .NoteDetail { clear: left; }

.ShoppingCartNoteDiv .ShippingDiv { padding: 0 0 10px; }

.ShoppingCartGridView .NameItem .ProductNameDetails { position: relative; }

.ShoppingCartGridView .NameItem .ProductRecurringNotice { margin-top: 5px; text-decoration: underline; color: #008e48; cursor: default; z-index: 2; font-size: 8px; }

.ShoppingCartGridView .ProductNameDetails .hidecallout { display: none; }

.ShoppingCartGridView .ProductNameDetails .showcallout { background-color: #bbb; /*shadow color*/ color: inherit; position: absolute; z-index: 100; margin-top: 10px; }

    .ShoppingCartGridView .ProductNameDetails .showcallout .shadow { color: inherit; position: relative; bottom: 2px; right: 2px; }

    .ShoppingCartGridView .ProductNameDetails .showcallout .content { background-color: #fff; /*background color of content*/ color: #333; /*text color of content*/ border: 1px solid #dcdcdc; /*border color*/ padding: 15px; text-align: left; position: relative; bottom: 2px; right: 2px; font-weight: normal; }

.ShoppingCartTableTaxIncludeColumn .TaxNotice { margin-top: 5px; text-decoration: underline; color: Red; cursor: default; z-index: 1; position: relative; }

.ShoppingCartTableTaxIncludeColumn .hidecallout { display: none; }

.ShoppingCartTableTaxIncludeColumn .showcallout { background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; position: absolute; z-index: 100; width: 100%; display: block;}

    .ShoppingCartTableTaxIncludeColumn .showcallout .shadow, .showcallout .content { position: relative; bottom: 2px; right: 2px; }

    .ShoppingCartTableTaxIncludeColumn .showcallout .shadow { background-color: #646464; color: inherit; width: 100%; }

    .ShoppingCartTableTaxIncludeColumn .showcallout .content { background-color: #fff; color: #454545; border: 1px solid #ff0000; padding: .5em 2ex; line-height: 18px; width: 100%; }

.ShoppingCartShippingEstimator .CountryAndStateListCountryTextBox { width: 65% !important; margin: 4px 0; float: right; }

.ShoppingCartShippingEstimator .CountryAndStateListStateTextBox { width: 65% !important; margin-top: 4px !important; float: right; }


/*Shopping Cart End*/
/*ShippingEstimator Begin*/
.ShoppingCartShippingEstimator { margin-top: 5%; }

    .ShoppingCartShippingEstimatorInput,
    .ShoppingCartShippingEstimator select { margin: 5px 0; padding: 3px 0; width: 65%; float: right; }

        .ShoppingCartShippingEstimatorInput input { width: 140px; }

.ShoppingCartShippingEstimatorLabel { float: left; width: 32%; clear: left; color: #454545; margin: 3px 0; }

.ShoppingCartShippingEstimatorButton { clear: right; float: right; margin-top: 5px; }

.ShoppingCartShippingEstimatorShippingList { clear: both; padding: 5px 0 15px; }

    .ShoppingCartShippingEstimatorShippingList input { margin-top: 10px; }

.ShippingEstimatorValidatorText { margin-left: 7%; }

.ShippingEstimatorValidateDiv { width: 156px; }

.ShoppingCartShippingEstimatorMessage { clear: left; padding-top: 15px; margin-bottom: -13px; float: right; width: 100%; }
/*ShippingEstimator End*/
/*ShoppingCartGiftCoupon Begin*/
.ShoppingCartClearButton { clear: left; float: left; margin: 10px 0; }

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

.ShoppingCartGiftCoupon { width: 100%; }

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

.GiftCouponDiv .GiftCouponDiv { clear: left; float: left; margin: 5px 15px; width: 88%; }

.ShoppingCartGiftCouponInputCenter { clear: left; float: left; width: 80%; color: #454545; margin: 25px 10% 0; }

    .ShoppingCartGiftCouponInputCenter input {   border-radius: 30px 0 0 30px; float: left; height: 30px!important; margin-bottom: 2px; padding: 0 10px; width: 70%!important;}

.ShoppingCartGiftCoupon .CouponMessageDisplay { }

.ShoppingCartGiftCouponButton { float: right; width: 30%; margin: 0;}

    .ShoppingCartGiftCouponButton a {    border-radius: 0 30px 30px 0;  padding: 0 0 4px;  width: 100%; }

.ShoppingCartCouponDiv .GiftCouponDetailValidatorText { width: 68%; margin: 0; clear: both; float: left; margin: 1px 10% 0; }

.ShoppingCartGiftCouponTextInfo { clear: both; float: left; margin: 5px 0; width: 100%; }

.ShoppingCartGiftCouponLabel { clear: left; float: left; width: 50%; }

.ShoppingCartGiftCouponPointLabel { clear: left; float: left; }

.ShoppingCartGiftCouponInput { color: #25baa0; float: left; width: 40%; margin-left: 5px; }

.ShoppingCartGiftCouponInputCodeTextBox { width: 72% !important; float: left; margin: 0; }
/*ShoppingCartGiftCoupon 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: #008e48; }

.GiftCouponDetailTextInfo .CouponMessageDisplayLabel { margin: 0; text-align: right; margin-right: 10px; }

.GiftCouponDetailTextInfo .CouponMessageDisplayData { margin: 0; }

.GiftCouponDetailTextInfo .GiftCouponDetailValidatorText { width: 100%; margin: 0; clear: both; float: left; margin-left: 11%; }
/*GiftCouponDetail End*/
/*NewsNavList Begin*/
.NewsNavList .SidebarTop { line-height: 35px; min-height: 40px; }

.NewsNavList .SidebarTopTitle { line-height: 35px; }

.zoom img { width: 100%; border-width: 0px; }

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

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

.QuickViewPanel .OptionRadioItemRadioButtonList tr { display: block; float: left; width: 95%; }

.QuickViewPanel .OptionItemDetailsLeft { margin-top: 5px; }
/*------ Front:left side ------*/
/* Category */
.front-left-col .CategoryNavList { padding: 15px 0; margin: 0 15px; border-bottom: solid 1px #dcdcdc; }

    .front-left-col .CategoryNavList .SidebarTop { margin-top: 0; border-bottom: 0; }

    .front-left-col .CategoryNavList .SidebarRight { padding: 0; }
/* Department */
.front-left-col .DepartmentNavList { padding: 15px 0; margin: 0 15px; border-bottom: solid 1px #dcdcdc; }

    .front-left-col .DepartmentNavList .SidebarTop { margin-top: 0; border-bottom: 0; }

    .front-left-col .DepartmentNavList .SidebarRight { padding: 0; }
/* Manufacturer */
.front-left-col .ManufacturerNavList { padding: 15px 0; margin: 0 15px; }

    .front-left-col .ManufacturerNavList .SidebarTop { margin-top: 0; border-bottom: 0; }

    .front-left-col .ManufacturerNavList .SidebarRight { padding: 0; }
/* Common */
.front-left-col .CategoryNavNormalList a,
.front-left-col .DepartmentNavNormalList a,
.front-left-col .ManufacturerNavNormalList a { padding: 5px 0px; background: none; }


/*ContentBreadcrumb Begin*/
.CatalogBreadcrumbDiv, .ContentMenuSitemapDiv { width: 100%; padding: 8px 0; margin-bottom: 15px; background: #F1F2F4;}

    .CatalogBreadcrumbDiv .row, .ContentMenuSitemapDiv .row { line-height: 20px;  }

.ContentMenuSitemapPanel { clear: left; color: #888; display: table; font-weight: normal; line-height: 20px; margin: auto; }

a.sitemap-link { float: left; color: #888; }
    a.sitemap-link:hover { text-decoration: underline;color: #008e48;  }
span.sitemap-seperator { float: left; padding: 0; font-size: 0 !important; background: url(Images/Icon/icon-breadcrumb.png) no-repeat center center; width: 20px; height: 22px; }

span.sitemap-leaf { float: left; padding: 0; color: #008e48; }
/*ContentBreadcrumb End*/
/*ContentItemList Begin*/
ul.root { list-style: none; margin: 0; padding: 0; }

    ul.root li.parent { line-height: 30px; margin: 0; padding: 0; clear: left; float: left; width: 100%; position: relative; }

        ul.root li.parent > a.root-link { border-bottom: solid 1px #eee; }

    ul.root li.leaf { line-height: 30px; margin: 0; padding: 0; clear: left; float: left; width: 100%; position: relative; }

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

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

    ul.root-1 li.child { line-height: 30px; margin: 0; padding: 0; clear: left; float: left; width: 100%; }

ul a.root-link { display: block; font-weight: bold; padding: 0; }

ul.root a.root-link { line-height: 50px; margin-bottom: 15px; }

ul.root-1 a.root-link { line-height: 40px; margin-bottom: 0; }

ul a.leaf-link { display: block; background: url(Images/Bullet/icon-page.gif) no-repeat left center; padding: 0 0 0 30px; line-height: 40px; }

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

ul.root a.root-link:hover, ul.root a.leaf-link:hover { }
/*ContentItemList End*/
 
.ProductDetailsResponsiveDescriptionLongDiv ul { list-style-type: none; list-style-position: outside; padding: 12px 0; }

    .ProductDetailsResponsiveDescriptionLongDiv ul li { background: url("Images/Bullet/bullet2.gif") no-repeat scroll left 8px; padding-left: 20px; line-height: 22px; margin-bottom: 5px; }

.ProductDetailsResponsiveDescriptionLongDiv img { max-width: 640px; }

.PaymentDescription { padding: 10px 0; }

.PaymentDescription-Image { padding: 10px; float: left; width: 20%; }
.PaymentDescription-Info { float: left; width: 80%; }
.PaymentDescription-HeaderText { font-weight: bold; }

.DBDRegisteredDiv { width: 23%; float: right; }

.DBDTitle { margin-top: 20px; }
.footerbottom { display: table; margin: auto; text-align: center; margin: 7px auto; padding-bottom: 12px; }
.logofooter { background: url(Images/Background/logo-footer.png) no-repeat center 70%; float: right; width: 190px; height: 40px; position: relative;  text-decoration: none; }

.footer-columns-container { width: 24%; float: left; padding: 0 15px 0 0; margin-bottom: 15px;  } 
.footer-columns-newsletter { width: 28%; float: left; padding: 0 15px 0 0; margin-bottom: 15px;  } 
.footerdiv { width: 100%; }

.menutitle-footer { padding:  0; width: 100%; }
.titletext-footer { font-size: 24px; line-height: 30px; color: #1b1b1b; font-family: ThaiSansNeueLite; text-transform: uppercase; }
.contact-info { clear: left; float: left; width: 100%; line-height: 22px; }
.DBDIcon { }
.content-footer { padding: 0; color: #454545; line-height: 20px; font-size: 14px;}
    .content-footer .description { clear: left; float: left; width: 100%; line-height: 22px; margin: 10px 0 0; font-family: CSPraKas; font-size: 15px; }
    .content-footer ul { list-style: none; margin: 0; line-height: 20px; }
    .content-footer a { color: #008e48; }

.tel-div { background: url(Images/Icon/icon-phone.png) no-repeat left center; padding-left: 25px; float: left; margin: 3px 0 3px 0; line-height: 30px;}
.line-div { float: left; margin: 3px 5px 3px 0; }
.facebook-div { float: left; margin: 3px 5px 3px 0; }
.SocialLink { clear: left; float: left; margin: 10px 0; display: block; text-align: left; }

    .SocialLink a { float: left; margin-bottom: 5px; font-weight: normal; vertical-align: middle; line-height: 32px; color: #fff; text-decoration: none; margin-right: 5px; font-size: 0; }
.LineIDHeader { background: url(Images/Icon/icon-line.png) no-repeat left top; font-family: 0; font-size: 0; float: left;  display: block; width: 28px; height: 28px; }
    .FacebookIDHeader { background: url(Images/Icon/icon-facebook.png) no-repeat left top; font-size: 0;  float: left;  display: block; width: 28px; height: 28px; } 

.FacebookID { background: url(Images/Icon/footer-icon-facebook.png)no-repeat top center; width: 30px; height: 30px; }
.YoutubeChannel { background: url(Images/Icon/footer-icon-youtube.png)no-repeat top center; width: 30px; height: 30px; }
.InstagramID { background: url(Images/Icon/footer-icon-instagram.png)no-repeat top center; width: 30px; height: 30px; }
.GoogleID { background: url(Images/Icon/footer-icon-google.png)no-repeat top center; width: 30px; height: 30px; }
.TwitterID { background: url(Images/Icon/footer-icon-twitter.png)no-repeat top center; width: 30px; height: 30px; }

.LineID { background: url(Images/Icon/footer-icon-line.png)no-repeat top center; width: 30px; height: 30px; }
    .FacebookID:hover, .YoutubeChannel:hover, .InstagramID:hover, .GoogleID:hover, .TwitterID:hover, .LineID:hover, .FacebookIDHeader:hover, .IGHeader:hover, .LineIDHeader:hover { background-position: bottom left; }

/*---------Mini Cart ----------*/
.ShoppingCartSection { float: left; margin: 0 0 0 5px; line-height: 30px; color: #000; }
.HeaderShoppingCart { clear: right; float: right; line-height: 30px; position: relative; z-index: 1; }
.HeaderShoppingCartViewCart { float: left; text-decoration: none; color: #000; margin-left: 5px; font-size: 0; border: 0; height: 28px; }
    .HeaderShoppingCartViewCart:hover { color: #22b972; }

.HeaderShoppingCartDiv { float: left; background-color: #f9fafb; line-height: 23px; height: 25px; padding: 0 10px; border: solid 1px #f0f0f0; }

.QuantityDiv { float: left; margin-left: 5px; }

.DiscountDiv { float: left; margin-left: 5px; }

.DiscountValue { color: #22b972; }

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

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

.HeaderShoppingCartCheckout { float: left; background: #f9fafb url(Images/Icon/icon-checkout.png) no-repeat 95% 2px; line-height: 27px; height: 28px; padding: 0 30px 0 10px; border: solid 1px #f0f0f0; margin-left: 20px; color: #515151; font-weight: normal; }

.HeaderShoppingCartBraclet { float: left; }

.HeaderShoppingCartTitle { background: url(Images/Icon/icon-cart.png) no-repeat left top; font-size: 14px; color: #000; padding-left: 35px; line-height: 35px; height: 32px; float: left; cursor: pointer; font-weight: bold; text-transform: uppercase; font-family: Arial; }

    .HeaderShoppingCartTitle.Active .QuantityValueDiv, .HeaderShoppingCartTitle .QuantityValueDiv:hover { background-color: #fdc300; }
    .HeaderShoppingCartTitle.Active .QuantityValue, .HeaderShoppingCartTitle .QuantityValueDiv:hover .QuantityValue{color: #fff;}
.HeaderShoppingCartQuantity { float: left; min-width: 25px; line-height: 23px;  text-align: center; position: relative; }

    .HeaderShoppingCartQuantity .MiniShoppingCartPanel { float: left; text-align: left; position: absolute; right: 0; top: 34px; background-color: #fff; border: solid 3px #b8b8b8; text-transform: none; padding: 0; display: none; width: 280px; }

    .HeaderShoppingCartQuantity .SidebarTop { background-color: #eee; padding: 0 15px; border: none; min-height: 35px; background-image: none; }
    .HeaderShoppingCartQuantity .SidebarTopTitle { float: left; font-size: 22px; line-height: 35px; color: #000; }
    .HeaderShoppingCartQuantity .SidebarRight { padding: 0; }

.HeaderShoppingCartTitle .QuantityValueDiv { background-color: #ee0f27; border-radius: 30px; width: 28px; height: 28px; line-height: 28px; text-align: center; margin-left: 5px;  margin-top: 2px; float: right; }
.HeaderShoppingCartTitle .QuantityValue { color: #fff; }
.HeaderShoppingCartQuantity a.ShoppingCartCloseDiv { float: right; cursor: pointer; color: #ff7d54; line-height: 35px; }

    .HeaderShoppingCartQuantity a.ShoppingCartCloseDiv:hover { color: #ff0000; }
.HeaderShoppingCartQuantity .RecentlyItemImageDiv { width: 60px !important; height: 60px !important; border: solid 1px #ccc; }

.HeaderShoppingCartQuantity .MiniShoppingCartButton { float: none; margin: 0 auto 15px; padding-top: 15px; vertical-align: middle; clear: left; display: table; width: 90%; }

    .HeaderShoppingCartQuantity .MiniShoppingCartButton a { text-shadow: 0; line-height: 35px; font-weight: normal; width: 46%; margin: 0 2%; }

.HeaderShoppingCartQuantity .MiniShoppingCartDetail { background-color: #e30613; color: #fff; padding: 0 10px; clear: left; float: left; width: 100%; line-height: 40px; min-height: 40px; border-bottom: solid 1px #ddd; font-family: ThaiSansNeueBlack; }

    .HeaderShoppingCartQuantity .MiniShoppingCartDetail .CartDetailLabel { font-size: 22px; float: left; color: #fff; }

    .HeaderShoppingCartQuantity .MiniShoppingCartDetail .CartDetailSubTotal { font-size: 22px; float: right; clear: none; color: #fff; }

.HeaderShoppingCartQuantity .MiniShoppingCartRecentlyPanel { background: none; margin-top: 0; padding: 0; font-family: CSPraKas; font-size: 13px;}

    .HeaderShoppingCartQuantity .MiniShoppingCartRecentlyPanel .RecentlyAddGrid tr { background: none; border-bottom: solid 1px #ddd; }

    .HeaderShoppingCartQuantity .MiniShoppingCartRecentlyPanel .RecentlyItemImage { width: 26%; padding: 5px; }

    .HeaderShoppingCartQuantity .MiniShoppingCartRecentlyPanel .RecentlyItemName { padding: 5px 0; }

        .HeaderShoppingCartQuantity .MiniShoppingCartRecentlyPanel .RecentlyItemName a { text-transform: none; }

.HeaderShoppingCartQuantity .RecentlyItemDelete { padding-right: 10px; }

.HeaderShoppingCartQuantity .MiniShoppingCartQuantityAndPrice { color: #888; font-size: 12px; }

.CartEmpty { width: 100%; padding: 15px; float: left; text-align: center; color: #ccc; font-size: 14px; background: #fff; font-family: CSPraKas;}
/*override for shopping cart sidebar*/
.MiniShoppingCart .HeaderShoppingCartQuantity { width: 100%; height: auto; }
    .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartPanel { display: block; position: relative; width: 100%; top: 0; border: 0; }
        .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartPanel .SidebarTop { margin-top: 0; margin-bottom: 2px; }
    .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartRecentlyPanel .RecentlyItemName a, .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartQuantityAndPrice { }
    .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartDetail .CartDetailLabel, .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartDetail .CartDetailSubTotal { font-size: 18px; }
    .MiniShoppingCart .MiniShoppingCartRecentlyPanel .RecentlyAddGrid, .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartPanel .SidebarLeft { background-color: #fff; }
    .MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartPanel { background-color: transparent; }
.HeaderShoppingCart .MiniShoppingCartNoLink.BtnStyle1 { padding: 0 0 3px; font-size: 22px; color: #fff; }
.HeaderShoppingCart .MiniShoppingCartNoLink.BtnStyle2 { padding: 0 0 3px; font-size: 22px;  }
.MiniShoppingCart .HeaderShoppingCartQuantity .MiniShoppingCartButton { padding: 10px 0; }
.MiniShoppingCartPanel .QuantityValue { color: #008e48; }

.account-div { float: left; margin-top: 40px;}
.header-toggle-div { float: right; margin: 40px 0 3px 10px; }
.header-login { float: right; }
.icon-bin { background: url(Images/Icon/icon-bin.png) no-repeat center top; width: 16px; height: 16px; display: block; }
    .icon-bin:hover { background-position: center 100%; }    

/*QuickSearch Begin*/
.SearchSection { float: right;  margin: 0 0 0 10px; }
.Search { float: right; position: relative; margin: 0; }
.SearchTop { float: right; padding: 0; }
.SearchTopTitle { cursor: pointer; background: url(Images/icon/icon-search.png) no-repeat left top; width: 30px; height: 30px; line-height: 0; font-size: 0; float: left; }
.SearchTopTitle:hover, .SearchTop.Active .SearchTopTitle{ cursor: pointer; background-position:  left bottom;  }

.QuickSearchPanel { display: none; width: 280px; clear: left; float: left; position: absolute; right: 0; top: 34px; border: solid 3px #b8b8b8; background-color: #fff; z-index: 1; }
.QuickSearch { display: block; width: 100%; border: solid 1px #008e48; background-color: #fff; overflow: hidden; float: left; }
.SearchAdvancedLink { clear: left; float: right; text-decoration: underline; line-height: 24px; margin-top: 5px; }
.QuickSearchDiv { border: 0; float: right; width: 100%; }
.QuickSearchCategoryDropDownDiv input[type="text"].QuickSearchText { border: 0; padding: 0 5px; width: 72%; color: #454545; float: left; margin-bottom: 0; background-color: #fff; }
.QuickSearchSelectedCategoryDropDownDiv input[type="text"].QuickSearchText { border: 0; padding: 0 5px; width: 65%; color: #454545; float: left; margin-bottom: 0; background-color: #fff; }
.QuickSearchLabel { display: none; }
.QuickSearchLinkButton { display: none; position: relative; left: 80px; bottom: 3px; }
.QuickSearchDropDownDiv { float: left; width: 28%; background: #008e48 url(Images/Icon/search-down.png) no-repeat 95% center; overflow: hidden; }
.QuickSearchSelectedDropDownDiv { float: left; width: 35%; background: #04471d url(Images/Icon/search-down.png) no-repeat 95% center; overflow: hidden; color: #615132; }

.QuickSearchDropDown { background: none; line-height: 1; border: 0; float: left; vertical-align: middle; color: #fff; height: 28px; padding: 4px 0 4px 5px; overflow: hidden; width: 135%; font-family: Tahoma; font-size: 13px; }

    .QuickSearchDropDown option { width: auto; background-color: #fbfbfb; padding: 2px 10px; color: #04471d; }
.QuickSearchPanel .SidebarTop { background: #eee; padding: 0 15px; border: none; min-height: 35px; }
.QuickSearchPanel .SidebarTopTitle { float: left; font-size: 22px; line-height: 35px; color: #3f2b2b; font-family: ThaiSansNeue;}
.QuickSearchPanel .SidebarLeft { padding: 10px; background-color: #fff; }
.QuickSearchPanel a.SearchTopCloseDiv { float: right; cursor: pointer; color: #ff7d54; line-height: 35px; }
    .QuickSearchPanel a.SearchTopCloseDiv:hover { color: #ff0000; }
/*QuickSearch End*/
.LanguageSection {position: absolute; right: 0; top: 0;} 

.bg-reseller { clear: left; float: left; width: 100%; background-color: #ffffff; padding: 25px 0; border-top: solid 2px #eee;} 
.bg-reseller .row { padding: 0 10px; background: url(Images/Background/reseller-bar.png) no-repeat 99% top;} 
.bg-reseller-container { float: left; width: 100%; position: relative; }
.bg-reseller-left { float: left; width: 39%;  background: url(Images/Icon/img-reseller.png) no-repeat right center; padding-right: 150px; } 
.bg-reseller-left-inner { float: left; width: 100%; padding: 30px 10px 30px 140px; min-height: 120px; background: url(Images/Icon/qr-line.png) no-repeat left center; font-family: ThaiSansNeue; font-size: 30px; color:#010101;} 
.bg-reseller-center { float: left;  width: 35%; background: url(Images/Background/reseller-bar.png) no-repeat left top;  margin-left: 2%; padding-left: 2%;}
.bg-reseller-center-inner { float: left; width: 100%; padding: 30px 10px 30px 140px; min-height: 120px;  background: url(Images/Icon/qr-facebook.png) no-repeat left center;  font-family: ThaiSansNeue; font-size: 30px; color:#010101;}
.bg-reseller-right { float: right; width: 22%;  padding: 10px 25px; margin: 0; background: url(Images/Background/reseller-bar.png) no-repeat left top; min-height: 120px;}
.bg-reseller-intro { clear: left; float: left; width: 100%; font-size:19px; line-height: 32px; color: #fff;  font-family: ThaiSansNeue;background: url(Images/Background/reseller-title.png) no-repeat left top; padding-top: 100px; margin-top: 10px; }
.bg-reseller-info { clear: left; float: left; font-size: 30px; line-height: 30px; font-family: ThaiSansNeue; color: #010101; }
.bg-reseller-phone { clear: left; float: left;  font-size: 36px; line-height: 30px; color: #008e48;  font-family: ThaiSansNeueBlack; margin-bottom: 5px;}
.bg-reseller-site { clear: left; float: left; font-size: 18px; line-height: 30px; font-family: ThaiSansNeue; color: #010101;text-transform: uppercase; }
.fb-link, .line-link {font-family: ThaiSansNeueLite; }
.bg-bar { background: url(Images/Background/bg-bar.png) repeat-x; height: 5px; width: 100%; clear: left; } 

.CopyRightLicense { position: absolute; left: 0; }
.PoweredLicense { width: 100%; text-align: center; }

.bg-default, .bg-news { clear: left; float: left; width: 100%; background-color: #fff;}
.bg-default .row , .bg-news .row { padding: 0 10px; }

.bg-brand-ads { clear: left; float: left; width: 100%; background-color: #f5f4f4; padding: 20px 0;}
    .bg-brand-ads .CenterBlockTop { float: left; width: 34%; border: 0; text-align: left; background: none; margin-top: 50px;}
    .bg-brand-ads .CenterBlockTopTitle {font-size: 48px; font-family: Medio;  font-style: italic; text-transform: capitalize; text-decoration: underline;text-decoration-color: #1b934b; color: #04471d; margin-left: 0; text-shadow:none;}
    .bg-brand-ads .CenterBlockLeft { float: left; width: 66%; padding: 0 12%;}
    .bg-brand-ads .AdsBannerItem { float: left; width: 50%; text-align: left;}

.IntroductionMessagePanel { clear: left; float: left; width: 100%; position: relative; margin: 10px 0 30px;   padding-bottom: 20px; background: url(Images/Background/bg-br.png) no-repeat center bottom; } 
    .IntroductionMessagePanel .CenterBlockTop { clear: left; float: left; margin: 0 0 10px; width: 100%; padding-left:0; font-size: 36px; text-transform: uppercase; background: none;font-family: ThaiSansNeue; text-align: center; border:0;}
    .IntroductionMessagePanel .CenterBlockTopTitle1 { clear: left; float: left; width: 100%;  color: #050505; font-family: ThaiSansNeueBlack; }
.IntroductionMessagePanel .CenterBlockTopTitle2{  font-size: 50px; color: #E30613;  font-family: ThaiSansNeueBlack;text-shadow: 1px 1px 0 #000; font-style: italic;}
.IntroductionMessage {  clear: left; float: left; width: 100%; text-align: center; }
.IntroductionMessage p { font-size: 24px; line-height: 25px; font-family: ThaiSansNeueLite; color: #454545; } 
.CheckoutSpecialRequestPanel .CheckoutAddressLeftDataCheckbox label { margin-bottom: 10px; }
.CartSubTotalDiv { float: left; height: 32px; line-height: 35px; margin-right: 5px; font-family: Tahoma; font-size: 18px; color: #229d41; }
.CartSubTotalDiv .CartCurrencyCode{ color: #000; }

/*RandomProduct Begin*/
.RandomProduct {clear: left; float: left; width: 100%; margin-bottom: 30px;}
    .RandomProduct .row { padding: 0 10px; position: relative; }
.RandomProductDataList { width: 100%; }
.RandomProductItemStyle {clear: left; float: left; width: 100%; background-color: #fff; padding: 60px 0;} 
.RandomProductAlternatingItemStyle { clear: left; float: left; width: 100%;background-color: #fbfafb; padding: 60px 0;} 
.RandomProductStock { color: Red; }
.RandomProductTitle { clear: left; float: left; width: 50%; height: 90px; background: url(Images/Background/bg-random-title.png) no-repeat center top; margin: 20px 0; position: absolute; left: 20px; top: 10px;}
.RandomProductItemInfo { float: left; width: 50%; text-align:center; padding: 140px 20px 20px; }
.RandomProductItemImage { float: right; width: 50%; }
.RandomProductAlternatingItemStyle .RandomProductTitle {  right: 20px; left: auto; }
.RandomProductAlternatingItemStyle .RandomProductItemImage { float: left; }
.RandomProduct .CommonProductNameLink { font-size: 48px; line-height: 50px; margin-bottom: 30px; }
.RandomProduct .CommonProductDescription { font-family: ThaiSansNeue; color: #4f4f4f;  font-size: 24px; line-height: 24px; margin-bottom: 30px;}
.RandomProduct .CommonProductPriceDetails { margin-bottom: 30px; }
.RandomProduct .OurPriceValue { font-family: ThaiSansNeue; color: #4f4f4f;  font-size: 48px; line-height: 50px;}
.RandomProduct div.CommonProductImage { width: 100%; min-height: 0; max-height: 540px;  }
.RandomProduct table.CommonProductImage {  height: auto; }
.RandomProduct .CommonProductImage img { height: auto !important; max-height: 540px; max-width: 100%; width: auto !important;}
.RandomProduct .CommonProductImagePanel { width: 100%; }
.RandomProduct .CommonProductButton .BtnStyle1 { height: 55px; line-height: 55px; background-image: url(Images/Icon/btn-icon-cart.png); background-position: 30px center; font-size: 32px;font-family: ThaiSansNeue;  padding: 0 50px 0 80px; border: solid 3px #fff; }
/*RandomProduct End*/

/*BlogContent Begin*/
.BlogContent {clear: left; float: left; width: 100%; margin-bottom: 30px; }
.BlogContentTitle { clear: left; float: left; width: 100%; height: 80px; background: url(Images/Background/bg-recipes-title.png) no-repeat center top; margin: 20px 0;  }
.BlogContentList { width: 100%; }
.BlogContentItemStyle { clear: left; float: left; width: 100%; background-color: #fff; padding: 40px 0; }
.BlogContentImage {float: left; width: 50%; max-height: 540px;  }
.BlogContentImage img { height: auto !important; max-height: 540px; max-width: 100%; width: auto !important;}
.BlogContentInfo { float: left; width: 50%; text-align:center; padding: 20px; }
.BlogContentTopic { clear: left; float: left; width: 100%; margin-bottom: 30px;  font-family: ThaiSansNeue; }
.BlogContentTopicLink { font-size: 48px; line-height: 50px; }
.BlogContentDetail { clear: left; float: left; width: 100%;  font-family: ThaiSansNeue; color: #4f4f4f;  font-size: 24px; line-height: 24px; margin-bottom: 30px;}
.BlogContentViewAll {clear: left; display: table; margin: 15px auto;   }
.BlogContentTopicMore { clear: left; float: left; width: 100%; }
.BlogContentViewAll .BtnStyle1 { height: 55px; line-height: 45px; border-radius: 100px; font-size: 32px;font-family: ThaiSansNeueLite;  padding: 0 50px 5px; border: solid 3px #fff; }
.BlogContentTopicMoreLink { color: #04471d; font-family: ThaiSansNeueLite; font-size: 22px; line-height: 24px;  background: url(Images/Icon/arrow-more.png) no-repeat right center; padding: 0 25px 5px 0; }
/*BlogContent End*/

.StarRatingSummaryButtonColumn .StarRatingSummaryAddReviewImageButton.BtnStyle1 { display: none;}