/* ------------------------------------------------------------------------------------------------ Copyright (c) 2006-2008, ePages GmbH All Rights Reserved. ------------------------------------------------------------------------------------------------ */ @import url("/WebRoot/StoreTypes/7.108.0/YvetteStore/lib/de_epages/presentation/font-awesome/css/font-awesome.min.css"); .ContentArea button.AddToBasketButton { font-weight: normal !important; } /* use the headline font for basket button and tabs */ .ContentArea button.AddToBasketButton { font-family: Droid Serif, Trebuchet MS, Verdana, Arial, Helvetica; } /* use the content family for the breadcrumb */ .BreadcrumbItem, .BreadcrumbLastItem { font-family: Arial, Verdana, Helvetica; } html, body { width:100%; position:relative; } body, a img, form { margin:0; padding:0; border:0; line-height:140%; } body { margin-top:-1px; padding-top:1px; } .skip-link { position: absolute; left: -999px; top: 0; padding: 8px; z-index: 100; font-size: 16px; color: black; text-decoration: none; background-color: #FFFFFF; } .skip-link:focus { left: 0; } img { vertical-align:middle; } html.IsEditor, body { background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_layout.png") no-repeat white; } body.HideVisualAid, body.ShowVisualAid { min-width: 920px; } p, table, tr, td, th, span, ul, li, samp, input, select, option, textarea, samp { line-height: 140%; resize:none; } fieldset { border:0; cursor:default; } font span{ font-size: 100%; } .MoneyGap, html body .GeneralLayout strong, html body .GeneralLayout strong *, html body .GeneralLayout b, html body .GeneralLayout b * { font-weight:bold; } html body .GeneralLayout em, html body .GeneralLayout em *, html body .GeneralLayout i, html body .GeneralLayout i * { font-style:italic; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, Helvetica; line-height: 120%; margin: 0px; color: #000000; } p { margin: 0 0 6px 0; } a, a:active, a:focus { cursor:pointer; } a.Action, .Link.Action { padding:0 0 0 15px ; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_actionlink.png") no-repeat top left; } a.Delete{ padding: 0 0 0 15px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_remove.png") no-repeat 0 2px; } a.Edit{ padding: 0 0 0 12px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_continue.png") no-repeat 0 3px; } a.ContextBoxHead, a.ContextBoxHead ins /* selector deprecated */ { display:block; text-decoration:none !important; cursor:pointer !important; } .ContextBoxHead span { display:block; text-decoration:none !important; white-space:nowrap; } a.ContextBoxHead span { cursor:pointer !important; } a.ExtenderClosed { padding: 0 0 0 18px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_extender_closed.png") no-repeat top left; } a.ExtenderOpened { padding: 0 0 0 18px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_extender_opened.png") no-repeat top left; } input { line-height: 120%; padding:0; } textarea { line-height: 130%; color: #000000; } samp { font-size:9px; } ins { display:inline-block; vertical-align:middle; position:relative; } ins img { vertical-align:middle; margin-bottom:4px; } input, button, textarea, select { line-height:120%; font-family: Arial, Verdana, Helvetica; font-weight: normal; font-style: normal; font-size:16px; color:black; } table, tr, td, fieldset { border:0; border-spacing:0; border-collapse:collapse; color:inherit; white-space: normal; } table.TinyMCETable, table.TinyMCETable tr, table.TinyMCETable td { border:0; border-spacing:0; border-collapse:collapse; color:inherit; white-space: normal; } .cke-table tr, .cke-table thead, .cke-table tfoot, .cke-table td, .cke-table tbody, .TinyMCETable tr, .TinyMCETable thead, .TinyMCETable tfoot, .TinyMCETable td, .TinyMCETable tbody { border-style:solid; border-color:inherit; border-width:inherit; } .TooltipShadow { display:none !important; } hr.ClearBoth { border:0; color:transparent; background:transparent; height:0; margin:0; } .SmallText { font-size: 10px; } .TextCenter, .CenterText { text-align:center !important; } .SelectedItem { font-weight:bold !important; } .LineThrough { text-decoration: line-through; } .LeftPadding, .PaddingLeft { padding-left: 12px !important; } .RightPadding, .PaddingRight { padding-right: 12px !important; } .TopPadding, .PaddingTop { padding-top: 12px !important; } .BottomPadding, .PaddingBottom { padding-bottom: 12px !important; } .LeftMargin, .MarginLeft { margin-left: 12px !important; } .RightMargin, .MarginRight { margin-right: 12px !important; } .TopMargin, .MarginTop { margin-top: 12px !important; } .BottomMargin, .MarginBottom { margin-bottom: 12px !important; } .NoMarginTop, .MarginTopNo, .TopNoMargin { margin-top: 0 !important; } .HalfSize { width: 50%; } .QuarterSize{ width: 25%; } .FifthSize{ width: 20%; } .FullSize { width: 100% !important; } .MinimizeHeight { font-size:0 !important; line-height: 0 !important; height:0 !important; padding:0 !important; margin:0 !important; } .LinkImage { cursor:pointer; } .HideElement, .HideNode { display: none !important; height: 0; } .ShowElement { display: block !important; } .ShowInlineElement { display: inline !important; } .ShowNode { display: auto !important; } .DisplayTable{ display: table !important; } .DisplayRow{ display: table-row !important; } .Icon { width: 16px; height: 16px; vertical-align: middle; } .IconMedium { width: 24px; height: 24px; vertical-align: middle; } span.FowardIcon { font-family: Arial; vertical-align: baseline; } .InlineTable, .InlineTable td { border:0; padding:0; margin:0; } .InputLabelling { overflow:hidden; } select.ep-uiInput.ep-uiInput-select { padding: 5px; padding-left: 3px; height: auto; } .SelectLabelling { font-weight: normal; } .SelectVariation .SelectLabelling { padding: 0 5px 0 0; } .OnlyInPrintViewVisible { display:none; } .PrintNow img { vertical-align: middle; margin-right: 8px; } .PrintNow a { color: #000; } .LinkBasket { padding: 1px 0 3px 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basket.png) no-repeat !important; font-weight: bold; vertical-align:middle; } input.LinkBasket { cursor: pointer; border: 0; padding-left: 20px !important; color: black; font-size: 16px; line-height: 120%; min-height:16px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basket.png") no-repeat!important; } .ContentArea a:hover.LinkBasket, .ContentArea a.LinkBasket { font-weight: bold; } .LinkBasketNormal { padding: 1px 0 3px 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basket.png) no-repeat !important; margin-bottom: 6px; } .ContentArea a.LinkPrintView { padding: 1px 20px 3px 0px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_printer.png) no-repeat top right !important; } .ContentArea a.LinkDownload { padding: 1px 20px 3px 0px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_download.png) no-repeat top right !important; } .ContentArea a.LinkProductRecommendation { padding: 1px 0 3px 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productrecommendation.png) no-repeat !important; } .ContentArea a.LinkProductInquiry { padding: 1px 0 3px 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productinquiry.png) no-repeat !important; } html body .ContentArea input.LinkProductComparison { padding: 1px 0 0 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcomparison.png) no-repeat !important; } .ContentArea input.LinkCompareProduct, .ContentArea a.LinkCompareProduct { padding: 1px 0 0 20px !important; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_compareproduct.png) no-repeat !important; } .ContentArea a.LinkAddShoppingList, .ContentArea input.LinkAddShoppingList { padding: 1px 0 3px 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_shoppinglist.png) no-repeat !important; } html body .ContentArea .LinkAddShoppingList { padding: 1px 0 0 20px; } .LinkHotIcon, a.LinkSpecialPrices { display:inline-block; margin: 5px 0; padding: 1px 0 3px 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_specialprices.png) no-repeat !important; } .LinkHotIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_hot.png) no-repeat !important; } .SpanHotIcon { display: -moz-inline-box; display: inline-block; font-weight: bold !important; margin-bottom: 0px; margin-top: 6px; } input.Link { margin:0; } input.Link:hover { text-decoration: none; } .ContentArea a.LinkAppointment { margin-bottom: 6px; padding: 1px 0 3px 20px; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_appointment.png) no-repeat !important; line-height:200% !important; } html body .ContentArea .ContentAreaWrapper .ProductDetails.ImageLeft .LinkIcon, html body .ContentArea .ContentAreaWrapper .ProductDetails.ImageBroad .LinkIcon { padding-left: 0; padding-right: 20px; background-position: top right !important; } html body .ContentArea .ContentAreaWrapper .ImageRight a.LinkPrintView { padding-left: 20px; padding-right: 0px; background-position: top left !important; } .HelpIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/BO/icons/ico_s_bubblehelp.png) !important; cursor:help !important; } .HelpIcon { position: relative !important; } .BasketIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basket.png) !important; } .TrashIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_remove_item.png) !important; } .SearchIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_search.png) !important; } .ContactIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_contact.png) !important; } .VariationsIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_variations.png) !important; } .WarningIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_warning.png) !important; } .FirstPageIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_paging_first.png) !important; } .LastPageIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_paging_last.png) !important; } .HomeIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_home.png) !important; } .OrderViewedIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_orderstatus_viewed.png) !important; } .ChangeOrderIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_changeorder_unselected.png) !important; } .ChangeOrderDownIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_changeorder_down.png) !important; } .ChangeOrderUpIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_changeorder_up.png) !important; } .PrinterIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_printer.png) !important; } .CheckoutIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_checkout.png) !important; } .BasketFullIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basketfull.png) !important; } .BasketButtonIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basket.png) !important; } .ProductOnStockIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_product_onstock.png) !important; } .ProductWarnStockIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_product_warnstock.png) !important; } .ProductOutStockIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_product_outofstock.png) !important; } .ProductRatingEditIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating_edit.png) !important; } .ProductRatingEnabledIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating.png) !important; } .ProductRatingDisabledIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating_disabled.png) !important; } .ProductRatingSwitchContainer label, .ProductRatingSwitchContainer input[type=radio][name=Rating]:checked + label{ background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating.png); height: 16px; width: 16px; } .ProductRatingSwitchContainer input[type=radio]:checked ~ label{ background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating_disabled.png); } @media (hover: hover) { .ProductRatingSwitchContainer input.ProductRatingSwitch[type=radio][name=Rating]:hover + label { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating_edit.png); } } .ProductRatingSwitchContainer input[type=radio]{ display: none; } /* only for screenreaders visible */ .sr-only { position: absolute; width: 1px; height: 1px !important; padding: 0; margin: -1px; overflow: hidden !important; clip: rect(0, 0, 0, 0); border: 0; } .SubscribedIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_subscribed.png) !important; } .NotSubscribedIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_notsubscribed.png) !important; } .ShoppingListIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_shoppinglist.png) !important; } .SpecialPricesIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_specialprices.png) !important; } .ContinueIconTiny { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_continue.png) !important; } .BasketIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_basket.png) !important; } .RefreshIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_refresh.png) !important; } .CancelIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_cancel.png) !important; } .SaveIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_save.png) !important; } .DeleteIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_remove.png) !important; } .AddToListIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_listadd.png) !important; } .NewIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_new.png) !important; } .AssignIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_assign.png) !important; } .ProductRatingEnabledIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_productcompare_rating.png) !important; } .ProductRatingDisabledIconSmall { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_xs_productcompare_rating_disabled.png) !important; } .PrinterIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_printer.png) !important; } .PersonalDataIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_personaldata.png) !important; } .AccountAddressIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_accountaddress.png) !important; } .AccountPasswordIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_accountpasswd.png) !important; } .LogoutIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_logout.png) !important; } .OrderTrackingIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_ordertracking.png) !important; } .DownloadIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_download.png) !important; } .AppointmentIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_appointments.png) !important; } .NewsletterIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_newsletter.png) !important; } .ShoppingListIconMedium { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_shoppinglists.png) !important; } .PaymentIconLarge { background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_l_payment.png) !important; } .AddressIconLarge { background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_l_address.png) !important; } .BasketIconLarge { background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_l_basket.png) !important; } .ConfirmOrderIconLarge { background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_l_confirmorder.png) !important; } .HirePurchaseIconLarge { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_l_hirepurchase.png) !important; } .FaxIconLarge { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_l_fax.png) !important; } .ShippingOptionsIconVast { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_l_shippingoptions.png) !important; } .Icon, .CustomButton * .Icon { position:relative; display:-moz-inline-box; display:inline-block; height:16px; width:16px; font-size:0 !important; line-height:0 !important; border:none; background-color:transparent !important; background-repeat:no-repeat !important; vertical-align:middle !important; overflow:visible; } .SmallIcon { height:10px; width:10px; } .CustomButton * .Icon { margin-right:3px !important; } .ContinueIconTiny { height:8px !important; width:8px !important; } .BasketIconSmall, .RefreshIconSmall, .CancelIconSmall, .SaveIconSmall, .DeleteIconSmall, .AddToListIconSmall, .NewIconSmall, .AssignIconSmall, .ProductStarEnabledIconSmall, .ProductStarDisabledIconSmall { height:10px !important; width:10px !important; } .PrinterIconMedium, .PersonalDataIconMedium, .AccountAddressIconMedium, .AccountPasswordIconMedium, .LogoutIconMedium, .OrderTrackingIconMedium, .DownloadIconMedium, .AppointmentIconMedium, .NewsletterIconMedium, .ShoppingListIconMedium { height:24px !important; width:24px !important; } .PaymentIconLarge, .AddressIconLarge, .BasketIconLarge, .ConfirmOrderIconLarge, .HirePurchaseIconLarge, .FaxIconLarge { height:32px !important; width:32px !important; } .ShippingOptionsIconVast { height:32px !important; width:32px !important; } tr.SeparateRow td { border-top: 1px solid rgba(0,0,0,0.15); } tr.SeparateRow th { border-top: 1px solid #F4F4F4; } html .ContentArea table.Basket tr td.SeparateColumn, td.SeparateColumn { } html .ContentArea table.Basket tr th.SeparateColumn, th.SeparateColumn { } table.Basket tr.AlternateRow td, table.ContentTable tr.Alternate td, .Alternate td, .Alternate { background-color: #E4E4E4; } .AlternateRow td, .AlternateRow, div.AlternateRow, .Alternate div { } td.InputLabelling{ width: 120px; } .SearchMask td.InputField{ vertical-align: middle; } .SearchMask .ep-uiInput-wrapText { margin-bottom: -6px; } td.InputField { padding: 2px 6px 2px 6px; } .SearchMask td.InputField{ vertical-align: middle; } .SearchMask .ep-uiInput-wrapText { margin-bottom: -6px; } .TaxRate, .Percentage, .Quantity, .Money { white-space: nowrap; text-align:right; } td.Total { white-space: nowrap; text-align:right; font-weight:bold; } tr.Total td { font-weight:bold; } .GrandTotal { white-space: nowrap; font-weight:bold; } .NavBarBottom .CoinLabel, .Footer .CoinLabel, .NavBarRoof .CoinLabel, .Header .CoinLabel, .NavBarTop .CoinLabel { top: 6px; } .NavBarRight .CoinLabel, .NavBarLeft .CoinLabel { top: 5px; } input.Text { width: 106px; line-height: 120%; } input.Money { width: 106px; text-align: left !important; } input.MediumText { width: 170px; line-height: 120%; } select.Text { width: 110px; line-height: 120%; } textarea.LongText, input.LongText { width: 201px; line-height: 120%; } select.LongText { width: 205px; line-height: 120%; } .SelectVariation select.LongText { max-width: 205px; min-width: 150px; width: auto; } .variation-unavailable { color: #bbb; } textarea.VeryLongText, input.VeryLongText { width: 300px; line-height: 120%; } textarea.ExtremeLongText, input.ExtremeLongText { width: 350px; line-height: 120%; } input.Price { width: 67px; line-height: 120%; font-weight: normal; text-align: left; } input.Name { width: 67px; line-height: 120%; } input.City { width: 160px; line-height: 120%; } input.ZipCode { width: 51px; line-height: 120%; } input.Login { width:113px; line-height: 120%; } button.Search ins { margin-right:2px; } input.SearchIcon { cursor:pointer; } html .DialogError .InputLabelling div, html .DialogError .InputField div, .ContentArea tr.DialogError td, .DialogError, .DialogError .InputLabelling , .DialogError label { color: #E61818; font-weight: bold; } html input.DialogError, html select.DialogError, html textarea.DialogError, .DialogError input, .DialogError select, .DialogError textarea { border: 2px solid #E61818; background: #ffdddd; font-weight: normal; } html select.DialogError, .DialogError select { filter:progid:DXImageTransform.Microsoft.Glow(Color=red,Strength=3); zoom:1; } option.DialogError, .DialogError option{ background: #ffdddd; } .ErrorMessage { min-height: 24px; overflow: visible; padding: 0 0 0 32px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_warning.png") no-repeat !important; font-size: 16px; color: #000000; } .ErrorMessage h3, .ErrorMessage p, .ContentArea .DialogMessage h3{ font-size: 16px; color: #000000; font-family: Arial, Verdana, Helvetica; } .DialogMessage, .ErrorMessage { padding:10px; margin-bottom: 20px; } .ErrorMessage p, .DialogMessage p { margin: 0; padding:0; } html body .MessageError, html body .MessageWarning, html body .MessageWarningSmall, html body .MessagePositiveResult, html body .MessageInfo, html body .MessageConfirmAction { min-height: 30px; padding-left: 40px !important; background-color: #FFF8DD; background-repeat: no-repeat; background-position: 6px 6px; border: 1px solid #E9B600; color: #111; } html body .MessageError a, html body .MessageWarning a, html body .MessageWarningSmall a, html body .MessagePositiveResult a, html body .MessageInfo a, html body .MessageConfirmAction a, html body .DialogMessage a { color: #0569D5; } html body .MessageError { background-color: #FFDDDD; border-color: #E61818; background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_error.png) !important; } .MessageWarning { background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_warning.png) !important; } .MessagePositiveResult { background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_test_ok.png) !important; } html body .MessageInfo { background-color: #F0F7FF; border-color: #4989b9; background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_info.png) !important; } .MessageConfirmAction { background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_confirmaction.png) !important; } html body div.MessageWarningSmall { padding-left: 22px !important; min-height: 16px; background-image: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_warning.png) !important; } html body div.NoSymbol { padding-left: 3px !important; background-image:none !important; } .GeneralLayout { width: 920px; max-width:1380px; height: 100%; margin: 0px auto 0 auto; } table.Middle { max-width: 920px; } div.PropertyContainer table.CellLimiter { width:100%; border:0; border-collapse:collapse; background:none; padding:0; margin:0; table-layout:fixed; /* causes display problems in IE (table cell width) */ } div.PropertyContainer table.CellLimiter td.CellLimiterCell { padding:0; margin:0; } table tr td.ResetCell { width:auto !important; padding:0 !important; border:0 !important; } .ResetBox { border:0 !important; padding:0 !important; margin:0 !important; } .DummyContent { visibility:hidden; margin-right:-5px; } .Header { margin: 0px 0px 0px 0px; height: auto; /* overflow: hidden; */ border:0; background: no-repeat top right black; padding: 0; } .Header .PropertyContainer { padding: 24px 0px 18px 0px; height: 100px; border: 0; text-align: custom; color: white; font-size: 14px; /* overflow: hidden; */ } .Middle { /* general layout table */ max-width: 920px; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing:0; overflow:hidden; } .InnerArea { padding:0; margin: 0; border: 0; clear: both; vertical-align: top; height: 100%; } .InnerTop { width:100%; padding:0; } .InnerBottom { width:100%; } table.HorizontalDisplay{ border-collapse: collapse; border-spacing: 0; border-width: 0; } td.ContentCell, table.ContentCell { background: #FFFFFF; } .ContentArea { width:100%; padding-top: 48px; padding-right: 10px; padding-bottom: 64px; padding-left: 10px; margin: 0; border: 0; clear: both; vertical-align: top; width:9999px; background: #FFFFFF; } .ContentArea table{ border-style: solid; border:0; } td.ContentArea { width: 9999px; } .ContentAreaInner, .ContentAreaWrapper { clear:both; float:left; width:100%; min-width:100%; max-width:100%; overflow:hidden; } .ContentAreaWrapper { position:relative; overflow:auto; overflow-y:hidden; width:1px; } @media print { html .ContentAreaInner, html .ContentAreaWrapper { overflow:visible !important; float:none !important; height:auto !important; } } .MandatoryStar { position:absolute; width:0; height:0; font-family:"Lucida Grande",Tahoma,Arial,sans-serif !important; margin-left:3px; text-align:right; color:#df0000; } .Layout1 .ContentArea { background: #FFFFFF; } .Layout1 td.ContentArea, .Layout3 td.ContentCell { width: 920px; max-width: 920px; } .NavBarBottom { margin: 0px 0px 0px 0px; position:relative; height: auto; padding: 0; white-space: nowrap; text-align: right; vertical-align: top; overflow: hidden; font-size:1px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_floatin.png") no-repeat right top #f1f1f1; } .NavBarBottom .PropertyContainer { min-height: 40px; padding: 16px 10px 24px 10px; margin:0; text-align: center; color: black; font-size:1px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom.png") no-repeat left top; } .NavBarBottom .SizeContainer { min-height: 40px; } .Footer { margin: 0px 0px 0px 0px; height: auto; padding: 0; white-space: nowrap; text-align: right; vertical-align: top; overflow: hidden; font-size:1px; background: black; } .Footer .PropertyContainer { min-height: 200px; padding: 32px 0px 64px 0px; margin:0; text-align: center; color: white; font-size:1px; } img.BubbleHelp { padding: 0 0 3px 0; vertical-align: middle; } .Button { padding: 0 6px 0 6px; margin: 0; } .ContentArea input.Button { margin: -2px 0 0 0; } .RestrictedWidth{ /* button minimizer */ overflow: visible; } button.Button img { padding: 0 0 2px 0; margin: 0; vertical-align: middle; } button.Button ins { margin-right:2px; } button.Refresh { float: right; } /* - '--> Coins - */ .Coins a, .Coins a:hover { position: relative; color: #6E5C2F; white-space: nowrap; display: inline-block; } html .ContextBoxBody p { padding: 0px; } .Header table.SizeContainer{ float: left; border-collapse: collapse; border-width: 0; } .Header table.SizeContainer:last-child{ float: right; margin: 0 0 0 auto; text-align: right; display: block; } .Header table.SizeContainer tr td{ white-space: nowrap; vertical-align: middle; overflow: hidden; padding: 0; } .Header { color: white; } .Header div, .Header span, .Header table, .Header td, .Header p, .Header ul li, .Header ol li, .Header blockquote, .Header input, .Header button, .Header .ep-uiInput-button, .Header .search-button, .Header .ep-uiInput, .Header.de_epages-remotesearchUiSuggest-box li { font-family: Arial, Verdana, Helvetica; font-size: 14px; font-weight: normal; font-style: normal; line-height: 140%; } .Header input { line-height: normal !important; color: #000000; } .Header .ContextBoxHead span, .Header h1, .Header h2, .Header h3, .Header h4, .Header h5, .Header h6, .Header .ShopName a, .Header .ShopName a:hover { margin:0; font-family: Arial, Verdana, Helvetica; font-size: 90px; color: white; font-weight: normal; font-style: normal; text-decoration: none; } .Header .IntroText span { font-family: inherit; font-size: inherit; } .Header p, .Header td { margin:0; padding: 0 4px 0 4px; } html body .Header em, html body .Header em a, html body .Header em span { font-style: normal; } .Header .NavigationElement, .Header .NavigationElement.SSLSwitch input { height: 27px; padding: 0 0 0 10px; margin: 0; line-height: 27px; font-size: 14px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_button.png") no-repeat left top; } .Header .Active { display:block; width: auto; height: 27px; padding: 0 0 0 8px; margin: 0; float: left; font-size: 14px; line-height: 27px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_button_active.png") no-repeat left top; } .Header p.BasketLink, .Header .NavigationElement > a, .Header .NavigationElement > em > a, .Header .NavigationElement.SSLSwitch input { display: block; height: 27px; line-height: 27px; padding: 0 10px 0 0 ; vertical-align: middle; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_button_floatin.png") no-repeat right top; } .Header .Active > a, .Header .Active > em > a, .Header .Active input{ display: block; height: 27px; line-height: 27px; padding: 0 10px 0 2px; vertical-align: middle; color: white; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_button_floatin_active.png") no-repeat right top; } .Header .ShopNameSlogan { padding: 0 4px 0 4px; } .Header .NavigationText { float: left; font-size: 14px; color: white; padding: 0; margin: 0; display: block; vertical-align: middle; white-space:normal; } .Header .BasketLink { white-space:nowrap; } .Header a, .Header .NavigationElement.SSLSwitch input { font-size: 14px; color: white; font-weight: normal; font-style: normal; text-decoration: none; } .Header .ActiveNode, .Header a:hover, .Header .NavigationElement.SSLSwitch input:hover { color: white; text-decoration: underline; font-weight: normal; font-style: normal; text-decoration: underline; } .Header .Coins { display: inline; text-align:center; margin: 0 4px 0 4px; padding:0; height: 24px; } .Header .Coins a, .Header .Coins a:hover { margin: 0 2px 0 2px; } .Header .CoinLabel { position: absolute; left:0; margin-top:0; font-size: 9px; width: 24px; color: #AAA; } .Header .ContextBox { clear: both !important; padding: 0; margin: 10px 0 0 0; } .Header .ContextBoxHead { padding: 0 0 0 10px; margin: 0; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_boxhead.png") no-repeat left top transparent; } .Header .ContextBox .ContextBoxHead span, .Header .ContextBox .ContextBoxHead h1 /* selector deprecated */{ height: 20px; overflow:hidden; margin: 0; padding: 3px 0 1px 0; text-align: left; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_boxhead_floatin.png") no-repeat right top ; } .Header .ContextBoxBody { clear: both; padding: 2px 4px 2px 10px; border: 0; margin-bottom: 1px; text-align: left; } .Header .ContextBox { background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_boxbody_floatin.png") no-repeat right bottom; } .Header .ContextBox .BoxContainer { position: relative; /* IE BackgroundImage fix */ padding: 0 0 1px 0; /* IE BackgroundImage fix */ margin: 0px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_header_boxbody.png") no-repeat left bottom ; } .Header div.Entry { min-height: 24px; } .Header .LoginBox input.Action { width: auto; cursor: pointer; border: 0px; padding: 0 0 0 14px; text-align: left; color: white; font-size: 14px; line-height: 140%; background: transparent url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_actionlink.png") no-repeat 0px 2px; } .NavBarBottom table.SizeContainer{ margin: 0 auto 0 auto; border-collapse: collapse; border-width: 0; } .NavBarBottom table.SizeContainer:last-child{ float: right; margin: 0 0 0 auto; text-align: right; display: none; } .NavBarBottom table.SizeContainer tr td{ white-space: nowrap; vertical-align: middle; overflow: hidden; padding: 0; } .NavBarBottom { color: black; } .NavBarBottom div, .NavBarBottom span, .NavBarBottom table, .NavBarBottom td, .NavBarBottom p, .NavBarBottom ul li, .NavBarBottom ol li, .NavBarBottom blockquote, .NavBarBottom input, .NavBarBottom button, .NavBarBottom .ep-uiInput-button, .NavBarBottom .search-button, .NavBarBottom .ep-uiInput, .Bottom.de_epages-remotesearchUiSuggest-box li { font-family: Arial, Verdana, Helvetica; font-size: 14px; font-weight: normal; font-style: normal; line-height: 140%; } .NavBarBottom input { line-height: normal !important; color: #000000; } .NavBarBottom .ContextBoxHead span, .NavBarBottom h1, .NavBarBottom h2, .NavBarBottom h3, .NavBarBottom h4, .NavBarBottom h5, .NavBarBottom h6, .NavBarBottom .ShopName a, .NavBarBottom .ShopName a:hover { margin:0; font-family: Arial, Verdana, Helvetica; font-size: 14px; color: black; font-weight: normal; font-style: normal; text-decoration: none; } .NavBarBottom p, .NavBarBottom td { margin:0; padding: 0 4px 0 4px; } html body .NavBarBottom em, html body .NavBarBottom em a, html body .NavBarBottom em span { font-style: normal; } .NavBarBottom .NavigationElement { height: 27px; padding: 0 0 0 10px; margin: 0; line-height: 27px; font-size: 14px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_button.png") no-repeat left top; } .NavBarBottom .Active { width: auto; height: 27px; padding: 0 0 0 8px; margin: 0; float: left; font-size: 14px; line-height: 27px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_button_active.png") no-repeat left top; } .NavBarBottom p.BasketLink, .NavBarBottom .NavigationElement a { display: block; height: 27px; line-height: 27px; padding: 0 10px 0 0 ; vertical-align: middle; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_button_floatin.png") no-repeat right top; } .NavBarBottom .Active a, .NavBarBottom .Active input { display: block; height: 27px; line-height: 27px; padding: 0 10px 0 2px; vertical-align: middle; color: black; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_button_floatin_active.png") no-repeat right top; } .NavBarBottom .LocaleFlags { display: block; float:left; margin: 0 4px 0 4px; } .NavBarBottom .NavelementIcon i, .NavBarBottom .LocaleFlags img{ margin: 5px 2px 0 2px !important; } .NavBarBottom .CreditCards { display: block; float:left; margin: 0 4px 0 4px; } .NavBarBottom .CreditCards img{ margin: 5px 2px 0 2px !important; } .NavBarBottom .ShopNameSlogan { margin: 6px 0 0 0; padding: 0 4px 0 4px; } .NavBarBottom .ShopNameHead { float:left; } .NavBarBottom .ShopNameHead h1 { font-weight: normal !important; line-height: 140% !important; margin: 0 4px 0 0; } .NavBarBottom .ShopSlogan { float:left; font-size: 14px; color: black; line-height: 140% !important; } .NavBarBottom .NavigationText { float: left; font-size: 14px; color: black; padding: 0 5px 0 0; margin: 6px 0 0 0; display: block; vertical-align: middle; white-space:normal; } .NavBarBottom a { font-size: 14px; color: black; font-weight: normal; font-style: normal; text-decoration: none; } .NavBarBottom .ActiveNode, .NavBarBottom a:hover { color: black; font-weight: normal; font-style: normal; text-decoration: none; } .NavBarBottom .Coins { display: inline; text-align:center; margin: 0 4px 0 4px; padding:0; height: 24px; } .NavBarBottom .Coins a, .NavBarBottom .Coins a:hover { margin: 0 2px 0 2px; } .NavBarBottom .CoinLabel { position: absolute; left:0; margin-top:0; font-size: 9px; width: 24px; color: #AAA; } .NavBarBottom .ContextBox { clear: both !important; padding: 0; margin: 0; } .NavBarBottom .ContextBoxHead { padding: 0 0 0 10px; margin: 0; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_boxhead.png") no-repeat left top transparent; } .NavBarBottom .ContextBox .ContextBoxHead span, .NavBarBottom .ContextBox .ContextBoxHead h1 /* selector deprecated */{ height: 20px; overflow:hidden; margin: 0; padding: 3px 0 1px 0; text-align: left; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_boxhead_floatin.png") no-repeat right top ; } .NavBarBottom .ContextBoxBody { clear: both; padding: 2px 4px 2px 10px; border: 0; margin-bottom: 1px; text-align: left; } .NavBarBottom .ContextBox { background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_boxbody_floatin.png") no-repeat right bottom; } .NavBarBottom .ContextBox .BoxContainer { position: relative; /* IE BackgroundImage fix */ padding: 0 0 1px 0; /* IE BackgroundImage fix */ margin: 0px; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/ImageSet/VilkasNorth/bgr_bottom_boxbody.png") no-repeat left bottom ; } .NavBarBottom div.Entry { min-height: 24px; _height:24px; } .NavBarBottom .LoginBox input.Action { width: auto; cursor: pointer; border: 0px; padding: 0 0 0 14px; text-align: left; color: black; font-size: 14px; line-height: 140%; background: transparent url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_actionlink.png") no-repeat 0px 2px; } .Footer table.SizeContainer{ margin: 0 auto 0 auto; border-collapse: collapse; border-width: 0; } .Footer table.SizeContainer:last-child{ float: right; margin: 0 0 0 auto; text-align: right; display: none; } .Footer table.SizeContainer tr td{ white-space: nowrap; vertical-align: middle; overflow: hidden; padding: 0; } .Footer { color: white; } .Footer div, .Footer span, .Footer table, .Footer td, .Footer p, .Footer ul li, .Footer ol li, .Footer blockquote, .Footer input, .Footer button, .Footer .ep-uiInput-button, .Footer .search-button, .Footer .ep-uiInput, .Footer.de_epages-remotesearchUiSuggest-box li { font-family: Arial, Verdana, Helvetica; font-size: 16px; font-weight: normal; font-style: normal; line-height: 140%; } .Footer input { line-height: normal !important; color: #000000; } .Footer .ContextBoxHead span, .Footer h1, .Footer h2, .Footer h3, .Footer h4, .Footer h5, .Footer h6, .Footer .ShopName a, .Footer .ShopName a:hover { margin:0; font-family: Droid Serif, Trebuchet MS, Verdana, Arial, Helvetica; font-size: 20px; color: white; font-weight: normal; font-style: normal; text-decoration: none; } .Footer p, .Footer td { margin:0; padding: 0 4px 0 4px; } html body .Footer em, html body .Footer em a, html body .Footer em span { font-style: normal; } .Footer .NavigationElement { height: 27px; padding: 0 0 0 10px; margin: 0; line-height: 27px; font-size: 16px; } .Footer .Active { display:block; width: auto; height: 27px; padding: 0 0 0 8px; margin: 0; float: left; font-size: 16px; line-height: 27px; background: transparent; } .Footer p.BasketLink, .Footer .NavigationElement a { display: block; height: 27px; line-height: 27px; padding: 0 10px 0 0 ; vertical-align: middle; background: transparent; } .Footer .Active a, .Footer .Active input { display: block; height: 27px; line-height: 27px; padding: 0 10px 0 2px; vertical-align: middle; color: white; background: transparent; } .Footer .ShopNameSlogan { margin: 6px 0 0 0; padding: 0 4px 0 4px; } .Footer .ShopNameHead { float:left; } .Footer.ShopNameHead h1 { font-weight: normal !important; line-height: 140% !important; margin: 0 4px 0 0; } .Footer .ShopSlogan { float:left; font-size: 16px; color: white; line-height: 140% !important; } .Footer .NavigationText { float: left; font-size: 16px; color: white; padding: 0; margin: 6px 0 0 0; display: block; vertical-align: middle; white-space:normal; } .Footer a { font-size: 16px; color: white; font-weight: normal; font-style: normal; text-decoration: none; } .Footer .ActiveNode, .Footer a:hover { color: white; font-weight: normal; font-style: normal; text-decoration: underline; } .NavBarRoof .NavigationText span, .Header .NavigationText span, .NavBarTop .NavigationText span, .NavBarLeft .NavigationText span, .NavBarRight .NavigationText span, .NavBarBottom .NavigationText span, .Footer .NavigationText span { font-family: inherit; font-size: inherit; } .Footer a:hover .Text { text-decoration: underline; } .Footer .LocaleFlags { float:left; margin: 0 4px 0 4px; } .Footer .LocaleFlags img{ margin: 5px 2px 0 2px !important; } .Footer .CreditCards { float:left; margin: 0 4px 0 4px; } .Footer .CreditCards img{ margin: 5px 2px 0 2px !important; } .Footer .Coins { display: inline; text-align:center; margin: 0 4px 0 4px; padding:0; height: 24px; } .Footer .Coins a, .Footer .Coins a:hover { margin: 0 2px 0 2px; } .Footer .CoinLabel { position: absolute; left:0; margin-top:0; font-size: 9px; width: 24px; color: #AAA; } .Footer .ContextBox { clear: both !important; padding: 0; margin: 0; } .Footer .ContextBoxHead { padding: 0 0 0 10px; margin: 0; background: transparent; } .Footer .ContextBox .ContextBoxHead span, .Footer .ContextBox .ContextBoxHead h1 /* selector deprecated */ { height: 20px; overflow:hidden; margin: 0; padding: 3px 0 1px 0; text-align: left; } .Footer .ContextBoxBody { clear: both; padding: 2px 4px 2px 10px; border: 0; margin-bottom: 1px; text-align: left; background: transparent; } .Footer .ContextBox { background: ; } .Footer .ContextBox .BoxContainer { } .Footer div.Entry { min-height: 24px; } .Footer .LoginBox input.Action { width: auto; cursor: pointer; border: 0px; padding: 0 0 0 14px; text-align: left; color: white; font-size: 16px; line-height: 140%; background: transparent url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_actionlink.png") no-repeat 0px 2px; } .TrustedShopLogo { margin: 10px 0 0 0; } .ContextBoxHead span, .ContextBoxHead ins /* selector deprecated */ { vertical-align: top; } .LoginBox .Entry { margin-bottom: 3px; } .SearchElement { width: 100%; margin-top: 4px; } .HorizontalNavBar .SearchElement form { margin: 0 8px; } .SearchElementLayout { width: 100%; } .SearchElementLayoutIconCell { width: 20px; } .HorizontalNavBar .SearchElementLayout { width: 150px; } .jstree * { zoom:1; } .jstree-no-icons li, .jstree-no-icons ins { background:0; } .jstree li { margin-left:0; position:relative; padding-left: 13px ; white-space:normal; } .jstree li a { padding-left:0; height:auto; white-space:normal; display:inline; word-wrap:break-word; } .jstree ins { width: 10px ; height: 10px ; cursor:pointer; position:absolute; top: 4px ; padding: 1px ; left:0; } .GeneralLayout .jstree-open .jstree-open .jstree-icon, .GeneralLayout .jstree-closed .jstree-open .jstree-icon, .GeneralLayout .jstree-open .jstree-icon { background: url('/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_tree_minus.png') no-repeat 0 0 !important; } .GeneralLayout .jstree-open .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-icon { background: url('/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_tree_plus.png') no-repeat 0 0 !important; } .GeneralLayout .jstree-open .jstree-leaf .jstree-icon, .GeneralLayout .jstree-closed .jstree-leaf .jstree-icon, .GeneralLayout .jstree-leaf .jstree-icon { background: url('/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_tree_empty.png') no-repeat 0 0 !important; } .CategoryListWithImage { border-collapse: collapse; border-spacing: 0px; } .CategoryListWithImage td { vertical-align: top; } .Header .ImageArea, .NavBarTop .ImageArea, .NavBarLeft .ImageArea, .NavBarBottom .ImageArea, .Footer .ImageArea { width: 50px; padding-top: 3px; } .FoldingCategoryList .SubCategory { background: url('/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_subcategory.png') 0px 3px no-repeat !important; padding-left: 16px; } .NavelementIcon img{ margin: 5px 2px 0 2px !important; } .ContentArea, .ContentArea div, .ContentArea table, .ContentArea td, .ContentArea input, .ContentArea select, .ContentArea button, .ContentArea form, .ContentArea .ep-uiInput-button, .ContentArea .search-button, .ContentArea .ep-uiInput, .ExtractedContentAreaElement, .ContentArea .FacetName { font-family: Arial, Verdana, Helvetica; font-size: 16px; line-height:140%; } .ContentArea, .ContentArea div, .ContentArea table, .ContentArea td { color: #000000; } .ContentArea h1 { font-family: Droid Serif, Trebuchet MS, Verdana, Arial, Helvetica; font-size: 32px; color: #1d1d1d; font-weight: normal; } .ContentArea h2 { font-family: Droid Serif, Trebuchet MS, Verdana, Arial, Helvetica; font-size: 28px; color: #1d1d1d; font-weight: normal; } .ContentArea h3 { font-family: Droid Serif, Trebuchet MS, Verdana, Arial, Helvetica; font-size: 14px; color: #333333; font-weight: normal; line-height: normal !important; margin:0 0 .75em; padding:0; } .ContentArea h4, .ContentArea h5, .ContentArea h6 { font-family: Droid Serif, Trebuchet MS, Verdana, Arial, Helvetica; font-size: 14px; color: #333333; } .ContentArea a, .ContentArea .Link, .ExtractedContentAreaElement a, .ExtractedContentAreaElement .Link { font-size: 16px; color: black; text-decoration: none; line-height: normal !important; font-style: normal; font-weight: bold; cursor:pointer; } .ContentArea input.Link,.ContentArea button.Link { border:0; padding:0; overflow:visible; background:none; } .ContentArea a:hover, .ContentArea .Link:hover, .ExtractedContentAreaElement a:hover, .ExtractedContentAreaElement .Link { color: black; text-decoration: none; font-style: normal; font-weight: bold; } .ContentArea h1 a, .ContentArea h1 a:hover{ font-weight: normal; } .ContentArea h2 a, .ContentArea h2 a:hover{ font-weight: normal; } .ContentArea h3 a, .ContentArea h3 a:hover { font-weight: normal; } .ContentArea .BreadcrumbLastItem { font-size: 14px; color: #333333; font-weight: normal; } .ContentArea .BreadcrumbItem:hover, .ContentArea .BreadcrumbItem { font-size: 14px; color: black; font-weight: normal; padding: 0 12px 0 0; margin: 0 3px 0 0; background:url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_breadcrumb_arrow.png") no-repeat right 50% !important; } .ContentArea .ContextBoxHead, .TableHead { clear: both; width: auto; margin: 10px 0 0 0; padding: 0; line-height: 20px; /* overflow: hidden; */ } .ContentArea .ContextBoxHead h1, .TableHead div { line-height: 20px; padding: 0; margin: 0 0 0 15px; /* overflow: hidden; */ font-weight: bold; color: #000000; font-weight: normal; font-style: normal; } .ContentArea .ContextBoxBody, .Dialog { height: auto; overflow: visible; margin: 0 0 10px; padding: 3px 6px 6px 6px; border-top: 0px; } .DialogSnippet { padding: 3px 6px 6px 6px; background: #F4F4F4; border-top: 0px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 0px; } .ContentArea .ContextBoxBody { margin: 0px !important; } .ContentArea table.Dialog { width: 100%; padding: 0; margin: 0; } #MultiCheckout table.Dialog { background: #fff; } .Dialog div.LeftHalf, .Dialog td.LeftHalf { min-width: 49%; margin:0 !important; padding:0 !important; border:0 !important; float: left; } .Dialog div.RightHalf, .Dialog td.RightHalf { min-width: 49%; margin:0 !important; padding:0 !important; border:0 !important; float: left; } .Dialog div.InputBlock, .Dialog tr.InputBlock { clear: both; display:block; } .Dialog div.InputBlockSpacer { height:20px; clear:both; } .Dialog div.TextBlock{ clear: both; padding: 2px 6px 2px 6px; } .Dialog div.InputLabelling, .Dialog td.InputLabelling { padding: 2px 6px 2px 6px; width: 150px; vertical-align: top; } .Dialog div.InputLabelling { float: left; text-align: right; } .Dialog div.InputField { float: left; } .Dialog div.InputField, .Dialog td.InputField { padding: 2px 6px 2px 6px; vertical-align: top; } .Dialog td.InputLabelling { padding: 2px 6px 2px 14px; } .Dialog div.IllustratedLink { margin: 16px 0 16px 0; height:24px; } .Dialog div.IllustratedLink a i { float:left; margin-top:-5px; margin-right:3px; } .Dialog .PaddingContainer { padding: 0 10px; } .DialogButtonbar { clear: both; } .Mandatory{ padding: 6px; border: 1px solid #CCCCCC; } .MandatoryField .InputField { margin-bottom:1em; } html body table.SearchMaskSmall { margin-top:1px !important; border: 1px solid #CCCCCC !important; } table.InnerListTable { width: 100%; line-height: 145% !important; padding: 0; margin: 0; border-collapse: collapse; } table.InnerListTable td { height: auto !important; padding: 0; margin: 0; border: 0; line-height: 145% !important; vertical-align: top; } #BasketForm table.InnerListTable .InputLabellingWide { padding-right: 30px; } td.InputLabellingSlim { width: 100px; } .Dialog div.InputLabellingWide, .Dialog td.InputLabellingWide { padding:2px 6px; vertical-align:top; width:220px; } .Basket table.InnerListTable { width: inherit; } .AddressDialog { position: relative; margin: 0 0 10px 0; padding: 3px 12px 6px 12px; border-top: 0px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .AddressDialog .InputBlock { display:inline-block; } #BasketAddressSelectForm .AddressDialog .Address .InputBlock { display:block; padding-top:24px; } #BasketAddressFormContainer .Reset, .Reset { border:0; margin:0; padding:0; background:transparent; } .Dialog div.SizeContainer, .AddressDialog div.SizeContainer { position:relative; width:100%; background: transparent !important; } .BasketAddressSelect .Address, .BasketAddressForm .Address, .EditAddress .Address { min-height: 70px; overflow: visible; width: 100%; } .Addresses .Address { min-height: 70px; overflow: visible; width: 60%; border: 0; padding:0; margin: 0; white-space: nowrap; } .CustomerOrder .Address, .Offer .Address { width: 50%; float: left; border: 0; padding:0; margin: 0; } .Address ul{ border: 0; padding:0; margin: 0; } .Address ul li { list-style-type: none; padding: 0; margin:0; } .AddressOptions { position: absolute; top: 3px; left: 60%; width: 40%; margin: 0; padding:0; border: 0; } .AddressFields { /* for Address Input Fields which are side by side (like a table) */ clear: both; min-height: 35px; /* Mozilla Patch to define the height of an floated element */ background: #F4F4F4; } .AddressColumnLeft { float: left; margin: 0; padding:0; background: #F4F4F4; } .AddressColumnLeft input { margin: 0 4px 0 0; } .AddressColumnRight{ float: left; margin: 0; padding:0; background: #F4F4F4; } .AddressColumnRight input.Text { width: 105px; } .AddressDialog td.InputLabelling, .AddressDialog div.InputLabelling { padding-top: 5px; width: 135px; } .AddressDialog td.SelectLabelling, .AddressDialog div.SelectLabelling { padding-top: 8px; } .AddressDialog input.Text, .AddressDialog select.Text{ width: 201px; } .AddressDialog select.Text option { width: auto; } .BoxSmallPadding, .Box { margin: 0 0 10px 0 !important; padding: 3px 6px 6px 6px; border: 1px solid #CCCCCC; overflow:hidden; } .BoxSmallPadding.Alternate, .Box.Alternate { background: #E4E4E4 !important; } .BoxShippingOption { overflow:hidden; margin:0; padding:0; } .BoxShippingOption *:hover { #background-color:#F4F4F4 !important; } .ShippingOptionContainer { width:100%; height:100%; padding:10px 0 20px 0; } .HotDeal { width: 11em; margin: 0 1.5em 1em 0; padding: 0; float:left; line-height:100%; overflow: hidden; background: transparent !important; } .HotDealTop { margin-bottom: .5em; } .HotDeal .ImageArea { width: 152px; height: 152px; line-height: 152px; text-align: center; padding:0; margin-bottom:0; white-space: nowrap; overflow: hidden; } .ProductHotDealImage { max-width: 100%; height: auto; max-height: 100%; } .HotDealFoot { background: transparent !important; } .HotDealFoot .InfoArea { white-space: nowrap; overflow: hidden; text-align: left; } .HotDealFootFloatin .InfoArea, .SlimHotDealFootFloatin .InfoArea { background: transparent; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /*Fix for Productimages in the Big-Boxes-View, if there are no HotDealPictures */ .CategoryList .HotDealList .HotDeal .ImageArea .ImageMedium, .HotDeal .HotDealTop .ImageArea .ImageMedium { max-height:100%; max-width:100%; } .SlimHotDealFoot span.Price, .HotDealFoot span.Price { margin: 2px 2px 2px 2px; font-size: 16px; color: #1d1d1d; font-weight: bold; font-style: normal; } .SlimHotDealFoot span.Price { padding-top:4px; display:inline-block; } .SlimHotDealFoot .hotdeal-old-price, .HotDealFoot .hotdeal-old-price { font-size:13.6px; } .price-value { display: inline-block; white-space: nowrap; } .HotDealsEnd { clear: both; } .SlimHotDeal{ float: left; width: 8em; height: 13em; margin: 0 1em 1em 0; overflow: hidden; background: transparent !important; } .SlimHotDeal .AdditionalInfo, .SlimHotDeal .hotdeal-old-price { font-size: 80%; } .HotDeal .AdditionalInfo, .SlimHotDeal .AdditionalInfo { display: block; } .SlimHotDealFoot { overflow: hidden; background: transparent !important; } .SlimHotDealFootFloatin { margin: 0 !important; padding: 4px 4px 6px; overflow: hidden; line-height:1.7em; } .SlimHotDealFoot .InfoArea { width: 95px; white-space: nowrap; overflow: hidden; text-align: left; margin-bottom:-4px; } .SlimHotDeal .ImageArea { max-width: 100%; max-height: 100%; height: auto; text-align: center; padding:0px; margin: 0px !important; overflow: hidden; } .ProductsRight, .ProductsLeft { vertical-align: top; } .PagesRight { vertical-align: top; padding-left: 6px; } .PagesLeft { vertical-align: top; padding-right: 6px; } .ProductsRight .ProductList, .ProductsLeft .ProductList { width: 250px; } .ProductsRight .ListMaxWidth, .ProductsLeft .ListMaxWidth { display: block; width: 250px; height: 1px; line-height: 1px } .HotDealList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ProductsRight .HotDealList, .ProductsLeft .HotDealList { width: 164px; } .ProductsRight .SlimHotDealList, .ProductsLeft .SlimHotDealList { width: 120px; } .ProductsRight div.Separator, .ProductsLeft div.Separator { display: none; } .ProductListImageBox, .CrossellingCount, .BundledProductsTable{ width: 100%; clear: both; border-collapse: collapse; border-spacing: 0px; margin: 5px 0 0 0; } .ProductListImageBox { margin-top: 1px; } .ProductListImageBox tr td, .CrossellingCount tr td, .BundledProductsTable tr td { padding: 5px; padding-top: 10px; text-align: center; vertical-align: top; background: #F4F4F4 ; border: 1px solid #FFFFFF ; } .ProductListImageBox tr td { text-align: left !important; } .ProductListImageBox tr td img, .CrossellingCount tr td img, .BundledProductsTable tr td img { margin: auto; } .CrossellingCount .CrossellingInfoArea, .BundledProductsTable BundledProductsInfoArea { background: #F4F4F4 ; text-align: left; padding: 4px 0 4px 0; } .CrossellingCount .Price, .CrossellingCount .FloatRight, .BundledProductsTable .Price, .BundledProductsTable .FloatRight{ background: #F4F4F4 ; } .CrossellingCount .Price, .BundledProductsTable .Price { font-size: 16px; color: #DA381F; font-weight: bold; font-style: normal; } .ProductListImageBox div.ImageArea, div.CrossellingImageArea, div.BundledProductsImageArea { padding: 0; } .ProductListImageBox div.InfoArea { position:relative; height: 100%; padding:0 5px 20px; overflow: hidden; } .Pager { margin: 0; padding: 4px 0 4px 0; vertical-align:middle; background: transparent !important; position: relative; *position:inherit; } .PagerSizeContainer { text-align:center; background:transparent; list-style-type:none; margin:0 -4px; padding:0; line-height:2.5; font-family:Arial, Tahoma, MS Trebuchet, sans-serif; } .PagerSizeContainer li { display:inline-block; text-align:center; cursor:pointer; zoom:1; float:left; margin:0 2px; padding: 1px 0; } .PagerSizeContainer .Current, .PagerSizeContainer li:hover { background-color: black; color: #FFFFFF ; height: 20px; } .Pager .PagerInfo, .Pager .PagerInfoLeft { background: transparent !important; color: #000000; font-weight: normal; font-style: normal; float:right; } .Pager .PagerInfoLeft { float:left; } .InnerFoot .Pager .PagerInfoLeft, .InnerHead .Pager .PagerInfoLeft { margin: 0 0 0 -24px; } .PagerSizeContainer a { text-decoration:none; padding:6px; font-weight: bold; } .PagerSizeContainer a:hover { color: #FFFFFF ; font-weight:bold; text-decoration:none; } .PagerSizeContainer .Disabled, .PagerSizeContainer .Disabled:hover { background-color:#eaeaea; border-color:#ccc; color:#555; cursor:default; } .PagerSizeContainer .Disabled span { opacity:.7; } .PagerSizeContainer .Current { padding:1px 6px; } .PagerInfoLeft, .PagerInfo, .PagerSizeContainer .Current { font-weight:bold; } .PagerInfoLeft { float:left; } .PagerInfo { float:right; } .PagerSizeContainer span { margin-bottom:-5px; } .PagerSizeContainer .Disabled, .PagerSizeContainer .Disabled:hover { background:none; border:0; display:none; } .PagerTable { width:100%; overflow:hidden; } .PagerTable div { text-align: center; margin:0 auto 0 auto; } .PagerTable table { margin:0 0 0 auto; } .PagerSizeContainer li:first-child a span, .PagerSizeContainer li:last-child a span { background-position:0 -1px !important; } .ContentArea .Separator { display: block; clear: both; width: auto; height: 6px; margin: 5px 0 5px 0; padding: 0px; font-size: 0px; line-height: 0px; background-position: middle; border:0; background: ; } .MozSpacer { display: block; clear: both; width: auto; min-height: 5px; } .Links { text-align: right; } .Links.AlignLeft { float:left; } .RSSFeed { width:100%; } .BasketDetails { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top; width:100%; } .BasketDetails td { vertical-align:top; } .AcceptTAC * { display:inline; } ul.OrderProcess { list-style-type: none; margin: 0; padding: 0; border: 0; overflow: hidden; } ul.OrderProcess li { font-size: 11px; line-height: 113%; float:left; width: 100px; height: 95px; margin: 0; padding: 5px 0px 0px 0px; border: 0; text-align: center; background: transparent; } body[lang=ca] ul.OrderProcess li span.ExplainItem, body[lang=it] ul.OrderProcess li span.ExplainItem, body[lang=ru] ul.OrderProcess li span.ExplainItem { font-size: 10px !important; padding: 1px; } ul.OrderProcess li * { font-size: 11px !important; font-family: Arial,Verdana,Helvetica, sans-serif !important; } ul.OrderProcess li .ItemImage { width: 32px; height: 32px; margin: 0 auto 0 auto; } ul.OrderProcess li.ActiveItem { color: #000000; background: transparent; } ul.OrderProcess li a.ItemLink, ul.OrderProcess li a.ItemLink:hover { font-weight: bold; line-height: 113%; } ul.OrderProcess li .ItemLabel { font-weight: bold; line-height: 113%; font-size: 11px !important; } ul.OrderProcess li span.ExplainItem { line-height: 113%; font-size: 11px !important; padding:4px; } html body .ActiveItem a:active, html body .PassedItem a:active, html body .ActiveItem a:hover, html body .PassedItem a:hover, html body .ActiveItem a, html body .PassedItem a { display:block; height:100px; width:100px; text-decoration: none; } .ActiveItem a:hover .ItemLabel, .PassedItem a:hover .ItemLabel{ text-decoration: underline; } html body span.ExplainItem { color: #000000; } .PayPalXOr { float:left; margin-top:6px; } .OrderProcessNavigation { min-height: 20px; } button.DoOrder, .CustomButton.DoOrder { font-weight:bold !important; } table.BlankTable, table.BlankTable td, table.BlankTable tr { border:0; margin:0; padding:0; background:none; } table.MiniBasket, table.MiniStatusBasket { width: 100%; border-spacing: 1px; border-collapse: collapse; border: 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 0; margin: 0; background: #F4F4F4; text-align: left; } table.Basket { width: 100%; border-spacing: 1px; border-collapse: collapse; padding: 0; margin: 0; background: #F4F4F4; border-width:1px; } table.Basket th { padding: 2px 4px 2px 4px; background: #CCCCCC; color:#000000; font-weight: normal; font-style: normal; } table.Basket td, table.MiniBasket td, table.MiniStatusBasket td { vertical-align: top; padding: 1px 4px 2px 4px; background: #F4F4F4; } table.Basket, table.MiniBasket, table.MiniStatusBasket { color: #000000; } table.Basket p { background: transparent; } table.Basket a, table.MiniBasket a, .CheckoutButtonsDiv a { color:black; } table.Basket a:hover, table.MiniBasket a:hover, .CheckoutButtonsDiv a:hover { color: black; } table.MiniStatusBasket, table.MiniStatusBasket td { background: none; } .NavBarRight table.Basket a, .NavBarRight table.MiniBasket a, .NavBarRight .CheckoutButtonsDiv a { color:#000000 ; } .NavBarRight table.Basket a:hover, .NavBarRight table.MiniBasket a:hover, .NavBarRight .CheckoutButtonsDiv a:hover { color: #000000; } .NavBarLeft table.Basket a, .NavBarLeft table.MiniBasket a, .NavBarLeft .CheckoutButtonsDiv a { color:#000000 ; } .NavBarLeft table.Basket a:hover, .NavBarLeft table.MiniBasket a:hover, .NavBarLeft .CheckoutButtonsDiv a:hover { color: black; } .Header table.Basket a, .Header table.MiniBasket a, .Header .CheckoutButtonsDiv a { color:white ; } .Header table.Basket a:hover, .Header table.MiniBasket a:hover, .Header .CheckoutButtonsDiv a:hover { color: white; } .Footer table.Basket a, .Footer table.MiniBasket a, .Footer .CheckoutButtonsDiv a { color:white ; } .Footer table.Basket a:hover, .Footer table.MiniBasket a:hover, .Footer .CheckoutButtonsDiv a:hover { color: white; } .NavBarBottom table.Basket a, .NavBarBottom table.MiniBasket a, .NavBarBottom .CheckoutButtonsDiv a { color:black ; } .NavBarBottom table.Basket a:hover, .NavBarBottom table.MiniBasket a:hover, .NavBarBottom .CheckoutButtonsDiv a:hover { color: black; } .NavBarTop table.Basket a, .NavBarTop table.MiniBasket a, .NavBarTop .CheckoutButtonsDiv a { color:#1d1d1d ; } .NavBarTop table.Basket a:hover, .NavBarTop table.MiniBasket a:hover, .NavBarTop .CheckoutButtonsDiv a:hover { color: #08536d; } .NavBarLeft table.Basket a, .NavBarLeft table.MiniBasket a, .NavBarLeft .CheckoutButtonsDiv a { color:black ; } .NavBarLeft table.Basket a:hover, .NavBarLeft table.MiniBasket a:hover, .NavBarLeft .CheckoutButtonsDiv a:hover { color: black; } .Header table.Basket a, .Header table.MiniBasket a, .Header .CheckoutButtonsDiv a { color:black ; } .Header table.Basket a:hover, .Header table.MiniBasket a:hover, .Header .CheckoutButtonsDiv a:hover { color: white; } .Footer table.Basket a, .Footer table.MiniBasket a, .Footer .CheckoutButtonsDiv a { color:black ; } .Footer table.Basket a:hover, .Footer table.MiniBasket a:hover, .Footer .CheckoutButtonsDiv a:hover { color: white; } .NavBarBottom table.Basket a, .NavBarBottom table.MiniBasket a, .NavBarBottom .CheckoutButtonsDiv a { color:black ; } .NavBarBottom table.Basket a:hover, .NavBarBottom table.MiniBasket a:hover, .NavBarBottom .CheckoutButtonsDiv a:hover { color: black; } .NavBarTop table.Basket a, .NavBarTop table.MiniBasket a, .NavBarTop .CheckoutButtonsDiv a { color:black ; } .NavBarTop table.Basket a:hover, .NavBarTop table.MiniBasket a:hover, .NavBarTop .CheckoutButtonsDiv a:hover { color: #08536d; } .CheckoutButtonsDiv { background: #E4E4E4; padding: 2px 2px 0px 6px; margin: 2px 0px 4px -6px; } div.BasketComment { padding: 6px 5px 5px 0; background: transparent; } textarea.BasketComment { padding:0; margin:0; width: 99%; height: 100%; height:31px; } .PreLineBasketComment { padding: 4px; } .BasketInfo { font-weight: bold; border: 1px solid #000000; background: #FFFFE1; padding: 6px; margin-top: 6px; margin-bottom: 6px; } .BasketBox .FontSmaller { font-size: smaller; } .PayPalXCheckOut { margin-top: 2px; } .PayPalXCheckOut span { font-weight: bold !important; } .PayPalExpressButton { margin-top: 5px; } .MiniPayPalExpressButton { margin-left: -7px; } .PayPalExpressContainer { margin: 0 0 0 -6px; } .MiniPayPalExpressImage { display: none; margin: 0 0 0 -6px; } .eKomiRatingContainer, .eKomiRatingContainer:hover { display:block; position:relative; cursor:pointer; text-decoration:none !important; } .eKomiRatingMessage { position:absolute; overflow:hidden; } .eKomiRatingMessage span { font-family:Verdana !important; font-size:10px; line-height:1.4em; color:#000 !important; padding:0; width:100%; height:100%; display:block; background:#fff; margin:0 0 6px; } .CategoryBaseTable { width: 100%; border-collapse:collapse; overflow:hidden; } .CategoryBaseTable .TextComplete { padding: 0px 0px 5px 0px; clear:both; } .CategoryBaseTable .TextRight, .CategoryBaseTable .TextLeft, .CategoryBaseTable .ImgLeft, .CategoryBaseTable .ImgRight { vertical-align: top; display:inline; float:left; clear:none; width:49%; overflow:hidden; zoom:1; } .CategoryBaseTable .TextLeft { padding: 0px 5px 5px 0px; } .CategoryBaseTable .TextRight { padding: 0px 0px 5px 5px; float:right; } .CategoryBaseTable .ImgComplete { padding: 0px 0px 5px 0px; text-align: center; vertical-align: middle; clear:both; } .CategoryBaseTable .ImgLeft { padding: 0px 5px 5px 0px; text-align: center; vertical-align: middle; } .CategoryBaseTable .ImgRight { padding: 0px 0px 5px 5px; text-align: center; vertical-align: middle; float:right; } div.CategoryImage { float: left; vertical-align: top; padding: 6px 6px 6px 0; } .CategoryText { vertical-align: top; padding: 4px; } .ListItemCategoryTable{ width: 100%; border-spacing: 1px; border-collapse: separate; } .ListItemCategoryTable tr td { background: #F4F4F4; } .ListItemCategory { min-height: 50px; margin: 6px 0 0 0; padding: 6px; background: #F4F4F4; } .Half { float: left; margin: 3px; width: 47%; } .ListItemCategory .InfoArea, .ListItemCategory .InfoArea h3, .ListItemCategory .InfoArea p, .ListItemCategory .Links, .ListItemCategory .Links h3 { background: transparent !important; } .ListItemCategory .InfoArea h3 { min-width:120px; } .ListItemCategory .ImageArea { float: left; min-width: 50px; min-height: 50px; text-align: center; margin: 0 6px 0 0; padding: 0; } .ListItemCategory .ImageArea img { margin-bottom: 0; } .ListItemCategory .Links { text-align: right; white-space:nowrap; clear: both; } .CategoryList .CategoryText { padding: 0 4px 0 4px; margin:0; } .start-page .CategoryList .CategoryText { padding: 4px; } .CategoryList div.CategoryImage { padding: 0 6px 0 0; margin:0; } .CategoryList .SearchString { width: 200px; line-height: 130% !important; height: 16px; } .ListItemFreeContent, .ListItemImprint, .ListItemTermsAndConditions, .ListItemLink, .ListItemArticle { margin: 6px 0 0 0; padding: 6px; clear: both; } .ListItemFreeContent h3, .ListItemImprint h3, .ListItemTermsAndConditions h3, .ListItemCategory h3, .ListItemArticle h3, .ListItemArticle p { margin: 0; padding: 0; } div.ProductListHead { } div.ProductListHead div.InnerHead { } div.ProductListFoot { background: #CCCCCC; } #ContentPreviewContent-ListsTablesDialog .ProductListFoot { border-top: 1px solid rgba(0,0,0,0.15); margin-top: 30px; } div.TaxAndShippingInfo.TopTinyMargin { border-top: 1px solid rgba(0,0,0,0.15); } div.ProductListFoot div.InnerFoot { margin-left:24px; padding: 0 6px 0 6px; background: #CCCCCC; } div.ProductListHead div.InnerHead .InfoLeft, div.ProductListFoot div.InnerFoot .InfoLeft { position: relative; margin: 4px 0 0 0; left: -24px; background: transparent !important; } div.ProductListHead a, div.ProductListHead a:active, div.ProductListHead a:visited, div.ProductListHead a:hover, div.ProductListFoot a, div.ProductListFoot a:active, div.ProductListFoot a:visited, div.ProductListFoot a:hover { color: rgba(0,0,0,0.05); font-weight: normal; font-style: normal; } div.ProductListFoot .RealLink { color: black !important; } div.ProductListFoot .RealLink:hover { color: black !important; } .OrderSelector { margin: 4px 0 0 0; font-weight: bold; } .OrderSelector a, .OrderSelector a:hover{ color: #000000; } .OrderSelector .OrderByName{ color: #000000; } .OrderSelector img { margin: 0 0 0 6px; vertical-align: middle; } .OrderByName { position: relative; left: 88px; top: 4px; } .OrderByListPrice { position: absolute; right: 6px; } .ListItemProductContainer { width: 100%; border-collapse: collapse; border-spacing: 0px; } .ListItemProduct { height: auto; clear: both; } .AlternateRow .ListItemProduct { } .ListItemProduct .ImageArea { min-width:100px; min-height: 100px; vertical-align:top; text-align: center; padding: 0 6px 6px 0; } .AlternateRow .ListItemProduct .ImageArea { } .WithEmbeddedStorefront .ListItemProduct .InfoArea { margin-bottom: 20px; padding: 18px 0 0; } .ListItemProduct .InfoArea { border-top: 1px solid rgba(0,0,0,0.15); margin-bottom: 20px; padding: 18px 0 0; } .ListItemProduct .InfoArea.ProductDetail { background-color: #F4F4F4; } #ProductRatingForm .ListItemProduct .InfoArea { background-color: #F4F4F4 !important; } .AlternateRow .ListItemProduct .InfoArea{ border-top: 1px solid rgba(0,0,0,0.15); padding-top: 15px; } .ListItemProduct .InfoArea .FloatMinimizer { width:18em; position:relative; } .ListItemProduct .ListItemProductInfoContainer { overflow:hidden; } .ListItemProduct .PriceArea { text-align: right; } .AlternateRow .ListItemProduct .PriceArea { } .InfoArea .Price { text-align: right; font-weight: bold; background: transparent !important; font-size: 16px; color: #DA381F; font-weight: bold; font-style: normal; } .FontSmaller a.FontSmaller { font-size: inherit; } .ListItemProduct .DailyPrice, .ListItemProduct .ReferencePrice { text-align: right; font-weight: normal; white-space: nowrap; background: transparent !important; } .ListItemProduct .Description { background: transparent !important; padding-top: 5px } .ListItemProduct .Links { text-align: right; white-space:nowrap; background: transparent !important; } .ListItemProduct h3 { background: transparent !important; } .ListItemProduct h3.Headline { width:auto; font-weight: bold; padding-bottom: 5px; } .ProductListImageBox div.ImageArea, .two-colums-product-list .ImageArea img, .three-colums-product-list .ImageArea img, .four-colums-product-list .ImageArea img { text-align: center; } .ProductListImageBox.two-colums-product-list div.ImageArea { line-height: 427px; } .two-colums-product-list .ImageArea img { max-height: 427px; max-width: 427px; } .ProductListImageBox.three-colums-product-list div.ImageArea { line-height: 276px; } .three-colums-product-list .ImageArea img { max-height: 276px; max-width: 276px; } .ProductListImageBox.four-colums-product-list div.ImageArea { line-height: 200px; } .four-colums-product-list .ImageArea img { max-height: 200px; max-width: 200px; } /* RemoteSearchResults for styles without left or right navbar */ .show-facets .two-colums-product-list img.ProductSmallImage { max-height: 337px; max-width: 337px; } .show-facets .ProductListImageBox.two-colums-product-list div.ImageArea { line-height: 337px; } .show-facets .three-colums-product-list img.ProductSmallImage { max-height: 216px; max-width: 216px; } .show-facets .ProductListImageBox.three-colums-product-list div.ImageArea { line-height: 216px; } .show-facets .four-colums-product-list img.ProductSmallImage { max-height: 155px; max-width: 155px; } .show-facets .ProductListImageBox.four-colums-product-list div.ImageArea { line-height: 155px; } .two-colums-product-list td { width: 50%; } .three-colums-product-list td { width: 33.3%; } .four-colums-product-list td { width: 25%; } .four-colums-product-list .epWidth75.epWidth-4 { width: 25px; } .ProductListImageBox .NewProduct, .ListItemProduct .NewProduct, .SlimHotDealTop .NewProduct, .HotDealTopFloatin .NewProduct { font-size: 11px; position: static; float:left; min-width: 28px; width: auto; min-height: 28px; height: auto; vertical-align:middle; line-height:26px !important; margin: 0 4px 0 0; color: #1d1d1d; font-weight:bold; text-align: center; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_newproduct.png") center top no-repeat; } .SlimHotDeal .SlimHotDealTop, .HotDeal .HotDealTop .HotDealTopFloatin { position:relative; } .SlimHotDealTop .NewProduct, .HotDealTopFloatin .NewProduct { position:absolute; top:5px; left:5px; } .ListItemProduct li, .ListItemProduct ol, .ListItemProduct ul, .ListItemProduct div, .ListItemProduct p { background: transparent; } .StockLevel { vertical-align:middle; } .ListItemProductTopFloatArea { display:table; } .ListItemProductTopFloatArea h3.Headline { display:table-cell; width:100%; vertical-align:top; } .ArticleImage { display: inline; float: left; padding: 6px 12px 6px 0; } div.ArticleImage img { margin: 0 12px 0 0; } .ArticleAttachment { clear: both; text-align: right; overflow:hidden; } .TableLayoutRow { display: table-row; width: 100%; margin: 0; padding: 0; } .ImageAreaPropertyContainer a { position:relative; z-index:1; } div.ImageLeft .ImageContainer{ display:table-cell; vertical-align: top; } .ImageLeft .ImageArea { width: 200px; min-width: 200px; min-height: 200px; text-align: center; background: #CCCCCC; padding: 3px 2px 3px 2px; margin: 0 12px 0 0; overflow: visible; } .ImageLeft .InfoArea { width: 100% !important; } .ImageBroad div.ImageArea { width: 100%; margin: 0; padding: 3px 0 3px 0; background: #CCCCCC; overflow: visible; vertical-align:top; } .ImageBroad div.ImageArea div.ImageAreaPropertyContainer { vertical-align:top; text-align: center; margin: 0 2px 0 2px; } .ImageBroad div.ImageArea div.ImageAreaPropertyContainer div { width: 100%; margin: 0; overflow: hidden; } .ImageBroad div.ImageArea #PreviewArea { width: 100%; text-align:left; } .ImageRight .ImageContainer{ float: right; vertical-align: top; width: 212px; } .ImageRight .ImageArea { min-width: 200px; min-height: 200px; text-align: center; background: #CCCCCC; padding: 3px 2px 3px 2px; margin: 0 0 0 8px; overflow: visible; } .ProductDetails, .ProductDetails td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top; } .ProductDetails table tr.TableLayoutRow > td:first-child { min-width:200px; } .ProductDetails { width:100%; } .ProductDetails .ImageArea .Action, .ProductDetails .ImageArea a.Action:visited, .ProductDetails .ImageArea a.Action:active, .ProductDetails .ImageArea a.Action:hover { color: #333333; } .ProductDetails .Price { font-size: 22px; color: #DA381F; font-weight: bold; font-style: normal; clear:both; } .Price { text-align: right; font-weight: bold; } .HotPrice { color: #1d1d1d !important; } .ReferencePrice { text-align: right; font-weight: normal; white-space: nowrap; } .ProductDetails .DailyPrice { text-align: right; font-weight: normal; white-space: nowrap; } html .ContentArea td .AdditionalInfo, .AdditionalInfo, .ProductNo { opacity:0.68; filter:alpha(opacity=68); font-size: smaller; clear: left; } table.SelectVariation tr { height: 30px; } table.SelectVariation select.LongText { margin-top: 5px; } table.SelectVariation, table.ContentTable, table.SpecialPricesTable, table.VariationsTable { width: 100%; margin: 6px 0 0 0; border-spacing: 1px; border-collapse: collapse; display:table; border-width: 0 1px 1px 1px; } table.SelectVariation { border-spacing:0; border-collapse:separate; } table.SelectVariation tbody, table.ContentTable tbody, table.SpecialPricesTable tbody, table.VariationsTable tbody { width:100%; } table.ContentTable tr th, table.SpecialPricesTable tr th, table.VariationsTable tr th { padding: 2px 4px 2px 4px; background: #CCCCCC; color: #000000; font-weight: normal; font-style: normal; text-align: left; font-weight: bold; } table.SelectVariation tr th, table.SelectVariation tr td, table.ContentTable tr td, table.SpecialPricesTable tr td, table.VariationsTable tr td { border-right:0; border-bottom:0; background: #F4F4F4; border-top: 1px solid rgba(0,0,0,0.15); padding: 10px 3px; } html[class*="WebKit"] table.SelectVariation tr th, html[class*="WebKit"] table.SelectVariation tr td, html[class*="WebKit"] table.ContentTable tr td, html[class*="WebKit"] table.SpecialPricesTable tr td, html[class*="WebKit"] table.VariationsTable tr td { border-left:0; } table.VariationsTable td div.Wrapper { padding: 2px 4px 2px 4px; } table.VariationsTable td.SelectedItem { background:#FFFFFF; } table.VariationsTable tr th h3, table.VariationsTable tr th div { color: #000000; font-weight: normal; font-style: normal; } .ImageBroad table.SelectVariation th { font-weight: normal; } .ImageBroad table.SelectVariation { width: 300px; margin-left:auto; } .VariationsTable input.Action{ width: auto; cursor: pointer; border: 0px; padding: 0 0 0 14px; text-align: left; color: #000000; font-size: 11px; line-height: 140%; background: transparent url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_actionlink.png") no-repeat 0px 2px; } .ProductDetails .NewProduct { font-size: 11px; position: static; float:left; min-width: 28px; width: auto; min-height: 26px; height: auto; padding: 5px 0 0 0; margin: 0 4px 0 0; color: #1d1d1d; font-weight:bold; text-align: center; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_newproduct.png") center top no-repeat; } div.ComparisonTableContainer { overflow:hidden; overflow-x:auto; width:100%; position:relative; } table.ComparisonTable { max-width: 100%; text-align: center; border-collapse:collapse; overflow: auto; } table.ComparisonTable tbody { display:table; width:100%; height:100%; } table.ComparisonTable tr td { width:200px; } table.ComparisonTable tr td, table.ComparisonTable tr th { background: #F4F4F4; padding: 2px 4px; } .ComparisonTable .NewProduct{ font-size: 11px; position: absolute; left:10px; top:-5px; float:left; min-width: 28px; width: auto; min-height: 28px; height: auto; padding: 5px 0 0 0; margin: 0 4px 0 0; color: #1d1d1d; font-weight:bold; text-align: center; background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/img_newproduct.png") center top no-repeat; } table.OrderStatus, table.UserAttributes { width: 100%; margin: 6px 0 0 0; border-spacing: 1px; border-collapse: collapse; overflow:auto; } table.OrderStatus { width: 50%; } table.OrderStatus tr td , table.UserAttributes tr td { text-align: left; } table.OrderStatus tr td , table.UserAttributes tr td { border: 1px solid #CCCCCC; padding: 2px 4px 2px 4px; background: #FFFFFF; vertical-align: top; } td.AttributeLabel { width: 30%; } td.AttributeLabel.VerticalAlignMiddle{ vertical-align: middle !important; } table.Imprint { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; clear: both; } table.Imprint td{ padding: 2px 6px 2px 0; vertical-align: top; } table.Imprint td.Label{ font-weight: bold; } .ShopClosed { margin: 100px auto 0 auto; padding: 10px; background: #e0e0e0; color: #000000; font-size: 12px; line-height: 140%; font-family: Arial, Verdana, Helvetica; text-align: center; } .ShopClosed h1, h2, h3, h4 ,h5, h6 { font-size: 14px; margin:0; padding: 0; color: #000000; } .ShopClosed img { max-width: 100%; height: auto; } table.OrderList, table.ShoppingList, table.CustomerList { width: 100%; border-spacing: 1px; border-collapse: collapse; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 0; margin: 0; background: #F4F4F4; } table.OrderList th, table.ShoppingList th, table.CustomerList th { border-bottom: 1px solid #F4F4F4; padding: 2px 4px 2px 4px; background: #CCCCCC; color: #000000; font-weight: normal; font-style: normal; } table.OrderList td, table.ShoppingList td, table.CustomerList td { vertical-align: top; padding: 1px 4px 2px 4px; background: #F4F4F4; } table.OrderList p, table.ShoppingList p, table.CustomerList p { background: transparent; } .ShoppingList select { width: 100%; } table.ShoppingList th { color: #000000; font-weight: normal; font-style: normal; } .SLToBasket { width: auto; cursor: pointer; border: 0px; padding: 0 0 0 20px !important; text-align: left; color: black; font-size: 16px; text-decoration: none; font-style: normal; font-weight: bold; line-height: 140%; background: transparent url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basket.png") no-repeat 0px 2px; } .ShippingOptionCount{ width: 100%; clear: both; border-collapse: collapse; margin-top: 5px; } .ShippingOptionCount tr td{ padding: 5px; padding-top: 10px; text-align: center; vertical-align: top; background: #F4F4F4; border-right: 5px solid #FFFFFF; width: 33%; } .ShippingOption .ImageArea{ height: 105px; vertical-align: middle; text-align: center; padding-top: 5px; margin: 0 0 5px 0; } .ShippingOptionCount tr td img{ margin: auto; } .ShippingOptionCount .InfoArea { text-align: left; padding: 4px 0 4px 0; background: #F4F4F4; } .ShippingOptionsPriceArea{ float: right; padding-left: 10px; font-weight: bold; } .NoShippingOption{ padding: 5px; } div.ShippingComment { padding: 6px 5px 0 0; background: transparent; } textarea.ShippingComment { padding:0; margin:0; width: 397px; } input.CouponCode { width: 210px; line-height: 120%; } .CheckoutButtons .IEButtonFix { padding: 0px; } .TestShopAlert{ text-align:center; vertical-align:bottom; position:absolute; z-index:99; font-weight:bold; color: #f00; padding: 5px; background: #FFFFFF; opacity:0.6; filter:alpha(opacity=60); font-family: Arial, Verdana, Helvetica; font-size: 13px; color:red; } .TopLeft { left: 10px; top: 10px; } .TopRight { right: 10px; top: 10px; } .BottomLeft { left: 10px; bottom: 10px; } .BottomRight { right: 10px; bottom: 10px; } .CustomButton { display:block; display:inline-block; border:1px solid #aaa; padding:1px 10px 2px; margin:1px 0 1em; overflow:visible; text-decoration:none !important; font-family:Arial, Verdana, Helvetica; font-size:11px; color: #000!important; height:15px; background:#e2e2e2 url("/WebRoot/StoreTypes/7.108.0/YvetteStore/lib/ep/images/sf_uiinput_button.png") repeat-x 50%; position:relative; cursor:pointer; vertical-align:top; white-space:nowrap; outline:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .CustomButton + .CustomButton { margin-left:4px; } .CustomButton.Disabled, .CustomButton.Disabled:hover { background-color:#f9f9f9; border-color:#ddd; color: #666; cursor:default; } .CustomButton:hover { border-color:#666; background-color:#CFCFCF; } .CustomButton:active { border-color: #394F27; } .CustomButton ins img { margin:0; } .CustomButton * i.Icon { top:-1px; } .CustomButton * i.Icon[class*="Small"] { top:-2px; } .CustomButton input { color: #000; } .CustomButton.AddToBasketButton { vertical-align:middle; display: -moz-inline-box; background-position:50% 0; min-height:19px; } .CustomButton.AddToBasketButton span { line-height:18px !important; font-weight:bold; background:transparent url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_basket.png) no-repeat 0 0; padding-left:20px; min-height:16px; display:inline-block; } .AddToBasketForm { white-space: normal\9; ; } .AddToBasketForm { white-space: normal\9; ; } .BusinessHoursContainer, .BusinessHoursContainer td { border:0; border-collapse:collapse; padding:0; } .BusinessHoursRow { height:26px; } .BusinessHoursSpacer { width:200px; height:0; line-height:0 !important; font-size:0; } .BusinessHoursLabel { width:5%; text-align:center; } .BusinessHours { background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/BO/icons/content_img_statusbar.png) left top no-repeat; padding-left:10px; } .BusinessHoursFloatin { background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/BO/icons/content_img_statusbar_floatin.png) right top no-repeat; padding-top:2px; width:100%; } .BusinessHoursStatusClosed { position:relative; margin-left:-6px; margin-right:4px; background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/BO/icons/content_img_percentage_middle.png) left top repeat-x; } .BusinessHoursStatusOpened, .BusinessHoursStatusOpenedOverlay, .BusinessHoursStatusOpenedOverlayBg { display:block; position:absolute; top:0; height:10px; background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/BO/icons/content_img_percentage_normal.png) left top repeat-x; } .BusinessHoursStatusOpenedOverlay { z-index:2; text-decoration:none !important; background:none; } .BusinessHoursStatusOpenedOverlayBg { width:100%; font-size:0; line-height:0 !important; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/BO/icons/content_img_percentage_deactivated.png) left top repeat-x; filter:alpha(opacity=80); opacity:0.8; } .BusinessHoursStatusOpenedOverlay .BusinessHoursStatusOpenedOverlayText { position:absolute; width:100%; background:#000000; top:10px; color:#FFFFFF; min-width:7em; } .BusinessHoursStatusOpenedOverlayText { min-width:100px; } .BusinessHoursStatusOpenedOverlaySpacer { position:absolute; height:10px; top:-1px; left:48%; width:10px; } .BusinessHoursGrid { position:absolute; z-index:1; width:100%; height:10px; top:0px; background:black; } .BusinessHoursGrid b { position:absolute; display:block; width:4.17%; font-size:10px !important; line-height:10px !important; height:10px; text-align:center; color:black !important; text-decoration:none !important; border-right:1px dotted #fff; margin-left:-1px; } .BusinessHoursGrid .Cell2 { left:4.17%; } .BusinessHoursGrid .Cell3 { left:8.34%; } .BusinessHoursGrid .Cell4 { left:12.51%; } .BusinessHoursGrid .Cell5 { left:16.68%; } .BusinessHoursGrid .Cell6 { left:20.85%; } .BusinessHoursGrid .Cell7 { left:25.02%; } .BusinessHoursGrid .Cell8 { left:29.19%; } .BusinessHoursGrid .Cell9 { left:33.36%; } .BusinessHoursGrid .Cell10 { left:37.53%; } .BusinessHoursGrid .Cell11 { left:41.7%; } .BusinessHoursGrid .Cell12 { left:45.87%; } .BusinessHoursGrid .Cell13 { left:50.02%; } .BusinessHoursGrid .Cell14 { left:54.21%; } .BusinessHoursGrid .Cell15 { left:58.38%; } .BusinessHoursGrid .Cell16 { left:62.55%; } .BusinessHoursGrid .Cell17 { left:66.72%; } .BusinessHoursGrid .Cell18 { left:70.89%; } .BusinessHoursGrid .Cell19 { left:75.06%; } .BusinessHoursGrid .Cell20 { left:79.23%; } .BusinessHoursGrid .Cell21 { left:83.4%; } .BusinessHoursGrid .Cell22 { left:87.57%; } .BusinessHoursGrid .Cell23 { left:91.74%; } .BusinessHoursGrid b.BusinessHoursLastGridCell { right:0; border:0; margin:0; } .BusineHoursTable { width: 300px; margin:auto; } .AppointmentAddressDialog td { padding:2px 6px; vertical-align:top; } .AppointmentAddressDialog td.AlignTop { width:20px; } .AppointmentAddressDialog input.Text { width:201px; } html[class*=Gecko] .ContentArea table.UserAttributes { border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } html[class*=Gecko] .ContentArea table.ProductListImageBox, html[class*=Gecko] .ContentArea table.CrossellingCount, html[class*=Gecko] .ContentArea table.BundledProductsTable { border-left: 1px solid #FFFFFF ; border-bottom: 1px solid #FFFFFF ; } html[class*=Gecko] .ContentArea table.VariationsTable, html[class*=Gecko] .ContentArea table.ProductListImageBox, html[class*=Gecko] .ContentArea table.CrossellingCount, html[class*=Gecko] .ContentArea table.BundledProductsTable, html[class*=Gecko] .ContentArea table.Basket, html[class*=Gecko] .ContentArea table.OrderList, html[class*=Gecko] .ContentArea table.ShoppingList, html[class*=Gecko] .ContentArea table.CustomerList, html[class*=Gecko] .ContentArea table.Dialog, html[class*=Gecko] .ContentArea table.UserAttributes, html[class*=Gecko] .ContentArea table.OrderStatus { /* fx border layout fix */ border-top-width: 0px; border-collapse: separate; border-spacing:0; } html[class*=Gecko] .ContentArea table.VariationsTable tr td, html[class*=Gecko] .ContentArea table.ProductListImageBox tr td, html[class*=Gecko] .ContentArea table.CrossellingCount tr td, html[class*=Gecko] .ContentArea table.BundledProductsTable tr td, html[class*=Gecko] .ContentArea table.Basket tr td, html[class*=Gecko] .ContentArea table.OrderList tr td, html[class*=Gecko] .ContentArea table.ShoppingList tr td, html[class*=Gecko] .ContentArea table.CustomerList tr td, html[class*=Gecko] .ContentArea table.Dialog td, html[class*=Gecko] .ContentArea table.UserAttributes tr td, html[class*=Gecko] .ContentArea table.OrderStatus tr td { /* fx border layout fix */ border-left-width: 0px; border-bottom-width: 0px; } html[class*=Gecko] .ContentArea table.VariationsTable tr td, html[class*=Gecko] .ContentArea table.VariationsTable tr .SeparateColumn:last-child html[class*=Gecko] .ContentArea table.Basket tr td, html[class*=Gecko] .ContentArea table.Basket tr .SeparateColumn:last-child html[class*=Gecko] .ContentArea table.OrderList tr td, html[class*=Gecko] .ContentArea table.OrderList tr .SeparateColumn:last-child html[class*=Gecko] .ContentArea table.ShoppingList tr td, html[class*=Gecko] .ContentArea table.ShoppingList tr .SeparateColumn:last-child html[class*=Gecko] .ContentArea table.CustomerList tr td, html[class*=Gecko] .ContentArea table.CustomerList tr .SeparateColumn:last-child{ border-right-width: 0px; } .dijitPopup { font-family: Arial, Verdana, Helvetica; font-size: 16px; color: #000; } html .Message.Size80 .MessageDetails, html .Message .Headline { font-family: Arial,Verdana,Helvetica, sans-serif; font-size: 12px; line-height:140%; color: #3d3d3e; } html .Message .Headline { color: #006cff; } html .Message.Large .Headline, html .Message.Size80 .Headline { font-size: 18px; font-weight:normal; } .GadgetBoerse td { padding: 0px; } .GadgetBoerse td br { display: none; } /* - '--> Message - */ html .MessageMediumBasketDiscount, .Message.Medium.BasketDiscount { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_specialprices.png) 8px 8px no-repeat !important; padding-left:40px; } .ProductItem td label.ep-uiInput-wrap, .ProductItem td .Quantity { display:inline; } html .FreeShipping { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_freeshipping.png) 8px 8px no-repeat !important; padding-left:40px; } .Message.Size80.BasketDiscount { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_80_specialprices.png) no-repeat !important; padding-left:80px; } .ProductLastViewedBox ul { list-style-type:none; margin:0; padding:0; } .ProductLastViewedBox li { clear: both; height: auto !important; overflow: hidden; min-height: 35px; padding-bottom: 5px; } .ProductLastViewedBox li img { display: inline; float: left; height: auto; margin: 0 5px 5px 0; width: 35px; } .DownloadPreview { list-style-type:none; list-style-position:inside; padding:10px 0 0; } .DownloadPreview li { padding:0 0 6px 0; } .DownloadPreview li:nth-child(even) { background: #F4F4F4; } .DownloadPreview li a { border:0!important; text-decoration:none!important; display:block; } .DownloadPreview span { background: #f0f0f0 url("/WebRoot/StoreTypes/7.108.0/YvetteStore/lib/ep/images/base_sprite_s.png") no-repeat -15px 1px; border:1px solid #aaa; height:16px; width:16px; display:inline-block; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 6px -6px 0; padding:1px; } .DownloadPreview a:hover span { border-color:#666; background-color:#ddd; } .ProductDetails.ImageRight .DownloadPreview { margin-right:210px; } .Div .Header, .Div .Footer, .Div .NavBarTop, .Div .NavBarBottom, .Div .ContentAreaInner, .Div .NavBarLeft .PropertyContainer, .Div .NavBarRight .PropertyContainer { position:relative; } #ContentAreaFix, .Div .ContentArea:before { position:absolute; top:0; height:20000px; left: 0 ; right: 0 ; width:auto; display:block; content:""; background: #FFFFFF; } .Div .Middle { max-width: 920px; zoom:1; position:relative; } .Div .Middle:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .Div .Middle { display:inline-block; } /* Hide from IE Mac \*/ .Div .Middle { display:block; } /* End hide from IE Mac */ .Div .NavBarLeft { clear:none; float:left; } .Div .NavBarRight{ clear:none; float:right; } .Div .ContentArea { margin-left: 0 ; margin-right: 0 ; } .Div .ContentArea { clear:none; width:auto; } .Div .Middle, .Div .ContentArea { zoom:1; } .Div .ContentAreaInner, .Div .ContentAreaWrapper { clear:none; float:none; width:auto; } .Div .NavBarRoof .SizeContainer, .Div .Header .SizeContainer, .Div .NavBarTop .SizeContainer, .Div .NavBarBottom .SizeContainer, .Div .Footer .SizeContainer { font-size:0; /* word-spacing is rendered on floated elements within this box - read http://bit.ly/9OAn for details */ } .Div .NavBarRoof .SizeContainer { } .Div .Header .SizeContainer { } .Div .NavBarTop .SizeContainer { text-align:center; position:relative; } .Div .Footer .SizeContainer { text-align:center; position:relative; } .Div .Header .ShopLogo, .Div .Header .ShopNameSlogan { display:inline-block; vertical-align:top; } .LocaleFlags.NavBarElement2 { position: relative; } .Div .NavBarRoof .PropertyContainer .SizeContainer > *, .Div .Header .PropertyContainer .SizeContainer > *, .Div .Footer .PropertyContainer .SizeContainer > *, .Div .HorizontalNavBar .PropertyContainer .SizeContainer > *, .Div .NavBarTop .SizeContainer > *, .Div .NavBarBottom .SizeContainer > *, .Div .NavBarTop .SizeContainer .NavigationElement, .Div .NavBarBottom .SizeContainer .NavigationElement, .Div .NavBarRoof .SizeContainer .NavigationElement, .Div .Header .SizeContainer .NavigationElement, .Div .Footer .SizeContainer .NavigationElement { display: inline-block; zoom:1; float:none; width:auto; } .Div .NavBarRoof .SizeContainer .Active, .Div .Header .SizeContainer .Active, .Div .Footer .SizeContainer .Active, .Div .NavBarTop .SizeContainer .Active, .Div .NavBarBottom .SizeContainer .Active { float:none; } .Div ul.VerticalDisplay, .Div .NavBarRoof .SizeContainer ul, .Div .Header .SizeContainer ul, .Div .Footer .SizeContainer ul, .Div .NavBarTop .SizeContainer ul, .Div .NavBarBottom .SizeContainer ul { padding:0; margin:0; } /* Drop Down Menu Styles */ /* z-index stack for drop-down menus to work */ .NavBarTop, .NavBarLeft, .NavBarRight, .NavBarTop .PropertyContainer, .NavBarLeft .PropertyContainer, .NavBarRight .PropertyContainer, ul.DropDownList { position:relative; font-size:0; z-index:100; } .NavBarTop { z-index:200; } .Header { z-index:300; position:relative; } .NavBarRoof { z-index:400; position:relative; } ul.DropDownList li, ul.ep-megamenu > li { display:inline-block; margin:0; } ul.DropDownList li { position:relative; } .NavBarLeft ul.VerticalDisplay, .NavBarRight ul.VerticalDisplay, .GeneralLayout ul.DropDownList, .GeneralLayout ul.DropDownList ul *, ul.ep-megamenu, ul.ep-megamenu ul { text-align:left; list-style-type:none; margin:0; padding:0; } ul.DropDownList li ul { z-index:9999; display:none; position:absolute!important; left:0; padding:0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow:0 3px 5px #bbb; -moz-box-shadow:0 3px 5px #bbb; box-shadow:0 3px 5px rgba(0,0,0,.25); white-space:normal; background: #FFFFFF ; border:1px solid black; border-top:0; } ul.DropDownList ul li ul, ul.DropDownList ul ul li ul, ul.DropDownList ul ul ul li ul { position:absolute; top:0; left:100%; } ul.DropDownList ul li ul.to-left, ul.DropDownList ul ul li ul.to-left, ul.DropDownList ul ul ul li ul.to-left { position:absolute; top:0; left:-100%; } .GeneralLayout ul.DropDownList li ul li { padding:2px 20px 2px 7px; width:160px; display:block; border-top:1px solid black; } ul.DropDownList .NavigationElement ul a, ul.DropDownList li ul li span, ul.DropDownList li.Active ul li a { background-image:none; height:auto; color:black; font-size:11px; } ul.DropDownList span { position:absolute!important; /* IE7 needs the important */ right:8px; font-weight:bold; } /* NavBarLeft & Right DropDown Styles */ .NavBarLeft ul.VerticalDisplay, .NavBarRight ul.VerticalDisplay, .NavBarLeft ul.DropDownList, .NavBarRight ul.DropDownList { margin-top:10px; } .NavBarLeft ul.DropDownList a, .NavBarRight ul.DropDownList a { display:block; } .NavBarLeft ul.DropDownList li, .NavBarRight ul.DropDownList li { display:block; } .NavBarLeft ul.DropDownList ul, .NavBarRight ul.DropDownList ul { z-index:10; top:0; left:205px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .NavBarLeft ul.DropDownList ul.DropUp, .NavBarRight ul.DropDownList ul.DropUp { top: auto; bottom: 0; } .NavBarLeft ul.DropDownList ul ul, .NavBarLeft ul.DropDownList ul ul ul { left:100%; } .NavBarRight ul.DropDownList ul { left:-187px; } .NavBarRight ul.DropDownList ul li:hover ul, .NavBarRight ul.DropDownList ul ul li:hover ul { left:-100%; } html body table.productBasketImage tr td { border:0; vertical-align:middle; } html body .VariationsTable .productBasketImage tr td { line-height: 32px; } img.productBasketImage, .productBasketImage .ThumbnailsInBasket{ max-width: 64px; max-height: 64px; height: auto; width: auto; } select.basketShippingSelect, select.basketPaymentSelect { width:auto !important; } img.basketMethodSelection { border: 1px solid #555555; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); margin: 5px 10px 0; opacity: 0.5; } .basketTableMethods table tr td { padding-left:0px; padding-right:0px; } html body .PaddingBottom5 { padding-bottom:5px; } a.productRatingStars, a.productRatingStars:hover { text-decoration:none; } a.productRatingStars:hover small { text-decoration:underline; } .NewsletterForm { margin-left:150px; } .ToggleContent { overflow:hidden; } #BasketAddressFormContainer .AddressDialog { margin-bottom:10px; } #BasketAddressFormContainer h3 a { font-size:120%; } #BasketAddressFormContainer h3 span { font-family:sans-serif; padding-right:5px; font-size:14px; } #BasketAddressForm .DoOrder.FloatRight, #BasketAddressRegisterForm .DoOrder.FloatRight, #BasketAddressLoginForm .DoOrder.FloatRight { float:left; margin:0 0 25px 138px; } .continueShoppingIcon { font-family: Arial, Helvetica, Sans-Serif !important; font-size: 1em !important; } /* add to basket fix */ .ShowInlineElement .NoWrap > span { display: inline-block; overflow: hidden; } /* changes Sign-in page */ #RegisterNowForm h3 { float:left; } .RegisterNowLink { float:left; margin: 0 0 0 10px; } #EmailNotificationDialog, #customizerDialog, #customizerDialog form { font-family: Arial, Verdana, Helvetica; font-size:16px; } #customizerDialog form select, #customizerDialog form select option { font-family:inherit; } #EmailNotificationDialog div[data-notification="confirm"] span { background: url("/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_test_ok.png") no-repeat 0 3px; padding: 3px 40px; } .de_epages-remotesearchUiSuggest-box li { font-family: Arial, Verdana, Helvetica; } /* NavElement Bsket Icon */ .NavElementIcon img { margin:5px; } html body .GeneralLayout .NavBarTop .NavElementIcon span, html body .GeneralLayout .NavBarRight .NavElementIcon span, html body .GeneralLayout .NavBarLeft .NavElementIcon span, html body .GeneralLayout .NavBarBottom .NavElementIcon span, html body .GeneralLayout .HorizontalNavBar .NavElementIcon span { vertical-align: middle; display:table-cell; } .HorizontalNavBar .SizeContainer > * { vertical-align: middle; } /* Highlighting of selected elements */ .ep-uiCustomizer-inputSelected input, .ep-uiCustomizer-inputSelected .ep-uiInput-button, .ep-uiCustomizer-inputSelected textarea, .ep-uiCustomizer-canvasHover, .ep-uiCustomizer-fontColor li.selectedColor, canvas.ep-uiCustomizer-canvasSelected, .ep-uiThumbbox ul li.active { border:1px solid #f90 !important; -webkit-box-shadow: 0 0 3px 0 #f90; -moz-box-shadow: 0 0 3px 0 #f90; -op-box-shadow: 0 0 3px 0 #f90; -ms-box-shadow: 0 0 3px 0 #f90; box-shadow: 0 0 3px 0 #f90; } .TaxAndShippingInfo > *, .HotDealFootFloatin span div { display:inline; } /* Checkout */ #BasketTable .ProductInBasket { list-style-type:none; max-width: 21em; } /* Tooltip*/ .arrow-box { position: relative; background: #FFFBCD; border: 1px solid #ccc; padding: 10px; box-shadow: 0 0 3px #999; } html[class*=webkit] .arrow-box, html[class*=MSIE] .arrow-box { box-shadow: 0 0 8px #999; } .arrow-box:after, .arrow-box:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .arrow-box:after { border-color: rgba(204, 204, 204, 0); border-left-color: #FFFBCD; border-width: 10px; top: 50%; margin-top: -11px; } .arrow-box:before { border-color: rgba(204, 204, 204, 0); border-left-color: #ccc; border-width: 12px; top: 50%; margin-top: -13px; } .ep-uiTooltip.ui-front.DisplayInlineBlock { background: none; border: 0; box-shadow: none; font-size: 16px; } .InputField.SearchForm { position: relative; font-size: 0; padding:0 2px 0 0; margin:0; text-align: left; } .InputField.SearchForm > input { margin: 0; } .InputField.SearchForm > button { background: transparent; padding:3px 16px 3px 10px; margin:0 0 0 -1px; opacity: .7; border-left: 0; background: transparent; margin-left: -30px; } .InputField.SearchForm > input, .InputField.SearchForm > button { line-height: normal; border:none; } .SearchForm.vertical-search > input { -moz-box-sizing: border-box; -webkitbox-sizing: border-box; box-sizing: border-box; width: 100%; padding-right: 34px; min-height: 23px; } .SearchForm.vertical-search > button { position: absolute; margin: 0; top: 1px; right: 1px; } .SearchForm.horizontal-search > input { padding: 4px 30px 4px 4px; } .SearchForm.vertical-search .SearchIcon, .SearchForm.horizontal-search .SearchIcon { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_search.png) !important; } .ep-megamenu-container { z-index:100; position:absolute; max-height:450px; padding:10px 0px 10px 10px; overflow:hidden; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); margin:9px 0 0 0; background: #FFFFFF ; } .ep-megamenu .masonry li { list-style-type:none; margin-bottom:.25em; text-align:left; } .ep-megamenu .masonry > li { display: inline; float: left; margin: 0 20px 5px 0; } .ep-megamenu .masonry a { overflow:hidden; height:auto; line-height:1.5; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap; display:block; padding:0; } .ep-megamenu .active-item > a { position:relative; } .ep-megamenu .active-item .active-marker { display:block; position:relative; } .ep-megamenu .active-item .active-marker:before, .ep-megamenu .active-item .active-marker:after { content:''; display:inline-block; position:absolute; border-style:solid; border-width: 0px 10px 10px 10px; height:0; width:0; bottom:-36px; z-index:110; border-color:rgba(255,255,255,0); } .ep-megamenu .active-item .active-marker:before { border-color:rgba(255,255,255,0) rgba(255,255,255,0) rgba(0, 0, 0, 0.2); bottom:-35px; } .ep-megamenu-second-level-element a, .ep-megamenu-second-level-element a:hover, .ep-megamenu-second-level-font-check { font-weight:bold; } .ep-megamenu-third-level-element:first-child { margin-top:5px; } .ep-megamenu .active-item .active-marker:after { border-color:rgba(255,255,255,0) rgba(255,255,255,0) #FFFFFF ; } .ep-megamenu-second-level-element a:hover, .ep-megamenu-third-level-element a:hover { color:black; } .ep-megamenu-third-level-element a, .ep-megamenu-third-level-element a:hover { color:black; font-size:12px; font-weight:normal; } .ep-megamenu-container { background: #FFFFFF ; } .ep-megamenu .active-item .active-marker:after { border-color: rgba(255,255,255,0) rgba(255,255,255,0) #FFFFFF ; } .ep-megamenu-second-level-element a, .ep-megamenu-second-level-element a:hover, .ep-megamenu-second-level-font-check { font-size: 14px ; color: #1d1d1d ; } .ep-megamenu-second-level-element a:hover { color: #08536d ; } .ep-megamenu-third-level-element a, .ep-megamenu-third-level-element a:hover { color: #1d1d1d ; font-size: 14px ; font-weight:normal; } .ep-megamenu-third-level-element a:hover { color: #08536d ; } .ie7 .ep-megamenu-container, .ie8 .ep-megamenu-container { border: 1px solid #1d1d1d ; } .HorizontalNavBar .PropertyContainer { position: relative; } .custom-container { } .custom-container.custom-left { float: left; } .custom-container.custom-right { float: right; } .NavBarRoof.HorizontalNavBar .custom-left { left: 0px; top: 8px; text-align: left; } .NavBarRoof.HorizontalNavBar .custom-right { right: 0px; top: 8px; text-align: right; } .Header.HorizontalNavBar .custom-left { left: 0px; top: 24px; text-align: left; } .Header.HorizontalNavBar .custom-right { right: 0px; top: 24px; text-align: right; } .NavBarTop.HorizontalNavBar .custom-left { left: 0px; top: 8px; text-align: left; } .NavBarTop.HorizontalNavBar .custom-right { right: 0px; top: 8px; text-align: right; } .NavBarBottom.HorizontalNavBar .custom-left { left: 10px; top: 16px; text-align: left; } .NavBarBottom.HorizontalNavBar .custom-right { right: 10px; top: 16px; text-align: right; } .Footer.HorizontalNavBar .custom-left { left: 0px; top: 32px; text-align: left; } .Footer.HorizontalNavBar .custom-right { right: 0px; top: 32px; text-align: right; } /* - === Custom NavbarElements Positioning === - */ /* - === END Custom NavbarElements Positioning === - */ .ForumContainer { margin:auto; width:98.5%; padding-left:3px; padding-right:3px; overflow:hidden; } .ForumDescription { margin-top:1px; padding:5px; border-bottom: 1px solid rgba(0,0,0,0.15); background:#F4F4F4; } .ForumOverviewTitleContainer { white-space: nowrap; border-bottom: 1px solid rgba(0,0,0,0.15); padding-bottom: 3px; } .ForumOverviewTitleContainer, .ForumOverviewContainer { display:block; float:left; width:103%; margin-top:1px; } .ForumOverview { display:block; height:auto; vertical-align:middle; height: 4.5em; } .ForumOverview .ForumOverviewHeadline { display:table-cell; display:inline-block; max-width:75%; } .ForumOverview .ForumOverviewHeadline * { text-align:left !important; } .ForumOverviewContainer { text-decoration:none !important; cursor:pointer; outline:none; border-bottom: 1px solid rgba(0,0,0,0.15); } .ForumOverviewContentBox, .ForumOverviewHeadBox { display:block; float:left; background:#F4F4F4; overflow:hidden; height: 4.5em; } .ForumOverviewContainer:hover { _display:inline-block; } .ForumOverviewContainer:hover .ForumOverviewContentBox { background:#FFFFFF !important; } .ForumOverviewContentEmpty { width:100%; margin-top:1px; text-align:center; vertical-align:middle; line-height:50px; } .ForumOverviewContainer:hover .ForumOverviewFirstBox { background:#FFFFFF !important; } .ForumOverviewHeadBox { height:auto; } .ForumOverviewFirstBox { width:55%; } .ForumOverviewSecondBox { width:14%; text-align:center; } .ForumOverviewThirdBox { width:14%; text-align:center; } .ForumOverviewThirdBoxContent { line-height: 3.9em !important; } .ForumOverviewFourthBox { width:14%; text-align:center; } .ForumOverviewContent, .ForumOverviewHead { display:block; padding-right:4px; padding-left:4px; overflow:hidden; text-overflow: ellipsis; } .ForumOverviewDescription { display: block; color:#000000; overflow: hidden; text-overflow:ellipsis; } .ForumOverviewHead { height:auto; text-align:center; font-weight:bold; } .ForumOverviewHeadBox, .ForumOverviewHead { background: transparent; border: 0px; } .ForumOverviewIcon { display:block; float:left; width:50px; height: 100%; margin-right:5px; } .ForumOverviewIconIns { position:relative; left:7px; top:8px; } .ForumOverviewTreeRowEncircleContainer { position:relative; float:left; width:100%; overflow:hidden; display:block; } .ForumOverviewTreeRowContainer { display:block; clear:both; padding-top:4px; margin-bottom:4px; background:#E4E4E4; border-color: rgba(0,0,0,0.15); border-style: solid; border-width: 0 1px 1px; } html body span.ForumOverviewTreeRowEncircleContainer .Alternate { background:#F4F4F4 !important; } html body span.ForumOverviewTreeRowEncircleContainer .Alternate .ForumOverviewTreeRowEntry { background:#E4E4E4 !important; } .ForumOverviewTreeRow { display:block; height:22px; text-decoration:none !important; outline:none !important; } .ForumOverviewTreeRowEntry { display:block; margin-left:4px; background:#F4F4F4; border-bottom: 1px solid rgba(0,0,0,0.15); border-right:none; height:16px; white-space:nowrap; padding-left:5px; overflow:hidden; line-height: 1.2em; } .ForumTreeRowMessage { position:absolute; line-height: 1.2em; padding-left:2px; } .ForumOverviewTreeRow:hover { background:transparent; zoom:1; } html body span.ForumOverviewTreeRowEncircleContainer .ForumOverviewTreeRow:hover .ForumOverviewTreeRowEntry { background:#FFFFFF !important; border-left:4px solid black; text-decoration:none !important; } .Width100 { width: 100%; overflow:hidden; } .ForumPostForm { width:90%; margin:auto; } .ForumPostCenter { margin-top:1px; padding:5px; background:#E4E4E4 !important; border:1px solid #CCCCCC; cursor:default; } .ForumPostInputContainer { padding-left:14px; } .ForumPostSubjectInput { width:96%; _width:500px; margin:5px; } .ForumPostMessageContainer { padding-left:17px; } .ForumPostMessageText { width:99%; _width:500px; height:180px; margin:5px 0; overflow-y:scroll; } .ForumPostButtonContainer { float:right; } .ForumTitleLine { line-height:22px; vertical-align:middle; } .ForumBottomLine { overflow:hidden; } .ForumPlainItemTreeLine { border-bottom: 1px solid rgba(0,0,0,0.15); padding:1px; border-right:1px solid #FFFFFF; padding-right:0; width:3px; height:101%; position:absolute; top:-2px; } .ForumPlainItemTreeLineNone { background:#FFFFFF !important; } /* - '--> Elements - */ .ForumPostLegend { color: #000000; } .SpamLinkArea { text-align: center; } .SpamLink { font-weight:bold!important; height:auto!important; white-space:normal; } #GuestBookSpamForm .SpamLink, #blogSpamForm .SpamLink, #ForumPostSpamForm .SpamLink { margin-left:0px; margin-top:2px; text-decoration:underline; font-weight:normal !important; } #GuestBookSpamForm .SpamLink:hover { text-decoration:none; } .ForumPlainItemContainer { position:relative; margin-top:1px; } .ForumPlainItem { position:relative; border:1px solid #CCCCCC; background:#F4F4F4; } .ForumPlainItem:hover .ForumPlainItemAnswerLink { opacity:1; filter:none; display:block; } .ForumPlainItemPoster { position:relative; width:150px; height:120px; padding:5px; } .ForumPlainItemPosterContainer { width:150px; height:120px; } .ForumPlainItemMessageContainer { margin-top:-130px; padding-left:160px; background:#F4F4F4; } .ForumPlainItemPosterContainerInner { text-align:center; border-color: rgba(0,0,0,0.15); border-style: solid; border-width: 1px 0; padding-top:5px; padding-bottom:5px; margin:5px; line-height:1; } .ForumPlainItemPosterContainerInnerPic { text-align:center; margin-top:10px; margin-bottom:10px; } .ForumPlainItemPosterContainerInnerMisc { text-align:center; } .ForumPlainItemMessage { border-left: 1px solid rgba(0,0,0,0.15); padding:5px 5px 15px; min-height:120px; _height:120px; background:#F4F4F4; word-wrap:break-word; } .ForumPlainItemMessage.ResetForReply { min-height:0; _height:0; padding-bottom:3px; } .ForumPlainItemAnswerLinkContainer { border-left: 1px solid rgba(0,0,0,0.15); } .ForumPlainItemAnswerLink { overflow:auto; clear:both; width:100%; opacity:0.65; filter:alpha(opacity=65); _filter:none; } .ForumBlogHead { width:100%; } .ForumTreeItemContainer { width:auto; } .ForumTreeItemContainer .SpamLink { z-index:1; } .ForumTreeItemContainer .ForumPlainItemPoster { height:2em; width:100%; padding:0; border-bottom: 1px solid rgba(0,0,0,0.15); overflow:hidden; background:#FFFFFF !important; } .ForumTreeItemContainer .ForumPlainItemPoster .ForumPlainItemPosterContainer { height:2em; width:100%; clear:both; } .ForumTreeItemContainer .ForumPlainItemPoster .ForumPlainItemPosterContainer .ForumPlainItemPosterContainerInner, .ForumTreeItemContainer .ForumPlainItemPoster .ForumPlainItemPosterContainer .ForumPlainItemPosterContainerInnerMisc { border:0; padding:0; margin:0; float:left; height:2em; line-height:2em; } .ForumTreeItemContainer .ForumPlainItemPoster .ForumPlainItemPosterContainer .ForumPlainItemPosterContainerInnerPic { display:none; } .ForumTreeItemContainer .ForumPlainItemPoster .ForumPlainItemPosterContainer .ForumPlainItemPosterContainerInnerMisc { margin-top:-2em; } .ForumTreeItemContainer .ForumPlainItemPoster .ForumPlainItemPosterContainer .ForumPlainItemPosterContainerInner { margin-right:0.3em; margin-left:0.3em; } .ForumTreeItemContainer .ForumPlainItemMessageContainer { margin:0; padding:0; } .ForumTreeItemContainer .ForumPlainItemMessage { border:0; min-height:0; _height:auto; } /* - Blog - */ html .BlogListItem h1 a:hover, html .BlogListItem h1 a:active, html .BlogListItem h1 a:visited, html .BlogListItem h1 a { color: #1d1d1d; font-size: 32px; font-family: inherit; font-weight: inherit; } .BlogListItem .PublishInfo { opacity:0.6; filter:alpha(opacity=60); } .BlogListItem .Message { margin: 2px 0 12px 0; } h2.BlogComments { margin: 32px 0 20px 0; } .BlogComment { margin-bottom: 20px; } .MessageBlock { overflow:hidden; width:auto; height:11.2em; margin-bottom:6px; padding-top:2px; } .Teaser p { font-weight: bold !important; } /* new Form Element Styles */ .webkit hr.ClearLeft {float:left; clear:both;} .ep-uiInput-wrap.ep-uiSpinner + .ep-uiInput-wrap {margin-left:0;} #CheckOut button[type=submit], #CheckOutTop button[type=submit], .DoOrder button[type=submit], .AddToBasketButton[type=submit], .Customizable button { font-weight:bold!important; } .ContentArea a.ep-uiSpinner-stepUp, .ContentArea a.ep-uiSpinner-stepDown { font-family:Tahoma !important; font-weight:bold; font-size:11px; line-height:11px!important; color:white; } .ContentArea a.ep-uiSpinner-stepDown { line-height:9px!important; } .ContentArea a.ep-uiSpinner-stepUp:hover, .ContentArea a.ep-uiSpinner-stepDown:hover { text-decoration:none; color:#000; } #SubscribeNewsletterBoxForm0 .ep-uiInput-wrap + .ep-uiInput-wrap { margin-left:0; } .SearchMask .ep-uiInput-wrap + .ep-uiInput-wrap, .SearchForm .ep-uiInput-wrap + .ep-uiInput-wrap { border:0; background:transparent; margin-left:0; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; filter:none; } .ForumPostInputContainer .ep-uiInput-wrap, .ForumPostMessageContainer .ep-uiInput-wrap { width:100%; } /* Customizable Buttons */ button, .LoginButton, .ep-uiInput-button { padding:8px 16px; border-color:transparent; border-radius:0px; background:#1d1d1d; background: -moz-linear-gradient(top, #1d1d1d 10%, #1d1d1d 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#1d1d1d), color-stop(90%,#1d1d1d)); background: -webkit-linear-gradient(top, #1d1d1d 10%,#1d1d1d 90%); background: -o-linear-gradient(top, #1d1d1d 10%,#1d1d1d 90%); background: -ms-linear-gradient(top, #1d1d1d 10%,#1d1d1d 90%); background: linear-gradient(to bottom, #1d1d1d 10%,#1d1d1d 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#1d1d1d',GradientType=0 ); } .Header button, .Header .LoginButton, .Header .ep-uiInput-button, .NavBarTop button, .NavBarTop .LoginButton, .NavBarTop .ep-uiInput-button, .NavBarBottom button, .NavBarBottom .LoginButton, .NavBarBottom .ep-uiInput-button, .NavBarLeft button, .NavBarLeft .LoginButton, .NavBarLeft .ep-uiInput-button, .NavBarRight button, .NavBarRight .LoginButton, .NavBarRight .ep-uiInput-button, .NavBarRoof button, .NavBarRoof .LoginButton, .NavBarRoof .ep-uiInput-button, .Footer button, .Footer .LoginButton, .Footer .ep-uiInput-button, .ContentArea button, .ContentArea .LoginButton, .ContentArea .ep-uiInput-button { font-size:14px; color:white; } .msie button, .msie .LoginButton, .msie .ep-uiInput-button { border-radius:0; } .AddToBasketButton[type="submit"], .Customizable button { padding:8px 16px; border-color:transparent; border-radius:0px; background:#1d1d1d; background: -moz-linear-gradient(top, #1d1d1d 10%, #1d1d1d 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#1d1d1d), color-stop(90%,#1d1d1d)); background: -webkit-linear-gradient(top, #1d1d1d 10%,#1d1d1d 90%); background: -o-linear-gradient(top, #1d1d1d 10%,#1d1d1d 90%); background: -ms-linear-gradient(top, #1d1d1d 10%,#1d1d1d 90%); background: linear-gradient(to bottom, #1d1d1d 10%,#1d1d1d 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#1d1d1d',GradientType=0 ); } .Header .AddToBasketButton[type="submit"], .NavBarTop .AddToBasketButton[type="submit"], .NavBarBottom .AddToBasketButton[type="submit"], .NavBarLeft .AddToBasketButton[type="submit"], .NavBarRight .AddToBasketButton[type="submit"], .NavBarRoof .AddToBasketButton[type="submit"], .Footer .AddToBasketButton[type="submit"], .ContentArea .AddToBasketButton[type="submit"], .Customizable button.AddToBasketButton { font-size:14px; color:#FFFFFF; } .msie .AddToBasketButton[type="submit"] { border-radius:0; } .SearchForm .ep-uiInput-button, .ep-uiInput-button.ep-uiSpinner-stepper { padding:1px 10px 2px; border-radius:3px; } button.ButtonBasket { padding:1px; } button.ButtonBasket .ep-sprite-s.ep-uiInput-buttonSpriteOnly { margin:0; } /* plain buttons */ .icon-only, .icon-only:hover, .icon-only:focus { padding:0; margin:0; } .icon-only-plain, .icon-only-plain:hover, .icon-only-plain:focus { background:transparent; border-color:transparent; box-shadow:none; line-height:1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; filter:none; } .ImageSearchImage { display:block; position:relative; cursor:default; } .ImageSearchImage ins *, html body .Alternate ins * { background:none !important; } .ImageSearchImage:hover { background:transparent; cursor:default; } .ImageSearchImage:hover ins { display:block; position:absolute; right:0; bottom:0; } .ImageSearchImage:hover img { opacity:0.5; filter:alpha(opacity=50); } .ImageSearchImage:hover .BigImage img { opacity:1; filter:none; } .ImageSearchList { margin-top:-24px; position:relative; } .ImageSearchList thead td { padding-bottom:5px; } /* - '--> SocialWebButtons - */ .SocialWeb { margin:0 10px 10px 0; vertical-align: top; } .SocialWeb a { display:inline-block; margin:0 2px; } .epCustomFormWrapper{ } .epCustomFormWrapper dl{ clear: both; } .epCustomFormWrapper dl dt{ float: left; width: 180px; text-align: right; } .epCustomFormWrapper dl dd{ margin-left: 200px; } .epCustomFormWrapper dl.customFormCaption dt{ /* display: none; */ } .epCustomFormWrapper dl.customFormCaption dd{ margin-left: auto; } .ProductRatingSwitchContainer, .ProductRatingSwitchContainer * { display:block; float:left; position:relative; cursor:pointer; overflow:visible; line-height:16px; height:16px; top:0; left:0; text-decoration:none !important; } .ProductRatingSwitchContainer { float:none; cursor:default; } .ProductRatingSwitch { position:absolute; width:80px; font-size:0; line-height:0; opacity:0; filter:alpha(opacity=0); } .ProductRatingSwitch#Rating_1_Container {z-index:5;width:16px;} .ProductRatingSwitch#Rating_2_Container {z-index:4;width:32px;} .ProductRatingSwitch#Rating_3_Container {z-index:3;width:48px;} .ProductRatingSwitch#Rating_4_Container {z-index:2;width:64px;} .ProductRatingSwitch#Rating_5_Container {z-index:1;} span.ProductRatingSwitch, .ProductRatingSwitch:hover, .ProductRatingSwitch.Active { visibility:visible; opacity:1; filter:none; } .ProductRatingSwitch input { position:absolute; z-index:1; margin:0; padding:0; background:magenta; opacity:0.00001; filter:alpha(opacity=0); } .ProductRatingSwitch#Rating_2_Container input {left:16px;} .ProductRatingSwitch#Rating_3_Container input {left:32px;} .ProductRatingSwitch#Rating_4_Container input {left:48px;} .ProductRatingSwitch#Rating_5_Container input {left:64px;} .RatingStarImage { width:16px; background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating.png); } .RatingStarImage.Grey { background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating_disabled.png); } .ProductRatingDefaultText { margin-left:85px; margin-top:1px; cursor: default; } .ProductRatingComment { padding-left:118px; overflow:visible; } .WriteProductRating { padding: 1px 0 3px 20px !important; background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating_edit.png) no-repeat !important; } .LinkProductRating { background: url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_s_productcompare_rating.png) no-repeat 0 0 !important; } html body .LinkProductRating.PaddingLeft20 { padding: 3px 0 3px 20px; } .ProductRatingIEMarginBugFix { height:6px !important; font-size:6px !important; line-height:6px !important; } #mainCommentImgNew { float:right; border:1px solid #fff; font-size:1px !important; position:relative; width:99px; height:12px; background:#fff url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_productrating_comment_short.png); } #fairCommentImgNew { font-size:1px !important; position:absolute; height:12px; background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_productrating_comment_medium.png); } #perfectCommentImgNew { font-size:1px !important; position:absolute; height:12px; background:#0f0; background:url(/WebRoot/StoreTypes/7.108.0/YvetteStore/SF/Icon/WireframeBlack/ico_m_productrating_comment_long.png); } .ProductRatingLink ins img { margin-top:-4px !important; } #NewRatingTable .SizeContainer { min-width:481px; } .SiteMapContainer { margin:auto; width:90%; } .SiteMapBackground { background:#FFFFFF; width:100%; margin-top:1px; } .SiteMapLeft { width:49%; } .SiteMapLeftInner { padding:10px; } .SiteMapRight { width:50%; } .SiteMapRightInner { padding-right:5px; padding-bottom:5px; } .SiteMapRightContent { background:#F4F4F4; padding:5px; } .SiteMapLink { display:block; padding-top:5px; margin-left:-5px; } /* New Product Detail Classes */ .AdditionalLinks, .AdditionalLinks li { display:block; list-style-type: none; margin: 0; padding: 0; } .AdditionalLinks li { text-align:right; } .AdditionalLinks.New li a, .AdditionalLinks.New li input { white-space:pre-wrap; text-align:left; display:inline-block; } .ProductDetails { position: relative; } .PriceContainer .ClearBoth, .PriceContainer .MozSpacer { display:none; } .PriceContainer #SelectVariationForm, .AdditionalLinks.New { margin-bottom:1.5em; } .AdditionalLinks.New { width:100%; overflow: hidden; } .AdditionalLinks.New li { text-align:left; float:left; width:48%; padding-right:2%; margin-bottom:1em; } .AdditionalLinks.New li:nth-of-type(odd) { clear:left; } .ImgLeft + div , .ImgRight + div , .ImgLandscape + div , .ImgCover1 + div , .ImgCover2 + div { clear: both; } .ImgLeft .ProductImage { margin:0 340px 20px 0; } .ImgRight .ProductImage { margin:0 0 20px 340px; } .ImgLeft .InfoArea, .ImgRight .InfoArea { float:right; width: 320px; } .ImgRight .InfoArea { float:left; } .ImgRight #ProductImages, .ImgRight #ProductSlideshow, .ImgRight .SocialWeb, .ImgRight .ep-uiThumbbox.ep-uiThumbbox-list ul { float:right; } #ProductSlideshow { margin-bottom: 10px; } .ProductDetails #ProductThumbs { clear:both; } .ImgLandscape .ProductImage { clear:both; position: relative; margin: 10px 0; width: 100%; } .ImgLandscape .InfoArea { position: relative; float: right; width: 400px; max-width:65%; } .ImgLandscape .SocialMedia { float: left; } .InfoArea.New p, .ProductDetails.ImgLandscape p { margin:5px 0 0; } .ImgRight .InfoArea.New > div { float:none; } /* .ImgCustomSize = large image layouts */ .ImgLeft.ImgCustomSize, .ImgRight.ImgCustomSize { height: 500px; } .ImgLeft.ImgCustomSize .ProductImage { position: absolute; top: 0; left: 0; width: 200px; } .ImgLeft.ImgCustomSize .InfoArea { position: absolute; top: 0; right: 0; } .ImgLeft.ImgCustomSize .ProductImage { right: 280px; width: auto; } .ImgRight.ImgCustomSize .ProductImage { position: absolute; top: 0; right: 0; width: 200px; } .ImgRight.ImgCustomSize .InfoArea { position: absolute; top: 0; left: 0; } .ImgRight.ImgCustomSize .ProductImage { left: 280px; width: auto; } /* Landscape only Styles */ .ImgLandscape h1 { display:inline; } .ImgLandscape .ProductRating { clear: both; } #ProductInfoTabs { clear:both; background:transparent; margin-bottom:20px; } #ProductInfoTabs .ui-tabs-nav { background:transparent; } #ProductInfoTabs .ui-tabs-nav li { background: transparent; } #ProductInfoTabs .ui-tabs-nav .ui-tabs-active, #ProductInfoTabs .ui-tabs-nav .ui-tabs-active a { color: #000000; } #ProductInfoTabs .ep-row { display: flex; justify-content: start; } #ProductInfoTabs .ep-col { padding-right: 30px; } #ProductInfoTabs .ui-tabs-nav .ui-state-active { border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) #FFFFFF ; border-style: solid; border-width: 1px; margin-bottom: -1px; } .ui-tabs .ui-tabs-nav li.ui-state-default a { font-weight: normal; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a { font-weight: bold; } #ProductInfoTabs .ui-tabs-nav .ui-tabs-active a:after { border:none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: black; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: black; } .ui-tabs .ui-tabs-panel { padding: 1em 0.2em; } #ProductInfoTabs .ui-tabs-panel { overflow: hidden; border-top: 1px solid rgba(0,0,0,0.15); background: transparent; } .PriceContainer { background:rgba(0,0,0,0.05); padding: 10px; margin:1.5em 0; } .ProductDetails .PriceContainer .Price { text-align:left; clear:none; } .ProductDetails .PriceContainer .price-value { font-size:26.4px; } .PriceContainer .SelectVariation, .PriceContainer .SelectVariation td, .PriceContainer .SelectVariation th, .PriceContainer .SelectVariation tr { border:0; background:0; padding:0; } .SocialMedia { clear:both; padding-top: 20px; } .ContentArea .ContentAreaWrapper > a.LinkPrintView { background-position: left top !important; padding: 0 0 3px 20px !important; float:right; } .InfoArea .AlignLeft .AdditionalLinks li { text-align:left; } .ProductRating { margin:10px 0 0 0; } .epProductInfoTabs div.ui-corner-bottom { -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; } .TaxAndShippingInfo span.EcoTotalAmount { margin:0 0 6px 7px; display:block; } .ContentArea .RemoteSearchFacets .ContextBoxBody { border: 0px; } .no-sidebars #RemoteSearchFacets { box-shadow: 8px 0px 5px -10px #000; } .no-sidebars .RemoteSearchFacet a { font-size: 12.8px; } .ep-uiMagnifier-zoom { background-color: #FFFFFF; } .message-bar { position: fixed; z-index: 100; bottom: 0; width: 100%; background: #fafafa; font-family: sans-serif; font-size: 16px; line-height: 1.5; border-top: 1px solid #ccc; } .message-bar-inner { padding: .75em 0; position: relative; min-height: 34px; text-align: center; } .message-bar-button { padding: 4px 12px; border-radius: 3px !important; } .message-bar-parent { margin-bottom: 80px; } @media (max-width: 740px) { .message-bar-parent { margin-bottom: 100px; } } .message-cookies { background-color: #FFF1A8; color: #111; } /* VILKAS NORTH 2 */ /* 01_epages-original */ /* Responsive images */ img { max-width: 100%!important; height: auto!important; } /* Page width */ .GeneralLayout { max-width: 100%!important; width: 100%!important; } .Middle { overflow: visible!important; } #ContentAreaFix, .Div .ContentArea:before, #NavBarRightFix, .Div .NavBarRight:before, #NavBarLeftFix, .Div .NavBarLeft:before { height: auto!important; } .NavBarRoof .PropertyContainer, .Header .PropertyContainer, .NavBarTop .PropertyContainer, .NavBarBottom .PropertyContainer, .Footer .PropertyContainer, .Middle { max-width: 1200px!important; margin: 0 auto!important; } /* NavBarRoof */ .NavBarRoof .PropertyContainer { height: auto!important; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; } .NavBarRoof.HorizontalNavBar .custom-left { float: none!important; top: unset!important; left: unset!important; } .NavBarRoof.HorizontalNavBar .custom-right { float: none!important; top: unset!important; right: unset!important; } .NavBarRoof p.BasketLink, .NavBarRoof .NavigationElement > a, .NavBarRoof .NavigationElement > em > a, .NavBarRoof .NavigationElement.SSLSwitch input, .NavBarRoof .NavigationElement, .NavBarRoof .NavigationElement.SSLSwitch input { height: auto!important; line-height: normal!important; } .NavBarRoof p.BasketLink, .NavBarRoof .NavigationElement > a, .NavBarRoof .NavigationElement > em > a, .NavBarRoof .NavigationElement.SSLSwitch input, .NavBarRoof p, .NavBarRoof td { padding: 0!important; } .fa-shopping-cart:before { margin-right: 4px!important; } .NavBarRoof .LocaleFlags { top: 0!important; } .NavBarRoof .NavigationElement a:after { content: ""!important; margin-left: 0!important; color: transparent!important; } /* Header */ .Header .PropertyContainer { height: auto!important; } .Div .NavBarTop .SizeContainer { float: none!important; } .HorizontalNavBar .SearchElement form { margin: 0!important; } html body .GeneralLayout .HorizontalNavBar .BasketBox { margin-left: 0; } .NavBarTop .PropertyContainer, .NavBarTop .SizeContainer { height: auto!important; } .Div .Header .ShopLogo { padding: 10px 0; } /* Middle */ .Imprint td { display: block; padding: 0!important; } /* Vanilla sticky footer bug fix */ .FooterContainer.sticky, .FooterContainer { position: relative!important; } /* Terms and Conditions, Privacy policy etc. width */ .TermsAndConditions, .PrivacyPolicy, .ShippingAndPaymentInformation { max-width: 700px!important; } /* Add margins to layout blocks */ .CategoryList .CategoryBaseTable .ImgLeft, .CategoryList .CategoryBaseTable .ImgRight, .CategoryList .CategoryBaseTable .TextRight, .CategoryList .CategoryBaseTable .TextLeft, .CategoryList .CategoryBaseTable .TextComplete, .CategoryList .CategoryBaseTable.TextComplete { margin: 16px 0!important; } /* Cookie */ .message-bar { z-index: 1000!important; } /* Responsive */ @media screen and (max-width: 1000px) { .NavBarRoof, .Header, .NavBarTop, .Footer { padding: 0!important; } } @media screen and (max-width: 768px) { /* Responsive sitemap */ .SiteMap .SiteMapRight, .SiteMap .SiteMapLeft { width: 100%!important; float: none!important; } /* Make layouts full width if side by side */ .CategoryList .CategoryBaseTable .ImgLeft, .CategoryList .CategoryBaseTable .ImgRight, .CategoryList .CategoryBaseTable .TextRight, .CategoryList .CategoryBaseTable .TextLeft { width: 100%!important; padding: 0!important; } .CategoryList .CategoryBase .ImgLeft img, .CategoryList .CategoryBaseTable .ImgRight img { width: 100%!important; max-width: 100%!important; } .CategoryText img { width: 100%!important; max-width: 100%!important; height: auto!important; } } /* 03_fonts */ /* All custom fonts can be changed here */ /* General fonts */ /* ----------- Fontit ----------- */ .BasketBox span { font-family: inherit!important; } .fa-shopping-cart:before { font-family: FontAwesome!important; margin: 0 0.5em; } .fa { font-family: FontAwesome!important; font-style: normal!important; } /* 04_blog */ /* Styling for the blog */ .BlogListItem { max-width: 800px!important; margin: 18px 0 64px 0!important; } .BlogListItem .PublishInfo { font-size: 12px!important; } .BlogListItem h2[itemprop="name headline"] { line-height: unset!important; margin: 8px 0; } .BlogListItem h2[itemprop="name headline"] a { font-weight: bold!important; font-size: 22px!important; } .BlogListItem .Message .MessageBlock img { display: none!important; } .BlogListItem .CategoryImage { display: none!important; } .BlogListItem .Message .CategoryImage { display: block!important; margin: 0 10px 0 0!important; float: none!important; } .BlogListItem .Message a { display: inline-block!important; margin-top: 8px; padding: 8px 16px; border: 1px solid #1d1d1d; } .BlogListItem .Message .CategoryImage a { margin-top: 0!important; padding: 0!important; border: 0!important; } .BlogListItem .Message .MessageBlock { height: auto!important; max-height: 100px!important; } .BlogListItem .Message a[name="MainText"], .BlogListItem div[itemprop="description articleBody text"] .Message a, .BlogListItem .Message .MessageBlock a { margin: 0!important; padding: 0!important; border: none!important; } .BlogListItem .Message .MessageBlock a { text-decoration: underline; } .BlogListItem .Box { display: none!important; } /* 05_buttons */ /* ALL BUTTONS HOVER AND TRANSITION */ button.ep-uiInput-button, #UserLoginForm button[type=submit], ul.NoListStyleType a.Action, .RemoteSearchFacets .RemoteSearchFacetPrice button, .RemoteSearchFacetsInitial a.RemoteSearchFacetsReset, .CheckoutButtons #ContinueShoppingButton a, .CheckoutButtons #KCOButton #KCOLink, .CheckoutButtons #CheckOutTop button, .OrderProcessNavigation #CheckOut button, .MultipleStep-Container button, .MultipleStep-Container .Continue #ContinueShoppingButton, #ProductInfoTabs #ProductRatings button.WriteProductRating { -webkit-transition: 100ms ease-in-out!important; -o-transition: 100ms ease-in-out!important; transition: 100ms ease-in-out!important; } button.ep-uiInput-button:hover, #UserLoginForm button[type=submit]:hover, ul.NoListStyleType a.Action:hover { opacity: 0.8!important; } /* Button colors */ .CheckoutButtons #KCOButton #KCOLink, .MultipleStep-Container .Continue #ContinueShoppingButton, ul.NoListStyleType a.Action { background: white!important; color: #1d1d1d!important; border: 1px solid #1d1d1d!important; } /* Button padding */ ul.NoListStyleType a.Action, .CheckoutButtons #KCOButton #KCOLink, #ProductInfoTabs #ProductRatings button.WriteProductRating, .NavBarBottom.HorizontalNavBar .ep-js button { padding: 8px 16px!important; } button[name="AddBasketToShoppingList"] { font-weight: normal!important; font-size: 13px!important; border: 1px solid #1d1d1d!important; padding: 8px 16px 8px 10px!important; } /* Display inline-block */ #UserLoginForm button[type=submit], ul.NoListStyleType a.Action, .RemoteSearchFacetsInitial a.RemoteSearchFacetsReset, .CheckoutButtons #ContinueShoppingButton a, .CheckoutButtons #KCOButton #KCOLink, .MultipleStep-Container .Continue #ContinueShoppingButton, #ProductInfoTabs #ProductRatings button.WriteProductRating { display: inline-block!important; } /* Display none */ form .Box button span.SearchIcon, .AddToBasketButton .BasketIcon, .SubscribedIcon, .NotSubscribedIcon, #BasketForm .RefreshIconSmall { display: none; } /* Font sizes */ .CheckoutButtons #ContinueShoppingButton a, .CheckoutButtons #KCOButton #KCOLink, .CheckoutButtons #CheckOutTop button, .OrderProcessNavigation #CheckOut button, .NavBarBottom.HorizontalNavBar .ep-js button { font-size: 14px!important; } /* Line-height */ #UserLoginForm button[type=submit], ul.NoListStyleType a.Action, .CheckoutButtons #ContinueShoppingButton a { line-height: 140%!important; } /* Font weight */ #UserLoginForm button[type=submit], ul.NoListStyleType a.Action, .CheckoutButtons #ContinueShoppingButton a, .CheckoutButtons #KCOButton #KCOLink { font-weight: normal!important; } /* Other button styles that are not generic */ /* FORUM BUTTONS */ /* Prevents the button styles creating background color to date picker buttons */ form .Box span.ep-uiDatepicker-showButton { background: transparent!important; } /* SEARCH FACET BUTTONS */ .RemoteSearchFacets .RemoteSearchFacetPrice button { padding: 10px!important; } .RemoteSearchFacetsInitial a.RemoteSearchFacetsReset { margin-left: 0!important; padding: 6px!important; margin: 8px 0; font-size: 13px!important; } /* ADD TO BASKET BUTTON */ .ProductListImageBox .InfoArea .AddToBasketButton { margin-top: 8px; max-width: 200px!important; } .ProductListImageBox.two-colums-product-list .InfoArea .AddToBasketButton { margin-top: 18px!important; } .ProductListImageBox.four-colums-product-list .InfoArea .AddToBasketButton { margin-top: 12px!important; } /* RATE PRODUCT BUTTON */ #ProductInfoTabs #ProductRatings button.WriteProductRating { background: none!important; margin: 0!important; border: 1px solid #000000; background-color: white; } /* NEWSLETTER BUTTON */ .NavBarBottom.HorizontalNavBar .ep-js button { margin: 0px!important; line-height: 1.3!important; } /* VARIATIONS ADD TO BASKET BUTTON */ .VariationsTable .AddToBasketForm button.ButtonBasket { padding: 4px 8px!important; } /* CUSTOM PRODUCT LIST BUTTONS */ .ProductListImageBox .InfoArea .AddToBasketForm .NoWrap.custom-basket-input-button, .ProductListImageBox .InfoArea .AddToBasketForm .ShowInlineElement .custom-basket-input-button { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; margin-top: 12px!important; } .ProductListImageBox .InfoArea .AddToBasketForm .NoWrap.custom-basket-input-button button, .ProductListImageBox .InfoArea .AddToBasketForm .ShowInlineElement .custom-basket-input-button button { margin-top: 0!important; } .ProductListImageBox .InfoArea .AddToBasketForm .ShowInlineElement .custom-basket-input-button .epWidth50.epWidth-4, .ProductDetails .epWidth50.epWidth-4, .VariationsTable .epWidth50.epWidth-4 { width: 30px!important; } .AddToBasketForm .ep-uiSpinner-stepper { border-radius: 0!important; } .AddToBasketForm .ep-uiSpinner-stepper .ep-uiSpinner-stepUp, .AddToBasketForm .ep-uiSpinner-stepper .ep-uiSpinner-stepDown { line-height: 14px!important; } .AddToBasketForm .ep-uiSpinner-stepper .ep-uiSpinner-stepUp:hover, .AddToBasketForm .ep-uiSpinner-stepper .ep-uiSpinner-stepDown:hover { color: white!important; opacity: 0.7!important; } .custom-basket-input-button .ep-uiInput { margin: 0!important; } .custom-basket-input-button .ep-uiSpinner-stepper { margin: 0 2px!important; } /* Focus-state box shadow */ input:focus, button:focus, input:focus + .ep-uiInput, input:focus + .ep-uiInput-custom .ep-uiInput { box-shadow: none!important; } /* 06_footer */ /* Footer styling */ /* Basic footer structure and styling */ .Footer .PropertyContainer .SizeContainer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .Footer .SizeContainer.custom-container.custom-right { width: auto!important; } .Footer .SizeContainer.custom-container.custom-left { padding: 0!important; width: auto!important; } .Footer .PropertyContainer .SizeContainer>ul { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .Footer .PropertyContainer .SizeContainer>div { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 32px 16px; } .Footer .PropertyContainer .SizeContainer>div>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left!important; } .Footer .PropertyContainer .SizeContainer>div>div>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Footer .PropertyContainer .SizeContainer>div>div>ul>li { text-align: left!important; } .Footer .PropertyContainer .SizeContainer>div>div h1, .Footer .PropertyContainer .SizeContainer>div>div h2, .Footer .PropertyContainer .SizeContainer>div>div h3, .Footer .PropertyContainer .SizeContainer>div>div h4, .Footer .PropertyContainer .SizeContainer>div>div h5 { margin-bottom: 24px; } .Footer .PropertyContainer .SizeContainer>div>div p { padding: 0!important; } .Footer .ContextBoxHead span { font-weight: bold!important; margin-bottom: 8px; } /* Log in and sign up for newsletter forms */ .Footer .PropertyContainer .SizeContainer .ContextBoxHead { padding: 0!important; } .Footer .PropertyContainer .SizeContainer .ContextBoxHead span, .Footer .PropertyContainer .SizeContainer .ContextBoxHead h1 { height: auto!important; padding: 0!important; } .Footer .PropertyContainer .SizeContainer .ContentBox .ContextBoxBody .Entry { min-height: unset!important; margin: 0!important; padding: 0!important; } /* Last seen products */ .Footer .ProductLastViewedBox { max-width: 440px!important; } .Footer .ProductLastViewedBox .de_epages-catalogUiProductLastViewed { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px!important; } .Footer .ProductLastViewedBox .de_epages-catalogUiProductLastViewed li { min-height: unset!important; padding: 0!important; margin: 4px; } .Footer .ProductLastViewedBox .de_epages-catalogUiProductLastViewed li a { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Footer .ProductLastViewedBox .de_epages-catalogUiProductLastViewed img { float: none!important; width: auto!important; } /* CategoryBox styling */ .Footer .CategoriesBox .ContextBoxBody em a { display: inline-block; margin-bottom: 8px; } .Footer .PropertyContainer .SizeContainer .CategoriesBox .ContextBoxHead { margin-bottom: 16px!important; } .Footer .ContextBoxBody { padding: 0!important; } .FooterContainer .ContextBox .ContextBoxBody .FloatLeft.RightMargin { float: none!important; margin: 0 0 12px 0!important; } /* NavBarBottom newsletter */ .NavBarBottom.HorizontalNavBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .NavBarBottom.HorizontalNavBar .PropertyContainer .SizeContainer>div { margin: 10px 0; } .NavBarBottom.HorizontalNavBar .BoxContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0!important; } .NavBarBottom.HorizontalNavBar .BoxContainer .ContextBoxBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0!important; margin: 0!important; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .NavBarBottom.HorizontalNavBar .BoxContainer .ContextBoxHead, .NavBarBottom.HorizontalNavBar .BoxContainer .ContextBoxBody .InputLabelling, .NavBarBottom.HorizontalNavBar .BoxContainer .ContextBoxBody .InputField, .NavBarBottom.HorizontalNavBar .BoxContainer form .ContextBoxBody>a { display: none!important; } .NavBarBottom.HorizontalNavBar .BoxContainer form .InputLabelling { margin: 0!important; padding: 0!important; } .NavBarBottom.HorizontalNavBar .BoxContainer form input { margin: 0!important; padding: 9px 16px!important; width: 320px; } /* Footer special font colors */ .Footer .ContextBoxBody strong { color: inherit!important; } /* Credit card images */ .NavBarBottom .CreditCards img { max-width: 100%!important; } /* Remove footer ul list style */ .Footer .SizeContainer ul { list-style-type: none!important; } /* Margin for ul elements */ .Footer .BoxContainer .ContextBoxBody ul li { margin: 0 0 8px 0!important; } .Footer .PropertyContainer .SizeContainer .BoxContainer .ContextBoxHead { margin-bottom: 12px!important; } @media screen and (max-width: 1000px) { /* Basic footer styling */ .Footer .NavigationText>div>div ul li { text-align:left!important; } .Footer .ContextBoxBody { text-align: left!important; } } @media screen and (max-width: 860px) { /* Basic footer styling */ .Footer .PropertyContainer .SizeContainer, .Footer .PropertyContainer .SizeContainer>div { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } } @media screen and (max-width: 500px) { .NavBarBottom.HorizontalNavBar .BoxContainer .ContextBoxBody { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .NavBarBottom.HorizontalNavBar .BoxContainer form input { max-width: 230px; } .NavBarBottom.HorizontalNavBar .ep-js button { margin: 0!important; } .NavBarBottom.HorizontalNavBar .ep-js button { width: 100%!important; } } /* 07_forms */ /* All forms are made responsive here */ /* Search form */ .Header.HorizontalNavBar .SizeContainer .SearchElement { border: none!important; background: #f1f1f1!important; border-radius: 0!important; width: 90%!important; margin-top: 0!important; } .Header.HorizontalNavBar .SizeContainer .SearchElement .Entry { width: 100%!important; } .Header.HorizontalNavBar .SizeContainer .SearchElement .Entry .InputField.SearchForm.horizontal-search { width: 100%!important; border: 0!important; display: flex!important; flex-direction: row!important; flex-wrap: nowrap!important; background: #f1f1f1!important; } .Header.HorizontalNavBar .SizeContainer .SearchElement .Entry .InputField.SearchForm.horizontal-search > input { padding: 0!important; width: 100%!important; } .Header.HorizontalNavBar .SizeContainer .SearchElement .Entry .InputField.SearchForm.horizontal-search .Search { background: #f1f1f1!important; } .de_epages-remotesearchUiSuggest-box.Header { background: transparent!important; } @media screen and (min-width: 500px) { .Header.HorizontalNavBar .SizeContainer .SearchElement { width: auto!important; } } /* General e-mail form */ .epCustomFormWrapper dl dt { float: none!important; width: 100%!important; text-align: left!important; } .epCustomFormWrapper dl dd { margin: 0!important; } .epCustomFormWrapper dl .AlignRight { text-align: left!important; } .epCustomFormWrapper dl dd .ep-uiInput-text, .epCustomFormWrapper dl dd textarea { max-width: 600px; } .epCustomFormWrapper dl dt label { display: inline-block!important; margin-bottom: 8px!important; } /* Log in form */ #UserLoginForm h2.MarginBottom { display: none; } #UserLoginForm .InputBlock { margin-bottom: 20px!important; } #UserLoginForm .InputBlock .InputLabelling { margin-bottom: 8px!important; } #UserLoginForm .InputBlock .InputField input { width: 300px!important; padding: 6px!important; } #UserLoginForm .InputBlock .InputField input[name="Password"] { margin-bottom: 16px!important; } ul.NoListStyleType h2.MarginBottom { margin-bottom: 32px!important; } ul.NoListStyleType { margin: 48px 0!important; } /* Register form */ .NewCustomer #registrationForm .AddressDialog { border: none!important; } .NewCustomer #registrationForm .AddressDialog td.InputLabelling, .NewCustomer #registrationForm .AddressDialog div.InputLabelling { padding: 0!important; width: auto!important; } .NewCustomer #registrationForm .Dialog div.InputField, .NewCustomer #registrationForm .Dialog td.InputField { padding: 0!important; } .NewCustomer #registrationForm .Dialog div.InputLabelling { float: none!important; text-align: left!important; margin-bottom: 4px!important; } .NewCustomer #registrationForm .NewsletterForm { margin: 32px 0 0 0!important; } .NewCustomer #registrationForm .Dialog div.InputField { float: none!important; margin-bottom: 8px!important; } .NewCustomer #registrationForm .TableHead div { line-height: unset!important; margin: 32px 0 16px 0!important; font-weight: bold; font-size: 20px!important; } .NewCustomer #registrationForm .Dialog .MandatoryField .InputField { color: #888888!important; font-size: 12px!important; font-style: italic; } .NewCustomer #registrationForm .InputBlock .InputField input { width: 100%!important; max-width: 360px!important; } .NewCustomer #registrationForm .InputBlock .InputField input[type="checkbox"] { width: auto!important; max-width: unset!important; } .NewCustomer .BreadcrumbItem { margin-right: 8px!important; } /* Recommend product form */ .ListItemProduct .ListItemProductInfoContainer .NewProduct { display: none!important; } #ProductRecommendationForm .TableHead div { margin: 0 0 32px 0!important; font-size: 20px!important; font-weight: bold!important; } #ProductRecommendationForm .Dialog { padding: 0!important; } #ProductRecommendationForm .Dialog .FormGrid tr { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #ProductRecommendationForm .Dialog .FormGrid tr td input { width: 100%!important; max-width: 360px!important; } /* Product inquiry form */ #ProductInquiryForm .TableHead div { margin: 0 0 32px 0!important; font-size: 20px!important; font-weight: bold!important; } #ProductInquiryForm .Dialog { padding: 0!important; } #ProductInquiryForm .Dialog .InputBlock { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #ProductInquiryForm .Dialog .InputBlock .InputLabelling { float: none!important; text-align: left!important; margin-bottom: 4px; } #ProductInquiryForm .Dialog .InputBlock .InputField { float: none!important; margin-bottom: 8px; } #ProductInquiryForm .Dialog .InputBlock .InputField input, #ProductInquiryForm .Dialog .InputBlock .InputField textarea { width: 99%!important; max-width: 360px!important; } /* Rate product form */ #NewRatingTable { margin-bottom: 48px; } #NewRatingTable .FloatRight, #NewRatingTable .Dialog div.InputLabelling, #NewRatingTable .Dialog div.InputField { float: none!important; text-align: left!important; } #NewRatingTable .Box { border: 0!important; } #NewRatingTable .Dialog .InputBlock .InputField .ep-uiInput { width: 99%!important; max-width: 500px!important; } #NewRatingTable .ProductRatingSwitch input { width: auto!important; } #NewRatingTable .SizeContainer { min-width: unset!important; } #ProductRatingForm h3 i.Icon.ProductRatingEditIcon { display: none; } #ProductRatingForm h3 { font-size: 20px; } #ProductRatingForm .ListItemProductInfoContainer .PriceArea, #ProductRatingForm .ListItemProductInfoContainer .AlignRight { text-align: left!important; } #ProductRatingForm .ListItemProduct .InfoArea.ProductDetail .ImageArea img.ProductSmallImage { max-width: 300px!important; } #NewRatingTable .PaddingTop { opacity: 0.8; max-width: 640px; font-size: 13px; margin: 8px 0 16px 0; } #NewRatingTable .PaddingTop a { font-size: 13px!important; font-weight: bold!important; } #NewRatingTable .InputBlock .InputLabelling, #ProductRatingForm .InputBlock .InputField { padding: 0!important; margin-bottom: 4px; } #NewRatingTable .InputBlock .InputLabelling { font-weight: bold!important; } #NewRatingTable .InputBlock { margin: 4px 0; } #NewRatingTable .InputBlock .InputField .TopMargin { margin: 0 0 4px 0!important; font-weight: bold!important; } #NewRatingTable .Dialog div.InputField, #NewRatingTable .Dialog td.InputField { padding: 0!important; } #NewRatingTable .InputBlock .InputField span.AlignMiddle { display: block!important; opacity: 0.7; font-size: 13px; } #ProductRatingForm .ListItemProduct .InfoArea.ProductDetail { border: 0!important; } #NewRatingTable .ProductRatingIEMarginBugFix { margin-top: 16px; } #ProductRatingForm .Box[itemprop="reviews"] { padding: 16px!important; } #ProductRatingForm .Box .BottomMargin[itemprop="reviewBody"] { margin-top: 16px!important; } #ProductRatingForm .FloatLeft[itemprop="aggregateRating"] { margin: 8px 0; opacity: 0.7; font-size: 13px; } #ProductRatingForm h3 strong.LeftSmallPadding { padding: 0!important; } @media screen and (max-width: 500px){ #UserLoginForm .InputBlock .InputField input{ width: auto!important; } } /* 08_forum */ /* Forum styling */ .ForumContainer { margin-top: 48px!important; } /* 09_guestbook */ /* Styles for guestbook */ #GuestBookSpamForm .SpamLink, #blogSpamForm .SpamLink, #ForumPostSpamForm .SpamLink { color: black !important; } .ForumTreeItemContainer { margin-bottom: 16px !important; } .ForumPostMessageContainer { padding-left: 0 !important; } #GuestBookAddThreadForm .TableHead div { margin: 32px 0 16px 0 !important; font-size: 20px !important; font-weight: bold; } #GuestBookAddThreadForm .Dialog, #GuestBookAddThreadForm .Dialog fieldset { padding-left: 0 !important; } #GuestBookAddThreadForm .DialogButtonbar button span { display: none !important; } /* 10_hotdeal-list */ /* Hot Deal List Styles */ .HotDeal .InfoArea a { display: inline-block!important; } .HotDealList .SlimHotDeal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .HotDealList .SlimHotDeal .SlimHotDealTop { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .HotDealList .SlimHotDeal .SlimHotDealFoot { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .HotDealList .SlimHotDeal .SlimHotDealFoot .SlimHotDealFootFloatin { text-align: center; } .HotDealList .SlimHotDeal .SlimHotDealFoot .SlimHotDealFootFloatin .InfoArea { text-align: center!important; } /* 11_menu */ /* General menu styling */ /* Menu */ .menu-container { width: 100%!important; margin: 0 auto; text-align: left; background: transparent; } .menu-mobile { display: none; padding: 10px; } .menu-mobile:after { content: "\f0c9"; font-family: "FontAwesome"; font-size: 1.5rem; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } .menu-dropdown-icon:before { content: "\f105"; font-family: "FontAwesome"; display: none; cursor: pointer; float: right; padding: 1.5em 2em; background: transparent; color: #333; } .menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu > ul:before, .menu > ul:after { content: "/f146"; font-family: "FontAwesome"; display: none; cursor: pointer; float: right; padding: 1.5em 2em; background: #fff; color: #333; } .menu > ul:after { clear: both; } .menu > ul > li { float: left; background: transparent; padding: 0; margin: 0; } .menu > ul > li a { text-decoration: none; padding: 1em 1.5em 1em 10px; display: block; /*color: inherit;*/ } .menu > ul > li:hover { background: transparent; } .menu > ul > li > ul { display: none; width: 100%; background: #f1f1f1; padding: 24px!important; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left; } .menu > ul > li > ul > li a { padding: .2em 0; width: 95%; display: block; font-size: 14px; font-weight: bold; color: #1d1d1d!important; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .menu > ul > li > ul > li a:hover { font-weight: bold!important; } .menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 10px 0; margin: 0; font-size: .8em; } .menu > ul > li > ul > li > ul > li a { border: 0; font-weight: normal; } .menu > ul > li > ul > li > ul > li a:hover { font-weight: normal!important; } .menu > ul > li > ul > li > ul > li a:hover { font-weight: normal; } .menu > ul > li > ul.normal-sub { width: 300px; left: auto; padding: 10px 20px; } .menu > ul > li > ul.normal-sub > li { width: 100%; } .menu > ul > li > ul.normal-sub > li a { border: 0; padding: 1em 0; } @media screen and (min-width: 960px) { .custom-navbartop-center .menu-container, .custom-navbartop-center .menu-container .menu, .custom-navbartop-right .menu-container, .custom-navbartop-right .menu-container .menu { width: 100%!important; } .custom-navbartop-center .menu-container .menu > ul.HorizontalDisplay { text-align: center!important; } .custom-navbartop-right .menu-container .menu > ul.HorizontalDisplay { text-align: right!important; } .custom-navbartop-center .menu-container .menu > ul > li > ul, .custom-navbartop-right .menu-container .menu > ul > li > ul { width: 100%!important; text-align: left!important; } .custom-navbartop-center .menu-container .menu > ul > li > ul.normal-sub, .custom-navbartop-right .menu-container .menu > ul > li > ul.normal-sub { width: 300px!important; text-align: left!important; } .custom-navbartop-center .menu-container .menu > ul > li, .custom-navbartop-right .menu-container .menu > ul > li { float: none!important; display: inline-block!important; } .custom-navbartop-center .menu-container .menu > ul > li > ul.normal-sub > li, .custom-navbartop-right .menu-container .menu > ul > li > ul.normal-sub > li { width: 100%!important; } } @media only screen and (max-width: 959px) { /* Menu */ .menu-container { width: 100%!important; text-align: left; } .menu-mobile { display: block; } .menu-dropdown-icon:before { display: block; } .menu > ul { display: none; } .menu > ul > li { width: 100%; float: none; display: block; } .menu > ul > li a { padding: 16px; width: auto; display: block; font-size: inherit; } .menu-dropdown-icon:before { padding: 16px 32px 16px 0; } .menu > ul > li > ul.normal-sub > li a { padding: 4px 0; } .menu > ul > li > ul { position: relative; } .menu > ul > li > ul.normal-sub { width: 100%; } .menu > ul > li > ul > li { float: none; width: 100%; margin-top: 20px; } .menu > ul > li > ul > li:first-child { margin: 0; } .menu > ul > li > ul > li > ul { position: relative; } .menu > ul > li > ul > li > ul > li { float: none; } .menu .show-on-mobile { display: block; background: #f8f8f8!important; } } /* 12_product-list */ /* Product list is made responsive using flexbox */ .ProductListImageBox tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden!important; } .ProductListImageBox tbody td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; width: auto!important; margin: 10px 0!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ProductListImageBox .custom-product-card { position: relative!important; } /* Four columns*/ .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 400px) { .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 900px) { .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 23%!important; flex-basis: 23%!important; } } .ProductListImageBox.four-colums-product-list .ImageArea { line-height: 0!important; } .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 270px!important; max-height: 270px!important; height: 270px!important; } @media screen and (min-width: 400px) { .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 200px!important; max-height: 200px!important; height: 200px!important; } } @media screen and (min-width: 500px) { .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 230px!important; max-height: 230px!important; height: 230px!important; } } @media screen and (min-width: 700px) { .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 300px!important; max-height: 300px!important; height: 300px!important; } } @media screen and (min-width: 900px) { .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 200px!important; max-height: 200px!important; height: 200px!important; } } /* Three columns */ .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 550px) { .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 30%!important; flex-basis: 30%!important; } } .ProductListImageBox.three-colums-product-list .ImageArea { line-height: 0!important; } .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 300px!important; max-height: 300px!important; height: 300px!important; } @media screen and (min-width: 550px) { .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 180px!important; max-height: 180px!important; height: 180px!important; } } @media screen and (min-width: 800px) { .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 280px!important; max-height: 280px!important; height: 280px!important; } } .ProductListImageBox.three-colums-product-list .Description { max-width: 300px!important; max-height: 200px!important; overflow: hidden!important; -o-text-overflow: ellipsis!important; text-overflow: ellipsis!important; } /* Two columns */ .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 400px) { .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } .ProductListImageBox.two-colums-product-list .custom-product-card { margin: 8px!important; } .ProductListImageBox.two-colums-product-list .ImageArea { line-height: 0!important; } .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 270px!important; max-height: 270px!important; height: 270px!important; } @media screen and (min-width: 500px) { .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 200px!important; max-height: 200px!important; height: 200px!important; } } @media screen and (min-width: 750px) { .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 300px!important; max-height: 300px!important; height: 300px!important; } } @media screen and (min-width: 900px) { .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 400px!important; max-height: 400px!important; height: 400px!important; } } .ProductListImageBox.two-colums-product-list .Description { max-width: 300px!important; max-height: 200px!important; overflow: hidden!important; -o-text-overflow: ellipsis!important; text-overflow: ellipsis!important; } /* Single column */ .CategoryProducts .HotDealList table.HorizontalDisplay.FullSize tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .HotDealList .ListItemProductContainer .ListItemProduct .ImageArea { max-width: 100px!important; } /* InfoArea */ .ProductListImageBox .InfoArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center!important; } .ProductListImageBox .InfoArea br { display: none!important; } .ProductListImageBox .InfoArea .BasketIcon { display: none; } .ProductListImageBox .InfoArea .ClearBoth { text-align: center; } .ProductListImageBox .InfoArea .ProductNo { font-size: .7em!important; opacity: 0.7!important; } .ProductListImageBox .InfoArea .LinkArea, .ProductListImageBox .InfoArea .Weight { opacity: 0.7!important; } .ProductListImageBox .InfoArea .FontSmaller { font-size: 0.7em!important; opacity: 0.7!important; } .ProductListImageBox .InfoArea .LineThrough { font-size: 13px!important; } .ProductListImageBox .InfoArea .Price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ProductListImageBox .InfoArea .TopPaddingWide { margin: 0 0 4px 0!important; } .ProductListImageBox .InfoArea .TopPaddingWide a { font-weight: bold!important; display: inline-block!important; text-align: center!important; max-width: 240px!important; } .ProductListImageBox .InfoArea .LinkArea .FloatLeft { float: none!important; text-align: center!important; } .InfoArea .Price { text-align: center!important; } .ProductListImageBox .InfoArea .TextWeak { display: block!important; } .ProductListImageBox.three-colums-product-list .custom-product-card .InfoArea { margin-top: 10px!important; } /* ImageArea */ .ProductListImageBox .ImageArea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* Center image inside imagearea*/ .ProductListImageBox .custom-product-card .ImageArea { position: relative!important; margin: 0 auto!important; width: 100%!important; -webkit-box-flex: 0!important; -ms-flex: none!important; flex: none!important; } .ProductListImageBox .custom-product-card .ImageArea a { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; } .ProductListImageBox .custom-product-card .ImageArea a img { position: absolute!important; top: 50%!important; left: 50%!important; -webkit-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; max-height: 100%!important; } /* Imagearea icons */ .ProductListImageBox .NewProduct, .ListItemProduct .NewProduct, .SlimHotDealTop .NewProduct, .HotDealTopFloatin .NewProduct { position: absolute!important; top: 0; left: 0; float: none!important; } .Tarjous { position: absolute; top: 0; right: 0; } /* Stock warnings */ .ProductOnStockIcon { background: #009347!important; height: 10px!important; width: 10px!important; border-radius: 50%; } .ProductOutStockIcon { background: #db3058!important; height: 10px!important; width: 10px!important; border-radius: 50%; } .ProductWarnStockIcon { background: #f90!important; height: 10px!important; width: 10px!important; border-radius: 50%; } @media screen and (max-width: 640px) { .custom-product-card img { max-width: 100%!important; } } /* Search facet product list */ /* Two columns product list */ .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 500px) { .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } /* Three columns product list */ .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 560px) { .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 30%!important; flex-basis: 30%!important; } } /* Four columns product list */ .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 500px) { .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 900px) { .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 23%!important; flex-basis: 23%!important; } } /* Sidebar product list */ /* Two columns */ /* Left and right active */ .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 500px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } } @media screen and (min-width: 1000px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 250px!important; max-height: 250px!important; height: 250px!important; } /* Left active */ .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 500px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 250px!important; max-height: 250px!important; height: 250px!important; } } @media screen and (min-width: 950px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 300px!important; max-height: 300px!important; height: 300px!important; } } @media screen and (min-width: 1100px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 350px!important; max-height: 350px!important; height: 350px!important; } } /* Right active */ .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 500px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 250px!important; max-height: 250px!important; height: 250px!important; } } @media screen and (min-width: 950px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 300px!important; max-height: 300px!important; height: 300px!important; } } @media screen and (min-width: 1100px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card .ImageArea { max-width: 350px!important; max-height: 350px!important; height: 350px!important; } } /* Three columns */ /* Left and right active */ .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 550px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 30%!important; flex-basis: 30%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } } @media screen and (min-width: 1100px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 30%!important; flex-basis: 30%!important; } } .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 180px!important; max-height: 180px!important; height: 180px!important; } /* Left active */ .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 560px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 30%!important; flex-basis: 30%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 160px!important; max-height: 160px!important; height: 160px!important; } } @media screen and (min-width: 1000px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 220px!important; max-height: 220px!important; height: 220px!important; } } /* Right active */ .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 560px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { -ms-flex-preferred-size: 30%!important; flex-basis: 30%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 160px!important; max-height: 160px!important; height: 160px!important; } } @media screen and (min-width: 1000px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card .ImageArea { max-width: 220px!important; max-height: 220px!important; height: 220px!important; } } /* Four columns */ /* Left and right active */ .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 400px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 600px) { .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 23%!important; flex-basis: 23%!important; } } .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 150px!important; max-height: 150px!important; height: 150px!important; } /* Left active */ .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 500px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 900px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { -ms-flex-preferred-size: 23%!important; flex-basis: 23%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 230px!important; max-height: 230px!important; height: 230px!important; } } @media screen and (min-width: 900px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 150px!important; max-height: 150px!important; height: 150px!important; } } @media screen and (min-width: 1100px) { .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 200px!important; max-height: 200px!important; height: 200px!important; } } /* Right active */ .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-CategoryProducts { -ms-flex-preferred-size: 90%!important; flex-basis: 90%!important; } @media screen and (min-width: 500px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-CategoryProducts { -ms-flex-preferred-size: 45%!important; flex-basis: 45%!important; } } @media screen and (min-width: 900px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-CategoryProducts { -ms-flex-preferred-size: 23%!important; flex-basis: 23%!important; } } @media screen and (min-width: 801px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 230px!important; max-height: 230px!important; height: 230px!important; } } @media screen and (min-width: 900px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 150px!important; max-height: 150px!important; height: 150px!important; } } @media screen and (min-width: 1100px) { .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card .ImageArea { max-width: 200px!important; max-height: 200px!important; height: 200px!important; } } /* 13_product-page */ /* Product page styles */ /* Product card and info */ .ProductDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 32px 0; } .ProductDetails .InfoArea { float: none!important; width: auto!important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ProductDetails .ProductImage { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-width: 300px; } .ProductDetails .InfoArea, .ProductDetails .ProductImage { margin: 8px!important; } .ProductDetails .PriceContainer { padding: 32px!important; } .ProductDetails .PriceContainer .Price { text-align: left!important; } .ProductDetails .SocialMedia { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%!important; } /* Link icons */ .AdditionalLinks.New input, .AdditionalLinks.New a { background: none!important; padding: 4px 6px!important; } /* Cross Selling */ .CrossellingCount { margin: 8px 0 32px 0!important; } .CrossellingCount tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .CrossellingCount tbody td { display: table-cell; width: auto!important; margin: 24px 32px 24px 0; max-width: 200px; word-break: break-word; } .CrossellingCount tr td { padding: 0!important; border: 0!important; } .CrossellingCount .CrossellingImageArea { display: -webkit-box; display: -ms-flexbox; display: flex; } .CrossellingCount .CrossellingImageArea a { margin: 0 auto; } .CrossellingCount .CrossellingInfoArea { text-align: center!important; } .CrossellingCount .CrossellingInfoArea span.AdditionalInfo { display: block!important; font-size: 9px!important; } .CrossellingCount .CrossellingInfoArea .Price { text-align: center!important; float: none!important; } /* Hides crosselling add to basket button */ .CrossellingInfoArea .ButtonBasket { display: none; } /* Product ratings */ #ProductInfoTabs #ProductRatings .Box[itemprop="reviews"] { padding: 16px!important; margin-top: 8px!important; } #ProductInfoTabs #ProductRatings .Box[itemprop="reviews"] .TopPaddingWide { margin-top: 16px!important; padding: 0!important; } #ProductInfoTabs #ProductRatings .FloatLeft[itemprop="aggregateRating"] { margin: 8px 0; opacity: 0.7; font-size: 13px; } /* Browse other categories */ .AlsoBrowseThisCat { opacity: 0.7; max-width: 900px!important; display: inline-block; font-size: 13px; } .AlsoBrowseThisCat a { line-height: 1.8!important; font-size: 13px; } /* VariationsTable */ .VariationsTable { margin-top: 32px!important; } .VariationsTable th { background: white!important; } .VariationsTable .AddToBasketForm .ShowInlineElement div.custom-variationstable-input-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* Custom alternative products */ .custom-alternative-products { margin-bottom: 48px!important; } .custom-alternative-products tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .custom-alternative-products tr { width: 100%!important; margin-bottom: 32px!important; } .custom-alternative-products tr th { background: white!important; } .custom-alternative-products .Wrapper .DisplayInlineBlock { display: none!important; } .custom-alternative-products .QuarterSize { width: auto!important; border: 0!important; max-width: 140px!important; } .custom-alternative-products .QuarterSize .Wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .custom-alternative-products .Wrapper .Price { margin-bottom: 8px!important; } /* Input buttons */ .ProductDetails .InfoArea .AddToBasketForm .custom-basket-input-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* Product image modal */ .ep-uiLightbox { border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; -ms-border-radius: 0!important; box-shadow: 0 0 15px 1px rgba(0,0,0,0.3)!important; -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3)!important; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3)!important; -o-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3)!important; -ms-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3)!important; } /* Product image modal icons */ html body .ep-uiSlides-ctrl a, html body .ep-uiSlides-ctrl:hover a:hover { color: white!important; background: #1d1d1d!important; border: 1px solid #1d1d1d!important; opacity: 1!important; box-shadow: none!important; font-weight: normal!important; font-size: 16px!important; line-height: 24px!important; box-sizing: border-box!important; width: 27px!important; height: 27px!important; } .ep-uiLightbox-ctrlClose { background: #1d1d1d!important; border: 1px solid #1d1d1d!important; box-shadow: none!important; } @media screen and (max-width: 768px) { /* HIDE PRODUCT ZOOM ON MOBILE */ .ep-uiLightbox-showThumbs .ep-uiLightbox-thumbs, .ep-uiMagnifier-zoom { display: none!important; } .ep-uiLightbox-showThumbs .ep-uiLightbox-slides { right: 0!important; } } /* Recommend product */ .ListItemProduct .InfoArea.ProductDetail .ImageArea img.ProductSmallImage { max-width: 300px!important; } /* 14_product-search */ /* Bug fix */ @media screen and (max-width: 600px) { .no-sidebars .RemoteSearchFacets+div, .no-sidebars .RemoteSearchFacets~.CategoryList { overflow: visible!important; } } /* Styles for product search results */ .RemoteSearchResults .NewProduct { display: none!important; } .RemoteSearchFacetsInitial { text-align: center!important; padding: 0; } .RemoteSearchResults .HotDealList .NewProduct { display: none!important; } .FacetsToggle { display: none; } /* Remote search facet styling */ /* Remove box shadow */ .RemoteSearchFacets { -webkit-box-shadow: none!important; box-shadow: none!important; } /* Margin between search facet elements */ .RemoteSearchFacets .RemoteSearchFacet { margin: 8px 0!important; } /* Fix clipped text in search list */ .RemoteSearchFacet>ul { padding-left: 2px!important; } /* Search facet rating input width */ .RemoteSearchFacetRating input { width: 0!important; } /* Price filter */ .RemoteSearchFacets .RemoteSearchFacet.RemoteSearchFacetPrice .ui-slider span.ui-slider-handle { background: #1d1d1d!important; height: 16px!important; border-radius: 50%; top: -5px!important; } .RemoteSearchFacets .RemoteSearchFacet.RemoteSearchFacetPrice .ui-slider span.ui-slider-handle:hover { background: #1d1d1d!important; } .RemoteSearchFacets .RemoteSearchFacet.RemoteSearchFacetPrice .ui-slider .ui-slider-range { background: #1d1d1d!important; } .RemoteSearchFacet .ui-slider-horizontal { margin: 10px 17px 15px 8px!important; } /* Facet name */ .RemoteSearchFacets .FacetName { font-weight: bold!important; font-size: 18px!important; display: inline-block!important; } /* Facet text */ .RemoteSearchFacets .RemoteSearchFacet ul li > a, .RemoteSearchFacets .RemoteSearchFacet ul li a > span, .RemoteSearchFacets .RemoteSearchFacet ul li > label.Bold, .RemoteSearchFacets .RemoteSearchFacet ul li label.Bold > span, .RemoteSearchFacets .RemoteSearchFacet ul li > label, .RemoteSearchFacets .RemoteSearchFacet ul li a > label { font-weight: lighter!important; font-size: 12px!important; } .RemoteSearchFacets .RemoteSearchFacet label.Bold span, .RemoteSearchFacets .RemoteSearchFacet label.Bold { text-decoration: underline!important; } .RemoteSearchFacets .RemoteSearchFacet ul li { margin: 5px 0!important; } /* Facet button */ .RemoteSearchFacets .RemoteSearchFacetPrice button { padding: 3px 10px!important; } /* Subcategory padding */ .RemoteSearchFacets .RemoteSearchFacet ul li ul.LeftPaddingWide { padding-left: 8px!important; } @media screen and (max-width: 600px) { div#RemoteSearchFacets.Collapsed { height: 40px; overflow: hidden; } div#RemoteSearchFacets { height: auto; width: 100%!important; overflow: hidden!important; } .FacetsToggle { display: block; } .FacetsToggle a { border: 1px solid; padding: 3px; margin: 5px; display: block; text-align: center; } .CategoryProducts.show-facets .FloatRight.MarginBottom { float: none!important; } } /* 15_product-list-search-facets */ .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox div.InfoArea { overflow: visible!important; } .FacetsToggle a i { display: none!important; } /* 16_product-tables */ /* Tables like comparison table */ .ComparisonTable .NewProduct { display: none!important; } /* 17_shopping-cart */ /* Styles for shopping cart and shopping process */ /* Shopping cart */ #BasketForm { margin: 32px 0 48px 0!important; } .Message.Medium.FreeShipping { background: #ececec!important; padding: 32px!important; margin-bottom: 32px; } .Basket tbody td { border: 0!important; } #BasketTable * { font-weight: bold!important; } .BasketBox .FontSmaller { display: none!important; } /* Last row */ #BasketTable > tbody > tr:last-child td { border-top: 0!important; background: #ededed!important; } #BasketTable > tbody > tr:last-child td:nth-child(1) { padding-left: 10px!important; } /* Coupon */ .CouponTable tbody tr { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; } .CouponTable #RedeemCouponButton { display: block!important; float: none!important; margin: 0!important; } .Basket input#CouponCode { float: none!important; } .CouponTable h3 { font-weight: bold!important; padding: 0!important; margin-bottom: 0; } input.CouponCode { margin-left: 0!important; } #BasketForm > div.Basket > table.BlankTable.CouponTable > tbody > tr > td.AlignMiddle.PaddingRight { display: none!important; } #RedeemCouponButton>input { margin: 0!important; } .CouponTable .DialogMessage.MessageWarningSmall { background: none!important; padding-left: 10px!important; margin: 10px 0!important; } @media screen and (min-width: 500px) { /* Input */ #BasketTable > tbody > tr.SeparateRow.ProductItem > td > input.ep-js.ep-uiInput.ep-uiInput-text.ep-uiValidate { border-radius: 3px !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px!important; -webkit-box-shadow: 2px 2px 2px #f1f1f1; box-shadow: 2px 2px 2px #f1f1f1; width: 40px!important; } table.Basket td, table.MiniBasket td, table.MiniStatusBasket td { padding: 6px 0px!important; } } /* Basket icons */ /* Delete item icon */ .Basket .Icon.TrashIcon { background: none!important; width: auto!important; height: auto!important; } .Basket .Icon.TrashIcon::before { content: '\f00d'!important; font-family: 'FontAwesome'!important; font-size: 14px!important; color: #444040!important; } .Basket button[name="Delete"] { padding: 0!important; } /* Shopping list icon */ button[name="AddBasketToShoppingList"] span.ShoppingListIcon { background: none!important; height: auto!important; width: auto!important; } /* Responsive */ @media screen and (max-width: 500px) { #BasketForm .Basket input[name="Quantity"] { width: 16px!important; } #BasketForm .Basket .productBasketImage .ThumbnailsInBasket { display: none!important; } #BasketForm .Basket, #BasketForm .Basket tbody td, #BasketForm .Basket tbody td a { font-size: 12px!important; padding: 1px!important; } #BasketTable tbody td.SeparateColumn.Money b { font-size: 13px!important; } #BasketForm .Basket .productBasketImage td.AlignMiddle a { word-break: break-word!important; } .CheckoutButtons #KCOButton #KCOLink, .CheckoutButtons #CheckOutTop button, .OrderProcessNavigation #CheckOut button, .CouponTable #RedeemCouponButton input[name="Save"] { padding: 6px 12px!important; } .CheckoutButtons #ContinueShoppingButton a { padding: 6px 0!important; } button[name="AddBasketToShoppingList"] { padding: 6px 12px 6px 7px!important; } } @media screen and (max-width: 400px) { #BasketForm .Basket, #BasketForm .Basket tbody td, #BasketForm .Basket tbody td a { font-size: 11px!important; } #BasketForm .Basket input[name="Quantity"] { width: 12px!important; } } /* Shopping process */ .MultipleStep-Container { max-width: 100%!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -ms-box-shadow: none!important; } .MultipleStep-Container .CheckOut { max-width: 1000px!important; margin: 32px auto!important; } .MultipleStep-Container .Header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 18px auto; } .MultipleStep-Container .Header .Logo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; float: none!important; max-width: unset!important; margin: 8px!important; } .MultipleStep-Container .Header .Continue { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; float: none!important; margin: 8px!important; } .MultipleStep-Container .CheckOutNav { padding: 0 10%!important; } .MultipleStep-Container .ep-contentbox-item, .MultipleStep-Container .summary { border-radius: 0!important; } /* Header */ .Header .BasketBox .basket-icon-link span.fa.fa-shopping-cart { font-size: 14px!important; line-height: 2!important; text-align: right!important; } html body .GeneralLayout .HorizontalNavBar .BasketBox span { font-size: inherit!important; line-height: 2!important; } /* Traditional shopping process */ @media screen and (max-width: 600px) { table.Basket td { word-break: break-all; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } table.productBasketImage tr td { padding: 0; } .Basket .Money { white-space: normal; } .BasketSharing .InputBlock .BS-inputLabel, .BasketSharing .InputBlock .InputField { width: 100%; float: left; display: block; padding: 0; } .BasketSharing .InputBlock { display: block !important; } .BasketSharing textarea.BasketSharing-textarea { width: 300px !important; font-size: 75% !important; } .BasketSharing { width: 100%; float: left; } .BasketSharing .Dialog { padding: 0; } .Basket input#CouponCode { width: 95px; } .Basket .ShippingOptionContainer .HalfWidth { width: 100% !important; padding-bottom: 20px; } textarea.BasketComment { width: 70%; } table#BasketTable select.basketPaymentSelect, table#BasketTable select.basketShippingSelect { width: 100% !important; } ul.OrderProcess i.Icon { zoom: 60%; } span.ShowElement.ExplainItem { display: none !important; } ul.OrderProcess li { width: 75px; height: 65px; } } @media screen and (max-width: 500px) { .MultipleStep-Container .Header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .MultipleStep-Container .CheckOutNav { padding: 0!important; } } /* 18_subpage-list */ /* Styles for subpage lists */ .CategoryList .CategoryList .ListItemCategory { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: unset!important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .CategoryList .ListItemCategoryTable tbody td { width: auto!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .CategoryList .ListItemCategoryTable tbody td.MediumColumn { -ms-flex-preferred-size: 300px; flex-basis: 300px; } .CategoryList .ListItemCategoryTable tbody td.PercentWidth25 { -ms-flex-preferred-size: 250px; flex-basis: 250px; } .CategoryList .ListItemCategoryTable tbody td.HalfSize { -ms-flex-preferred-size: 500px; flex-basis: 500px; } .CategoryList .ListItemCategoryTable tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .CategoryList .ListItemCategoryTable tbody td .ListItemCategory { min-height: unset!important; padding: 8px!important; margin: 0!important; } .CategoryList .ListItemCategoryTable tbody td .ListItemCategory .ImageArea { float: none!important; min-width: unset!important; min-height: unset!important; text-align: left!important; margin: 0 0 4px 0!important; } .CategoryList .ListItemCategoryTable tbody td .ListItemCategory .ImageArea .CategoryImage { margin: 0!important; max-width: 150px!important; } /* 19_conditional-styles */ /* NAVBARROOF */ /* center */ .custom-navbarroof-center .SizeContainer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* divide */ .custom-navbarroof-divide { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; } .custom-navbarroof-divide .SizeContainer { width: auto!important; } /* left */ .custom-navbarroof-left .SizeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; float: none!important; } /* right */ .custom-navbarroof-right .SizeContainer { float: none!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .custom-navbarroof-center .SizeContainer > div, .custom-navbarroof-left .SizeContainer > div, .custom-navbarroof-right .SizeContainer > div, .custom-navbarroof-start .SizeContainer > div { padding: 4px 10px!important; } /* HEADER */ /* left */ .custom-header-left .SizeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } /* center */ .custom-header-center .SizeContainer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* right */ .custom-header-right .SizeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } /* divide */ .custom-header-center .SizeContainer > div, .custom-header-left .SizeContainer > div, .custom-header-right .SizeContainer > div, .custom-header-divide .SizeContainer > div { padding: 6px 10px!important; } .custom-header-divide { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; } .custom-header-divide .SizeContainer { width: auto!important; } /* NAVBARTOP */ /* right */ .custom-navbartop-right .SizeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .custom-navbartop-right .menu-container { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* left */ .custom-navbartop-left .SizeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } /* center */ .custom-navbartop-center .SizeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .custom-navbartop-center .menu-container { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* divide */ .custom-navbartop-divide { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; } .custom-navbartop-divide .SizeContainer { width: auto!important; } /* NAVBARBOTTOM */ /* left */ .custom-navbarbottom-left .SizeContainer { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } /* center */ .custom-navbarbottom-center .SizeContainer { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } /* right */ .custom-navbarbottom-right .SizeContainer { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } /* divide */ .custom-navbarbottom-divide { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; } .custom-navbarbottom-divide .SizeContainer { width: auto!important; } .custom-navbarbottom-divide .custom-container { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .custom-navbarbottom-divide .custom-left { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; } .custom-navbarbottom-divide .custom-right { -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important; } /* FOOTER */ /* center */ .custom-footer-center .SizeContainer { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; } /* left */ .custom-footer-left .SizeContainer { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; } /* right */ .custom-footer-right .SizeContainer { -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important; } /* divide */ .custom-footer-divide .custom-container { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .custom-footer-divide .custom-left { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; } .custom-footer-divide .custom-right { -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important; } /* Responsive */ @media screen and (max-width: 959px) { .custom-navbartop-right .menu-container, .custom-navbartop-center .menu-container, .custom-navbartop-divide .menu-container { display: inline-block!important; } .custom-navbartop-divide .SizeContainer { width: 100%!important; display: inline-block!important; } } @media screen and (max-width: 768px) { .custom-navbartop-divide, .custom-navbarbottom-divide { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; } .custom-footer-divide { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; } .custom-footer-divide .custom-container { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; } } @media screen and (max-width: 600px) { .custom-navbarroof-center .SizeContainer, .custom-navbarroof-left .SizeContainer, .custom-navbarroof-right .SizeContainer, .custom-header-left .SizeContainer, .custom-header-right .SizeContainer, .custom-navbartop-divide, .custom-navbartop-divide .SizeContainer, .custom-navbarbottom-left .SizeContainer, .custom-navbarbottom-center .SizeContainer, .custom-navbarbottom-right .SizeContainer, .custom-navbarbottom-divide, .custom-navbarbottom-divide .SizeContainer, .custom-footer-center .SizeContainer, .custom-footer-left .SizeContainer, .custom-footer-right .SizeContainer, .custom-footer-divide, .custom-footer-divide .SizeContainer { -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; } .custom-navbarroof-divide .custom-left, .custom-navbarroof-divide .custom-right, .custom-navbarbottom-divide .custom-left, .custom-navbarbottom-divide .custom-right { margin: 0 auto!important; } .custom-header-divide .custom-container, .custom-navbarbottom-divide .custom-container, .custom-footer-divide .custom-container { width: 100%!important; text-align: center!important; } .custom-footer-divide .custom-left, .custom-footer-divide .custom-right { width: 100%!important; } } /* 20_shopping-list */ /* Shopping list styles */ #ViewUserShoppingListForm .ShoppingList tr td.SeparateColumn button { color: #1d1d1d!important; } .ShoppingList .AlignCenter button { background: white!important; } .ShoppingList tbody tr td { vertical-align: middle!important; } #ViewUserShoppingListsForm .FloatLeft button[name="new"] { background: #1d1d1d!important; color: white!important; border: 1px solid #1d1d1d!important; padding: 3px 8px!important; } #ViewUserShoppingListsForm .FloatLeft button[name="new"] i { display: none!important; } /* 21_sidebars */ /* Sidebar styles */ .Middle.sidebar-right-active .ContentArea { margin-right: 251px!important; margin-left: 0!important; } .Middle.sidebar-left-active .ContentArea { margin-left: 251px!important; margin-right: 0!important; } .Middle.sidebar-right-active.sidebar-left-active .ContentArea { margin-left: 251px!important; margin-right: 251px!important; } .sidebar-toggle-wrapper { display: none!important; } .sidebar-left .SizeContainer, .sidebar-right .SizeContainer { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .sidebar-left .SizeContainer > *, .sidebar-right .SizeContainer > * { margin: 10px 0!important; } .NavBarRight .ShopNameHead, .NavBarRight .ContextBoxHead, .NavBarLeft .ShopNameHead, .NavBarLeft .ContextBoxHead { padding: 0 0 0 5px!important; } /* Sidebar content */ /* Tree box */ .NavBarLeft .jstree-open .jstree-leaf .jstree-icon, .NavBarLeft .jstree-closed .jstree-leaf .jstree-icon, .NavBarLeft .jstree-leaf .jstree-icon, .NavBarRight .jstree-open .jstree-leaf .jstree-icon, .NavBarRight .jstree-closed .jstree-leaf .jstree-icon, .NavBarRight .jstree-leaf .jstree-icon { display: none!important; } .GeneralLayout .jstree-open .jstree-open .jstree-icon, .GeneralLayout .jstree-closed .jstree-open .jstree-icon, .GeneralLayout .jstree-open .jstree-icon, .GeneralLayout .jstree-open .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-icon { background: none!important; width: auto!important; height: auto!important; top: 0!important; padding: 0!important; } .GeneralLayout .jstree-open .jstree-closed .jstree-icon::before, .GeneralLayout .jstree-closed .jstree-closed .jstree-icon::before, .GeneralLayout .jstree-closed .jstree-icon::before { content: '\f0da'!important; font-family: 'FontAwesome'!important; } .GeneralLayout .jstree-open .jstree-open .jstree-icon::before, .GeneralLayout .jstree-closed .jstree-open .jstree-icon::before, .GeneralLayout .jstree-open .jstree-icon::before { content: '\f0d7'!important; font-family: 'FontAwesome'!important; } .NavBarLeft .CategoriesBox .BoxContainer .ContextBoxHead span { margin-bottom: 8px!important; } @media screen and (max-width: 800px) { .sidebar-toggle-wrapper { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px!important; margin: 10px 0!important; transition: 50ms; } .sidebar-toggle-wrapper { position: fixed!important; top: 50%!important; z-index: 999!important; width: 100%!important; margin: 0!important; } .sidebar-left, .sidebar-right { display: none!important; } .sidebar-left.sidebar-left-open, .sidebar-right.sidebar-right-open { display: block!important; position: fixed!important; top: 0!important; box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.1)!important; z-index: 999; height: 100vh; overflow-y: scroll!important; } .sidebar-left.sidebar-left-open { left: 0!important; } .sidebar-right.sidebar-right-open { right: 0!important; } .sidebar-left-toggle, .sidebar-right-toggle { color: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sidebar-left-toggle { text-align: left!important; } .sidebar-right-toggle { text-align: right!important; } .sidebar-left-toggle::before, .sidebar-right-toggle::before { background: white; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3)!important; } .sidebar-left-toggle::before { border-radius: 0 50px 50px 0; padding: 5px 5px 5px 2px; } .sidebar-right-toggle::before { border-radius: 50px 0 0 50px; padding: 5px 2px 5px 5px; } .sidebar-toggle-wrapper.sidebar-second-menu .sidebar-left-toggle::before, .sidebar-toggle-wrapper.sidebar-second-menu .sidebar-right-toggle.sidebar-toggle-open::before { content: '\f138'!important; font-family: 'FontAwesome'!important; } .sidebar-toggle-wrapper.sidebar-second-menu .sidebar-right-toggle::before, .sidebar-toggle-wrapper.sidebar-second-menu .sidebar-left-toggle.sidebar-toggle-open::before { content: '\f137'!important; font-family: 'FontAwesome'!important; } .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-left-toggle::before, .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-right-toggle.sidebar-toggle-open::before, .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-right-toggle::before, .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-left-toggle.sidebar-toggle-open::before { content: '\f0c9'!important; font-family: 'FontAwesome'!important; } .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-left-toggle::before, .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-left-toggle.sidebar-toggle-open::before { padding: 8px 8px 8px 4px; } .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-right-toggle::before, .sidebar-toggle-wrapper.sidebar-only-menu .sidebar-right-toggle.sidebar-toggle-open::before { padding: 8px 4px 8px 8px; } .Middle.sidebar-left-active .ContentArea { margin-left: 0!important; } .Middle.sidebar-right-active .ContentArea { margin-right: 0!important; } .Middle.sidebar-right-active.sidebar-left-active .ContentArea { margin-left: 0!important; margin-right: 0!important; } #ContentAreaFix, .Div .ContentArea:before { background: transparent!important; } .sidebar-left .PropertyContainer, .sidebar-right .PropertyContainer { padding-top: 10px!important; } .sidebar-left-close, .sidebar-right-close { padding: 10px; display: inline-block; margin: 2px; width: 90%; } .sidebar-left-close { text-align: right; } .sidebar-right-close { text-align: left; } .sidebar-left-close::before, .sidebar-right-close::before { content: '\f00d'; font-family: 'FontAwesome'; font-size: 22px; } } /* 22_ie */ /* Internet explorer 11+ fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE11+ specific styles go here */ .ProductListImageBox tbody { display: block!important; text-align: center!important; } .ProductListImageBox tbody td { display: inline-block!important; min-height: 460px!important; } .ProductListImageBox .InfoArea { display: block!important; } .ProductListImageBox .NewProduct, .ListItemProduct .NewProduct, .SlimHotDealTop .NewProduct, .HotDealTopFloatin .NewProduct, .Tarjous { margin: 0!important; } .ProductListImageBox.four-colums-product-list .InfoArea .ProductNo, .ProductListImageBox.three-colums-product-list .InfoArea .ProductNo, .ProductListImageBox.two-colums-product-list .InfoArea .ProductNo { display: block!important; } .ProductListImageBox.four-colums-product-list tbody td { min-width: 290px!important; } .ProductListImageBox.four-colums-product-list .InfoArea { max-width: 290px!important; } .ProductListImageBox.four-colums-product-list .ImageArea img { max-width: 270px!important; width: 100%!important; } .ProductListImageBox.three-colums-product-list tbody td { min-width: 370px!important; } .ProductListImageBox.three-colums-product-list .InfoArea { max-width: 370px!important; } .ProductListImageBox.three-colums-product-list .ImageArea img { max-width: 369px!important; width: 100%!important; } .ProductListImageBox.two-colums-product-list tbody td { min-width: 570px!important; } .ProductListImageBox.two-colums-product-list .InfoArea { max-width: 570px!important; } .ProductListImageBox.two-colums-product-list .ImageArea img { max-width: 567px!important; width: 100%!important; } div.NavBarBottom .PropertyContainer { margin: 0!important; } .CrossellingCount tbody { display: block!important; } .CrossellingCount tbody td { display: inline-block!important; width: 20%!important; min-width: 200px!important; } .ProductDetails .InfoArea { min-width: 300px!important; } /* custom-alternative-products */ .custom-alternative-products tbody { display: block!important; } .custom-alternative-products .QuarterSize { display: inline-block!important; } /* subpage list */ .CategoryList .ListItemCategoryTable tbody { display: block!important; } .CategoryList .ListItemCategoryTable tbody td { display: inline-block!important; } /* Add to basket button */ .ProductListImageBox .InfoArea .AddToBasketForm .NoWrap.custom-basket-input-button, .ProductListImageBox .InfoArea .AddToBasketForm .ShowInlineElement .custom-basket-input-button { display: inline-block!important; } /* If search facets have been activated, this file styles the product list to work with customer choices */ /* Two columns product list */ .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.two-colums-product-list .custom-product-card { min-width: 350px!important; max-width: 350px!important; } /* Three columns product list */ .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.three-colums-product-list .custom-product-card { min-width: 320px!important; max-width: 320px!important; } /* Four columns product list */ .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.four-colums-product-list .custom-product-card { min-width: 230px!important; max-width: 230px!important; } /* If sidebars have been activated, style product list */ /* Two columns product list */ .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { min-width: 300px!important; max-width: 300px!important; } .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { min-width: 400px!important; max-width: 400px!important; } .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.two-colums-product-list .custom-product-card { min-width: 400px!important; max-width: 400px!important; } /* Three columns product list */ .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { min-width: 220px!important; max-width: 220px!important; } .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { min-width: 300px!important; max-width: 300px!important; } .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.three-colums-product-list .custom-product-card { min-width: 300px!important; max-width: 300px!important; } /* Four columns product list */ .Middle.sidebar-right-active.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { min-width: 160px!important; max-width: 160px!important; min-height: 350px!important; } .Middle.sidebar-right-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { min-width: 200px!important; max-width: 200px!important; min-height: 350px!important; } .Middle.sidebar-left-active .CategoryList .CategoryProducts .HotDealList .ProductListImageBox.four-colums-product-list .custom-product-card { min-width: 200px!important; max-width: 200px!important; min-height: 350px!important; } } @media screen and (-ms-high-contrast: active) and (max-width: 700px), screen and (-ms-high-contrast: none) and (max-width: 700px) { .ProductListImageBox.three-colums-product-list tbody td, .ProductListImageBox.two-colums-product-list tbody td, .ProductListImageBox.four-colums-product-list tbody td, .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.two-colums-product-list .custom-product-card, .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.three-colums-product-list .custom-product-card, .CategoryList .CategoryProducts .HotDealList.SearchFacetsActive .ProductListImageBox.four-colums-product-list .custom-product-card { min-width: 100px!important; } .CrossellingCount tbody { text-align: center!important; } } @media screen and (max-width: 500px) { .MultipleStep-Container .Header { -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important; } } @media screen and (-ms-high-contrast: active) and (max-width: 400px), screen and (-ms-high-contrast: none) and (max-width: 400px) { .ProductListImageBox tbody td { margin: 0 auto!important; text-align: center!important; } .two-colums-product-list .ImageArea img, .three-colums-product-list .ImageArea img, .four-colums-product-list .ImageArea img { width: 100%!important; } } /* 23_VilkasNorth */ /* Theme specific styles */ /* New and Sale icons */ .ProductListImageBox .NewProduct, .ListItemProduct .NewProduct, .SlimHotDealTop .NewProduct, .HotDealTopFloatin .NewProduct { background: #00883e!important; padding: 2px!important; color: white!important; display: table-cell!important; font-size: 13px!important; font-weight: normal!important; z-index: 99!important; margin: 10px 0 0 20px!important; text-align: center!important; border-radius: 50%; vertical-align: middle; height: 40px; width: 40px; line-height: 3.1!important; } .ProductDetails .NewProduct { position: absolute; background: #00883e!important; padding: 2px!important; color: white!important; font-size: 13px!important; z-index: 99; min-height: unset!important; min-width: unset!important; font-weight: normal!important; text-align: center!important; border-radius: 50%; vertical-align: middle; height: 40px; width: 40px; line-height: 3.1!important; } .ListItemProductContainer .NewProduct, .ComparisonTable .NewProduct { display: none; } .HotDealList .SlimHotDeal .SlimHotDealTop .NewProduct { margin: 0!important; line-height: 2.8!important; height: 35px!important; width: 35px!important; } /* General margins */ .HotDealList { margin: 32px 0; } .ContentArea h1 { margin-bottom: 24px; } .CategoryImage { margin: 24px 0; } /* Font styling */ .TermsAndConditions h3, .PrivacyPolicy h3 { font-weight: bold; } .Imprint .Label { margin: 24px 0 4px 0; } .custom-product-card .InfoArea .LinkArea .ClearBoth { font-size: .7em!important; } /* Hide grey sitemap headings */ .SiteMap .SiteMapContainer .ProductListHead .InnerHead .SiteMapLink { display: none!important; } /* Center the default slider */ .contentslider { margin: 0 auto!important; } /* Cookies */ .message-cookies { background-color: #1d1d1d!important; color: white!important; padding: 0!important; border: 0!important; } .message-bar-inner { padding: 24px 10px 38px 10px!important; } .message-bar-inner { min-height: unset!important; max-width: 800px!important; margin: 0 auto!important; text-align: center!important; } .message-bar .message-bar-inner a { color: white!important; font-weight: bold; } .message-bar .message-bar-inner .message-bar-button { background: white!important; color: black!important; } /* Basket overlay*/ div#BasketOverLay span.hasProducts { text-align: center; display: block; padding: 5px 10px 10px; } div#BasketOverLay span.fa.fa-shopping-cart::before { display: none; } div#BasketOverLay { border: none!important; margin-top: 0!important; background: #1d1d1d!important; left: 0!important; min-width: 100%!important; position: fixed!important; top: 0!important; z-index: 9999999999999!important; text-align: center!important; padding: 18px 0!important; -webkit-box-shadow: 0 2px 30px rgba(0,0,0,0.3)!important; box-shadow: 0 2px 30px rgba(0,0,0,0.3)!important; font-size: 14px!important; } div#BasketOverLay a { text-decoration: none!important; color: white!important; text-align: center!important; } div#BasketOverLay a span { color: white!important; font-family: sans-serif!important; font-weight: bold!important; text-align: center!important; } div#BasketOverLay img.FloatLeft { display: none!important; } #BasketOverLay a span .FontSmaller { display: none!important; } div#BasketOverLay { /* for chrome and safari*/ -webkit-animation-duration: 1s; -webkit-animation-name: slidein; /*for firefox*/ -moz-animation-duration: 1s; -moz-animation-name: slidein; /* for opera*/ -o-animation-duration: 1s; -o-animation-name: slidein; /* Standard syntax*/ animation-duration: 1s; animation-name: slidein; } @-webkit-keyframes slidein { from { margin-top: -30px; } to { margin-top: 0; } } @keyframes slidein { from { margin-top: -30px; } to { margin-top: 0; } } /* Shop name and slogan */ .ShopNameSlogan .ShopName, .ShopNameSlogan .ShopName a { font-family: Arial, sans-serif!important; font-size: 58px!important; font-weight: bold!important; } .ShopNameSlogan .ShopSlogan, .ShopNameSlogan .ShopSlogan p { margin-top: 0px!important; font-family: Arial, sans-serif!important; font-size: 18px!important; } /* Shopping cart icon */ .Header .BasketBox span:last-child::before { content: '\f290'!important; font-family: 'FontAwesome'!important; margin-right: 6px!important; font-size: 18px!important; } .BasketBox span img { display: none!important; } html body .GeneralLayout .HorizontalNavBar .BasketBox span { position: relative!important; } /* Search icon */ .SearchForm.horizontal-search .SearchIcon { background: none!important; height: auto!important; } .SearchForm.horizontal-search .SearchIcon::before { content: "\f002"!important; font-family: 'FontAwesome'!important; font-size: 14px!important; display: block!important; color: black!important; } /* Breadcrumbs */ .ContentArea .BreadcrumbItem:hover, .ContentArea .BreadcrumbItem { background: none!important; padding: 0!important; margin: 0!important; } .ContentArea .BreadcrumbItem::after { content: '\f0da'!important; font-family: 'FontAwesome'!important; margin: 0 5px!important; } /* ContentSearch */ #contentSearch button .Icon.SearchIcon { display: none!important; } @media print { html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .Div .ContentArea { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: none; color:#000; } body { line-height: 1; color: #000; background: white; font-size:12pt; } table { border-collapse: separate; border-spacing: 0; max-width:99%; } h1, h2, h3, h4, h5, h6, p, td, span, div, a, .Address h3 { color:#000!important; font-size:11pt!important; } a { font-weight:normal; } h1 {font-size:16pt!important;} h2 {font-size:15pt!important;} h3 {font-size:14pt!important;} h4 {font-size:13pt!important;} h5, h6 {font-size:12pt!important;} td.ContentCell, table.ContentCell, .Div .ContentCell, .Div .InnerArea.ContentCell:before , #ContentCellFix, .Div .ContentArea, .Div .InnerArea.ContentCell, .Div .ContentCell.FullSize, table.Basket tr.AlternateRow td, table.ContentTable tr.Alternate td, .AlternateRow td, .AlternateRow, div.AlternateRow, .Alternate td, .Alternate div, .Alternate, html .ContentArea table.Basket tr td.SeparateColumn, td.SeparateColumn, table.Basket td, table.MiniBasket td, table.MiniStatusBasket td, table.Basket, table.Basket th { margin-left:0!important; margin-right:0!important; background:none!important; border-color:#000; } .NavBarRoof, .Header, .NavBarTop, .NavBarLeft, .NavBarRight, .NavBarBottom, .Footer, .LinkCompareProduct, #AddToShoppingListForm20, .SocialWeb, .ListItemArticle .InfoArea h3, .AlsoBrowseThisCat, .ProductListHead, #NavBarLeftFix, .Div .NavBarLeft:before, #NavBarRightFix, .Div .NavBarRight:before, #ContentAreaFix, .Div .ContentArea:before, #ContentCellFix, .Div .ContentCell.FullSize:before, .SSLSwitch, .LinkAddShoppingList, .BreadcrumbItem, .BreadcrumbLastItem, input, div.Links, .InPrintViewNotVisible, .Separator, .Action { display:none!important; } .OnlyInPrintViewVisible { display:block!important; } table th, .ContentList td, .OrderStatus td, .OrderDetails td, table.OrderStatus tr td, table.UserAttributes tr td { font-size:10pt!important; border:1px solid #000; white-space:nowrap; padding:0 2pt; } th,.TextCaps { font-weight:bold; text-align: left; } .TextCaps { display:block; } .ContentList { width:100%; } .Customer .Address, .Customer .ShippingAddress { width:49%; float:left; } html .ContentArea table.Basket tr th.SeparateColumn, html .ContentArea table.Basket tr td.SeparateColumn, th.SeparateColumn, td.SeparateColumn, .Basket table th, .Basket table td { border:1px solid #000; } .Basket td, .Basket td * { font-size:10pt!important; } .ComparisonTable, .ComparisonTable * { border-color: transparent !important; } html .ContentArea td .AdditionalInfo, .AdditionalInfo, .ProductNo { opacity: 1; } .GeneralLayout { width: 1000px!important; } }