body { margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:12px; color:#3C3C3C; border-top:solid 8px #F8981D; background: #FFF; } h1 { margin:0; padding:0; font-size:0; text-indent:-9999px; float:left; } h2 { margin:0px 0px 15px 0px; padding:0; font-size:24px; font-weight:normal; color:#F8981D; } h3 { margin:0px 0px 5px 0px; padding:0; font-size:14px; color:#F8981D; } h4 { margin:0px 0px 5px 0px; padding:0; font-size:14px; color:#3C3C3C; font-weight:normal; } p { margin:0; padding:0px 0px 20px 0px; line-height:16px; } img { border:0; } a { outline:none; font-size:10px; color:#616161; } li { margin:0px 0px 10px 0px; } .clearBoth { clear:both; } .background { margin:0; padding:0; width:100% } .pageWrap { margin:0 auto; padding:11px 0px 0px 0px; width:960px; } .sitedesign_top_background { margin:0px 0px 13px 0px; padding:0px 0px 0px 0px; width:960px; background-image:url(/sitefiles/34/design/bakgrunn-topp.jpg); background-repeat:repeat-x; } #home { margin:0; padding:0; width:133px; height:47px; display:block; position:relative; left:21px; top:14px; background-image:url(/sitefiles/34/design/logo.jpg); background-repeat:no-repeat; } .logginn { margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; width:230px; height:70px; float:right; font-size:10px; color:#727171; } .logginn td { margin:0; padding:0px 0px 0px 0px; } .logginn .brukernavn { margin:0px 0px 0px 0px; padding:5px 5px 0px 5px; width:67px; height:21px; background-image:url(/sitefiles/34/design/input-brukernavn.jpg); background-repeat:no-repeat; border:0; } .logginn .passord { margin:0px 0px 0px 0px; padding:5px 3px 0px 3px; width:65px; height:21px; background-image:url(/sitefiles/34/design/input-passord.jpg); background-repeat:no-repeat; border:0; } .logginn .fatbutton { margin:0; padding:0; width:82px; height:26px; background-image:url(/sitefiles/34/design/logginn-knapp.jpg); background-repeat:no-repeat; border:0; cursor:pointer; /* text-indent:-9999px;*/ } .logginn span { float:right; } .logginn .loggut { margin:5px 0px 0px 10px; padding:0; width:82px; height:26px; background-image:url(/sitefiles/34/design/loggut-knapp.jpg); background-repeat:no-repeat; border:0; cursor:pointer; /* text-indent:-9999px;*/ float:right; } .logginn p { margin:0; padding:0; } .hovedmeny { margin:0; padding:0; width:960px; height:54px; background-image:url(/sitefiles/34/design/Menygrafikk/bakgrunn-hovedmeny.jpg); background-repeat:no-repeat; } .hovedmeny ul { margin:0; padding:0; width:665px; height:54px; float:left; } .hovedmeny ul li { margin:0px 2px 0px 0px; padding:0; list-style:none; float:left; } .hovedmeny ul li a { margin:0; padding:0; height:54px; display:block; text-indent:-9999px; background-repeat:no-repeat; background-position:left top; } .hovedmeny ul li a:hover, .hovedmeny ul li a.aktiv { background-position:left bottom; } .undermeny { margin:0px 0px 0px 0px; padding:0; width:960px; height:21px; background-color:#6A6A6A; border-bottom:solid 1px #C3C3C3; } .undermeny ul { margin:0; padding:0px 0px 0px 4px; } .undermeny ul li { margin:0; padding:0; list-style:none; float:left; } .undermeny ul li a { margin:0; padding:0px 15px 0px 15px; display:block; font-size:12px; color:#FFFFFF; text-decoration:none; line-height:21px; } .undermeny ul li a:hover, .undermeny ul li a.aktiv { background-color:#585858; } .page_main_area { margin:0; padding:0px 0px 10px 0px; width:960px; } .sitedesign_main { margin:0; padding:0; width:960px; } .fokus { margin:0; padding:0; width:960px; height:170px; } .fokus ul { margin:0; padding:0; } .fokus ul li { margin:0; padding:0px 20px 20px 0px; list-style:none; width:225px; height:150px; float:left; } .sitedesign_bottom_background { margin:0; padding:0; width:100%; height:40px; color:#D6DDC1; background-color:#F8981D; } .sitedesign_bottom_background .infobox1 { margin:0 auto; padding:0; width:960px; text-align:center; font-size:10px; text-transform:uppercase; } .sitedesign_bottom_background p { margin:0; padding:0; line-height:40px; } .sitedesign_bottom_background a { color:#D6DDC1; } .keyteq_signature { margin:0 auto; padding:10px 0px 0px 0px; width:960px; } .keyteq_signature a { text-decoration:none; } .seksjon { margin:0; padding:0; width:960px; height:490px; } .seksjon .produkt { margin:0px 20px 20px 0px; padding:0; width:470px; height:470px; float:left; } .seksjon .produkt .handlekurv { margin:0; padding:350px 20px 0px 110px; width:150px; &nbsp;height:40px; font-size:10px; text-align:right; } .seksjon .produkt .handlekurv p { margin:0; padding:0px 0px 5px 0px; } .seksjon .produkt .handlekurv a { margin:0; padding:0px 0px 0px 25px; color:#606060; background-image:url(/sitefiles/34/design/handlekurv.png); background-repeat:no-repeat; background-position:left center; } .seksjon .produkt .knapper { margin:0; padding:350px 20px 0px 120px; width:100px; height:90px; } .seksjon .produkt .knapper a { text-decoration:none; text-indent:-9999px; } .seksjon .produkt .knapper a.kjop { margin:0px 0px 5px 0px; padding:0; width:65px; height:26px; display:block; background-image:url(/sitefiles/34/design/kjopknapp.png); background-repeat:no-repeat; } .seksjon .produkt .knapper a.abonnerknapp { margin:0px 0px 5px 0px; padding:0; width:82px; height:26px; display:block; background-image:url(/sitefiles/34/design/abonnerknapp.png); background-repeat:no-repeat; } .seksjon .produkt .knapper a.lesmer { margin:0; padding:0; width:82px; height:26px; display:block; background-image:url(/sitefiles/34/design/merinfoknapp.png); background-repeat:no-repeat; } .seksjon_hudpleie { margin:0; padding:0; width:960px; height:490px; } .seksjon_hudpleie .produkt { margin:0; padding:0px 20px 20px 0px; width:470px; height:470px; float:left; background-repeat:no-repeat; } .seksjon_hudpleie .produkt .handlekurv { margin:0; padding:400px 20px 0px 250px; width:200px; height:40px; font-size:10px; text-align:right; } .seksjon_hudpleie .produkt .handlekurv p { margin:0; padding:0px 0px 5px 0px; } .seksjon_hudpleie .produkt .handlekurv a { margin:0; padding:0px 0px 0px 25px; color:#606060; background-image:url(/sitefiles/34/design/handlekurv.png); background-repeat:no-repeat; background-position:left center; } .seksjon_hudpleie .produkt .knapper { margin:0; padding:380px 20px 0px 350px; width:100px; height:90px; } .seksjon_hudpleie .produkt .knapper a { text-decoration:none; text-indent:-9999px; } .seksjon_hudpleie .produkt .knapper a.kjop { margin:0px 0px 5px 17px; padding:0; width:65px; height:26px; display:block; background-image:url(/sitefiles/34/design/kjopknapp.png); background-repeat:no-repeat; } .seksjon_hudpleie .produkt .knapper a.abonnerknapp { margin:0px 0px 5px 0px; padding:0; width:82px; height:26px; display:block; background-image:url(/sitefiles/34/design/abonnerknapp.png); background-repeat:no-repeat; } .seksjon_hudpleie .produkt .knapper a.lesmer { margin:0; padding:0; width:82px; height:26px; display:block; background-image:url(/sitefiles/34/design/merinfoknapp.png); background-repeat:no-repeat; } .hovedfokus { margin:0px 0px 20px 0px; padding:0; width:960px; } .hovedfokus .venstre { margin:0px 0px 10px 0px; padding:0; float:left; background-repeat:no-repeat; } .hovedfokus .venstre a { margin:0; padding:0; width:220px; height:24px; display:block; text-indent:-9999px; position:relative; left:134px; top:280px; background-image:url(/sitefiles/34/design/se-alle-kosttilskudd.jpg); background-repeat:no-repeat; } .hovedfokus .hoyre { margin:0px 0px 10px 0px; padding:0; float:right; background-repeat:no-repeat; } .hovedfokus .hoyre a { margin:0; padding:0; width:188px; height:24px; display:block; text-indent:-9999px; position:relative; left:178px; top:279px; background-image:url(/sitefiles/34/design/se-alle-hudpleie.jpg); background-repeat:no-repeat; } .hovedfokus .tekst { margin:0; padding:20px 80px 30px 20px; width:860px; font-size:16px; background-color:#E8E8E8; clear:both; } .hovedfokus .tekst p { line-height:20px; } .hovedfokus .tekst h2 { margin:0; font-size:22px; color:#3C3C3C; } .liste { margin:0; padding:0; width:960px; } .liste .produkt { margin:0px 0px 20px 0px; padding:0; width:960px; height:150px; } .liste .produkt .bilde { margin:0px 20px 0px 0px; padding:0; width:223px; height:148px; float:left; border:solid 1px #E3E2E2; } .liste .produkt .bilde td { margin:0; padding:0; width:223px; height:148px; text-align:center; } .liste .produkt .info { margin:0; padding:10px 0px 0px 0px; width:445px; float:left; } .liste .produkt .info h3 a { font-size:14px; color:#F8981D; text-decoration:none; } .liste .produkt p { margin:0px 0px 5px 0px; padding:0; } .liste .produkt .handlekurv, .liste .produkt .knapper { margin:0; padding:30px 0px 0px 0px; width:200px; float:right; text-align:right; } .liste .produkt .knapper { width:100px; } .liste .produkt .handlekurv a { margin:0; padding:0px 0px 0px 25px; color:#606060; background-image:url(/sitefiles/34/design/handlekurv.png); background-repeat:no-repeat; background-position:left center; } .liste .produkt .handlekurv h3 { margin:0px 0px 10px 0px; } .liste .produkt .handlekurv p { font-size:10px; } .liste .produkt .knapper a { text-decoration:none; text-indent:-9999px; } .liste .produkt .knapper a.kjop { margin:0px 0px 5px 0px; padding:0; width:65px; height:26px; display:block; float:right; text-align:left; background-image:url(/sitefiles/34/design/kjopknapp.png); background-repeat:no-repeat; } .liste .produkt .knapper a.abonnerknapp { margin:0px 0px 5px 0px; padding:0; width:82px; height:26px; display:block; float:right; text-align:left; background-image:url(/sitefiles/34/design/abonnerknapp.png); background-repeat:no-repeat; } .liste .produkt .knapper a.lesmer { margin:0; padding:0; width:82px; height:26px; display:block; float:right; text-align:left; background-image:url(/sitefiles/34/design/merinfoknapp.png); background-repeat:no-repeat; } .liste .navigasjon { margin:0; padding:0; width:960px; height:20px; } .liste .navigasjon ul { margin:0; padding:0; float:right; } .liste .navigasjon ul li { margin:0px 5px 0px 0px; padding:0; list-style:none; float:left; font-size:10px; } .detalj_produkt { margin:0px 0px 20px 0px; padding:0; width:960px; } .detalj_produkt .venstre { margin:0px 20px 20px 0px; padding:0; width:468px; float:left; } .detalj_produkt .venstre .bilde { margin:0px 0px 10px 0px; padding:0; width:466px; height:346px; border:solid 1px #F0F0F0; } .detalj_produkt .venstre .bilde td { margin:0; padding:0; width:466px; height:346px; text-align:center; } .detalj_produkt .hoyre { margin:0px 0px 20px 0px; padding:0; width:470px; float:right; } .detalj_produkt .hoyre .beskrivelse { margin:0; padding:0; } .detalj_produkt .hoyre a.omnbg { margin:0px 0px 0px 0px; padding:0; width:121px; height:27px; display:block; text-indent:-9999px; text-decoration:none; background-image:url(/sitefiles/34/design/les-mer-om-nbg.jpg); background-repeat:no-repeat; } .detalj_produkt .hoyre .handle { margin:10px 0px 0px 0px; padding:15px 0px 0px 15px; width:455px; height:100px; background-image:url(/sitefiles/34/design/bakgrunn-prisinfo.jpg); background-repeat:repeat-x; } .detalj_produkt .hoyre .handle p.pris { margin:0; padding:0; font-size:14px; line-height:16px; color:#F8981D; } .detalj_produkt .hoyre .handle .knapper { margin:0; padding:10px 0px 0px 0px; width:455px; height:26px; } .detalj_produkt .hoyre .handle .knapper span { margin:0; padding:0; width:40px; line-height:22px; float:left; } .detalj_produkt .hoyre .handle .knapper .antall { margin:0px 10px 0px 0px; padding:2px 0px 0px 0px; width:20px; height:18px; float:left; text-align:center; } .detalj_produkt .hoyre .handle .knapper .submit { margin:0px 10px 0px 0px; padding:0; width:65px; height:24px; display:block; float:left; text-indent:-9999px; background-image:url(/sitefiles/34/design/kjopknapp.png); background-repeat:no-repeat; border:0; cursor:pointer; } .detalj_produkt .hoyre .handle .knapper a.abonner { margin:0; padding:0; width:82px; height:26px; display:block; float:left; text-indent:-9999px; text-decoration:none; background-image:url(/sitefiles/34/design/abonnerknapp.png); background-repeat:no-repeat; } .relatert { margin:0; padding:0; width:960px; } .relatert h3 { margin-bottom:20px; color:#3C3C3C; } .relatert .produkt { margin:0px 20px 20px 0px; padding:0; width:225px; float:left; text-align:center; } .relatert .produkt h3 { margin-bottom:5px; } .relatert .produkt h3 a { font-size:12px; text-transform:uppercase; text-decoration:none; color:#F8981D; } .tobilder { margin:0px 0px 20px 0px; padding:0; width:960px; height:312px; } .tobilder img { margin:0px 21px 0px 0px; padding:0; float:left; } .samling { margin:0; padding:0; width:960px; } .samling .artikkel { margin:0px 20px 20px 0px; padding:0px 20px 0px 0px; width:450px; float:left; } .samling .artikkel h3 a { font-size:14px; color:#F8981D; } .samling .artikkel .readMore a { float:right; } .samling .artikkel .bilde { margin:0px 10px 10px 0px; padding:0; width:223px; height:148px; float:left; border:solid 1px #E3E2E2; } .samling .artikkel .bilde td { margin:0px 10px 10px 0px; padding:0; width:223px; height:148px; text-align:center; } .detalj_artikkel { margin:0px 0px 20px 0px; padding:0; width:960px; } .detalj_artikkel .venstre { margin:0px 20px 0px 0px; padding:0; width:470px; float:left; } .detalj_artikkel .venstre .bilde { margin:0px 0px 20px 0px; } .detalj_artikkel .hoyre { margin:0; padding:0; width:470px; float:left; } .detalj_artikkel .hoyre .tilbake a { float:right; } .kontakter { margin:0px 0px 20px 0px; padding:30px 20px 0px 20px; width:920px; color:#616161; background-color:#F6F7F7; } .kontakter ul { margin:0; padding:0; } .kontakter ul li { margin:0; padding:0px 50px 30px 0px; list-style:none; float:left; width:400px; height:150px; } .kontakter ul li .bilde { margin:0px 12px 12px 0px; padding:5px 0px 0px 0px; width:128px; height:128px; float:left; } .kontakter ul li .info { margin:0; padding:0; width:200px; height:130px; float:left; } .kontakter p.overskrift { padding:0; color:#F8981D; font-weight:bold; } .kontakter p.infotekst { padding:0px 0px 15px 0px; color:#616161; } .kontakter p.navn { padding:0; font-size:14px; text-transform:uppercase; color:#3C3C3C; } .kontakter p.tittel { padding:0px 0px 15px 0px; } .kontakter p.epost { padding:0; } .kontakter p.epost a { font-size:12px; font-weight:normal; text-decoration:none; color:#616161; } .kontakter p.telefon { padding:0; } .kasse { margin:0px 0px 20px 120px; padding:0; width:696px; border-collapse:separate; background-color:#000000; } .kasse td { background-color:#FFFFFF; } .kasse tr.topp td { font-weight:bold; font-size:14px; } .kasse td.navn { padding-left:10px; padding-right:10px; width:200px; } .kasse td.pris { padding-left:0px; padding-right:10px; width:90px; text-align:right; } .kasse td.antall { padding-left:20px; padding-right:20px; width:50px; text-align:center; } .kasse td.antall input { width:20px; text-align:center; } .kasse td.totalt { padding-left:0px; padding-right:10px; width:90px; text-align:right; } .kasse td.oppdater { padding-left:10px; padding-right:10px; width:160px; } .kasse td.oppdater input { margin:0; padding:0; width:86px; height:22px; text-indent:-9999px; float:left; cursor:pointer; border:0; background-image:url(/sitefiles/34/design/oppdaterknapp.png); background-repeat:no-repeat; } .kasse td.oppdater a { margin:0; padding:0; width:65px; height:22px; display:block; float:right; text-indent:-9999px; background-image:url(/sitefiles/34/design/slett-knapp.png); background-repeat:no-repeat; } .kasse tr.sum, .kasse tr.totalt { font-weight:bold; } .kommentar { margin:0px 0px 10px 0px; padding:15px 15px 15px 15px; width:930px; background-color:#F6F7F7; } .kommentar h3 { font-size:18px; font-weight:normal; } .kommentar #kommentarer { margin:0px 20px 0px 0px; padding:0; width:455px; float:left; } .kommentar #kommentarer ul { margin:0; padding:0; } .kommentar #kommentarer ul li { margin:0; padding:0; list-style:none; } .kommentar #kommentarer ul li p.meta { color:#BFB6AC; } .kommentar #nykommentar { margin:0; padding:0; width:455px; float:left; } .kommentar #nykommentar fieldset { margin:0; padding:0; border:0; } .kommentar #nykommentar fieldset ul { margin:0; padding:0; } .kommentar #nykommentar fieldset ul li { margin:0px 0px 10px 0px; padding:0; list-style:none; } .kommentar #nykommentar fieldset ul li label { margin:0px 0px 3px 0px; padding:0; display:block; } .kommentar #nykommentar fieldset ul li.samtykke label { font-weight:normal; display:inline; color:#F8981D; } .kommentar #nykommentar fieldset ul li input, .kommentar #nykommentar fieldset ul li select { border:solid 1px #C9DAD4; } .kommentar #nykommentar fieldset ul li textarea { width:448px; height:68px; border:solid 1px #C9DAD4; } .kommentar #nykommentar fieldset ul li.navn, .kommentar #nykommentar fieldset ul li.epost { margin-right:9px; padding:0; width:219px; float:left; } .kommentar #nykommentar fieldset ul li.epost { margin-right:0; } .kommentar #nykommentar fieldset ul li.navn input, .kommentar #nykommentar fieldset ul li.epost input { width:217px; } .kommentar #nykommentar fieldset ul li input#publish, .kommentar #nykommentar fieldset ul li input#newsletter { margin:0px 5px 0px 0px; } .kommentar #nykommentar fieldset ul li input#newCommentSend { margin:0; padding:0; width:65px; height:28px; float:right; text-indent:-9999px; border:0; corsor:pointer; background-image:url(/sitefiles/34/design/send-kommentar.jpg); background-repeat:no-repeat; } .tips { margin:0px 0px 20px 0px; padding:0; width:960px; } .tips a.tipsknapp { margin:0; padding:0; width:109px; height:26px; display:block; text-indent:-9999px; cursor:pointer; background-image:url(/sitefiles/34/design/tips-en-venn.jpg); background-repeat:no-repeat; } .tips fieldset { margin:0; padding:0; border:0; } .tips fieldset ul { marign:0; padding:0; } .tips fieldset ul li { margin:0px 10px 10px 0px; padding:0; list-style:none; width:200px; float:left; } .tips fieldset ul li label { margin:0px 0px 3px 0px; padding:0; display:block; } .tips fieldset ul li input { margin:0px 0px 10px 0px; } .tips fieldset ul li textarea { margin:0px 0px 10px 0px; height:70px; } .tips fieldset ul li #tipAFriendSend { margin:0; padding:0; width:70px; height:27px; text-indent:-9999px; cursor:pointer; background-image:url(/sitefiles/34/design/send-tips.jpg); background-repeat:no-repeat; border:0; } .menuContent .handlekurv { margin:0; padding:0px 10px 0px 0px; width:74px; height:54px; float:right; position:relative; top:-8px; } .menuContent .handlekurv a { margin:0; padding:28px 0px 0px 50px; width:24px; height:15px; display:block; text-decoration:none; background-image:url(/sitefiles/34/design/handlekurv.png); background-repeat:no-repeat; background-position:23px bottom; } .menuContent .handlekurv a:hover { background-image:url(/sitefiles/34/design/handlekurv.jpg); background-position:0 0; } .linker { margin:0; padding:0; width:120px; float:right; font-size:10px; line-height:54px; position:relative; right:-12px; width:135px; } * html .linker { width:121px; letter-spacing:-1px; } .linker a { padding:0px 0px 0px 5px; color:#616161; float:right; } /*modal*/ #modal_content form { text-align:left; margin:0; padding:0; padding:10px; 0px; } #modal_content form ul { list-style-type:none; margin:0; padding:0; float:left; border-bottom:1px solid #ccc; padding:4px 0 10px 0; } #modal_content form ul li { clear:both; padding:4px 0; } #modal_content form ul .formcontrol { padding: 20px 0 10px 0; } #modal_content form ul li.formcontrol input { margin:0; padding:0; width:123px; height:22px; display:block; font-size:0; background-image:url(/sitefiles/34/design/knapp-send-bestilling.jpg); background-repeat:no-repeat; border:0; cursor:pointer; } #modal_content form h3 { text-align:center; } #modal_content { display: none; position: fixed; left: 50%; padding: 15px; top:10%; -webkit-box-shadow: 0px 0px 8px #111; background:#FFF; width:400px; margin-left:-200px; text-align:center; } #modal_content small{font-size:77%;} #modal_content div.modal_close{ float:right; cursor:pointer; margin-left:8px; font-weight:bold; } #modal_content h3{font-size:116%;} #modal_overlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */ * iframe.overlay {position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html #modal_content { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } .hidden { display:none; } /* CSS FOR DROPDOWN MENY */ .menuContent{ /* float: left; width: 935px; margin: 0 0 19px 0; */ margin:0; padding:0; width:960px; height:54px; background-image:url(/sitefiles/34/design/Menygrafikk/bakgrunn-hovedmeny.jpg); background-repeat:no-repeat; } /* .menuContent .menu{ float: left; width: 935px; } .menuContent .menu li{ float: left; } .menuContent .menu li .menuBtn{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; line-height: 20px; vertical-align: middle; text-decoration: none; color: #988f86; padding: 0 10px 0 10px; margin: 0 10px 0 0; text-transform: uppercase; } .menuContent .menu li .menuBtn:hover, .menuContent .menu li .menuBtnActive{ background: #b71234; color: #fff; } .menuContent .menuLvl3{ float: left; width: 935px; } .menuContent .menuLvl3 li{ float: left; } .menuContent .menuLvl3 li .menuBtn{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; line-height: 20px; vertical-align: middle; text-decoration: none; color: #988f86; padding: 0 10px 0 10px; margin: 0 10px 0 0; text-transform: uppercase; } .menuContent .menuLvl3 li .menuBtn:hover, .menuContent .menuLvl3 li .menuBtnActive{ color: #b71234; } */ /* All &lt;ul> tags in the menu including the first level */ .menulist, .menulist ul{ margin: 0; padding: 0; list-style: none; } .menulist { margin:0; padding:0; width:740px; height:54px; float:left; } * html .menulist { font-size:12px; letter-spacing:-1px; } /* Submenus (<ul&amp;gt; tags) are hidden and absolutely positioned downwards from their parent */ .menulist ul { display: none; position: absolute; top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */ left: -1px; background: #b71234; color: #fff; top:39px; left:0; background-color:#848484; } .menulist ul a{ color: #fff; } /* Second and third etc. level submenus - position across from parent instead */ .menulist ul ul { top: 2px; margin-top: 0; } /* Setter 2 nivå bredde */ .menulist ul{ width: 205px; width:233px; } /* Setter hvor mye 3 nivå skal flyttes til siden */ .menulist ul ul { left: 205px; left:233px; } /* All menu items (<li&gt; tags). 'float: left' lines them up horizontally, and they are positioned relatively to correctly offset submenus. Also, they have overlapping borders. */ .menulist li { float: left; display: inline; position: relative; margin-right: -1px; margin:0; } /* Items in submenus - override float/border/margin from above, restoring default vertical style */ .menulist ul li { float: none; margin: 0; /*margin-bottom: -1px;*/ _margin-bottom: 0; } .menulist ul&gt;li:last-child { /*margin-bottom: 1px;*/ /* Mozilla fix */ _margin-bottom: 0; /* Mozilla fix */ } /* Links inside the menu */ .menulist li a { /* display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; line-height: 20px; vertical-align: middle; text-decoration: none; color: #988f86; padding: 0 10px 0 10px; margin: 0 10px 0 0; text-transform: uppercase; */ margin:0; padding:0px 10px 0px 10px; height:54px; display:block; font-size:14px; text-transform:uppercase; text-align:center; line-height:54px; color:#FFFFFF; text-decoration:none; position:relative; } .menulist ul li { margin:0; padding:0; display:block; border-bottom:solid 1px #959494; } .menulist ul li a { text-decoration:none; text-transform:none; text-align:left; padding:10px 10px 10px 10px; font-size:12px; line-height:14px; height:auto; float:none; text-decoration:none; } .menulist li ul li a{ margin: 0 0 0 0; } /* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */ .menulist li a.menuBtnActive { background-image:url(/sitefiles/34/design/Menygrafikk/aktiv-hovedmeny.jpg); background-repeat:repeat-x; background-position:left bottom; } .menulist ul li a.menuBtnActive { background-image:none; text-decoration:underline; } .menulist li a:hover, .menulist li a.highlighted:hover, li .menulist a:focus { background-image:url(/sitefiles/34/design/Menygrafikk/aktiv-hovedmeny.jpg); background-repeat:repeat-x; background-position:left top; text-decoration:none; } .menulist li a.highlighted { background-image:url(/sitefiles/34/design/Menygrafikk/aktiv-hovedmeny.jpg); background-repeat:repeat-x; background-position:left top; } .menulist ul li a:hover, .menulist ul li a.highlighted:hover, ul li .menulist a:focus { text-decoration:underline; background-image:none; background-color:#848484; } .menulist ul li a.highlighted:hover { text-decoration:none; } /* If you want per-item background images in your menu items, here's how to do it. 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#"> 2) Copy and paste these next lines for each link you want to have an image: .menulist a#xyz { background-image: url(out.gif); } .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-image: url(over.gif); } */ /* Only style submenu indicators within submenus. */ .menulist li a .subind { margin:0px 5px 0px 0px; padding:0; width:6px; height:6px; display:block; float:left; font-size:0; line-height:0; position:relative; top:25px; overflow:hidden; background-image:url(/sitefiles/34/design/Menygrafikk/pil-hovedmeny.png); background-repeat:no-repeat; background-position:0 0; } .menulist li a:hover .subind, .menulist ul li a:hover .subind, .menulist ul li a.highlighted:hover .subind, .menulist a.highlighted .subind, ul li .menulist a:focus .subind { height:7px; background-position:0px bottom; } .menulist ul a .subind { display: none; float: right; } /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */ .menulist a { float: left; } .menulist ul a { float: none; } /* */ .menulist a { float: left; } /* */ /* HACKS: IE/Win: A small height on <li> and &lt;a&gt; tags and floating prevents gaps in menu. * html affects <=IE6 and *:first-child+html affects IE7. You may want to move these to browser-specific style sheets. */ *:first-child+html .menulist ul li { float: left; width: 100%; } * html .menulist ul li { float: left; height: 1%; } * html .menulist ul a { height: 1%; } /* End Hacks */ /* END DROPDOWN MENY */ #change-account-details { margin:0px 0px 20px 0px; padding:0; width:960px; } #change-account-details fieldset { margin:0; padding:0; border:0; } #change-account-details h3 { margin-bottom:10px; padding:0; font-size:12px; color:#3C3C3C; text-transform:uppercase; } #change-account-details h3.navn { margin-bottom:15px; font-size:12px; color:#F8981D; } #change-account-details ul { margin:0px 20px 0px 0px; padding:0; width:450px; float:left; } #change-account-details ul li { margin:0px 0px 20px 0px; padding:0; list-style:none; } #change-account-details ul li.error { color:red; } #change-account-details ul li.overskrift { margin:0px 0px 0px 0px; font-weight:bold; } #change-account-details ul li input { margin:5px 0px 5px 0px; width:120px; height:20px; border:solid 1px #C9DAD4; } #change-account-details ul li.form-controls input { margin:0; padding:0; width:85px; height:22px; background-image:url(/sitefiles/34/design/knapp-oppdater.jpg); background-repeat:no-repeat; border:0; cursor:pointer; } .utsjekk, .userform { margin:0px 0px 20px 0px; } .utsjekk h2, .userform h2 { margin:0px 0px 10px 0px; } .utsjekk ul li, .userform ul li { padding:0; list-style:none; height:20px; } .userform ul li { height:auto; } .utsjekk label, .userform label { margin:0; padding:0; width:80px; display:block; float:left; } .userform label { width:120px; } .utsjekk input, .userform input { margin:0px 0px 0px 0px; padding:0; width:120px; height:20px; border:solid 1px #C9DAD4; } .utsjekk #paymentCC, .utsjekk #paymentPRE { margin:0px 10px 0px 0px; float:left; } .utsjekk li.formcontroll { padding:10px 0px 0px 0px; height:22px; } .utsjekk li.formcontroll #sendButton { margin:0; padding:0; width:123px; height:22px; display:block; font-size:0; background-image:url(/sitefiles/34/design/knapp-send-bestilling.jpg); background-repeat:no-repeat; border:0; cursor:pointer; } .userform .logginn { margin:0px 0px 0px 120px; padding:0; width:82px; height:26px; float:none; background-image:url(/sitefiles/34/design/logginn-knapp.jpg); background-repeat:no-repeat; border:0; cursor:pointer; } .userform .glemtPassord { margin:0px 0px 0px 120px; padding:0; width:82px; height:26px; display:block; float:none; } .userform .registrer { margin:0px 0px 0px 120px; padding:0; width:137px; height:26px; display:block; border:0; cursor:pointer; background-image:url(/sitefiles/34/design/registrer-bruker.jpg); background-repeat:no-repeat; } form.kpgenerated { margin:0px 0px 20px 0px; padding:20px 20px 20px 20px; width:340px; background-color:#F6F7F7; } form.kpgenerated fieldset { margin:0; padding:0; border:0; } form.kpgenerated fieldset ul { margin:0; padding:0; width:340px; } form.kpgenerated fieldset ul li { margin:0px 0px 10px 0px; padding:0; list-style:none; width:340px; } form.kpgenerated fieldset ul li.heading { margin:0; padding:0; font-size:18px; color:#F8981D; font-weight:bold; } form.kpgenerated fieldset ul li label { font-size:12px; color:#3C3C3C; width:340px; } form.kpgenerated fieldset ul li input, form.kpgenerated fieldset ul li input:focus { margin:0; padding:4px 0px 0px 0px; width:335px; height:19px; font-size:12px; color:#3C3C3C; border:solid 1px #D4E1DC; } form.kpgenerated fieldset ul li select, form.kpgenerated fieldset ul li select:focus { margin:0; padding:0; width:180px; height:23px; border:solid 1px #D4E1DC; } form.kpgenerated fieldset ul li textarea, form.kpgenerated fieldset ul li textarea:focus { margin:0; padding:0; width:335px; height:100px; font-size:12px; color:#3C3C3C; border:solid 1px #D4E1DC; } form.kpgenerated fieldset ul li.form-controls input { margin:0; padding:0; width:74px; height:27px; border:0; cursor:pointer; background-image:url(/sitefiles/34/design/knapp-submit.jpg); background-repeat:no-repeat; } #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:324px; width:408px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; } #popupContact ul { list-style-type:none; margin:0; padding:0; padding-top:20px; } #popupContact ul li { line-height:20px; } #popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; } #popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#F8981D; font-weight:700; display:block; cursor:pointer; } #orderbutton{ margin:0; padding:0; width:123px; height:22px; display:block; font-size:0; background-image:url(/sitefiles/34/design/knapp-send-bestilling.jpg); background-repeat:no-repeat; border:0; cursor:pointer; margin-top:40px; } #popupContact h3 { padding:10px 0 10px 0; border-bottom:1px dotted #D3D3D3; text-align:center; margin-bottom:10px; }