/*************************************************** AUXILIARY */ div#auxiliary {} div#auxiliary a.image-link { margin: 0 0 18px 0; } div#auxiliary a.image-link img { margin: 0 0 18px 0; } /*************************************************** PRODUCT & RECIPE COMMON STYLES */ /* Product - Ingredients container */ #content #product-ingredients { padding: 0 0 18px 0; } #content #product-ingredients-top { background: url(img/pop-product-ingredients-top-bg.gif) top left no-repeat; height: 7px; overflow: hidden; width: 558px; } #content #product-ingredients-content { background: url(img/pop-product-ingredients-content-bg.gif) top left repeat-y; padding: 7px 18px 7px 18px; padding: 3px 10px 3px 10px; width: 538px; } #content #product-ingredients-bottom { background: url(img/pop-product-ingredients-bottom-bg.gif) top left no-repeat; height: 7px; width: 558px; } #content #recipe-ingredients { padding: 7px 0 18px 0; } #content #recipe-ingredients-top { background: url(img/pop-recipe-ingredients-top-bg.gif) top left no-repeat; height: 7px; overflow: hidden; width: 558px; } #content #recipe-ingredients-content { background: url(img/pop-recipe-ingredients-content-bg.gif) top left repeat-y; padding: 7px 18px 7px 18px; padding: 3px 10px 3px 10px; width: 538px; } #content #recipe-ingredients-bottom { background: url(img/pop-recipe-ingredients-bottom-bg.gif) top left no-repeat; height: 7px; width: 558px; } #content #product-ingredients-content h3 { font-weight: bold; } #content #product-ingredients-content p { color: #333333; font-size: .85em; line-height: 1.325em; padding-bottom: 0px; } #content #product-ingredients-content ul, #content #product-ingredients-content ol, #content #product-ingredients-content p ul, #content #product-ingredients-content p ol { color: #333333; padding: 0 0 0 18px; } #content #product-ingredients-content ul li, #content #product-ingredients-content ol li, #content #product-ingredients-content p ul li, #content #product-ingredients-content p ol li { font-size: .925em; line-height: 1.465em; } #content #recipe-ingredients-content h3 { color: #346d90; font-weight: bold; } #content #recipe-ingredients-content h5 { color: #346d90; font-size: .925em; line-height: 1.465em; padding: 0 0 6px 0; } #content #recipe-ingredients-content p { color: #346d90; font-size: .85em; line-height: 1.325em; padding-bottom: 0px; } #content #recipe-ingredients-content ul, #content #recipe-ingredients-content ol, #content #recipe-ingredients-content p ul, #content #recipe-ingredients-content p ol { color: #346d90; padding: 0 0 0 18px; } #content #recipe-ingredients-content ul li, #content #recipe-ingredients-content ol li, #content #recipe-ingredients-content p ul li, #content #recipe-ingredients-content p ol li { font-size: .925em; line-height: 1.465em; } #content #recipe-instructions h3 { font-weight: bold; } #content #recipe-instructions-content p { color: #346d90; font-size: .85em; line-height: 1.325em; padding-bottom: 0px; } #content #recipe-instructions-content ul, #content #recipe-instructions-content ol, #content #recipe-instructions-content p ul, #content #recipe-instructions-content p ol { color: #346d90; padding: 0 0 0 18px; } #content #recipe-instructions-content ul li, #content #recipe-instructions-content ol li, #content #recipe-instructions-content p ul li, #content #recipe-instructions-content p ol li { font-size: .925em; line-height: 1.465em; } #content #product-ingredients .product-sensitivity { padding: 6px 0 0 0; } #content #product-ingredients .product-sensitivity h5 { color: #333333; font-size: .85em; line-height: 1.325em; } #content #product-ingredients .product-sensitivity a { color: #333333; font-size: .85em; line-height: 1.325em; text-decoration: underline; } #content #product-ingredients .product-sensitivity a:hover { text-decoration: none; } /* Product - Health info */ #content .health-info { clear: both; } #content .health-info img { height: 50px; width: 50px; } #content .health-info p { font-size: .85em; line-height: 1em; } /* Product - Related products */ #content #related-products, #blog-content #related-products { clear: both; } #content #related-products a, #blog-content #related-products a { background: url(img/product-bg-2.gif) top left no-repeat; color: #76736a; display: block; float: left; font-size: .925em; height: 169px; margin: 0 18px 25px 0; text-decoration: none; width: 126px; } #content #related-products a img, #blog-content #related-products a img { height: 124px; margin: 1px 1px 0 1px; width: 124px; } #content #related-products a div, #blog-content #related-products a div { padding: 0 8px 0 8px; line-height: 1.175em; } #content #related-products a.last, #blog-content #related-products a.last { margin: 0 0 18px 0; } /* Product - Nutrition information */ #content #nutrition-information { clear: both; margin: 0 0 18px 0; padding: 10px; } #content #recipe-nutrition-information { border: 2px solid #cccccc; clear: both; margin: 0 0 18px 0; padding: 10px; } #content #nutrition-information table, #content #recipe-nutrition-information table { text-align: left; width: 100%; } #content #nutrition-information table tr.odd, #content #recipe-nutrition-information table tr.odd { background: #e6f8fa; } #content #nutrition-information table tr.even, #content #recipe-nutrition-information table tr.even { background: #ffffff; } #content #nutrition-information table th, #content #recipe-nutrition-information table th { color: #333333; font-size: 0.925em; font-size: 1.05em; padding: 0 0 8px 0; } #content #nutrition-information table th.unit, #content #recipe-nutrition-information table th.unit { width: 100px; } #content #nutrition-information table td, #content #recipe-nutrition-information table td { font-size: .85em; line-height: 1.4em; padding: 2px 0 2px 0; } #content #nutrition-information table td.nutrate, #content #recipe-nutrition-information table td.nutrate { padding: 2px 0 2px 4px; } #content #nutrition-information table td.sub-nutrate, #content #recipe-nutrition-information table td.sub-nutrate { padding: 2px 0 2px 18px; } #content #nutrition-information table td.comment, #content #recipe-nutrition-information table td.comment { font-size: .75em; padding: 2px 0 2px 4px; } #content #nutrition-information table .odd td.comment, #content #recipe-nutrition-information table .odd td.comment { border-top: 1px solid #ffffff; } #content #nutrition-information table .even td.comment, #content #recipe-nutrition-information table .even td.comment { border-top: 1px solid #eeeeee; } #content #nutrition-information table td.package-weight, #content #recipe-nutrition-information table td.package-weight { font-size: .85em; line-height: 1.4em; padding: 2px 0 2px 4px; } /*************************************************** KONSUMENTFORUM - FRÅGOR OCH SVAR */ #content div.faq-answer { padding: 0 0 18px 0; } #content div.faq-answer div.faq-top-link a { font-size: .925em; line-height: 1.465em; text-decoration: none; } #content div.faq-answer div.faq-top-link a:hover { text-decoration: underline; } #content div.faq-ask-question { padding: 0 0 18px 0; } /*************************************************** KONSUMENTFORUM - FRÅGOR OCH SVAR */ #content .post h1, #blog-content .post h1 { color: #333333; font-size: 1.675em; line-height: 1.075em; padding: 0 74px 3px 0; } #pressrelease-metainfo { position: relative; border-bottom: 2px solid #cccccc; color: #333333; font-size: .85em; line-height: 1.275em; margin: 0 0 17px 0; padding: 0 0 11px 0; z-index: 211; } #pressrelease-metainfo a { color: #ba84bd; position: absolute; right: 0px; text-decoration: underline; } #pressrelease-metainfo a:hover { color: #ba84bd; text-decoration: none; } /*************************************************** NYTTA OCH HÄLSA - ÖVERKÄNSLIGHETSTABELL */ #content ul li span.sensitivity-odd, #content ul li span.sensitivity-even { color: #333333; padding: 0 4px 0 4px; } #content ul li span.sensitivity-odd { background: #e6f8fa; } #content ul li span.sensitivity-even { background: #fcea9c; } #content div.sensitivity-headers { height: 100px; position: relative; width: 100%; } #content div.sensitivity-headers div.header-01, #content div.sensitivity-headers div.header-02, #content div.sensitivity-headers div.header-03, #content div.sensitivity-headers div.header-04, #content div.sensitivity-headers div.header-05, #content div.sensitivity-headers div.header-06, #content div.sensitivity-headers div.header-07, #content div.sensitivity-headers div.header-08, #content div.sensitivity-headers div.header-09, #content div.sensitivity-headers div.header-10, #content div.sensitivity-headers div.header-11, #content div.sensitivity-headers div.header-12, #content div.sensitivity-headers div.header-13 { bottom: 0px; position: absolute; } #content div.sensitivity-headers div.header-01 { right: 0px; } #content div.sensitivity-headers div.header-02 { right: 30px; } #content div.sensitivity-headers div.header-03 { right: 60px; } #content div.sensitivity-headers div.header-04 { right: 90px; } #content div.sensitivity-headers div.header-05 { right: 120px; } #content div.sensitivity-headers div.header-06 { right: 150px; } #content div.sensitivity-headers div.header-07 { right: 180px; } #content div.sensitivity-headers div.header-08 { right: 210px; } #content div.sensitivity-headers div.header-09 { right: 240px; } #content div.sensitivity-headers div.header-10 { right: 270px; } #content div.sensitivity-headers div.header-11 { right: 300px; } #content div.sensitivity-headers div.header-12 { right: 330px; } #content div.sensitivity-headers div.header-13 { right: 360px; } #content table.sensitivity { color: #333333; font-size: .85em; line-height: 1.325em; padding: 0 0 18px 0; width: 100%; } #content table.sensitivity tr td.product { padding: 3px 2px 2px 5px; width: auto; } #content table.sensitivity tr td.product a { color: #333333; } #content table.sensitivity tr td.product a:hover { text-decoration: underline; } #content table.sensitivity tr td.product span { font-size: .9em; } #content table.sensitivity tr.odd { background: #e6f8fa; } #content table.sensitivity tr.even { background: #fcea9c; } #content table.sensitivity tr.odd td, #content table.sensitivity tr.even td { border-bottom: 1px solid #ffffff; } #content table.sensitivity tr td.ingredient { border-left: 1px solid #ffffff; width: 29px; text-align: center; } #content table.sensitivity tr td.ingredient span { font-size: 1.2em; } /*************************************************** PAGEN.SE - GENERAL STYLES */ /* Paragraphs */ #content p, #blog-content p { padding: 0 0 18px 0; } #content a, #content p a, #blog-content a, #blog-content p a { color: #b31f24; text-decoration: none; } #content a:hover, #content p a:hover, #blog-content a:hover, #blog-content p a:hover { color: #b31f24; text-decoration: underline; } /* Headers */ #content h1, #content h2, #blog-content h1, #blog-content h2 { font-size: 1.4em; line-height: 1.1em; } #content h3, #blog-content h3 { color: #333333; font-size: 1.05em; } #content h4, #blog-content h4 { border-top: 1px solid #cccccc; color: #333333; font-size: 1.325em; line-height: 1.25em; padding: 18px 0 18px 0; } #page-header-container h1 { color: #333333; font-size: 1.675em; line-height: 1.075em; padding: 0 0 10px 0; } /* Lists */ #content ul, #content ol, #blog-content ul, #blog-content ol { padding: 0 0 18px 18px; } #content ul li, #content ol li, #blog-content ul li, #blog-content ol li { /* niu */ } #content ul li a, #blog-content ul li a { color: #b31f24; text-decoration: none; } #content ul li a:hover, #blog-content ul li a:hover { text-decoration: underline; } #content ul.no-bullets, #blog-content ul.no-bullets { list-style: none; padding: 0 0 18px 0; } #content ul.no-bullets li, #blog-content ul.no-bullets li { /* niu */ } #content ul.no-bullets li a, #blog-content ul.no-bullets li a { color: #b31f24; text-decoration: none; } #content ul.no-bullets li a:hover, #blog-content ul.no-bullets li a:hover { text-decoration: underline; } #content dl dt, #blog-content dl dt { color: #333333; font-weight: bold; } #content dl dd, #content dl dd p, #blog-content dl dd, #blog-content dl dd p { /* No need to define anything now */ } #content dl dd p, #content dl dd p p, #blog-content dl dd p, #blog-content dl dd p p { display: inline; } /* Images */ #content p img, #blog-content p img { float: left; margin: 4px 12px 0 0; } #content div.header-img, #blog-content div.header-img { padding: 0 0 16px 0; margin: 0 0 0 0; } /* Document, Link and Image lists */ #content .documents, #content .links, #content .images, #blog-content .documents, #blog-content .links, #blog-content .images { border-top: 1px solid #cccccc; clear: both; padding: 10px 0 6px 0; margin: 12px 0 0 0; } #content .documents h3, #content .links h3, #content .images h3, #blog-content .documents h3, #blog-content .links h3, #blog-content .images h3 { padding: 0 0 10px 0; } #content .documents ul, #content .links ul, #content .images ul, #blog-content .documents ul, #blog-content .links ul, #blog-content .images ul { padding-bottom: 0; } #content .alt-links, #blog-content .alt-links { border-bottom: 1px solid #cccccc; clear: both; padding: 6px 0 6px 0; margin: 0 0 18px 0; } #content .alt-links h3, #blog-content .alt-links h3 { padding: 0 0 10px 0; } #content .alt-links ul, #blog-content .alt-links ul { padding-bottom: 0; } /* Document list specifics */ #content .documents ul, #blog-content .documents ul { list-style: none; padding-left: 0; } #content .documents ul li, #blog-content .documents ul li { height: 26px; margin: 0 0 10px 0; } #content .documents ul li a, #content .documents ul li a, #blog-content .documents ul li a, #blog-content .documents ul li a { color: #4c9dcf; display: block; height: 26px; line-height: 2em; padding-left: 48px; text-decoration: none; } #content .documents ul li a:hover, #blog-content .documents ul li a:hover { color: #4c9dcf; text-decoration: underline; } #content .documents ul li a.pdf, #blog-content .documents ul li a.pdf { background: url(img/document-icon-pdf.gif) top left no-repeat; } #content .documents ul li a.doc, #blog-content .documents ul li a.doc { background: url(img/document-icon-doc.gif) top left no-repeat; } /* Image list specifics */ #content .images, #blog-content .images { padding-bottom: 0; } #content .images a, #blog-content .images a { background: url(img/image-icon-bg.gif) top left no-repeat; display: block; float: left; height: 104px; margin: 0 18px 18px 0; width: 126px; } #content .images a img, #blog-content .images a img { height: 90px; margin: 6px 6px 0 7px; overflow: hidden; width: 112px; } #content .images a.last, #blog-content .images a.last { margin: 0 0 18px 0; } .aux #firstpage-puff-area { padding: 0 0 18px 0; } /*************************************************** WEBMANAGER (FOOTER LAST ROW) */ #webmanager { color: #999999; clear: both; font-size: .75em; text-align: center; padding: 18px 0 0 0; } #webmanager a, #webmanager a:visited { color: #999999; text-decoration: underline; } #webmanager a:hover { color: #333333; text-decoration: none; } /*************************************************** SMALL PUFFS */ div.page-puff-area { width: 270px; padding: 0 0 18px 0; } div.page-puff-area img { margin: 0 0 -4px 0; } div.page-puff-area a { border: none; display: block; text-decoration: none; width: 270px; }