/* Common BEGIN */ :root { --green-1:#a7cc3f; --green-2:#74a100; --green-3-100:rgba(167,204,64,1.0); --green-3-040:rgba(167,204,63,0.4); --green-3-035:rgba(167,204,63,0.35); --green-3-025:rgba(167,204,63,0.25); --green-4-050:rgba(148,193,30,0.5); --orange-1-100:rgba(255,137,48,1.0); --orange-2:#ffa500; --blue:#4290c1; --red:#f00; --leaf:url("data:image/svg+xml;utf8,"); --submit:url("data:image/svg+xml;utf8,"); --extensive-product-database:url("data:image/svg+xml;utf8,"); --map-store-details:url("data:image/svg+xml;utf8,"); --map-store-details-orange:url("data:image/svg+xml;utf8,"); --map-store-details-white:url("data:image/svg+xml;utf8,"); --price-tracking:url("data:image/svg+xml;utf8,"); --price-tracking-white:url("data:image/svg+xml;utf8,"); --user-contributed-updates:url("data:image/svg+xml;utf8,"); --address:url("data:image/svg+xml;utf8,"); --contact:url("data:image/svg+xml;utf8,"); --website:url("data:image/svg+xml;utf8,"); --webshop-white:url("data:image/svg+xml;utf8,"); --webshop-orange:url("data:image/svg+xml;utf8,"); --social:url("data:image/svg+xml;utf8,"); --facebook:url("data:image/svg+xml;utf8,"); --happy-cow:url("data:image/svg+xml;utf8,"); --instagram:url("data:image/svg+xml;utf8,"); --linked-in:url("data:image/svg+xml;utf8,"); --pinterest:url("data:image/svg+xml;utf8,"); --tik-tok:url("data:image/svg+xml;utf8,"); --twitter:url("data:image/svg+xml;utf8,"); --you-tube:url("data:image/svg+xml;utf8,"); --search:url("data:image/svg+xml;utf8,"); --barcode:url("data:image/svg+xml;utf8,"); --plus:url("data:image/svg+xml;utf8,"); --filter:url("data:image/svg+xml;utf8,"); --home:url("data:image/svg+xml;utf8,"); --v-label:url("data:image/svg+xml;utf8,"); --vegan-trademark:url("data:image/svg+xml;utf8,"); } .Hide { display:none; } .Center { text-align:center; } .Block { display:block; } .Clear { clear:both; } .Lowercase { text-transform:lowercase; } .Pointer { cursor:pointer; } .ScaleTransition { -webkit-transition:all 75ms ease-in; -ms-transition:all 75ms ease-in; transition:all 75ms ease-in; } .BackgroundTransition { -webkit-transition:background-color 150ms linear; -ms-transition:background-color 150ms linear; transition:background-color 150ms linear; } table caption { display:none; } .Intro > h1 { font-weight:bold; } .Intro > form > ul.HomeSearch { display:inline-block; list-style:none; font-size:0; } .Intro > form > ul.HomeSearch > li { display:inline-block; vertical-align:middle; padding:10px 20px; } .Intro > form > ul.HomeSearch > li > span.InputWrapper { border-radius:9px; display:inline-block; background-color:var(--orange-1-100); } .Intro > form > ul.HomeSearch > li > span.InputWrapper > input[type="text"] { border:2px solid var(--orange-1-100); border-radius:9px; height:45px; outline:none; font-size:large; color:#444; width:350px; padding:0 20px; vertical-align:middle; } .Intro > form > ul.HomeSearch > li > span.InputWrapper > input[type="text"]:focus { border:2px solid var(--orange-1-100); } .Intro > form > ul.HomeSearch > li > span.InputWrapper > input[type="submit"] { width:70px; height:45px; vertical-align:middle; outline:none; border:none; border-radius:9px; background-color:var(--orange-1-100); background-repeat:no-repeat; background-position:center; background-size:38px; background-image:var(--submit); } .Intro > form > ul.HomeSearch > li > span.InputWrapper > input[type="submit"]:hover { background-color:var(--orange-2); } .Intro > form > ul.HomeSearch > li > a { display:inline-block; outline:none; padding:12px 20px; background-color:var(--green-2); border:none; height:45px; border-radius:9px; text-decoration:none; color:#fff; font-weight:bold; font-size:large; } .Intro > form > ul.HomeSearch > li > a:hover { background-color:var(--green-1); } .Intro > form > ul.HomeSearch > li > a.IntroButton { background-repeat:no-repeat; background-position:16px center; } .Intro > form > ul.HomeSearch > li > a.SuggestAProduct { background-image:var(--plus); background-size:26px; padding-left:54px;} .Intro > form > ul.HomeSearch > li > a.ScanABarcode { background-image:var(--barcode); background-size:30px; padding-left:60px;} .Intro > ul.Highlights { list-style:none; padding:0 0 30px 0; } .Intro > ul.Highlights > li { display:inline-block; margin-top:50px; padding:80px 40px 0 40px; vertical-align:top; width:240px; font-size:large; font-weight:bold; color:#888; line-height:150%; background-size:65px 65px; background-repeat:no-repeat; background-position:top center; } .Intro > ul.Highlights > li.ExtensiveProductDatabase { background-image:var(--extensive-product-database); } .Intro > ul.Highlights > li.MapStoreDetails { background-image:var(--map-store-details); } .Intro > ul.Highlights > li.PriceTracking { background-image:var(--price-tracking); } .Intro > ul.Highlights > li.UserContributedUpdates { background-image:var(--user-contributed-updates); } .Search { text-align:center; vertical-align:middle; } .Search * { vertical-align:middle; } .Search form { margin:0; padding:0; } .Search .SearchForm { list-style:none; margin:0 auto 20px auto; padding:0; } .Search .SearchForm > li { display:inline-block; margin:5px; white-space:nowrap; } .Search .SearchForm button { line-height:0; } .Search .SearchForm button.Icon { font-weight:bold; color:#fff; background-color:var(--green-1); border:none; background-repeat:no-repeat; background-position:8px center; padding-left:36px; } .Search .SearchForm button.Search { background-image:var(--search); background-size:22px; } .Search .SearchForm button.AddArticle { background-image:var(--plus); background-size:16px; } .Search .SearchForm button.ShowPrices, .Search .SearchForm button.HidePrices { background-color:var(--blue); background-image:var(--price-tracking-white); background-size:18px; } .Search .SearchForm button.Filtering, .Search .SearchForm button.ResetSearch { background-image:var(--filter); background-size:22px; } .Search .SearchForm button.ScanABarcode { background-image:var(--barcode); background-size:22px; background-position:10px center; padding-left:43px; } .Search .SearchForm button.Home { background-image:var(--home); } .Search .SearchForm button span { vertical-align:baseline; } .Search .Optional.Hide { display:none; } .SearchForm input, .SearchForm select, .SearchForm button { border-radius:5px; height:28px; border:1px solid #d0d0d0; outline:none; } .SearchForm input, .SearchForm button { -webkit-appearance:none; appearance:none; } .SearchForm input { width:224px; font-weight:bold; font-size:large; padding-left:10px; padding-right:35px; } .SearchForm select { padding:0 10px; } .Search div.ResetButton { display:inline-block; margin-left:10px; } .Search div.ButtonAdvanced { display:inline-block; margin-left:10px; } .Search div.ButtonAdvanced.Hide { display:none; } .Search div.GoHome { display:inline-block; margin-left:10px; } .Search .SearchText { position:relative; vertical-align:middle; } .Search .SearchText::before { display:inline-block; font-size:medium; margin-right:0.5em; vertical-align:middle; padding-top:3px; } .Search .SearchText a { position:absolute; right:5px; padding-top:4px; font-size:0; -webkit-appearance:none; appearance:none; outline:none; } .Search .SearchText a::before { content:"X"; display:block; padding:0 6px; font-size:small; font-weight:bold; line-height:20px; color:#fff; background-color:var(--green-1); border-radius:12px; opacity:0.65; } .Sticker::before { position:absolute; display:block; top:25%; line-height:130%; left:20%; right:20%; margin:0 auto; padding:10px 10px; font-size:medium; font-weight:bold; white-space:pre-wrap; color:var(--green-1); border:2px solid var(--green-1); background-color:#fff; text-align:center; z-index:999; border-radius:15px; transform:rotate(-25deg); box-shadow:0px 0px 10px var(--green-1); } .Sticker.Orange::before { color:var(--orange-1-100); border-color:var(--orange-1-100); box-shadow:0px 0px 10px var(--orange-1-100); } .Sticker > ul { opacity:0.5; } ul.Result { list-style-type:none; margin:10px 0 0 0; padding:0; text-align:center; font-size:0; line-height:0; } ul.Result > li { display:inline-block; vertical-align:top; margin:12px; transition:transform 0.3s ease; } ul.Result > li:hover { animation:bounce 0.3s; transform:scale(1.05); } ul.Result > li > div.FlagsWrapper { position:relative; } ul.Result > li > div.FlagsWrapper div.Flags { position:absolute; left:0; top:5px; text-align:left; padding:0 5px; } ul.Result > li > a { display:block; width:268px; height:280px; overflow:hidden; padding:0 5px 5px 5px; border:1px solid var(--green-3-100); border-radius:10px; text-decoration:none; transition:box-shadow 0.3s ease; } ul.Result.WithPrice > li > a { height:340px; } ul.Result > li:hover > a { box-shadow:0 0 5px var(--green-4-050); } ul.Result > li > a > ul { list-style-type:none; } ul.Result > li > a > ul > li.Photo { display:block; margin-bottom:5px; } ul.Result > li > a > ul > li.Cats > ul { list-style-type:none; font-size:0; margin-top:3px; line-height:normal; } ul.Result > li > a > ul > li.Cats > ul > li { display:inline; font-size:small; color:var(--orange-2); margin-right:5px; font-weight:bold; letter-spacing:-0.5px; } ul.Result > li > a > ul > li.Title { color:#666; font-weight:bold; font-size:large; line-height:120%; margin-top:7px; } ul.Result > li > a > ul > li.Manufacturer { display:block; color:var(--green-1); font-weight:bold; font-size:medium; line-height:120%; letter-spacing:0; margin-top:10px; } ul.Result > li > a > ul > li.Barcode { position:absolute; left:10px; right:10px; bottom:90px; padding:3px; font-weight:bold; font-size:medium; line-height:normal; text-align:center; color:var(--blue); border:1px solid #ddd; border-radius:10px; background-color:#fff; } ul.Result.WithPrice > li > a > ul > li.Barcode { bottom:150px; } ul.Result > li.Photo, ul.Result > li.NoPhoto { position:relative; } ul.Result > li.Unavailable > a { border-color:var(--orange-1-100); } ul.Result > li.Photo > a { padding-top:205px; background-size:auto 200px; background-repeat:no-repeat; background-position:50% 0; } ul.Result > li > a > ul > li.PriceInfos { margin-top:10px; padding:0; font-size:0; line-height:0; list-style-type:none; } ul.Result > li > a > ul > li.PriceInfos > ul > li { display:inline-block; margin:2px; padding:2px 5px; color:#888; font-size:small; line-height:120%; letter-spacing:-0.5px; font-weight:bold; border:1px solid #e8e8e8; border-radius:5px; } ul.Result > li > a > ul > li.PriceInfos > ul > li > span { font-weight:bold; letter-spacing:0.5px; color:#4ab0fd; } ul.Result > li > a > ul > li.Cats > ul > li::before { content:""; display:inline-block; width:7px; height:7px; margin-right:5px; background-color:var(--orange-2); border-radius:50%; } ul.Result > li > a > ul > li.Cats > ul > li:first-child::before { display:none; } body div.ui-dialog > div.ui-widget-header { color:#fff; background:var(--green-1); } .NoImage { height:200px; margin:0 auto 10px auto; padding:0; font-size:0; line-height:0; background-size:90% 90%; background-repeat:no-repeat; background-position:center center; opacity:0.5; background-image:var(--leaf); } .NoImage.Large { width:267px; height:200px; margin:0; border-radius:15px; border:1px solid #bbb; opacity:0.5; } .NothingFoundWrapper { padding-top:25px; } .NothingFoundWrapper .NothingFound { text-align:center; font-size:1.5em; color:#888; margin:0; padding-bottom:25px; line-height:normal; } .NothingFoundWrapper .SearchHelp { text-align:center; font-size:1.2em; color:#888; margin:0; line-height:150%; } .NothingFoundWrapper .VariableWeightBarcode { margin:0; font-size:1.3em; line-height:normal; text-align:center; color:#888; } .Divider { border-bottom:1px solid var(--green-1); margin-bottom:20px; } .Page { text-align:center; padding-top:20px; } .Page ul.Photos { white-space:nowrap; overflow-x:auto; padding-top:20px; margin-bottom:20px; } .Page ul.Photos > li { display:inline-block; margin-left:10px; margin-right:10px; margin-top:0; margin-bottom:0; font-size:0; line-height:0; border-radius:15px; overflow:hidden; } .Page ul.Photos > li img { border-radius:15px; border:1px solid #eee; cursor:pointer; } .Page ul.Photos > li img:hover { border-color:#bbb; } .Page ul.Photos > li img.Small { height:150px; } .Page p.Warning { display:inline-block; margin:20px 0; padding:12px 35px; text-align:center; font-weight:bold; font-size:larger; border-width:1px; border-style:solid; border-radius:10px; } .Page p.Warning.TemporarilyUnavailable { color:var(--green-1); border-color:var(--green-1); } .Page p.Warning.PermanentlyUnavailable { color:var(--orange-2); border-color:var(--orange-2); } .Page p.Warning.NotVegan { color:#fff; background-color:#e00; border:none; letter-spacing:1px; } p.Barcode::before { padding-right:10px; font-weight:bold; } li.DateCreated::before, li.LastUpdate::before, li.AddedBy::before { padding-right:10px; font-weight:bold; } li.AddedBy a { font-weight:bold; } .Page ul.Categories { max-width:600px; margin-left:auto; margin-right:auto; } .Page ul.Categories::before { color:#999; font-size:medium; } .Page ul.Categories > li { display:inline-block; } .Page ul.Categories > li > a { display:inline-block; font-size:medium; line-height:normal; padding:2px 7px; border-radius:5px; background-color:#fff; text-decoration:none; font-weight:bold; color:var(--orange-2); } .Page ul.Categories > li > a:hover { color:#fff; background-color:var(--orange-2); } .Page ul.Prices { position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:20px; max-width:960px; margin:40px auto 0 auto; list-style:none; text-align:left; } .Page ul.Prices > li { display:block; margin-bottom:20px; padding:5px 12px; font-size:medium; line-height:150%; min-width:300px; border:1px solid #ddd; border-radius:9px; break-inside:avoid; -webkit-column-break-inside:avoid; page-break-inside:avoid; } .Page ul.Prices > li > ul.PriceDetails > li { display:block; line-height:150%; font-size:medium; padding:5px 0; } .Page ul.Prices > li > ul.PriceDetails > li::before { display:inline-block; width:125px; vertical-align:top; color:#666; font-weight:bold; } .Page ul.Prices > li > ul.PriceDetails > li.LiFlag { display:inline-block; } .Page ul.Prices > li > ul.PriceDetails > li.LiFlag > button { margin-right:7px; margin-top:-2px; } .Page ul.Prices > li > ul.PriceDetails > li.LiName { display:inline; } .Page ul.Prices > li > ul.PriceDetails > li.LiName > a { color:#4ab0fd; font-weight:bold; margin-right:10px; font-size:larger; letter-spacing:-0.7px; } .Page ul.Prices > li > ul.PriceDetails > li.LiName .ProviderType { display:inline-block; padding:0; margin-right:5px; cursor:default; } .Page ul.Prices > li > ul.PriceDetails > li.LiAddress::before { content:"\1F3E0"; width:25px; height:25px; margin-right:5px; } .Page ul.Prices > li > ul.PriceDetails > li.LiAddress { display:block; } .Page ul.Prices > li > ul.PriceDetails > li.LiAddress a.City { font-weight:bold; color:var(--green-1); } .Page ul.Prices > li > ul.PriceDetails > li.LiAddress .StreetLine { font-weight:bold; color:#aaa; margin-right:20px; } .Page ul.Prices > li > ul.PriceDetails span.LiAmount::before { content:"\1F4B6"; width:25px; height:25px; margin-right:8px; } .Page ul.Prices > li > ul.PriceDetails span.LiAmount { display:inline; font-weight:bold; color:#666; font-size:larger; margin-right:20px; } .Page ul.Prices > li > ul.PriceDetails span.Timestamp::before { content:"\1F501"; width:25px; height:25px; margin-right:5px; } .Page ul.Prices > li > ul.PriceDetails span.Timestamp { display:inline-block; } .Page ul.Prices > li > ul.PriceDetails span.Timestamp .Updated { margin-right:5px; } .Page ul.Prices > li > ul.PriceDetails > li.Note::before, .Page ul.Prices > li > ul.PriceDetails > li.Warning::before { content:"\1F4D6"; width:25px; height:25px; margin:-3px 10px 0 0; font-size:larger; } .Page ul.Prices > li > ul.PriceDetails > li.Note { color:#888; } .Page ul.Prices > li > ul.PriceDetails > li.Warning { color:#f00; font-weight:bold; } .Page ul.Prices > li > ul.PriceDetails span.Period { display:inline-block; } .Page ul.Prices > li > ul.PriceDetails span.Period.From::before, .Page ul.Prices > li > ul.PriceDetails span.Period.To::before { content:"\1F4C6"; width:25px; height:25px; margin-right:10px; } .Page ul.Prices > li > ul.PriceDetails span.Period .Date { margin-right:10px; } .Page ul.Prices > li > ul.PriceDetails span.Period span.From, .Page ul.Prices > li > ul.PriceDetails span.Period span.To { margin-right:10px; } .Page ul.Prices > li > ul.PriceDetails span.Period.From { margin-right:30px; } .Page ul.Prices > li > ul.PriceDetails li.Period.Timezone::before { content:"\1F551"; width:25px; height:25px; margin-right:5px; } .Page ul.Prices > li > ul.PriceDetails > li.Buttons { text-align:center; padding:0; } .Page ul.Prices > li > ul.PriceDetails li.Buttons a.Button { display:block; padding:5px 10px 5px 0; font-weight:bold; text-decoration:none; border:1px solid #eee; border-radius:10px; transition:background 400ms ease; } .Page ul.Prices > li > ul.PriceDetails li.Buttons a:hover { background-color:#f0f0f0; } .Page ul.Prices > li > ul.PriceDetails li.Buttons a.Button::before { margin-right:5px; } .Page ul.Prices > li > ul.PriceDetails li.Buttons a.Webshop::before { content:"\1F6D2"; } .Page ul.Prices > li > ul.PriceDetails li.Buttons a.Map::before { content:"\1F4CD"; } .InfoButtons { text-align:center; margin-bottom:15px; } .InfoButtons a.Button { outline:none; display:inline-block; width:32px; height:32px; margin:0 10px; padding:0; vertical-align:top; filter:brightness(1.0) sepia(1) hue-rotate(35deg) saturate(5); background-repeat:no-repeat; } .InfoButtons a.Button.Address { background-size:auto 35px; } div.Info { padding:0 20px; } div.Info ul { list-style:none; margin:0 auto 10px auto; font-size:0; line-height:0; max-width:540px; border:1px solid #eee; border-radius:15px; padding:15px 20px 15px 70px; background-repeat:no-repeat; } div.Info ul.Address { background-size:auto 40px; background-position:left 15px top 10px; } div.Info ul.Contact { background-size:auto 30px; background-position:left 20px top 15px; } div.Info ul.Website { background-size:auto 30px; background-position:left 20px top 12px; } div.Info ul.Social { background-size:auto 30px; background-position:left 20px top 12px; text-align:left; } div.Info ul li { margin:0; padding:0; font-size:medium; line-height:140%; } div.Info ul li a.Map { font-weight:bold; } .InfoSvg { overflow:hidden; } .InfoSvg.Address { background-image:var(--address); } .InfoSvg.Contact { background-image:var(--contact); } .InfoSvg.Website { background-image:var(--website); } .InfoSvg.Social { background-image:var(--social); } .InfoSvg.Button.Address { opacity:0.7; } .InfoSvg.Button.Contact { opacity:0.6; } .InfoSvg.Button.Website { opacity:0.5; } .InfoSvg.Button.Social { opacity:0.5; } .Link { padding:5px 0; display:block; background-repeat:no-repeat; background-size:20px 20px; background-position:center left; white-space:nowrap; } .Link::before { display:inline-block; width:20px; height:20px; padding:0 10px 0 0; vertical-align:-20%; opacity:0.66; } .Link.Facebook::before { content:var(--facebook); } .Link.HappyCow::before { content:var(--happy-cow); } .Link.Instagram::before { content:var(--instagram); } .Link.LinkedIn::before { content:var(--linked-in); } .Link.Pinterest::before { content:var(--pinterest); } .Link.TikTok::before { content:var(--tik-tok); } .Link.Twitter::before { content:var(--twitter); } .Link.YouTube::before { content:var(--you-tube); } .Stamp.SearchResultItem::before { position:absolute; left:7px; top:7px; opacity:0.9; } .VLabel.SearchResultItem::before { width:40px; height:52px; content:var(--v-label); } .VeganTrademark.SearchResultItem::before { width:56px; height:45px; content:var(--vegan-trademark); background-color:#fff200; padding:2px; border-radius:7px; } h1.Stamp::after { display:inline-block; vertical-align:middle; } h1.VLabel::after { content:var(--v-label); } h1.VeganTrademark::after { content:var(--vegan-trademark); } .Page ul.Tags { max-width:800px; margin:50px auto 75px auto; } .Page ul.Tags > li { margin-top:20px; padding:0 5px; display:inline-block; font-size:0; line-height:0; } .Page ul.Tags > li > a { display:block; color:#888; padding:3px 15px; font-size:large; line-height:normal; font-weight:bold; border-radius:9px; text-decoration:none; } .Page ul.Tags > li > a:hover { color:#fff; background-color:#666; } .Page ul.Tags > li > a.Negative { color:#f00; } .Page ul.Tags > li > a.Negative:hover { color:#fff; background-color:#e00; } .Page ul.Tags > li > a.Positive { color:var(--green-1); } .Page ul.Tags > li > a.Positive:hover { color:#fff; background-color:var(--green-1); } .SuggestedPhotos { list-style:none; white-space:nowrap; overflow-x:auto; overflow-y:hidden; max-width:800px; font-size:0; line-height:0; } .SuggestedPhotos li { display:inline-block; padding:10px; font-size:0; line-height:0; } input.Photo { display:block; margin:5px 0; } .ProductUrl { max-width:960px; margin:20px auto 30px auto; } .ProductUrl::before { display:block; font-weight:bold; margin-bottom:10px; } .ProductUrl ul { list-style:none; margin:0; padding:0; } ul.Autocomplete { position:absolute; display:block; margin-top:5px; z-index:99999; border:1px solid var(--green-1); border-radius:10px; background-color:#fff; text-align:left; overflow:hidden; line-height:0; padding:3px; } ul.Autocomplete li { display:block; margin:0; padding:0; font-size:0; z-index:99999; } ul.Autocomplete li a:hover, ul.Autocomplete li a { display:block; font-size:small; color:#666; text-decoration:none; padding:7px 10px; line-height:150%; min-width:320px; border-radius:8px; } ul.Autocomplete li a:hover, ul.Autocomplete li.Selected a { background-color:var(--green-1); color:#fff; } ul.Autocomplete li a span { display:inline-block; vertical-align:top; margin-right:5px; font-weight:bold; } .MainCategories { list-style:none; margin:0; padding:0; text-align:left; } .MainCategories > li { display:inline-block; vertical-align:top; min-width:47.7%; max-width:47.7%; margin:20px; padding:20px 0 0 0; border-width:2px 0 0 0; border-style:solid; border-color:var(--green-3-040); } .MainCategories > li > div.CatHead > a.PhotoFrame .Photo { display:inline-block; width:143px; height:75px; margin-right:20px; border-radius:10px; padding:0; overflow:hidden; font-size:0; line-height:0; border:1px solid #ddd; vertical-align:middle; background-size:143px 75px; } .MainCategories > li > div.CatHead > a.PhotoFrame:hover .Photo { opacity:0.5; } .MainCategories > li > div.CatHead { display:flex; height:100px; padding-bottom:20px; align-items:center; white-space:nowrap; border-bottom:1px solid var(--green-3-025); } .MainCategories > li > div.CatHead > h2 { width:100%; white-space:normal; margin:0; padding:0; } .MainCategories > li > div.CatHead > h2 > a.ParentCat { padding:0; vertical-align:middle; font-size:xx-large; line-height:120%; white-space:normal; color:var(--green-1); display:inline-block; } .MainCategories > li > div.CatHead > h2 > a.ParentCat:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; color:var(--green-1); background:none; } .MainCategories > li > ul { list-style:none; margin-top:10px; } .MainCategories > li > ul > li { display:inline-block; padding:5px 0; vertical-align:middle; } .MainCategories > li > ul > li:after { display:inline-block; padding:0 10px; vertical-align:bottom; line-height:60%; content:"•"; font-size:xx-large; color:#888; color:var(--green-1); } .MainCategories > li > ul > li:last-child:after { content:""; padding:0; font-size:0; line-height:0; } .MainCategories > li > ul > li > a { font-size:large; text-underline-offset:3px; color:#777; } .MainCategories > li > ul > li > a > span { color:var(--green-1); color:var(--orange-1-100); color:#aaa; } div.ShowMoreWrapper { border:1px solid #f0f0f0; max-width:768px; border-radius:20px; margin:35px auto; background-color:#fbfbfb; } div.ShowMore { position:relative; margin:0px auto 20px auto; padding:20px; } div.ShowMore::before { display:block; font-weight:bold; padding-bottom:10px; text-align:left; } div.ShowMore div.Wrapper { overflow:hidden; max-height:87px; text-align:left; margin:0 auto; } div.ShowMore p { padding:0; margin:0; font-size:medium; text-align:left; line-height:normal; color:#666; } div.ShowMore p a { font-weight:bold; } div.ShowMore input[type="checkbox"] { display:none; } div.ShowMore label { position:absolute; top:100%; display:none; left:50%; transform:translate(-50%,-50%); } div.ShowMore label::after { display:block; font-size:small; line-height:normal; font-weight:normal; color:var(--green-1); border:0.01rem solid var(--green-3-035); border-radius:7px; padding:2px 10px; cursor:pointer; } div.ShowMore label:hover::after { background-color:var(--green-1); color:#fff; } div.ShowMore input:checked ~ div.Wrapper { max-height:100%; } p.RelatedAProducts { font-size:1.75rem; color:#888; } div.RelatedArticles ul { list-style-type:none; font-size:0; } div.RelatedArticles ul li { display:inline-block; vertical-align:top; text-align:left; } div.RelatedArticles > ul { display:block; max-width:960px; margin:20px auto 0 auto; padding:0; } div.RelatedArticles > ul > li { width:50%; max-width:320px; margin:0; padding:0; overflow:hidden; } div.RelatedArticles > ul > li > a { display:block; margin:5px; padding:10px; text-decoration:none; border:1px solid #f0f0f0; border-radius:10px; } div.RelatedArticles > ul > li > a:hover { background-color:#f0f0f0; } div.RelatedArticles > ul > li > a > ul { display:flex; margin:0; padding:0; } div.RelatedArticles > ul > li > a > ul > li.Photo > span { display:block; width:64px; height:48px; border-radius:10px; background-repeat:no-repeat; background-position:center center; background-size:auto 48px; } div.RelatedArticles > ul > li > a > ul > li.Article { display:inline-block; margin-left:10px; } div.RelatedArticles > ul > li > a > ul > li.Article > span { display:block; white-space:normal; } div.RelatedArticles > ul > li > a > ul > li.Article > span.Manufacturer { color:var(--green-1); font-size:small; font-weight:bold; letter-spacing:0.75px; padding-top:5px; } div.RelatedArticles > ul > li > a > ul > li.Article > span.Name { color:#444; font-size:0.85rem; font-weight:bold; padding-top:5px; } .OverflowMarkers { background: /* Shadow covers */ linear-gradient(white 30%, rgba(255,255,255,0)), linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.2), rgba(0,0,0,0)), radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%; background-repeat:no-repeat; background-color:white; background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px; /* Opera doesn't support this in the shorthand */ background-attachment:local, local, scroll, scroll; } .SubItems li { display:inline-block; padding:2px 5px 2px 0; font-size:0; line-height:0; } .SubItems li:last-child { padding-right:0; } .SubItems li a { font-size:large; line-height:normal; } #window-size { position:fixed; bottom:5px; right:5px; background:rgba(0,0,0,0.75); color:#fff; padding:5px 7px 4px 7px; border-radius:9px; font-family:monospace; font-size:12px; pointer-events:none; } #window-size::after { content:attr(data-size); } @keyframes bounce { 0% { transform: scale(1.00); } 50% { transform: scale(0.97); } 100% { transform: scale(1.05); } } @media screen and (max-width:1799px) { .MainCategories > li { min-width:46%; max-width:46%; } } @media screen and (max-width:1279px) { .MainCategories > li { min-width:auto; max-width:100%; } .NoImage { height:112px; } } @media screen and (max-width:799px) { div.RelatedArticles > ul > li { width:100%; } } @media screen and (max-width:639px) { .MainCategories > li > div.CatHead > h2 > a.ParentCat { font-size:x-large; line-height:130%; } } @media screen and (max-width:559px) { ul.Categories { padding:5px 5px 10px 5px; } } @media screen and (max-width:479px) { .Intro > form > ul.HomeSearch > li { padding-left:0; padding-right:0; } .Intro > form > ul.HomeSearch > li span.InputWrapper input[type="text"] { width:300px; } } @media screen and (max-width:399px) { .Intro > form > ul.HomeSearch > li > span.InputWrapper input[type="text"] { width:240px; } .Intro > form > ul.HomeSearch > li > span.InputWrapper input[type="text"]::placeholder { font-size:small; } .Intro > form > ul.HomeSearch > li > a { font-size:medium; padding-top:8%; } .Intro > ul.Highlights { padding:0 0 10px 0; } .Intro > ul.Highlights li { margin-top:35px; padding:60px 20px 0 20px; width:160px; font-size:small; line-height:130%; background-size:50px 50px; } .SearchForm input { width:200px; } p.Description { font-size:small; } .MainCategories > li > div.CatHead { display:block; text-align:center; height:auto; padding-bottom:10px; } .MainCategories > li > div.CatHead > a.PhotoFrame .Photo { display:block; margin:0 auto 15px auto; } .MainCategories > li > div.CatHead > a.PhotoFrame:hover .Photo { opacity:0.5; } .MainCategories > li > ul > li { display:block; padding:5px 0; } .MainCategories > li > ul > li:before { display:none; } } /* Common END */ /* TheVegCat BEGIN */ :root { --edit-icon: url("data:image/svg+xml;utf8,"); --edit-icon-hover: url("data:image/svg+xml;utf8,"); --logo-svg: url("data:image/svg+xml;utf8,"); --menu-open: url("data:image/svg+xml;utf8,"); --menu-open-hover: url("data:image/svg+xml;utf8,"); --menu-close: url("data:image/svg+xml;utf8,"); --menu-close-hover:url("data:image/svg+xml;utf8,"); --ean-icon: url("data:image/svg+xml;utf8,"); } * { margin:0; padding:0; box-sizing:border-box; font-family:'Raleway',sans-serif; } html { margin:0; padding:0; height:100%; } body { margin:0 auto; padding:10px 20px 20px 20px; min-width:320px; max-width:1800px; color:#444; } select { color:#555; } a { text-decoration:none; color:var(--green-1); } a:hover { text-decoration:underline; } p { line-height:150%; } input[type="text"], input[type="button"], input[type="submit"], button[type="button"], button[type="submit"] { border-radius:5px; border:1px solid #bbb; } input[type="text"], input[type="password"], select { padding:5px; } input[type="checkbox"] { width:18px; height:18px; vertical-align:middle; } button[type="button"], button[type="submit"], input[type="submit"], .ClassicButton { padding:5px 15px; border-radius:5px; border:1px solid #bbb; cursor:pointer; } hr { color:var(--green-1); } .Logo { float:left; width:370px; height:65px; outline:none; background-repeat:no-repeat; background-position:center; background-image:var(--logo-svg); } .Page .Articles > li { margin:6px 8px; } .Page h1, .Page h2, .Page h3 { font-weight:normal; color:#888; } .Page h1 { font-size:2.2rem; max-width:960px; margin:12px auto; padding-bottom:20px; } .Page h1 b { font-weight:normal; } .Page h2 { font-size:1.75rem; max-width:960px; margin:12px auto; } .Page h2 > a, .Page h2.NotVegan > span { font-size:1.5rem; font-weight:normal; color:var(--green-1); border-radius:5px; padding:2px 10px; text-decoration:none; } .Page h2 > a:hover { color:#fff; background-color:var(--green-1); } .Page h2 span { display:block; font-size:1.35rem; } .Page h2.NotVegan > span { display:inline; color:#888; } .Page h2.Manufacturer::before { font-size:1.5rem; color:#bbb; } .Page h3 { font-size:1.5rem; } .FlagName * { vertical-align:top; } .FlagName button { display:inline-block; margin-right:20px; } p.Description { padding:5px 10px 25px 10px; font-size:larger; } .SubItems { list-style:none; margin:0 0 20px 0; padding:0; text-align:center; max-height:115px; overflow:auto; font-size:0; line-height:0; } .SubItems li * { vertical-align:middle; } .SubItems li:not(:last-child)::after { content:"•"; display:inline-block; color:var(--green-1); font-size:xxx-large; line-height:15px; height:16px; padding-left:5px; overflow:hidden; vertical-align:middle; margin:0 10px; } .SubItems li button { display:inline-block; } h1.Stamp::after { margin-left:20px; height:45px; } h1.VLabel::after { width:35px; } h1.VeganTrademark::after { width:56px; } .MobileMenuWrapper { max-width:1800px; margin:0 auto; } .MobileMenu { position:absolute; right:0; z-index:99999; min-width:320px; overflow-y:auto; margin:10px auto 0 auto; padding:10px; border:2px solid #94c11e; background-color:#f8f8f8; text-align:center; border-radius:10px; } .MobileMenu ul.Navigation { list-style:none; margin:30px 0 0 0; padding:0; } .MobileMenu ul.Navigation li { padding-bottom:30px; line-height:175%; font-size:medium; } .MobileMenu ul.Navigation li:last-child { padding-bottom:0; } .MobileMenu ul.Links { border-top:1px solid #ddd; display:inline-block; margin:35px auto 0 auto; padding:10px 20px; } .MobileMenu ul.Links li { font-size:small; font-weight:bold; padding:0; margin:12px 5px; display:block; color:var(--green-1); } .MobileMenu ul.Links li a { padding:0; margin:0; display:inline-block; } .MobileMenu .Action { margin:30px 0 0px 0; } .MobileMenu .Action li { font-weight:bold; text-align:center; padding:5px 0; } .MobileMenu .AButton { display:inline-block; margin-top:3px; padding:1px 17px; border:1px solid #ccc; border-radius:7px; background-color:#fff; text-decoration:none; font-weight:bold; font-size:mall; letter-spacing:0.5px;} .MobileMenu .AButton.Logout { color:#f00; } .MobileMenu .AButton.Large { padding:3px 22px; font-size:large; } .MobileMenu .AButton:hover { color:#fff; background-color:var(--green-1); } .MobileMenu select { height:auto; padding:5px; font-size:small; color:#444; background-color:#e9e9ed; border:1px solid #888; border-radius:5px; } .MobileMenu .DisplayLanguage::before { display:block; margin-bottom:10px; } .MobileMenu .SelectLanguage button { text-decoration:none; text-align:center; display:inline-block; margin:0 2px; padding:5px; border:none; background-color:transparent; cursor:pointer; } .MobileMenu .SelectLanguage button:hover { background-color:#fff; } .MobileMenu .SelectLanguage button span { display:block; } .MobileMenu .SelectLanguage button .LangName { font-size:small; color:#666; margin-top:7px; } .MobileMenu .SelectLanguage button.Selected .LangName { font-weight:bold; color:#000; } .MobileMenuSelectorValue { display:block; line-height:130%; } .MobileMenuSelectorValue::before { margin-right:10px; color:#888; } .MobileMenuSelectorValue::after { color:#444; display:block; font-weight:bold; } .MobileMenuIcon { float:right; width:48px; height:48px; } .MobileMenuIcon a { display:block; width:100%; padding-bottom:100%; overflow:visible; border:none; outline:none; font-size:0; line-height:0; margin:0; border-radius:10px; background-repeat:no-repeat; background-size:100% 100%; background-position:center center; } .MobileMenuIcon.Open { margin-top:10px; } .MobileMenuIcon.Open a { background-image:var(--menu-open); } .MobileMenuIcon.Open a:hover { background-color:#fff; background-image:var(--menu-open-hover); } .MobileMenuIcon.Close { margin-right:10px; position:absolute; right:0; top:10px; } .MobileMenuIcon.Close a { background-image:var(--menu-close); } .MobileMenuIcon.Close a:hover { background-color:var(--green-2); background-image:var(--menu-close-hover); } .PaginationInfo { margin-bottom:40px; padding:4px 0; font-size:medium; font-weight:bold; line-height:normal; text-align:center; color:#fff; background-color:var(--green-1); } .PaginationInfo .Short { display:none; } @-moz-document url-prefix() { ul.Result > li > a > ul > li.Title { letter-spacing:-0.5px; } } ul.Pagination { list-style-type:none; margin-top:30px; padding:0; font-size:0; line-height:0; text-align:center; cursor:default; } ul.Pagination > li { display:inline-block; margin-left:4px; margin-right:4px; } ul.Pagination > li > a, ul.Pagination > li > span { display:inline-block; min-width:60px; font-size:large; line-height:20px; padding:4px 15px; border:1px solid #eee; border-radius:4px; } ul.Pagination > li > a { text-decoration:none; } ul.Pagination > li > a:hover, ul.Pagination > li > span { color:#fff; background-color:var(--green-1); } ul.Pagination > li.Arrows > span { color:#ddd; background-color:#fff; } div.ShowAll { text-align:center; padding:10px 0; } div.ShowAll a { display:inline-block; min-width:60px; font-size:large; line-height:20px; padding:4px 15px; border:1px solid #eee; border-radius:4px; text-decoration:none; } div.ShowAll a:hover { color:#fff; background-color:var(--green-1); } .Parent { font-weight:bold; } span.Barcode { display:block; font-size:small; } div.Negativities { font-size:small; font-weight:bold; padding:5px 0; } div.Negativities ul { list-style:none; display:inline-block; margin:0; padding:0; } div.Negativities ul li { display:inline-block; border:1px solid #800; border-radius:6px; color:#fff; background-color:#e00; padding:2px 5px; } .Page.StaticPages { padding:20px 50px; max-width:1024px; margin:0 auto; } .Page.StaticPages h1 { margin-bottom:5.0rem; max-width:none; } .Page.StaticPages h2 { margin-top:3.0rem; margin-bottom:2.0rem; max-width:none; } .Page.StaticPages h3 { margin-top:1.5rem; margin-bottom:1.0rem; max-width:none; } .Page.StaticPages p { margin-bottom:1.0rem; line-height:175%; text-align:left; } .Page.StaticPages p.LastUpdated { font-style:italic; margin-top:35px; } .Page.StaticPages p.CreatedBy { font-size:small; margin-top:25px; } .Page.StaticPages a { font-weight:bold; } .Page.StaticPages ul { display:inline-block; text-align:left; margin:0 0 20px 0; line-height:175%; } .Page.StaticPages p.Credits { text-align:center; font-size:large; padding-bottom:20px; line-height:175%; } .Page.StaticPages ul.Credits { list-style:none; } .Page.StaticPages ul.Credits li { font-size:large; padding:5px 0; } .Page.StaticPages span { font-weight:bold; color:#888; display:inline; font-size:inherit; } .Page.StaticPages h2 span { font-weight:normal; } .Page.StaticPages hr { margin:30px 0; border-top:none; border-bottom:1px solid #ddd; } .Page.StaticPages div.NumberedList { counter-reset:list-number; } .Page.StaticPages div.NumberedList h2 { counter-increment:list-number; } .Page.StaticPages div.NumberedList h2:before { content:counter(list-number)". "; font-size:inherit; } .Page.StaticPages div.NumberedSubList { counter-reset:sub-list-number; } .Page.StaticPages div.NumberedSubList h3 { counter-increment:sub-list-number; } .Page.StaticPages div.NumberedSubList h3:before { content:counter(list-number)"."counter(sub-list-number)". "; font-size:inherit; } .Page ul.Photos > li img.Multiple { height:200px; } .Page ul.Photos > li img.Single { height:200px; } .Page .Box { display:block; padding:10px 20px; font-size:1em; border:1px solid #ddd; border-radius:15px; } ul.Info { list-style:none; } ul.Info li { display:inline-block; margin-right:20px; } ul.Info li:last-child { margin-right:0; } li.DateCreated, li.LastUpdate, li.AddedBy { text-align:center; } .ReadMore { padding-top:0; line-height:normal; padding-bottom:35px; text-align:center; } .ReadMore span { letter-spacing:-2px; } .LowestPrice { display:block; margin-top:5px; font-weight:bold; } ul.BlogPosts { list-style:none; margin:50px 0; padding:0; font-size:0; line-height:0; text-align:center; } ul.BlogPosts li { display:inline-block; border:1px solid var(--green-1); font-size:medium; line-height:normal; border-radius:5px; margin:5px 10px; overflow:hidden; } ul.BlogPosts li a { display:block; padding:2px 10px; } ul.BlogPosts li a:hover { text-decoration:none; color:#fff; background-color:var(--green-1); } .BlogPostContent { margin:25px 0 50px 0; } .EditOptions { margin:25px 0 0 0; padding:25px 10px 10px 10px; text-align:center; } .EditOptions input[type="text"] { vertical-align:top; margin:0; padding:0; } .EditOptions ul { list-style:none; margin:0; padding:0; font-size:0; } .EditOptions ul.Options > li { display:inline-block; font-size:0; padding:0 10px; } .EditOptions ul.Options > li a { display:block; font-size:medium; font-weight:bold; color:var(--orange-2); border:1px solid var(--orange-2); padding:4px 20px; border-radius:9px; text-decoration:none; } .EditOptions ul.Options > li a:hover { color:#fff; background-color:var(--orange-2); } .EditOptions ul.Options > li a.UpdateButton { padding:12px 20px 9px 20px; } .EditOptions ul.Options > li a.UpdateButton::before { display:inline-block; vertical-align:middle; margin-right:15px; margin-top:-4px; padding:0;font-size:0; width:24px; content:var(--edit-icon); } .EditOptions ul.Options > li a.UpdateButton:hover { text-decoration:none; background-color:var(--orange-2); } .EditOptions ul.Options > li a.UpdateButton:hover::before { content:var(--edit-icon-hover); } .EditOptions ul.CorrectionType { margin-top:20px; text-align:left; display:inline-block; } .EditOptions ul.CorrectionType>li { font-size:small; padding:4px 0; } .EditOptions ul.CorrectionType>li label { cursor:pointer; } .EditOptions ul.CorrectionType>li label:hover span { text-decoration:underline; } .EditOptions ul.List>li { display:inline-block; padding:0 10px; } .EditOptions ul.List>li.Hide { display:none; } .EditOptions ul.List>li select { height:30px; margin:0; padding:0 10px; border-radius:5px; vertical-align:middle; box-sizing:border-box; outline:none; } .EditOptions ul.List>li input[type="text"] { height:30px; padding:0 10px; vertical-align:middle; box-sizing:border-box; margin:0; outline:none; } .EditOptions ul.List>li input[type="button"] { margin:0; padding:0 10px; vertical-align:middle; height:30px; box-sizing:border-box; outline:none; line-height:0; border-width:1px; border-style:solid; border-color:#ccc #666 #666 #ccc; } .EditOptions ul.List>li input[type="button"]:hover { background-color:#ddd; } .EditOptions ul.List>li input[type="button"]:active { background-color:#fff; } .EditOptions .SendingSuggestedCorrection span { display:block; color:#000; font-weight:bold; font-size:small; margin:0; padding:0; text-align:center; } .Loading, .NoMoreToShow { font-size:medium; font-weight:bold; text-align:center; padding:20px 0; } .Loading { color:#fff; background-color:var(--green-1); margin:15px 0 10px 0; padding:0; } .Loading p { line-height:normal; padding:4px 0; } .NoMoreToShow { color:#888; } ul.Countries { margin-top:20px; } ul.LoginLinks { margin:0; padding:0; font-size:0; } ul.LoginLinks li { margin:0; padding:0; display:inline-block; font-size:0; } ul.LoginLinks li::after { content:"|"; color:var(--green-1); margin:0 10px; font-size:medium; } ul.LoginLinks li:last-child::after { content:""; margin:0; } ul.LoginLinks li a { display:inline-block; font-size:medium; } .PasswordResetFirst { margin-top:50px; } span.PayPal::before { padding-right:5px; } span.PayPal span { font-weight:900; font-family:sans-serif; font-size:small; } span.PayPal .Pay::before { color:#2b3569; } span.PayPal .Pal::before { color:var(--blue); } div.EanIcon { display:block; margin:20px auto 0 auto; width:48px; height:28px; background-repeat:no-repeat; background-size:100% auto; background-position:center center; background-image:var(--ean-icon); } div.RelatedArticles { margin-top:40px; } @media screen and (max-width:1279px) { ul.Result > li > a { width:148px; height:180px; } ul.Result.WithPrice > li > a { height:215px; } ul.Result > li.Photo > a { padding-top:115px; background-size:auto 110px; } ul.Result > li > a > ul > li.Title { font-size:small; } ul.Result > li > a > ul > li.Manufacturer { font-size:x-small; line-height:100%; margin-top:5px; letter-spacing:0.5px; } ul.Result > li > a > ul > li.PriceInfos { margin-top:7px; } ul.Result > li > a > ul > li.PriceInfos > ul > li { font-size:x-small; font-weight:normal; letter-spacing:0; } .Sticker::before { top:20%; left:10%; right:10%; padding:5px 15px; font-size:small; } .VLabel.SearchResultItem::before { left:5px; top:5px; width:30px; height:39px; } .VeganTrademark.SearchResultItem::before { left:5px; top:5px; width:43px; height:35px; } } @media screen and (max-width:1023px) { .Page ul.Photos > li > img.Single { height:200px; } .Page ul.Photos > li > img.Multiple { height:150px; } .Intro ul.Highlights { padding:0 0 20px 0; } .Intro ul.Highlights li { margin-top:35px; padding:80px 30px 0 30px; width:200px; font-size:medium; line-height:130%; background-size:65px 65px; } } @media screen and (max-width:799px) { .Page ul.Photos > li > img.Single { height:150px; } .Page ul.Photos > li > img.Multiple { height:100px; } } @media screen and (max-width:639px) { ul.Pagination > li > a, ul.Pagination > li > span { min-width:55px; } } @media screen and (max-width:559px) { ul.Pagination { padding-top:10px; padding-bottom:5px; } ul.Pagination > li > a, ul.Pagination > li > span { min-width:33px; font-size:medium; padding:4px 8px; } body { padding:0; } div.Page { margin:0; padding:0; border-radius:0; } div.Header { margin:0; } p.PaginationInfo { margin:0px; padding:5px 0; } p.PaginationInfo .Long { display:none; } p.PaginationInfo .Short { display:block; } .Page h1 { font-size:x-large; padding:5px; } div.Page ul.Photos li img { border:none; } div.Page ul.Photos li.Optional { display:none; } .Logo { width:285px; height:50px; margin:10px 0 0 10px; } .MobileMenu { margin-top:0; } .MobileMenuIcon.Open { margin:10px 10px 0 0; } .MobileMenuIcon.Close { margin-top:0; } p.Description { padding:5px 10px; font-size:medium; } } @media screen and (max-width:399px) { .MobileMenuIcon { width:36px; height:36px; } .MobileMenuIcon.Open { margin-top:12px; } .Logo { width:228px; height:40px; margin:10px 0 0 10px; } } /* TheVegCat END */ /* Flags BEGIN */ .Flag { display:inline-block; width:48px; height:32px; margin:0 7px; padding:0; border:1px solid #bbb; border-radius:3px; background-repeat:no-repeat; background-position:center center; background-size:100%; font-size:0; line-height:normal; opacity:0.75; } .Flag.Small { width:32px; height:20px; margin:0 4px; } .Flag.Price { width:24px; height:16px; margin:0 10px 2px 0; vertical-align:middle; cursor:pointer; } .Flag.CountryName { display:inline-block; width:auto; height:auto; background-color:#fff; padding:1px 8px 1px 36px; background-position:4px center; white-space:nowrap; font-size:13px; background-size:24px; border-radius:6px; } .Flag.AD { background-image:url(/flags/AND.AD.Andorra.svg); } .Flag.AE { background-image:url(/flags/AED.AE.United-Arab-Emirates.svg); } .Flag.AF { background-image:url(/flags/AFG.AF.Afghanistan.svg); } .Flag.AG { background-image:url(/flags/ATG.AG.Antigua-And-Barbuda.svg); } .Flag.AI { background-image:url(/flags/AIA.AI.Anguilla.svg); } .Flag.AL { background-image:url(/flags/ALB.AL.Albania.svg); } .Flag.AM { background-image:url(/flags/ARM.AM.Armenia.svg); } .Flag.AO { background-image:url(/flags/AGO.AO.Angola.svg); } .Flag.AQ { background-image:url(/flags/ATA.AQ.Antarctica.svg); } .Flag.AR { background-image:url(/flags/ARG.AR.Argentina.svg); } .Flag.AS { background-image:url(/flags/ASM.AS.American-Samoa.svg); } .Flag.AT { background-image:url(/flags/AUT.AT.Austria.svg); } .Flag.AU { background-image:url(/flags/AUS.AU.Australia.svg); } .Flag.AW { background-image:url(/flags/ABW.AW.Aruba.svg); } .Flag.AX { background-image:url(/flags/ALA.AX.Aland-Islands.svg); } .Flag.AZ { background-image:url(/flags/AZE.AZ.Azerbaijan.svg); } .Flag.BA { background-image:url(/flags/BIH.BA.Bosnia-And-Herzegovina.svg); } .Flag.BB { background-image:url(/flags/BRB.BB.Barbados.svg); } .Flag.BD { background-image:url(/flags/BGD.BD.Bangladesh.svg); } .Flag.BE { background-image:url(/flags/BEL.BE.Belgium.svg); } .Flag.BF { background-image:url(/flags/BFA.BF.Burkina-Faso.svg); } .Flag.BG { background-image:url(/flags/BGR.BG.Bulgaria.svg); } .Flag.BH { background-image:url(/flags/BHR.BH.Bahrain.svg); } .Flag.BI { background-image:url(/flags/BDI.BI.Burundi.svg); } .Flag.BJ { background-image:url(/flags/BEN.BJ.Benin.svg); } .Flag.BM { background-image:url(/flags/BMU.BM.Bermuda.svg); } .Flag.BN { background-image:url(/flags/BRN.BN.Brunei.svg); } .Flag.BO { background-image:url(/flags/BOL.BO.Bolivia.svg); } .Flag.BQ { background-image:url(/flags/BES.BQ.Bonaire.svg); } .Flag.BR { background-image:url(/flags/BRA.BR.Brazil.svg); } .Flag.BS { background-image:url(/flags/BHS.BS.Bahamas.svg); } .Flag.BT { background-image:url(/flags/BTN.BT.Bhutan.svg); } .Flag.BV { background-image:url(/flags/NOR.NO.Norway.svg); } .Flag.BW { background-image:url(/flags/BWA.BW.Botswana.svg); } .Flag.BY { background-image:url(/flags/BLR.BY.Belarus.svg); } .Flag.BZ { background-image:url(/flags/BLZ.BZ.Belize.svg); } .Flag.CA { background-image:url(/flags/CAN.CA.Canada.svg); } .Flag.CC { background-image:url(/flags/CCK.CC.Cocos-Island.svg); } .Flag.CD { background-image:url(/flags/COD.CD.Democratic-Republic-Of-Congo.svg); } .Flag.CF { background-image:url(/flags/CAF.CF.Central-African-Republic.svg); } .Flag.CG { background-image:url(/flags/COG.CG.Republic-Of-The-Congo.svg); } .Flag.CH { background-image:url(/flags/CHE.CH.Switzerland.svg); } .Flag.CK { background-image:url(/flags/COK.CK.Cook-Islands.svg); } .Flag.CL { background-image:url(/flags/CHL.CL.Chile.svg); } .Flag.CM { background-image:url(/flags/CMR.CM.Cameroon.svg); } .Flag.CN { background-image:url(/flags/CHN.CN.China.svg); } .Flag.CO { background-image:url(/flags/COL.CO.Colombia.svg); } .Flag.CR { background-image:url(/flags/CRI.CR.Costa-Rica.svg); } .Flag.CU { background-image:url(/flags/CUB.CU.Cuba.svg); } .Flag.CV { background-image:url(/flags/CPV.CV.Cape-Vverde.svg); } .Flag.CW { background-image:url(/flags/CUW.CW.Curacao.svg); } .Flag.CX { background-image:url(/flags/CXR.CX.Christmas-Island.svg); } .Flag.CY { background-image:url(/flags/CYP.CY.Northern-Cyprus.svg); } .Flag.CZ { background-image:url(/flags/CZE.CZ.Czech-Republic.svg); } .Flag.DE { background-image:url(/flags/DEU.DE.Germany.svg); } .Flag.DJ { background-image:url(/flags/DJI.DJ.Djibouti.svg); } .Flag.DK { background-image:url(/flags/DNK.DK.Denmark.svg); } .Flag.DM { background-image:url(/flags/DMA.DM.Dominica.svg); } .Flag.DO { background-image:url(/flags/DOM.DO.Dominican-Republic.svg); } .Flag.DZ { background-image:url(/flags/DZA.DZ.Algeria.svg); } .Flag.EC { background-image:url(/flags/ECU.EC.Ecuador.svg); } .Flag.EE { background-image:url(/flags/EST.EE.Estonia.svg); } .Flag.EG { background-image:url(/flags/EGY.EG.Egypt.svg); } .Flag.EH { background-image:url(/flags/ESH.EH.Western-Sahara-Sahrawi-Arab-Democratic-Republic.svg); } .Flag.ER { background-image:url(/flags/ERI.ER.Eritrea.svg); } .Flag.ES { background-image:url(/flags/ESP.ES.Spain.svg); } .Flag.ET { background-image:url(/flags/ETH.ET.Ethiopia.svg); } .Flag.FI { background-image:url(/flags/FIN.FI.Finland.svg); } .Flag.FJ { background-image:url(/flags/FJI.FJ.Fiji.svg); } .Flag.FK { background-image:url(/flags/FLK.FK.Falkland-Islands.svg); } .Flag.FM { background-image:url(/flags/FSM.FM.Micronesia.svg); } .Flag.FO { background-image:url(/flags/FRO.FO.Faroe-Islands.svg); } .Flag.FR { background-image:url(/flags/FRA.FR.France.svg); } .Flag.GA { background-image:url(/flags/GAB.GA.Gabon.svg); } .Flag.GB { background-image:url(/flags/GBR.GB.United-Kingdom.svg); } .Flag.GD { background-image:url(/flags/GRD.GD.Grenada.svg); } .Flag.GE { background-image:url(/flags/GEO.GE.Georgia.svg); } .Flag.GF { background-image:url(/flags/GUF.GF.French-Guiana.svg); } .Flag.GG { background-image:url(/flags/GGY.GG.Guernsey.svg); } .Flag.GH { background-image:url(/flags/GHA.GH.Ghana.svg); } .Flag.GI { background-image:url(/flags/GIB.GI.Gibraltar.svg); } .Flag.GL { background-image:url(/flags/GRL.GL.Greenland.svg); } .Flag.GM { background-image:url(/flags/GMB.GM.Gambia.svg); } .Flag.GN { background-image:url(/flags/GIN.GN.Guinea.svg); } .Flag.GQ { background-image:url(/flags/GNQ.GQ.Equatorial-Guinea.svg); } .Flag.GP { background-image:url(/flags/GLP.GP.Guadeloupe.svg); } .Flag.GR { background-image:url(/flags/GRC.GR.Greece.svg); } .Flag.GS { background-image:url(/flags/SGS.GS.South-Georgia-And-The-South-Sandwich-Islands.svg); } .Flag.GT { background-image:url(/flags/GTM.GT.Guatemala.svg); } .Flag.GU { background-image:url(/flags/GUM.GU.Guam.svg); } .Flag.GW { background-image:url(/flags/GNB.GW.Guinea-Bissau.svg); } .Flag.GY { background-image:url(/flags/GUY.GY.Guyana.svg); } .Flag.HN { background-image:url(/flags/HND.HN.Honduras.svg); } .Flag.HK { background-image:url(/flags/HKG.HK.Hong-Kong.svg); } .Flag.HR { background-image:url(/flags/HRV.HR.Croatia.svg); } .Flag.HT { background-image:url(/flags/HTI.HT.Haiti.svg); } .Flag.HU { background-image:url(/flags/HUN.HU.Hungary.svg); } .Flag.ID { background-image:url(/flags/IDN.ID.Indonesia.svg); } .Flag.IE { background-image:url(/flags/IRL.IE.Ireland.svg); } .Flag.IL { background-image:url(/flags/ISR.IL.Israel.svg); } .Flag.IN { background-image:url(/flags/IND.IN.India.svg); } .Flag.IO { background-image:url(/flags/IOT.IO.British-Indian-Ocean-Territory.svg); } .Flag.IQ { background-image:url(/flags/IRQ.IQ.Iraq.svg); } .Flag.IR { background-image:url(/flags/IRN.IR.Iran.svg); } .Flag.IS { background-image:url(/flags/ISL.IS.Iceland.svg); } .Flag.IT { background-image:url(/flags/ITA.IT.Italy.svg); } .Flag.JE { background-image:url(/flags/JEY.JE.Jersey.svg); } .Flag.JM { background-image:url(/flags/JAM.JM.Jamaica.svg); } .Flag.JO { background-image:url(/flags/JOR.JO.Jordan.svg); } .Flag.JP { background-image:url(/flags/JPN.JP.Japan.svg); } .Flag.KE { background-image:url(/flags/KEN.KE.Kenya.svg); } .Flag.KG { background-image:url(/flags/KGZ.KG.Kyrgyzstan.svg); } .Flag.KH { background-image:url(/flags/KHM.KH.Cambodia.svg); } .Flag.KI { background-image:url(/flags/KIR.KI.Kiribati.svg); } .Flag.KM { background-image:url(/flags/COM.KM.Comoros.svg); } .Flag.KP { background-image:url(/flags/PRK.KP.North-Korea.svg); } .Flag.KR { background-image:url(/flags/KOR.KR.South-Korea.svg); } .Flag.KW { background-image:url(/flags/KWT.KW.Kuwait.svg); } .Flag.KY { background-image:url(/flags/CYM.KY.Cayman-Islands.svg); } .Flag.KZ { background-image:url(/flags/KAZ.KZ.Kazakhstan.svg); } .Flag.LA { background-image:url(/flags/LAO.LA.Laos.svg); } .Flag.LB { background-image:url(/flags/LBN.LB.Lebanon.svg); } .Flag.LC { background-image:url(/flags/LCA.LC.St-Lucia.svg); } .Flag.LI { background-image:url(/flags/LIE.LI.Liechtenstein.svg); } .Flag.LK { background-image:url(/flags/LKA.LK.Sri-Lanka.svg); } .Flag.LR { background-image:url(/flags/LBR.LR.Liberia.svg); } .Flag.LS { background-image:url(/flags/LSO.LS.Lesotho.svg); } .Flag.LT { background-image:url(/flags/LTU.LT.Lithuania.svg); } .Flag.LU { background-image:url(/flags/LUX.LU.Luxembourg.svg); } .Flag.LV { background-image:url(/flags/LVA.LV.Latvia.svg); } .Flag.LY { background-image:url(/flags/LBY.LY.Libya.svg); } .Flag.MA { background-image:url(/flags/MAR.MA.Morocco.svg); } .Flag.MC { background-image:url(/flags/MCO.MC.Monaco.svg); } .Flag.MD { background-image:url(/flags/MDA.MD.Moldova.svg); } .Flag.MG { background-image:url(/flags/MDG.MG.Madagascar.svg); } .Flag.MH { background-image:url(/flags/MHL.MH.Marshall-Island.svg); } .Flag.ME { background-image:url(/flags/MNE.ME.Montenegro.svg); } .Flag.MF { background-image:url(/flags/MAF.MF.St-Martin-Sint-Maarten.svg); } .Flag.MK { background-image:url(/flags/MKD.MK.Republic-Of-Macedonia.svg); } .Flag.ML { background-image:url(/flags/MLI.ML.Mali.svg); } .Flag.MM { background-image:url(/flags/MMR.MM.Myanmar-Burma.svg); } .Flag.MN { background-image:url(/flags/MNG.MN.Mongolia.svg); } .Flag.MP { background-image:url(/flags/MNP.MP.Northern-Marianas-Islands.svg); } .Flag.MQ { background-image:url(/flags/MTQ.MQ.Martinique.svg); } .Flag.MR { background-image:url(/flags/MRT.MR.Mauritania.svg); } .Flag.MS { background-image:url(/flags/MSR.MS.Montserrat.svg); } .Flag.MT { background-image:url(/flags/MLT.MT.Malta.svg); } .Flag.MU { background-image:url(/flags/MUS.MU.Mauritius.svg); } .Flag.MV { background-image:url(/flags/MDV.MV.Maldives.svg); } .Flag.MW { background-image:url(/flags/MWI.MW.Malawi.svg); } .Flag.MX { background-image:url(/flags/MEX.MX.Mexico.svg); } .Flag.MY { background-image:url(/flags/MYS.MY.Malasya.svg); } .Flag.MZ { background-image:url(/flags/MOZ.MZ.Mozambique.svg); } .Flag.NA { background-image:url(/flags/NAM.NA.Namibia.svg); } .Flag.NC { background-image:url(/flags/NCL.NC.New-Caledonia.svg); } .Flag.NE { background-image:url(/flags/NER.NE.Niger.svg); } .Flag.NG { background-image:url(/flags/NGA.NG.Nigeria.svg); } .Flag.NI { background-image:url(/flags/NIC.NI.Nicaragua.svg); } .Flag.NL { background-image:url(/flags/NLD.NL.Netherlands.svg); } .Flag.NO { background-image:url(/flags/NOR.NO.Norway.svg); } .Flag.NP { background-image:url(/flags/NPL.NP.Nepal.svg); } .Flag.NR { background-image:url(/flags/NRU.NR.Nauru.svg); } .Flag.NU { background-image:url(/flags/NIU.NU.Niue.svg); } .Flag.NZ { background-image:url(/flags/NZL.NZ.New-Zealand.svg); } .Flag.NF { background-image:url(/flags/NFK.NF.Norfolk-Island.svg); } .Flag.IM { background-image:url(/flags/IMN.IM.Isle-Of-Man.svg); } .Flag.TC { background-image:url(/flags/TCA.TC.Turks-And-Caicos-Islands.svg); } .Flag.PN { background-image:url(/flags/PCN.PN.Pitcairn-Islands.svg); } .Flag.OM { background-image:url(/flags/OMN.OM.Oman.svg); } .Flag.CI { background-image:url(/flags/CIV.CI.Ivory-Coast-Cote-d-Ivoire.svg); } .Flag.MO { background-image:url(/flags/MAC.MO.Macao-SAR-China.svg); } .Flag.PW { background-image:url(/flags/PLW.PW.Palau.svg); } .Flag.PA { background-image:url(/flags/PAN.PA.Panama.svg); } .Flag.PE { background-image:url(/flags/PER.PE.Peru.svg); } .Flag.PF { background-image:url(/flags/PYF.PF.French-Polynesia.svg); } .Flag.PG { background-image:url(/flags/PNG.PG.Papua-New-Guinea.svg); } .Flag.PH { background-image:url(/flags/PHL.PH.Philippines.svg); } .Flag.PK { background-image:url(/flags/PAK.PK.Pakistan.svg); } .Flag.PL { background-image:url(/flags/POL.PL.Poland.svg); } .Flag.PR { background-image:url(/flags/PRI.PR.Puerto-Rico.svg); } .Flag.PS { background-image:url(/flags/PSE.PS.Palestine-Palestinian-Territories.svg); } .Flag.PT { background-image:url(/flags/PRT.PT.Portugal.svg); } .Flag.PY { background-image:url(/flags/PRY.PY.Paraguay.svg); } .Flag.QA { background-image:url(/flags/QAT.QA.Qatar.svg); } .Flag.RO { background-image:url(/flags/ROU.RO.Romania.svg); } .Flag.RS { background-image:url(/flags/SRB.RS.Serbia.svg); } .Flag.RU { background-image:url(/flags/RUS.RU.Russia.svg); } .Flag.RW { background-image:url(/flags/RWA.RW.Rwanda.svg); } .Flag.SA { background-image:url(/flags/SAU.SA.Saudi-Arabia.svg); } .Flag.SB { background-image:url(/flags/SLB.SB.Solomon-Islands.svg); } .Flag.SC { background-image:url(/flags/SYC.SC.Seychelles.svg); } .Flag.SD { background-image:url(/flags/SDN.SD.Sudan.svg); } .Flag.SE { background-image:url(/flags/SWE.SE.Sweden.svg); } .Flag.SG { background-image:url(/flags/SGP.SG.Singapore.svg); } .Flag.SH { background-image:url(/flags/SHN.SH.Saint-Helena.svg); } .Flag.SI { background-image:url(/flags/SVN.SI.Slovenia.svg); } .Flag.SK { background-image:url(/flags/SVK.SK.Slovakia.svg); } .Flag.SL { background-image:url(/flags/SLE.SL.Sierra-Leone.svg); } .Flag.SM { background-image:url(/flags/SMR.SM.San-Marino.svg); } .Flag.SN { background-image:url(/flags/SEN.SN.Senegal.svg); } .Flag.SO { background-image:url(/flags/SOM.SO.Somalia.svg); } .Flag.SR { background-image:url(/flags/SUR.SR.Suriname.svg); } .Flag.SS { background-image:url(/flags/SSD.SS.South-Sudan.svg); } .Flag.ST { background-image:url(/flags/STP.ST.Sao-Tome-And-Prince.svg); } .Flag.SX { background-image:url(/flags/SXM.SX.Sint-Maarten.svg); } .Flag.SY { background-image:url(/flags/SYR.SY.Syria.svg); } .Flag.SV { background-image:url(/flags/SLV.SV.El-Salvador.svg); } .Flag.SZ { background-image:url(/flags/SWZ.SZ.Eritrea.svg); } .Flag.TD { background-image:url(/flags/TCD.TD.Chad.svg); } .Flag.TF { background-image:url(/flags/ATF.TF.French-Southern-Territories.svg); } .Flag.TG { background-image:url(/flags/TGO.TG.Togo.svg); } .Flag.TH { background-image:url(/flags/THA.TH.Thailand.svg); } .Flag.TJ { background-image:url(/flags/TJK.TJ.Tajikistan.svg); } .Flag.TK { background-image:url(/flags/TKL.TK.Tokelau.svg); } .Flag.TL { background-image:url(/flags/TLS.TL.Timor-Leste-East-Timor.svg); } .Flag.TM { background-image:url(/flags/TKM.TM.Turkmenistan.svg); } .Flag.TN { background-image:url(/flags/TUN.TN.Tunisia.svg); } .Flag.TO { background-image:url(/flags/TON.TO.Tonga.svg); } .Flag.TR { background-image:url(/flags/TUR.TR.Turkey.svg); } .Flag.TT { background-image:url(/flags/TTO.TT.Trinidad-And-Tobago.svg); } .Flag.TV { background-image:url(/flags/TUV.TV.Tuvalu.svg); } .Flag.TW { background-image:url(/flags/TWN.TW.Taiwan.svg); } .Flag.TZ { background-image:url(/flags/TZA.TZ.Tanzania.svg); } .Flag.UA { background-image:url(/flags/UKR.UA.Ukraine.svg); } .Flag.UG { background-image:url(/flags/UGA.UG.Uganda.svg); } .Flag.UM { background-image:url(/flags/USA.US.United-States.svg); } .Flag.US { background-image:url(/flags/USA.US.United-States.svg); } .Flag.UY { background-image:url(/flags/URY.UY.Uruguay.svg); } .Flag.UZ { background-image:url(/flags/UZB.UZ.Uzbekistan.svg); } .Flag.VA { background-image:url(/flags/VAT.VA.Vatican-City.svg); } .Flag.VC { background-image:url(/flags/VCT.VC.St-Vincent-And-The-Grenadines.svg); } .Flag.VE { background-image:url(/flags/VEN.VE.Venezuela.svg); } .Flag.VG { background-image:url(/flags/VGB.VG.British-Virgin-Islands.svg); } .Flag.VI { background-image:url(/flags/VIR.VI.Virgin-Islands.svg); } .Flag.VN { background-image:url(/flags/VNM.VN.Vietnam.svg); } .Flag.VU { background-image:url(/flags/VUT.VU.Vanuatu.svg); } .Flag.WF { background-image:url(/flags/FRA.FR.France.svg); } .Flag.WS { background-image:url(/flags/WSM.WS.Samoa.svg); } .Flag.XK { background-image:url(/flags/XKK.XK.Kosovo.svg); } .Flag.YE { background-image:url(/flags/YEM.YE.Yemen.svg); } .Flag.YT { background-image:url(/flags/MYT.YT.Mayotte.svg); } .Flag.ZA { background-image:url(/flags/ZAF.ZA.South-Africa.svg); } .Flag.ZM { background-image:url(/flags/ZMB.ZM.Zambia.svg); } .Flag.ZW { background-image:url(/flags/ZWE.ZW.Zimbabwe.svg); } /* Flags END */