/* ----------------------------------------------------------------------------------- */ /* CSS / Design - 2007 MUX MediaLab, Norway */ /* www.muxmedialab.no */ /* ----------------------------------------------------------------------------------- */ /* ======================= GENERAL PAGE STRUCTURE START ======================= */ #content-link { display: none; } #container { width: 873px; margin-left: auto; margin-right: auto; overflow: hidden; position:relative; background: #fff url(images/article-bgr.png) no-repeat 225px 120px; } #placeholder-top { /* position: relative; height: 60px; margin-top: 0; margin-bottom: 30px; z-index: -10;*/ } #placeholder-left { float:left; padding:0 25px 10px 28px; width:168px; } .frontpage #placeholder-content-no-right {background:#FFFFFF; padding:0px; width:624px;} #placeholder-content-no-right { width: 574px; float:left; padding:0 25px 0 27px;} #placeholder-right { float: right; width: 200px; margin-left: 10px; margin-top: 10px; } #placeholder-content { float: left; width: 520px; overflow: hidden; } #placeholder-bottom { clear: both; } /* ======================= GENERAL PAGE STRUCTURE END ======================= */ body{ background: #fff url(/images/bgr.gif) repeat-x; font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0 10px 0; padding: 0; color: #515151; } body, textarea{ font-family: Verdana, Arial, Helvetica, sans-serif } a { text-decoration: none; color: #0079bd; } a:hover { color: #515151; } h1, h2, h3{ margin: .5em 0; } h1{ font-size: 180%; font-weight:normal; color: #195ba3; } h2{ font-size: 140%; } h2.digest{ font-size: 100%; color:#000000;} h3{ font-size: 100%; } p{ margin: .5em 0 1em 0; line-height: 1.3; } input { font-size: 100%; } img{ border: 0; } #placeholder-top {height:112px; position:relative;padding-bottom:10px;} #placeholder-top .page-header img { position: absolute; top: 20px; left: 28px; } #placeholder-top .page-header a { display: block; height: 90px; width: 200px; } #placeholder-top .horizontal-menu { position:absolute; top:5px; right:25px; height:30px; } #placeholder-top .horizontal-menu h3 { display:none; } #placeholder-top .horizontal-menu li.first { background:url(images/cat-menu-seperator.png) no-repeat 63px; display:inline;} #placeholder-top .horizontal-menu li { list-style:none; padding-right:12px; background:url(images/red-arrow-white-bgr.gif) no-repeat 105px; display:inline;} #placeholder-top .horizontal-menu ul { padding:0px ;} #placeholder-top .small-articledisplay-nolayout { position:absolute; top:37px; right:28px;} .sitelocator { position:absolute; top:92px; left:222px; width:440px; font-size:0.8em; } .sitelocator h3 { font-size: 100%; font-weight: normal; float:left; padding: 0; padding-right: .5em; margin: 0;} .sitelocator ul, .sitelocator li {list-style: none; padding: 0; margin: 0;} .sitelocator li { float:left; padding-right: .5em; } .sitelocator li a { background:url(images/sitelocator_bullet.gif) no-repeat right center; padding-right: 10px; } #placeholder-top .webshop-cart { position:absolute; right:28px; top:92px;} .webshop-cart h3 { float:left; margin:0;} .webshop-cart .tile-content { float:left; padding-left:4px;} #placeholder-left .tile-content, #placeholder-right .tile-content { font-size:0.9em; color: #195ba3;} #placeholder-left .small-articledisplay-nolayout {border-top:thin solid #CCCCCC; padding-top:10px;} #placeholder-left h3, #placeholder-right h3 { font-size:0.9em; font-weight:bold; margin: 0; color: #195ba3;} #placeholder-left ul, #placeholder-right ul{ margin: 0; padding: 0; list-style: none; } #placeholder-left li, #placeholder-right li{ margin-top: .5em; } #placeholder-left .small-articlelist span, #placeholder-right .small-articlelist span{ display: block; } #placeholder-left form, #placeholder-right form{ margin: 0; padding: 0; } #placeholder-left .submit, #placeholder-right .submit{ margin: 0; margin-top: .5em; } #login-form-error { display: block; margin: .5em 0; font-weight: bold; } /* MENU START */ /* placeholder-left .vertical-menu START */ #placeholder-left .vertical-menu {padding-bottom:15px;} #placeholder-left .vertical-menu .tile-top{ } #placeholder-left .vertical-menu .tile-content { padding: 0;} #placeholder-left .vertical-menu a{ color:#FFFFFF;} /* Title and 1st level. Always visible */ #placeholder-left .vertical-menu h3{ font-size:1.1em; margin:0px; padding: 9px 0 9px 10px; color:#f5e825; background:transparent url(images/menubgr-blue-top.gif) no-repeat scroll 0px 0px;} #placeholder-left .vertical-menu ul { background: url(images/menubgr-blue-middle.gif) repeat scroll 2px 0px;} #placeholder-left .vertical-menu li { background: url(images/list-image-white-dot.gif) no-repeat 10px 10px; padding: 0; margin: 0; } #placeholder-left .vertical-menu li.active { background: url(images/list-image-yellow-dot.gif) no-repeat 10px 10px;} #placeholder-left .vertical-menu ul a { padding-left: 20px;} #placeholder-left .vertical-menu ul li a { color:#FFFFFF;} #placeholder-left .vertical-menu ul li.active a{ color:#F5E825;} #placeholder-left .vertical-menu li a { display:block; height: 100%; line-height: 2; } /* 2nd level */ #placeholder-left .vertical-menu li li { background: url(images/list-image-white-dash.gif) no-repeat 20px 9px; padding: 0; margin: 0; font-size:1.0em; } #placeholder-left .vertical-menu ul li ul li.active , #placeholder-left .vertical-menu ul li ul li.active { background: url(images/list-image-yellow-dash.gif) no-repeat 20px 9px;} #placeholder-left .vertical-menu ul li.active ul li a { color:#FFFFFF;} #placeholder-left .vertical-menu ul li.active ul li.active a { color:#F5E825;} #placeholder-left .vertical-menu ul ul li.active a { } #placeholder-left .vertical-menu ul ul li.active ul a { font-weight:normal;} #placeholder-left .vertical-menu li ul li a { padding-left:30px; line-height:1.5;} /* 3rd level */ #placeholder-left .vertical-menu ul li ul li ul li { background: url(images/list-image-white-dash.gif) no-repeat 30px 9px;!important} #placeholder-left .vertical-menu ul li ul li ul li.active { background: url(images/list-image-yellow-dash.gif) no-repeat 30px 9px;!important} #placeholder-left .vertical-menu ul li.main-active ul li.active ul li a {color:#FFFFFF;} #placeholder-left .vertical-menu ul li.main-active ul li.active ul li.active a {color:#F5E825;} #placeholder-left .vertical-menu ul li ul li ul li a{ padding-left: 40px!important;} /* 2nd and 3rd level */ #placeholder-left .vertical-menu ul ul, #placeholder-left .vertical-menu ul ul ul { margin-bottom: 0; background:transparent url(images/menubgr-blue-middle-open.gif) repeat scroll 2px 0px;} /* 4th level */ #placeholder-left .vertical-menu ul li ul li ul li ul li { background: url(images/list-image-white-dash.gif) no-repeat 40px 9px;} #placeholder-left .vertical-menu ul li ul li ul li ul li.active { background: url(images/list-image-yellow-dash.gif) no-repeat 40px 9px!important;} #placeholder-left .vertical-menu ul ul ul ul li {padding-left:10px;} #placeholder-left .vertical-menu ul li.main-active ul li.sub-active ul li.active ul li a {color:#FFFFFF;} #placeholder-left .vertical-menu ul li.main-active ul li.sub-active ul li.active ul li.active a {color:#F5E825;} #placeholder-left .vertical-menu .tile-bottom { background: url(images/menubgr-blue-bottom.gif) no-repeat scroll 0px 0px; height:3px;} /* placeholder-left .vertical-menu END */ /* placeholder-left .horizontal-menu START */ #placeholder-left .horizontal-menu {padding-bottom:15px;} #placeholder-left .horizontal-menu .tile-content {display:none;} #placeholder-left .horizontal-menu h3 { font-size:1.1em; margin:0px; padding: 9px 0 9px 10px; color:#f5e825; background:transparent url(images/menubgr-yellow-full.gif) no-repeat scroll 0px 0px;} /* placeholder-left .horizontal-menu END */ /* small-searchinput */ #placeholder-left .small-searchinput {padding-bottom:15px;} /* Category menu in middle -> WITH buttons */ #placeholder-content-no-right .horizontal-menu.buttons { border-top: none;} #placeholder-content-no-right .horizontal-menu.buttons h3 { display:none;} #placeholder-content-no-right .horizontal-menu.buttons ul { list-style:none; margin:0px; padding:0px;} #placeholder-content-no-right .horizontal-menu.buttons li { text-align:center; vertical-align:middle;float:left; width:186px; height:20px; padding:10px 0; margin:0 5px 5px 0; background:transparent url(images/cat-btn-small.png) no-repeat scroll 0px 0px; border-bottom:none;} #placeholder-content-no-right .horizontal-menu.buttons li a { font-weight:bold; } /* Category menu in middle -> WITH buttons FRONTPAGE */ .frontpage #placeholder-content-no-right .horizontal-menu { border-top:none; } .frontpage #placeholder-content-no-right .horizontal-menu.buttons { } .frontpage #placeholder-content-no-right .horizontal-menu.buttons ul { margin:0px; padding:0px;} .frontpage #placeholder-content-no-right .horizontal-menu.buttons li { width:120px; height:30px; text-align:center; vertical-align:middle;float:left; margin:0 5px 6px 0; padding:16px 0; background:transparent url(images/cat-btn-large.png) no-repeat scroll 0px 0px; border-bottom:none;} .frontpage #placeholder-content-no-right .horizontal-menu.buttons li.last{ margin:0 0px 6px 0; padding:16px 0;} .frontpage #placeholder-content-no-right .horizontal-menu.buttons li.first{ margin:0 6px 6px 1px; padding:16px 0;} /* Category menu in middle -> NO buttons (used as list for subcategories */ #placeholder-content-no-right .horizontal-menu { border-top: #a8b9d4 thin solid; margin-top:20px; } #placeholder-content-no-right .horizontal-menu h3 { display:none;} #placeholder-content-no-right .horizontal-menu ul { list-style:none; margin:0px; padding:0px;} #placeholder-content-no-right .horizontal-menu li { float:left; height:20px; padding:10px 0; margin:0 5px 5px 0; border-bottom: #a8b9d4 thin solid; width:100%; } #placeholder-content-no-right .horizontal-menu li a { font-weight:bold; } /* MENU END */ #placeholder-content .full-articlelist ul, #placeholder-content .full-articlelist li { margin: 0; padding: 0; list-style: none; } /* ARTICLE DISPLAY START */ #placeholder-content .full-articledisplay, #placeholder-content .full-articlelist { margin-bottom: 3em; margin-top: 1em; } #placeholder-content .full-articlelist .articlelist-link-internal ul { margin-bottom: 2em;} #placeholder-content-no-right .full-articledisplay h4 {color:#195BA3;} /* More info box */ #placeholder-content-no-right .full-articledisplay.product .tile-content { float:left; width:420px;} #placeholder-content-no-right .full-articledisplay.product .tile-content-right { float:right; width:140px; } #placeholder-content-no-right .full-articledisplay.product .tile-content-right .moreInfo-box .top { width:135px; height:27px; background:transparent url(images/product-download-top.png) no-repeat scroll 0px 0px; color:#FFFFFF; font-weight:bold; padding:3px 0 0 5px;} #placeholder-content-no-right .full-articledisplay.product .tile-content-right .moreInfo-box .content {border-left:#4e81b9 1px solid; border-right:#4e81b9 1px solid; padding: 5px 10px;} #placeholder-content-no-right .full-articledisplay.product .tile-content-right .moreInfo-box .bottom { height:5px; background:transparent url(images/product-download-bottom.png) no-repeat scroll 0px 0px; } /* Request quote */ .webshop-list-priceorder {padding-top:20px; background:transparent url(images/red-arrow-white-bgr.gif) no-repeat scroll 100px 24px;} /* Product image */ .tile-content-right .product-image { padding-top:20px;} #placeholder-content .full-searchinput { margin-top: 1em; } #placeholder-content .full-searchinput form{ display: none; } .full-articledisplay .headerBgr{ padding:5px 15px 0 0; text-align:right; background:transparent url(images/header-bgr.png) no-repeat 0 0; color:#FFFFFF; height:40px;} /* Article list */ #placeholder-content-no-right .full-articlelist { margin-top:30px; padding-top:15px; border-top:thin solid #a8b9d4; font-family:Verdana, Arial, Helvetica, sans-serif;} #placeholder-content-no-right .full-articlelist ul { padding:0; margin:0; list-style-type:none;} #placeholder-content-no-right .full-articlelist li { display: inline-block; padding-bottom:10px;} #placeholder-content-no-right .full-articlelist .list-thumbnail-left{ float:left; width:130px; padding-right:10px;} #placeholder-content-no-right .full-articlelist .text { float:left; width:575px;} #placeholder-content-no-right .full-articlelist .text-withThumb { float:left; width:434px;} #placeholder-content-no-right .full-articlelist h2 { color:#195ba3;} #placeholder-content-no-right .full-articlelist li h3 { color:#000000;} #placeholder-content-no-right .full-articlelist li a { color:#000000;} #placeholder-content-no-right .full-articlelist .articlelist-link-internal { display:none;} #placeholder-content-no-right .full-articlelist li p { } /* Article list NEWS */ #placeholder-content-no-right .full-articlelist.news { border-top:thin dashed #A8B9D4; margin-top:20px; padding-top:0px;} #placeholder-content-no-right .full-articlelist.news h3 { padding-left:110px; margin:0; font-size: 160%; font-weight:normal;} #placeholder-content-no-right .full-articlelist.news a { color:#195BA3;} #placeholder-content-no-right .full-articlelist.news li { display:inline-block; border-bottom:thin dashed #A8B9D4; padding: 20px 0; width:573px;} #placeholder-content-no-right .full-articlelist.news .articlelist-link-internal { display:block; padding-left:110px;} #placeholder-content-no-right .full-articlelist.news .articlelist-link-internal li { border:none; padding:0; background: transparent url(images/readmore.png) no-repeat scroll 72px 3px;} #placeholder-content-no-right .full-articlelist.news li p { padding-left:110px;} /* Article list PRODUCTS */ #placeholder-content-no-right .full-articlelist.products { border-top:thin dashed #A8B9D4; margin-top:20px; padding-top:0px;} #placeholder-content-no-right .full-articlelist.products li { border-bottom:thin dashed #A8B9D4; height:10px; padding-top:5px; display:block; } #placeholder-content-no-right .full-articlelist.products .header { float:left; font-weight:bold; } #placeholder-content-no-right .full-articlelist.products .datasheet { float:right;} /* List navigation */ .list-navigation, .list-navigation-text { margin-left:110px; text-align:center;} /* -- START rounded corners on images ---------------------------- */ .rounded_wrapper { /* no border means no corners in msie7. needs to be set to the background color */ border: 1px solid white; position: relative; margin: 0; padding: 0; } .rounded_wrapper div.rounded { margin: 0; padding: 0; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } .rounded_wrapper .topleft { background-image: url(images/topleft_white_11x11.png); background-position: top left; } .rounded_wrapper .topright { background-image: url(images/topright_white_11x11.png); background-position: top right; } .rounded_wrapper .bottomleft { background-image: url(images/bottomleft_white_11x11.png); background-position: bottom left; } .rounded_wrapper .bottomright { background-image: url(images/bottomright_white_11x11.png); background-position: bottom right; } /* -- END rounded corners on images ------------------------------ */ /* WEB SHOP CART */ .webshop-cart { color:#195BA3; font-size:0.9em; background: transparent url(images/request-cart.png) no-repeat scroll 0px 0px; padding-left:20px; text-align:right;} .webshop-cart .tile-content { color:#000000; } .inputerror { border: 1px solid red; } div.errormessage { color: red; } #placeholder-bottom{ padding: .5em 20px; height: 100%; overflow: hidden; margin: 0 0 10px 0; } #placeholder-bottom a { text-decoration: none; color: #0079bd; } #placeholder-bottom a:hover { color: #515151; } #placeholder-bottom .full-articledisplay, #placeholder-bottom .full-articledisplay p, #placeholder-bottom .full-articledisplay .tile-content, #placeholder-bottom .full-articledisplay .digest{ margin: 0; padding: 0; } #coretrek-colofon { padding:18px 0 0 0;font-size:0.8em; } .linktoolbar h3 { display: none; } .programmatic-clearboth { height: 0px; width: 0px; overflow: hidden; clear: both;}