/* -------------------------------------------------------------- Reset.css * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: #333; background:#eaf3f6; font-family: Tahoma, Arial, Helvetica, sans-serif; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* Remove possible quote marks (") from <q>, <blockquote>. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* -------------------------------------------------------------- */ .wrap{ background: url(/sitefiles/3/design/wrapper-bg.png) top center no-repeat; width: 956px; margin: 0 auto; height: 900px; } .wrapper { background: url(/sitefiles/3/design/body-bg.png) repeat-x top center;} } .content{ width: 860px; padding: 0 24px 0 24px; margin: 0 0 0 24px; } /* ------------------------------------------- Header & Navigation ------------------------------------------- */ .header { height: 81px; float: left; width: 65px; display: block; background: url(/sitefiles/3/design/h1-bg.png) no-repeat; } .header a { height: 58px; width: 220px; display: block; text-indent: -9999px; } .navigation { float: right; list-style-type: none; } .navigation li { float: left; display: inline; } .navigation li a { float: left; display: block; height: 58px; text-indent: -9999px; } .navigation .menu-22 a { width: 64px; background: url(/sitefiles/3/design/menu_omoss.png) no-repeat top left;} .navigation .menu-23 a { width: 81px; background: url(/sitefiles/3/design/menu_kontakt.png) no-repeat top left;} .navigation .menu-24 a { width: 75px; background: url(/sitefiles/3/design/menu_logginn.png) no-repeat top left;} .navigation li a:hover { background-position: top right;} /* ------------------------------------------- Zie Introtext ------------------------------------------- */ .introtext { clear: both; width: 860px; float: left; text-align: center; margin: 30px 0 20px 0; } .introtext h2 { font-size: 22px; color: #112837; font-weight: normal; } .introtext p { color: #1d3b4f; line-height: 22px; margin: 5px 70px 0 70px; padding: 0 0 13px 0; border-bottom: 1px solid #eef0f0; } /* ------------------------------------------- Zie Footer ------------------------------------------- */ .footer { clear:both; text-align: center; padding: 7px 0 0 0; background: url(/sitefiles/3/design/footer-bg.png) no-repeat top center; } .footer p{ font-size: 11px; line-height: 18px; } .footer .first { margin: 0 0 2px 0; font-size: 12px; } /* ------------------------------------------- Boxes, no arrows ------------------------------------------- */ .boxes { width: 860px; float: left;} .box{ margin: 0 9px 0 0; width: 211px; background: url(/sitefiles/3/design/box-bg.png) no-repeat top right; float: left; height: 480px; } .frontBox4 { margin:0 0 0 0; width: 200px; background: none;} .box a.imageLink { height: 151px; width: 200px; display: block; border-bottom: 6px solid #c7e1ea; } .box a.imageLink:hover {border-bottom: 6px solid #3b8cac;} .box h3{ margin: 17px 0 5px 4px; } .box h3 a{ font-size: 16px; color: #000; text-decoration: none; } .box p { margin: 0 13px 0 4px; font-size: 11px; line-height: 18px; } /* -------------------------------------------------------------- Product pages -------------------------------------------------------------- */ .product { float: left; width: 830px; margin: 30px 0 20px 0; padding: 30px 0 0 30px; background: url(/sitefiles/3/design/product-bg.png) no-repeat top center; font-family: Arial, Helvetica, sans-serif; height: 600px; } .productImages { width: 340px; padding: 40px 28px 25px 28px; margin: -30px 0 0 20px; text-align: center; float: right; } .product h2 { font-size: 30px; margin:0 0 10px -3px; } .product p { font-size: 12px; text-align: left; line-height: 18px; margin: 0 0 10px 0; } .product p.intro { font-weight: bold; color: #333;} .largeImage{ margin: 0 0 15px 0; } .productImages .thumb { margin: 0 15px 0 0; } .productImages .last { margin: 0 0 0 0; } .productImages h3 { text-align: left; font-size: 20px; font-weight: normal; margin: 15px 0 10px 0; } .productImages p { font-size: 11px; margin: 0 0 0 0; } /* -------------------------------------------------------------- sIFR-screen -------------------------------------------------------------- */ .sIFR-active .introtext h2 { font-size: 24px; margin: 0 0 -10px 0; display: block; } .sIFR-active .product h2{ font-size: 34px; width: 400px; margin: 0 0 0 -3px; display: block; } .sIFR-active .box h3 { font-size: 16px; display: block; margin:13px 0 0px 4px; } .sIFR-active .productImages h3 { font-size: 26px; display: block; margin: 13px 0 -5px -3px; } /* -------------------------------------------------------------- Decoy-styles, ikke rør -------------------------------------------------------------- */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* -------------------------------------------------------------- Lightbox, ikke rør -------------------------------------------------------------- */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/sitefiles/3/js/Lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/3/js/Lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/3/js/Lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; border-bottom: 1px solid #eee; line-height: 1.4em; overflow: auto; width: 100% } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; } /* ------------------------------------------- Zie Splashier ------------------------------------------- */ .splash { height: 380px; background: #fff; margin: 0 auto; border: 1px solid #bdd4fd; padding: 1px; margin-top: 45px; width: 433px; } .splash h1 { display: block; height: 98px; width: 111px; position: absolute!important; position: relative; float: left; margin: 135px 0 0 161px!important; margin: -246px 0 0 80px; text-indent: -9999px; z-index: 4; } .splash-valg { list-style-type: none; z-index: 1; } .splash-valg, .splash-valg li { display: inline; margin: 0; padding: 0; float: left; } .splash-valg li a{ display: block; margin: 0; padding: 0; height: 380px; width: 216px; text-indent: -9999px; background: url(/sitefiles/3/design/splash-emballasje.jpg) no-repeat; float: left; } .splash-valg .vvs a { width: 217px; background: url(/sitefiles/3/design/splash-vvs.jpg) no-repeat; } .single-content {clear: both; padding: 0 0 50px 0;} .downloads { margin: 10px 0 0 15px; list-style-type: square; } .downloads li { font-size: 12px; margin: 10px 0 10px 0; } .downloads li a { text-decoration: none; color: #000; } .downloads li a:hover { border-bottom: 1px solid #000; } .standard { clear: both; } .standard .fattext { border: 1px solid #444; padding: 2px; margin: 5px 0 10px 0; } .standard .fatbutton { margin: 5px 0 3px 0; background: #558BA6; color: #fff; border: 1px solid #444; font-size: 12px; } .standard table td { font-size: 12px; } .front-wrap { width: 980px; margin: 0 auto; } .front-1, .front-2 { width: 233px; } .front-1 a, .front-2 a { display: block; float: left; text-decoration: none; color: #000; width: 233px; } .front-1 h2, .front-2 h2 { font-size: 20px; } .front-1 p, .front-2 p { margin: 10px 0 0 0; font-size: 12px; line-height: 18px; } .front-1 { float: left; text-align: right; padding: 50px 10px 10px 20px; } .front-2 { float: right; padding: 50px 20px 10px 10px; }