@CHARSET "UTF-8"; /* SiteComponents version: 6.7.0.1, tag SC_6_7_0_1, created Mon May 10 09:27:59 +0200 2010 Disclaimer While we make every effort to ensure that this code is fit for its intended purpose, we make no guarantees as to its functionality. CoreTrek AS will accept no responsibility for the loss of data or any other damage or financial loss caused by use of this code. Copyright This programming code is copyright of CoreTrek AS. Permission to run this code is given to approved users of CoreTrek's publishing system CorePublish. This source code may not be copied, modified or otherwise repurposed for use by a third party without the written permission of CoreTrek AS. Contact webmaster@coretrek.com for information. */ /* Font sizes, with 11px as default 10px = 0.91em 14px = 1.28em */ /* Font sizes, with 12px as default 11px = 0.92em */ /* Font sizes, with 13px as default 11px = 0.85em */ /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { height: 100%; min-height: 100%; font-family: Verdana, Arial, Sans-serif; color: #333; font-size: 12px; margin: 0; padding: 0; } body { background: #c8dfec url(images/background.png) repeat-x; } a:visited, a:link, a:hover { color: #007945; text-decoration: underline; } a:hover { text-decoration: none; } h1, h2, h3, h4 { margin: 0px; } h1 { font-size: 1.28em; } h3 { font-size: 1em; } h4 { font-size: 1em; font-weight: normal; margin-bottom: 5px; } p { margin-top: 10px; margin-bottom: 10px; } img { border: none; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ /* wrapper div to have a div with position relative, used as parent for placeholder bottom that is a div with aboslute position */ #wrapper { position: relative; width: 100%; /*Set 100% as min-height. This is the way to set min-height both in ff and ie */ min-height: 100%; height: auto !important; height: 100%; } #container { width: 953px; overflow:hidden; margin: 0px auto 0px auto; /*Padding because of use of shadows on frontpage */ padding-left: 3px; padding-right: 5px; } #placeholder-top { margin-top: 13px; height: 152px; } #placeholder-left-top, #placeholder-right-top { height: 306px; margin-bottom: 10px; } #placeholder-left-top, #placeholder-left-bottom { clear: left; float: left; } #placeholder-left-top { margin-left: -3px; /*because of left shadow*/ width: 479px; background: url(images/placeholder-left-top.png) top left no-repeat; } #placeholder-right-top { width: 477px; } #placeholder-left-bottom { /*more styling below in stylesheet*/ width: 443px; background: #fff url(images/placeholder-left-bottom.png) bottom repeat-x; } #placeholder-right-top, #placeholder-right-bottom { float: right; } #placeholder-right-bottom { width: 473px; } #placeholder-left { clear: both; float: left; width: 153px; margin-right: 7px; /* Set min-height to make sure this placeholder always takes place, to prevent that design is destroyed if left menu is missing. This is the way to set min-height both in ff and ie */ min-height: 5px; height: auto !important; height: 5px; } #placeholder-right { float: right; width: 313px; } #placeholder-right-tight { float: right; width: 153px; } /*Can't set background color on these placeholders, because of the styling for article list where products with epages-html exists Default backgroun is because of that set on tile-common in these placeholders, and then overrided to transparent in articlelist. The same applies to padding */ #placeholder-content, #placeholder-content-no-left, #placeholder-content-no-right { padding: 0px 0px 0px 0px; } #placeholder-content { float: left; width: 473px; } #placeholder-content-no-left, #placeholder-content-no-right { float: left; width: 793px; } /* Posistion absolute to get this placeholder to always be printed at the bottom of site Se comment above #spacer, since that style is a hack to make position aboslute on placeholder bottom to work correct */ #placeholder-bottom { font-size: 0.92em; text-align: center; padding-top: 5px; height: 18px; width: 100%; overflow: hidden; position: absolute; bottom: 0; left: 0; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } /* This is a hack to make space between container and placeholder-bottom when it's scrolling on the site, because of absolute position on placeholder-bottom. Without this hack, scrolling made the end of container (with content) to be displayed behind placeholder-bottom */ #spacer { height: 50px; width: 10px; background: transparent; } #content-link, #coretrek-footer { display: none; } /* -------------------------------------------------------------------------- */ /* General tile */ /* -------------------------------------------------------------------------- */ /* Tiles in top, bottom and content placeholders should not be styled using the general styles, so we reset these styles here. HTML element ID spesific styling, using the #html-element-id notion has precendence over styles set generally using only the css-class. If we want to override these styles later in the stylesheet, we must remember to use the full element path. */ #placeholder-top .tile-content, #placeholder-top .tile-common, #placeholder-top .tile-common h3, #placeholder-bottom .tile-content, #placeholder-bottom .tile-common, #placeholder-bottom .tile-common h3, #placeholder-content .tile-content, #placeholder-content .tile-common, #placeholder-content .tile-common h3, #placeholder-content-no-left .tile-content, #placeholder-content-no-left .tile-common, #placeholder-content-no-left .tile-common h3, #placeholder-content-no-right .tile-content, #placeholder-content-no-right .tile-common, #placeholder-content-no-right .tile-common h3 { background: none; border: none; margin: 0; padding: 0; } #placeholder-top h3 { display: none; } #placeholder-right h3 { font-size: 1.28em; margin-bottom: 10px; } #placeholder-right-tight h3 { font-size: 1em; } #placeholder-right h4 { } #container .tile-common { margin-bottom: 20px; } #placeholder-top .tile-common, #placeholder-left-top .tile-common, #placeholder-right-top .tile-common, #placeholder-right-bottom .tile-common { margin-bottom: 0px; } /* Padding and background set on tile-common instead of placeholders, because special styling in articlelist This styling is overrided below in stylesheet for articlelist */ #placeholder-content .tile-common, #placeholder-content-no-left .tile-common, #placeholder-content-no-right .tile-common { margin-bottom: 0px; padding: 15px 15px 15px 15px; background: #fff; overflow: hidden; } .tile-common h3 { } .tile-content { } #placeholder-bottom p { margin: 0px; } /* Elements with border and padding */ #placeholder-left-bottom, #placeholder-right-bottom .tile-common, #placeholder-right .tile-common, #placeholder-right-tight .tile-common { padding: 10px; border: 5px solid #fff;} #placeholder-right .tile-common, #placeholder-right-tight .tile-common { padding: 10px; border: 5px solid #fff; background: #edebe9; } #placeholder-right .tile-common .tile-bottom, #placeholder-right-tight .tile-common .tile-bottom { height: 31px; background: #edebe9 url(images/star-graphic-bottom.jpg) no-repeat center bottom; } /* -------------------------------------------------------------------------- */ /* General form elements */ /* -------------------------------------------------------------------------- */ form { margin: 0px; } input { font-family: Verdana, Arial, Sans-serif; font-size: 11px; } input.textinput { height: 17px; border: 1px solid #dcdcdc; padding: 1px 3px; } input.submit { font-weight: bold; color: #000; padding: 0 3px 2px 3px; height: 21px; border: 1px solid #fee300; background: url(images/button-yellow.gif) repeat-x; } /* -------------------------------------------------------------------------- */ /* General inline listing (eg. horizontal menu, linktoolbar, sitelocator) */ /* -------------------------------------------------------------------------- */ .horizontal-menu h3, .linktoolbar h3, .sitelocator h3 { display: inline; float: left; margin: 0; padding: 0; text-decoration: none; } .horizontal-plain-menu ul, .horizontal-menu ul, .linktoolbar ul, .sitelocator ul { display: inline; float: left; margin: 0; list-style-type: none; padding: 0; } .horizontal-plain-menu li, .horizontal-menu li, .linktoolbar li, .sitelocator li { display: inline; } /* -------------------------------------------------------------------------- */ /* General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .full-articlelist ul, .small-articlelist ul, .vertical-menu ul { list-style-type: none; margin: 0; padding: 0; } .small-articlelist li li, .vertical-menu li li { padding-left: 10px; } /* -------------------------------------------------------------------------- */ /* Styling for spesific elements */ /* -------------------------------------------------------------------------- */ .error, .ctwebform-element-validationerror { color: red; background-color: pink; font-size: 15px; padding: 1px 1px 1px 3px; margin-top: 2px; } .message { color: green; } /* Ct-Form */ .ctform .ctwebform-validationerrors { padding: 0;} .ctform .ctwebform-validationerrors ul { list-style: none; margin: 0; padding: 0; } .ctform .ctwebform-validationerrors li { background: url(images/error_bckgrnd.png) top left repeat-x; display: block; height: 45px; padding: 0 5px; margin: 5px 0; border: 1px solid #CDB3BE;} .ctform .ctwebform-validationerrors .ctwebform-element-validationerror { background: transparent url(images/warning.png) left center no-repeat; color: black; min-height: 30px; display: block; padding: 7px 5px 7px 40px;} .ctform .ctwebform-table {width:100%;} .ctform .ctwebform-elementgroup { padding: 5px 0; float:left; width:100%; } .ctform .ctwebform-elementgroup td { float:left; display: block; margin: 0 0 0 25px;} .ctform .ctwebform-elementgroup td .ctwebform-element-label { font-weight: bold; margin: 5px 0; display: inline-block;} .ctform .content-container .ctwebform-element-type-htmlcontent { width:100%; float: left; margin-left: 0px;} #placeholder-content .ctform td.ctwebform-element-type-htmlcontent h1, #placeholder-content .ctform td.ctwebform-element-type-htmlcontent h2, #placeholder-content .ctform td.ctwebform-element-type-htmlcontent h3 { background: #DAE7EF; color: #333333; padding: 10px 10px 10px 5px; margin-top: 10px;} #placeholder-content .ctform td.ctwebform-element-type-htmlcontent h3 { font-weight: bold; } .ctform td.ctwebform-element-type-multicheckbox, .ctform td.ctwebform-element-type-submit, .ctform td.ctwebform-element-type-radio {margin-left: 0;} .ctform td.ctwebform-element-type-multicheckbox .ctwebform-element-label, .ctform td.ctwebform-element-type-radio .ctwebform-element-label {margin-left: 25px;} .ctwebform-element-type-multicheckbox .list-item, .ctwebform-element-type-radio .list-item { padding: 0 0; } /*.ctwebform-element-type-multicheckbox .list-item span, .ctwebform-element-type-radio .list-item span{ float:none; }*/ .ctform td input[type="text"]:focus, .ctform td textarea:focus { border-color: red; border: 1px solid red;} .ctwebform-element-type-multicheckbox .list-item input, .ctwebform-element-type-radio .list-item input{ margin-right: 10px;} .ctform input[type="button"], .ctform input[type="submit"] { background: url(images/button-green.gif) top left repeat-x; height: 21px;border: 1px solid #056026; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 0.92em; text-decoration: none; border: none; } #ctwebform-ctwebform-template-1 .ctwebform-elementgroup td {margin-left: 0px;} .ctform .action-bar .action-button { float:left; } .ctform .action-bar .confirm, .ctform .action-bar .forward { float:right; } /* Tables from with predefined style - tables from WYSIWYG in CP, where special predefined wysiwyg content template is used - the css class common-table-style can also be set in programmatic tables to get this style */ table.common-table-style { width: 100%; border-collapse: collapse; } table.common-table-style tr.even { background: #EDEBE9; } table.common-table-style th, table.common-table-style td { border: 1px solid #EDEBE9; padding: 4px; } table.common-table-style th a:link, table.common-table-style th a:visited, table.common-table-style th a:hover, table.common-table-style th, table.common-table-style thead td { background: #007945; color: #fff; font-weight: normal; text-align: left; } table.common-table-style th, table.common-table-style thead td { padding-top: 10px; } table.common-table-style th.empty { border: none; background: none; } /* Some of these elements have been styled using id-context above. We therefore need to use the full id-element path to override these styles. */ /* -- Tiles in placeholder-top ----------------------------------------------- */ #placeholder-top { font-size: 0.92em; } #placeholder-top a { color: #333; text-decoration: none; } /* Logo tile */ #placeholder-top .logo-tile { float: left; margin-top: 17px; } .logo-tile .logo { font-size: 1.85em; font-weight: bold; } /* Small search input */ #placeholder-top .small-searchinput { float: right; margin: 20px 0px 11px 13px; border: 1px solid #DCDCDC; } #placeholder-top .small-searchinput input { border: none; float: left; } #placeholder-top .small-searchinput input.textinput { width: 160px; color: #bbb; } #placeholder-top .small-searchinput input.submit { width: 51px; height: 19px; padding: 0 3px 2px 0; color: #fff; text-align: right; background: url(images/search-submit-small2.png) no-repeat; } /* Horizontal menues */ #placeholder-top .horizontal-plain-menu { margin-top: 23px; float: right; } #placeholder-top .horizontal-menu { float: left; clear: left; width: 720px; margin-top: 48px; } .horizontal-plain-menu li, .horizontal-menu li { float: left; display: block; border-right: 2px solid #333; padding: 0px 6px 0px 6px; } .horizontal-plain-menu li.first, .horizontal-menu li.first { padding-left: 0px; } .horizontal-plain-menu li.last, .horizontal-menu li.last { border-right: none; } .horizontal-menu li { border-right: 2px solid #007945; padding: 0px 8px 0px 8px;} #placeholder-top .horizontal-menu a { font-weight: bold; text-transform: uppercase; color: #007945;} .horizontal-plain-menu li { border-right: 1px solid #333; } #placeholder-top .horizontal-plain-menu li.active a, #placeholder-top .horizontal-plain-menu li.main-active a, #placeholder-top .horizontal-menu li.active a, #placeholder-top .horizontal-menu li.main-active a { color: #4c4c4c; } /* Log in/out link */ #placeholder-top .log-in-out-link { clear: right; float: right; min-width: 149px; height: 27px; overflow: hidden; margin-bottom: 10px; margin-right: -1px; padding: 0px 0px 0px 20px; background: url(images/icon_login.png) no-repeat top left; } #placeholder-top .log-in-out-link .user-fullname, #placeholder-top .log-in-out-link .user-minesider-link, #placeholder-top .log-in-out-link .user-link { float: right; } #placeholder-top .log-in-out-link .user-link { clear: both; } #placeholder-top .log-in-out-link .login { margin-top: 9px; } #placeholder-top .log-in-out-link .user-minesider-link { border-right: 1px solid black; margin-right: 6px; padding-right: 6px; } .log-in-out-link a { font-weight: bold; } /* Mini basket (some html from epages) */ .mini-basket { float: right; clear: right; width: 223px; position: relative; } .mini-basket .MiniBasket { padding: 7px 0px 0px; width: 221px; position: absolute; z-index: 999; background: #fde005; border: 1px solid #dcdcdc; } .mini-basket .MiniBasket.Empty { background: #fff; } .mini-basket .MiniBasket .Main { padding: 0 0 7px 11px; } .mini-basket .MiniBasket .QuantitySum, .mini-basket .MiniBasket .Checkout { display: inline; } .mini-basket .MiniBasket .Checkout { margin-left: 1px; padding-left: 5px; border-left: 1px solid #333333; } .mini-basket .AddToBasketMessage { position: fixed; top: 40%; left: 40%; height: 0px; overflow: hidden; font-size: 18px; background-color: #FDE005; } .mini-basket .AddToBasketMessage div { margin: 50px; } .mini-basket .OrderLines { margin-top: 3px; border-width: 2px 0 1px; border-style: solid; border-color: #dcdcdc; } .mini-basket .OrderLines table { padding: 1px; border-width: 1px; border-style: hidden; border-color: #dcdcdc; border-collapse: collapse; width: 100%; } .mini-basket .OrderLines td { padding: 9px 3px 3px 10px; border-width: 1px; border-style: solid hidden; border-color: #dcdcdc; font-size: 0.87em; } .mini-basket .OrderLines td.NameAndQuantity span { display: block; } .mini-basket .OrderLines td.Price { width: 73px; text-align: right; padding: 0 7px 0 0; font-weight: bold; } td.ProductNo { display: none;} td.Quantity { text-align: right; } /* Sitelocator */ #placeholder-top .sitelocator { float: left; clear: both; width: 750px; margin-top: 21px; padding-left: 174px; } body.runtime-cid-582 #placeholder-top .sitelocator { padding-left: 0; } #placeholder-top .sitelocator h3, #placeholder-top .sitelocator .tile-content { display: block; font-size: 1em; float: left; white-space: no-wrap; } #placeholder-top .sitelocator a { color: #007945; text-decoration: underline; } #placeholder-top .sitelocator a:hover { text-decoration: none; } #placeholder-top .sitelocator h3 { margin-right: 5px; } #placeholder-top .sitelocator span.seperator { margin: 0px 3px 0px 3px; color: #007945; } /* -- Tiles in placeholder right --------------------------------------------------- */ #placeholder-right .small-articledisplay .top-image { margin: -10px 0px 10px -10px; /*minus margin to override padding in common tile style*/ } #placeholder-right .small-articledisplay .top-image.empty { height: 33px; width: 303px; background: #edebe9 url(images/star-graphic-top.jpg) no-repeat right top;} /* -- Tiles in placeholder left --------------------------------------------------- */ #placeholder-left .vertical-menu {} #placeholder-left .vertical-menu h3 { display: none; } #placeholder-left .vertical-menu li { line-height: 1.6em; } #placeholder-left .vertical-menu ul ul { margin-bottom: 10px; } #placeholder-left .vertical-menu a { text-decoration: none; } #placeholder-left .vertical-menu li.active a, #placeholder-left .vertical-menu li.sub-active a, #placeholder-left .vertical-menu li.main-active a { color: #333; font-weight: bold; } #placeholder-left .vertical-menu li.active li a, #placeholder-left .vertical-menu li.sub-active li a, #placeholder-left .vertical-menu li.main-active li a { color: #007945; font-weight: normal; } #placeholder-left .vertical-menu li li.active a, #placeholder-left .vertical-menu li li.sub-active a, #placeholder-left .vertical-menu li li.main-active a { color: #333; font-weight: bold; } #placeholder-left .vertical-menu li li.active li a, #placeholder-left .vertical-menu li li.sub-active li a, #placeholder-left .vertical-menu li li.main-active li a { color: #007945; font-weight: normal; } #placeholder-left .vertical-menu li li li.active a, #placeholder-left .vertical-menu li li li.sub-active a, #placeholder-left .vertical-menu li li li.main-active a { color: #333; font-weight: bold; } #placeholder-left .vertical-menu li li li.active li a, #placeholder-left .vertical-menu li li li.sub-active li a, #placeholder-left .vertical-menu li li li.main-active li a { color: #007945; font-weight: normal; } #placeholder-left .vertical-menu li li li li.active a, #placeholder-left .vertical-menu li li li li.sub-active a, #placeholder-left .vertical-menu li li li li.main-active a { color: #333; font-weight: bold; } /* -- Tiles in placeholder contents ----------------------------------------------- */ /* Sitelocator */ .sitelocator h3 { font-size: 1em; font-weight: normal; } /* Article display */ /* Digest */ h2.digest { font-size: 1em; margin-top: 10px; } #container .full-articledisplay { clear: both; padding-bottom: 0px; } .full-articledisplay .top-image, .section-articledisplay .section-top { margin: -14px -14px 0px -14px; /* Minus margin to override padding set on placeholder-content(-no-right) */ } .full-articledisplay .top-image { margin-bottom: 20px; } #placeholder-content .full-articledisplay .top-image { width: 471px; overflow: hidden; } .full-articledisplay .article-image-right { margin-left: 10px; float: right; } .full-articledisplay .article-image-left { margin-right: 10px; float: left; } .full-articledisplay .article-image-center { text-align: center; } .full-articledisplay .article-image-caption { color: #fff; padding: 10px; background: #007945; font-size: 0.91em; } /* section article */ #placeholder-content .section-articledisplay, #placeholder-content-no-left .section-articledisplay, #placeholder-content-no-right .section-articledisplay { } .section-articledisplay .section-top { color: #fff; overflow: hidden; /*used for clearing the floating background image*/ background: #007b45 url(images/green-text-background.png) bottom left repeat-x; } .section-articledisplay .section-top .section-text-content { padding: 15px; } .section-articledisplay .section-top .section-text-content h1 { margin-bottom: 6px; text-transform: uppercase; } .section-articledisplay .section-top .section-text-content h2.digest { font-weight: normal; margin-top: 0px; } #container.section-articledisplay .section-top .section-text-content .header2.no-background h3 { margin-bottom: 10px; } #placeholder-content .section-articledisplay .right-background, #placeholder-content-no-left .section-articledisplay .right-background, #placeholder-content-no-right .section-articledisplay .right-background { float: right; margin-left: 10px; } #placeholder-content .section-articledisplay .right-background, #placeholder-content-no-left .section-articledisplay .right-background, #placeholder-content-no-right .section-articledisplay .right-background, #placeholder-content .section-articledisplay .top-background, #placeholder-content-no-left .section-articledisplay .top-background, #placeholder-content-no-right .section-articledisplay .top-background { position: relative; } #placeholder-content .section-articledisplay .right-background h3, #placeholder-content-no-left .section-articledisplay .right-background h3, #placeholder-content-no-right .section-articledisplay .right-background h3, #placeholder-content .section-articledisplay .top-background h1, #placeholder-content-no-left .section-articledisplay .top-background h1, #placeholder-content-no-right .section-articledisplay .top-background h1 { position: absolute; left: 17px; bottom: 0; font-family: Arial, Sans-serif;} #placeholder-content .section-articledisplay .right-background h3, #placeholder-content-no-left .section-articledisplay .right-background h3, #placeholder-content-no-right .section-articledisplay .right-background h3 { bottom: 11px; font-size: 18px; font-weight: normal; } #placeholder-content .section-articledisplay .top-background h1, #placeholder-content-no-left .section-articledisplay .top-background h1, #placeholder-content-no-right .section-articledisplay .top-background h1 { bottom: 14px; font-size: 30px; text-transform: uppercase;} .section-articledisplay .article-details-content { padding-bottom: 10px; } .section-articledisplay .toggler-wrapper { padding-left: 14px; margin-top: 10px; background: url(images/detail-toggler.png) left center no-repeat; } .section-articledisplay #article-details { margin-top: 10px; } /* Products (some html from epages) */ .Link { width: 130px; } .Buy a, #placeholder-right-bottom .campaign .Link a, .full-articlelist li.epages-product .Link a { color: #fff; font-weight: bold; text-align: center; font-size: 0.92em; text-decoration: none; display: block; padding-top: 3px; height: 16px; border: 1px solid #056026; background: url(images/button-green.gif) repeat-x; } /* Product list (some html from epages) */ #container .productlist .tile-content { padding-top: 3px; border-top: 1px solid #dcdcdc;} .productlist table { width: 100%; } .productlist table tr.odd { background: #edebe9; } .productlist table th, .productlist table td { text-align: left; padding: 4px; } .productlist table .Name { text-transform: capitalize; } .productlist table .Link a { display: block; height: 21px; } .productlist table .Buy a { display: block; height: 16px; } .productlist input.Quantity { width: 60px; text-align: right; } .productlist td.ProductID { color: #706f6f; font-size: 11px; } /* Article list */ #placeholder-content .full-articlelist h3, #placeholder-content-no-left .full-articlelist h3, #placeholder-content-no-right .full-articlelist h3 { } #placeholder-content .full-articlelist h4, #placeholder-content-no-left .full-articlelist h4, #placeholder-content-no-right .full-articlelist h4 { font-size: 0.92em; } .full-articlelist ul, .full-articlelist-twocolumn ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; } .full-articlelist ul li { clear: both; float: left; width: 100%; margin-bottom: 5px; } .full-articlelist .bottomlink li, .full-articlelist .articlelist-link-internal ul li, .full-articlelist-twocolumn .articlelist-link-internal ul li { clear: none; padding: 0px; } .full-articlelist-twocolumn li.odd { float: left; clear: both; width: 48%; } .full-articlelist-twocolumn li.even { float: right; width: 48%; } #container .full-articlelist h3 a { text-decoration: none; } /* Thumbnail alignments */ .list-thumbnail-default, .list-thumbnail-left, .search-result .ateles-articles .Image { float: left; margin: 0px 15px 5px 0px; } .list-thumbnail-right { float: right; margin: 0px 0px 5px 150px; } .list-thumbnail-middle { text-align: center; } .cp-articles div.list-thumbnail-default img, .ateles-articles div.ContentService .Product div.Image img { width: 80px; } .search-result .ateles-articles .Image { float: left; margin: 0px 15px 5px 0px; } #placeholder-content .full-articlelist, #placeholder-content-no-left .full-articlelist, #placeholder-content-no-right .full-articlelist { background: none; padding-left: 0px; padding-right: 0px; padding-top: 0px; } #placeholder-content .full-articlelist li.article, #placeholder-content-no-left .full-articlelist li.article, #placeholder-content-no-right .full-articlelist li.article { padding: 0px 15px 10px 15px; margin-bottom: 0px; background: #fff; } #placeholder-content .full-articlelist li.article { width: 443px; } #placeholder-content .full-articlelist li.article .li-content, #placeholder-content-no-left .full-articlelist li.article .li-content, #placeholder-content-no-right .full-articlelist li.article .li-content { border-top: 1px solid #DDDDDD; padding-top: 10px; } #placeholder-content .full-articlelist li.article.first-after-epages-product .li-content, #placeholder-content-no-left .full-articlelist li.article.first-after-epages-product .li-content, #placeholder-content-no-right .full-articlelist li.article.first-after-epages-product .li-content { border: none; } #placeholder-content .full-articlelist li.article.first .li-content, #placeholder-content-no-left .full-articlelist li.article.first .li-content, #placeholder-content-no-right .full-articlelist li.article.first .li-content { border: none; } #placeholder-content-no-left .full-articlelist li.article, #placeholder-content-no-right .full-articlelist li.article { width: 763px; } #placeholder-content .full-articlelist li.epages-product, #placeholder-content-no-left .full-articlelist li.epages-product, #placeholder-content-no-right .full-articlelist li.epages-product { margin: 0px 0px 5px 0px; padding: 10px; border: 5px solid #fff; /*position: relative;*/ background: #ffe202 url(images/yellow-text-background.png) bottom left repeat-x; } #placeholder-content .full-articlelist li.first-epages-product, #placeholder-content-no-left .full-articlelist li.first-epages-product, #placeholder-content-no-right .full-articlelist li.first-epages-product { margin-top: 5px; } .full-articlelist li.epages-product .Image { display: none; } .full-articlelist li.epages-product .Name a { text-decoration: none; font-weight: bold; color: #333; } .full-articlelist li.epages-product .Description { margin: 5px 0px 10px 0px; float: left; clear: left; width: 280px; } .full-articlelist li.epages-product .Quantity { display: none; } .full-articlelist li.epages-product .Price, .full-articlelist li.epages-product .Link { clear: right; float: right; } .full-articlelist li.epages-product .Price { font-weight: bold; font-size: 1.28em; margin: 0px 0px 8px 0px; width: 130px;} .full-articlelist .list-navigation, .full-articlelist .list-navigation-text { background: #FFF; height: 18px; padding: 4px 10px 10px 10px; margin-top: 0px; } .full-articlelist .tile-bottom { clear: both; } .full-articlelist .list-navigation-text, .list-navigation a.next, .list-navigation a.previous { display: none; } /* Search input */ #placeholder-content-no-left .small-searchinput h3 { float: left; margin: 3px 23px 0px 0px; } #placeholder-content-no-left .small-searchinput input.textinput { width: 169px;} #placeholder-content-no-left .small-searchinput input.submit { color: #fff; border: 1px solid #056026; background: url(images/button-green.gif) repeat-x;} /* Search Result */ .search-result-tabs { float: left; } #placeholder-content-no-left .search-result ul li h3, .search-result .ateles-articles .Name { margin-bottom: 6px; } .search-result .search-result-tabs ul li { clear: none; width: auto; margin: 0; padding: 7px 24px; } .search-result .search-result-tabs ul li.first { padding-left: 0; } .search-result .search-result-tabs ul a { font-weight: bold; } .search-result .list-navigation { padding-right: 0px; padding-bottom: 0px;} .list-navigation { text-align: right; padding: 0; } .list-navigation a, .list-navigation strong.current-page { margin-left: 4px; padding: 2px 4px; text-decoration: none; font-weight: normal; color: #007945; border: 1px solid #DDDDDD; } .list-navigation a:hover, .list-navigation a.active, .list-navigation strong.current-page { background-color: #007945; color: #FFF; border: 1px solid #007945; } .ateles-articles, .cp-articles { clear: both; } .articlelist-link-internal { margin: 10px 0 0; } .search-result .ateles-articles .products, .search-result .cp-articles { border-top: 1px solid #ddd; border-bottom: none; margin-bottom: 8px; } .search-result .ateles-articles .products .Product, #placeholder-content-no-left .search-result .cp-articles li.article { border-bottom: 1px solid #ddd; } #placeholder-content-no-left .search-result { padding: 15px; background: #fff; } .search-result .ateles-articles .products .Product, #placeholder-content-no-left .search-result li.article { padding: 12px 0 7px; } .search-result .ateles-articles .Product { overflow: hidden; float: left; clear: both; width: 100%;} .search-result .ateles-articles .Name { font-weight: bold; } .search-result .ateles-articles .Name a { text-decoration: none; } .search-result .ateles-articles .Link { float: left; margin-top: 10px; } /* Toolbar */ .linktoolbar h3 { display: none; } .linktoolbar .tile-content { float: right; } .linktoolbar, .linktoolbar a { font-size: 0.91em; } .linktoolbar ul { float: left; } .linktoolbar .share-links-label { float: left; padding-left: 17px; } /* Element height is overridden in IE stylesheets */ .linktoolbar a { padding: 0 0 0 25px; display: block; min-height: 16px; } .linktoolbar li { padding-bottom: 10px; } #placeholder-content-no-left .linktoolbar h3, #placeholder-content-no-right .linktoolbar h3, #placeholder-content .linktoolbar h3 { display: none; } #placeholder-content-no-left .linktoolbar a, #placeholder-content-no-right .linktoolbar a, #placeholder-content .linktoolbar a { padding: 0 0px 0.5em 20px; height: 16px; display: block; float: left; text-decoration: none;} #placeholder-content-no-left .linktoolbar a.print_link, #placeholder-content-no-right .linktoolbar a.print_link, #placeholder-content .linktoolbar a.print_link { padding: 0 20px 0.5em 0px; } #placeholder-content-no-left .linktoolbar li, #placeholder-content-no-right .linktoolbar li, #placeholder-content .linktoolbar li { white-space: nowrap; margin: 0; padding: 0; float: left; } #placeholder-content-no-left .linktoolbar ul, #placeholder-content-no-right .linktoolbar ul, #placeholder-content .linktoolbar ul { margin: 0 0 0 0; padding: 0; list-style-type: none; } /* Using CSS sprite technique to limit the amount of requests done by a page load. All linktoolbar icons are collected into one image. We use background offset to control what image is visible. */ .font_size_link { background: url(images/linktoolbar/icons.gif) no-repeat left -251px; } .print_link { background: url(images/linktoolbar/icons.gif) no-repeat right -50px; } .tipafriend_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left top; } .facebook_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -200px; } .delicious_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -100px; } .kudos_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -300px; } .digg_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -150px; } .nettby_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -400px; } .reddit_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -450px; } .linkedin_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -350px; } .twitter_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -500px; } /* -- Tiles in frontpage ----------------------------------------------- */ #placeholder-left-top .tile-common { height: 300px; margin: 1px 3px 0; background: url("images/placeholder-left-top-green.png") no-repeat scroll left top transparent; color: #FFF; } #placeholder-left-top .top-story-text-wrapper { margin: 10px 15px 0; } #placeholder-left-top .top-story-text-wrapper p { margin: 5px 0; } #placeholder-left-top h3 a { color: #FFF; text-transform: uppercase; } #placeholder-left-top .articlelist-link-internal { text-align: right; } #placeholder-left-top .articlelist-link-internal a { color: #FC0; } /* placeholder-right-top - small article display */ #placeholder-right-top .small-articledisplay { float: left; padding: 1px 0px 0px 4px; width: 155px; height: 306px; overflow: hidden; background: url(images/articledisplay-frontpage-right-top.png) no-repeat; } #placeholder-right-top .small-articledisplay .tile-content { width: 153px; height: 250px; padding-top: 50px; overflow: hidden; text-align: center; } #placeholder-right-top .small-articledisplay .tile-content a { color: #ffcc00; } /* placeholder-right-top - Banner article */ #placeholder-right-top .small-articledisplay, #placeholder-right-top .small-articledisplay-no-header, #placeholder-right-top .small-articledisplay-no-layout { float: left; overflow: hidden; margin-right: -5px; /*because of right shadow*/ } /* placeholder-right-top - Login form */ #placeholder-right-top .login-form { color: #fff; float: right; padding: 16px 20px 20px 20px; width: 283px; height: 273px; overflow: hidden; margin-top: -1px; /*because of top shadow*/ margin-right: -5px; /*because of right shadow*/ background: url(images/login-frontpage.png) top left no-repeat; } #placeholder-right-top .login-form .login-form-link { margin-left: 5px; } #placeholder-right-bottom .campaign a, #placeholder-right-top .login-form a { color: #ffcc00; } #placeholder-right-bottom .campaign a { color: #007945; } .login-form label { display: block; margin-bottom: 2px; } .login-form input.textinput { height: 19px; width: 170px; margin-bottom: 4px; border: none; background: #fff; } .login-form #login-form-container, .login-form #login-form-lostpassword-container { margin-top: 10px; } .login-form span.button-wrapper { display: block; margin-top: 4px; } .login-form .article-content { margin-top: 10px; } #placeholder-left-bottom .newsletter-form { margin-bottom: 0px; } #placeholder-left-bottom .newsletter-form h3 { display: none; } #placeholder-left-bottom .newsletter-form label { display: block; margin-bottom: 7px; } #placeholder-left-bottom .newsletter-form .row, #placeholder-left-bottom .newsletter-form .button-wrapper { display: inline; } #placeholder-left-bottom .newsletter-form .row label { display: inline; } /* placeholder-right-bottom articledisplay */ #placeholder-right-bottom .small-articledisplay { float: left; height: 68px; width: 283px; overflow: hidden; background: url(images/articledisplay-yellow.png) repeat-x; } #placeholder-right-bottom .small-articledisplay .cp-mmarchive-image-right { margin-left: 7px; margin-top: -10px; /*To get image from wysiwyg on the same line as header */ } #placeholder-right-bottom .small-articledisplay h3 { color: #333; } #placeholder-right-bottom .small-articledisplay p { margin: 0px; } #placeholder-right-bottom .small-articledisplay-no-layout { float: right; width: 143px; height: 88px; padding: 0px; background: none; } #placeholder-right-bottom .small-articledisplay-no-layout .cp-mmarchive-image-right { margin: 0px; } #placeholder-right-bottom .campaign { overflow: hidden; float: left; width: 463px; height: 211px; margin-top: 7px; background: #e0e9ee url(images/blue-gradient.png) repeat-x top; padding: 0px; } #placeholder-right-bottom .campaign .Name, #placeholder-right-bottom .campaign .Product h3, #placeholder-right-bottom .campaign .Link, #placeholder-right-bottom .campaign .Description, #placeholder-right-bottom .campaign p, #placeholder-right-bottom .campaign .articlelist-link-internal, #placeholder-right-bottom .campaign .articlelist-link-external { margin: 10px 0px 0px 10px; } #placeholder-right-bottom .campaign .Name, #placeholder-right-bottom .campaign .Product h3 { font-weight: bold; } #placeholder-right-bottom .campaign .Description, #placeholder-right-bottom .campaign p { line-height: 1.3em; } #placeholder-right-bottom .campaign .tile-content { position: relative; height: 211px; width: 463px; overflow: hidden; } #placeholder-right-bottom .Product { position: absolute; left: 0; top: 0; width: 100%; } #placeholder-right-bottom .CampaignInfo1 .Product .Image, #placeholder-right-bottom .campaign .Product .list-thumbnail-default { float: right; margin-left: 15px; margin-right: 0px; } #placeholder-right-bottom .campaign ul { list-style-type: none; padding: 0; margin: 0px; } /* -------------------------------------------------------------------------- */ /* 6. Spesific styling for non tiles and other components */ /* -------------------------------------------------------------------------- */ /* Tooltip */ /* #tooltip position is fixed for IE6 in the IE6 stylesheet */ #tooltip-top { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; } #tooltip-bottom { background: url(images/tooltip/tooltip-bottom.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; display: none; } #tooltip-content { background: #fff588; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; padding: 10px; max-width: 300px; } .flipped-y #tooltip-bottom { display: block; } .flipped-y #tooltip-top { display: none; } .flipped-y #tooltip-content { border-bottom: none; } /* --- LIGHTBOX ---------------------------------------------------------*/ /* Because of a Firefox bug (Linux/OS X) causing Flash to become invisible when rendered above a fixed layer with background opacity. This will happen when e.g. displaying an article with Flash content inside the lightbox. To fix this the lightbox javascript will override the background color setting it to a transparent PNG image. Make sure that the image has the same color and opacity as the background styled here. The lightbox.js will by default set opacity to 80% and set background image to: projectroot/html/images/lightbox/ff-overlay-img.png More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/ */ /* Lightbox is fixed for IE6 in the IE6 stylesheet */ #lightbox-overlay { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #lightbox { overflow: auto; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; margin: auto; } #lightbox-spinner { background: url(images/spinner-large.gif) no-repeat center center; } #lightbox-container { padding: 0; top: 25px; } #lightbox-close-container { z-index: 1000; position: absolute; right: 0; } #lightbox-close span { display:none; } #lightbox-close { display: block; width: 30px; height: 30px; margin: 3px 12px 0 0; } #lightbox-start { height: 26px; background: url(images/lightbox/start-center.png) repeat-x; position: relative; margin: 0 51px 0 39px; } #lightbox-start div.left { background: url(images/lightbox/start-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: -6px; width: 38px; } #lightbox-start div.right { z-index: 100; background: url(images/lightbox/start-right.png) no-repeat; position: absolute; right: -50px; top: 0px; bottom: -24px; width: 50px; } #lightbox-outer-content { border: 1px solid #fff; padding: 0 10px 0 10px; background: #fff; position: relative; margin: 0 26px 0 14px; } #lightbox-content { font-size: 1.1em; } #lightbox-content-left { background: url(images/lightbox/content-left.png) repeat-y; position: absolute; left: 0px; top: 32px; bottom: 34px; width: 14px; } #lightbox-content-right { background: url(images/lightbox/content-right.png) repeat-y; position: absolute; right: 12px; top: 50px; bottom: 34px; width: 14px; } #lightbox-end { height: 34px; background: url(images/lightbox/end-center.png) repeat-x; position: relative; margin: 0 50px 0 38px; } #lightbox-end div.left { background: url(images/lightbox/end-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: 0px; width: 38px; } #lightbox-end div.right { background: url(images/lightbox/end-right.png) no-repeat; position: absolute; right: -38px; top: 0px; bottom: 0px; width: 38px; } #lightbox .tile-common { border: 0px; } #lightbox-placeholder-content { overflow: hidden; width: 750px; } /* --- GOOGLE MAPS ---------------------------------------------------------*/ .googlemap .date { display: none; } .googlemap h2 { margin: 8px 0; font-size: 12px; font-weight: bold; } .googlemap .department-full-info td { padding-right: 20px; } .googlemap .department-full-info .openingHours { height: 28px; } .googlemap p.loading { padding-top: 150px; text-align: center; background: url(images/googlemap-loader.gif) center center no-repeat; } #map .full-articlelist h3 { margin-bottom: 5px; } #map .full-articlelist .articlelist-link-internal ul li { background: none; } #map .full-articlelist h3, #map .full-articlelist a:link, #map .full-articlelist a:visited, #map .full-articlelist a:hover { color: #008A2B; font-size: 11px; font-weight: bold; } #map .full-articlelist { width: 400px; } #map .full-articlelist span { } #map .full-articlelist span.prefix { width: 70px; display: block; float: left; } #map .full-articlelist .articlelist-link-internal { margin-top: 5px; } #sc-debug-container { position: fixed; bottom: 20px; left: 0; z-index: 999999; width: 100%;}