html, body, ul, li, table, tr, td, img, form, fieldset{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#016080; margin:0; padding:0; list-style:none; border:none; background:none; } html{ overflow-y:scroll; } body{ background:#03a0d3 url(/sitefiles/65/design/bodybg.png) center top repeat-x; } h1{ font-size:28px; font-weight:bold; color:#FFF; margin:0 0 10px 0; } h2{ font-size:14px; font-weight:bold; } h3{ font-size:14px; font-weight:bold; } h4{ font-size:26px; font-weight:bold; color:#FFF; margin:10px 0 10px 0; } h5{ font-size:12px; font-weight:bold; margin:0px 0 10px 0; } a { cursor:pointer; outline-style:none; outline-width:medium; text-decoration:none; color:#002a38; outline:none; } .clear{ clear:both; font-size:0px; line-height:0px; height:0px; } #wrapper{ width:980px; margin:5px auto; } #top{ background:url(/sitefiles/65/design/topbg.png) repeat-x; height:170px; clear:both; border-bottom:1px solid #3db6dd; padding-bottom:10px; position:relative; } #top h1 a{ display:block; height:80px; width:300px; text-indent:-10000px; float:left; } #top #toptopMenu{ width:auto; float:right; position:relative; top:55px; padding-right:20px; } #top #toptopMenu ul li{ float:left; color:#fff; margin: 0 10px; list-style:disc; } #top #toptopMenu ul li.first{ float:left; color:#fff; margin: 0 10px; list-style:none; } #top #toptopMenu ul li a{ display:block; margin: 0 10px; color:#fff; font-size:16px; } #top #toptopMenu ul li a.current{ text-decoration: underline; } #top #topMenu{ height:31px; padding-top:14px; clear:both; } #top #topMenu ul li{ float:left; } #top #topMenu ul li a{ display:block; width:115px; height:11px; background:url(/sitefiles/65/design/tab.png) bottom left no-repeat; margin-right:5px; padding:8px 0 12px 0; font-size:14px; text-align:center; } .ie6 #top #topMenu ul li a{ padding:8px 0 7px 0; } #top #topMenu ul li a.active, #top #topMenu ul li a.current{ background:url(/sitefiles/65/design/tab.png) top left no-repeat; color:#FFF; } #top #search{ float:left; width:224px; height:25px; color:#FFF; background:url(/sitefiles/65/design/search.png) left top no-repeat; padding:9px 0 10px 20px; } #top #search input, #top #search label{ border: none; background: none; } #top #search .fattext{ width:154px; position: relative; top: 0px; border: 0; outline-style: none; } .gecko #top #search input.fattext{ top: -2px; } .ie6 #top #search input.fattext{ padding-bottom:5px; } #top #search input.search{ width:60px; height:25px; text-indent:-10000px; cursor:pointer; } #produktSokeResultaterForm { display: none; } .standard .rightBoxes { margin-top: 0; } #top #bread{ display:block; float:left; height:27px; padding:17px 0 0 20px; } #top #bread ul li{ width:auto; display:block; float:left; color:#FFF; margin-right:5px; } #top #bread ul li a{ display:block; color:#FFF; } #top #cart{ float:right; color:#FFF; height:27px; padding:17px 0 0 20px; margin-right:15px; font-weight:bold; } #top #cart a{ /*display:block;*/ color:#FFF; font-weight:bold; } #middle{ clear:both; } #left{ float:left; overflow:hidden; width:auto; margin:10px 0; background:#c5f0ff; border:5px solid #fff; } .ie6 #left{padding:0;} #leftMenu { width:187px; /*float:left;*/ margin-bottom:30px; } #leftMenu .infobox1 p{ padding:0 10px; color:#002A38; } #leftMenu .infobox1 p a{ text-decoration:underline; color:##002A38; } .ie6 #leftMenu{width:184px;} #leftMenu h3{ background:url(/sitefiles/65/design/menuh3bg.png) bottom center repeat-x; text-transform:uppercase; padding:10px; margin:0; } #leftMenu ul{ list-style:none; padding:0; } #leftMenu ul li ul{ list-style:none; padding:10px 0; } #leftMenu ul li a.headingH3{ color:#016080; font-size:14px; font-weight:bold; background:url(/sitefiles/65/design/menuh3bg.png) bottom center repeat-x; text-transform:uppercase; padding:10px; margin:0; display:block; } #leftMenu ul li ul li a{ padding:0 10px; display:block; background:none; } .ie6 #leftMenu ul li ul li { height: 12px; } #leftMenu ul li ul li a:hover, #leftMenu ul li ul li a.current, #leftMenu ul li ul li a.active{ background:#fff; } #right{ width:762px; float:right; border-left:1px solid #3db6dd; margin-left:10px; padding:10px 0 0 10px; } .ie6 #right{ overflow: hidden; } .rightTop{ border: 5px solid #fff; height:400px; width: 752px; clear:both; margin-bottom:10px; overflow: hidden; } .rightLogos{ clear:both; width:722px; background: #fff; overflow:hidden; border-top:1px solid #3db6dd; border-right: 2px solid #1396c0; margin-top:10px; padding: 20px 20px 0 20px; } .rightLogos ul li { width: 100px; height: 100px; margin: 0 29px 10px 15px; float: left; text-align: center; } .rightLogos ul { text-align: center; } .rightBoxes{ width:764px; border-top:1px solid #3db6dd; margin-top:10px; } .box{ background:url(/sitefiles/65/design/forsidebox.png) 0px 10px no-repeat; width:242px; height:242px; overflow:hidden; float:left; border-right:1px solid #3db6dd; margin-right:10px; padding:10px 8px 10px 0; position:relative; } .box_last{ border-right:none; margin-right:0; padding-right:0; } .boxdevider{ height:1px; border-top:1px solid #3db6dd; clear:both; font-size:0px; line-height:0px; } .box h2{ height:24px; margin:0; font-weight:bold; padding:8px 0 0 10px; color:#00536f;} .box img{margin:10px; border:1px solid #fff; } .box .pris{ text-align:center; float:left; width:151px; height:20px; padding-top:10px; color:#00536f; font-weight:bold; font-size:14px;} .ie6 .pris{ padding-top:7px;} .box .kjop a{ display:block; text-align:center; float:right; width:88px; height:20px; padding-top:10px; text-indent:-10000px;} #bottom{ clear:both; border-top:1px solid #3db6dd; padding-top:10px; } #bottomContent{ clear:both; background:#03a0d3 url(/sitefiles/65/design/bottomplaceholder.png) no-repeat; height:125px; border:5px solid #fff; } #bottomContent #contact{ width:305px; padding:66px 10px 10px 10px; color:#fff; text-align:center; } #bottomContent #contact a{ color:#fff; text-decoration:underline; } .produktoverskrift{ float: left; width: 460px; display: block; } .pricebuy{ font-size:28px; font-weight:bold; color:#FFF; margin:0 10px 10px 0; float:right; width:auto; } .produktdetaljer_box{ width:462px; float:left; padding:10px 8px 10px 0; border-right:1px solid #3db6dd; } .produktdetaljer{ padding:20px; background:#FFF; border-right: 2px solid #1396c0; } .produktboxBORDERtop{ height:2px; background:#FFF url(/sitefiles/65/design/border_top_right.png) top right no-repeat; font-size:0px; line-height:0px; } .produktboxBORDERbottom{ margin-left:2px; height:2px; background:#1396c0; font-size:0px; line-height:0px; } .produktdetaljer .ingress{ font-weight:bold; font-size:16px; border-bottom:1px solid #ccdfe6; } .produktdetaljer .ingress p{ margin:0 0 10px 0; } .produktdetaljer .tekst ul{ clear:both; padding:5px 0 5px 0; } .produktdetaljer .tekst li{ list-style:disc; margin:3px 0 3px 15px; } .produktright{ width:281px; float:right; padding:10px 0; } .produktvarianterbox{ padding: 1px 0 8px 0; } .variantboxBORDERtop{ height:2px; background:#FFF url(/sitefiles/65/design/variant_top_bg.png) top right no-repeat; font-size:0px; line-height:0px; } .produktvarianter{ border-right: 2px solid #1396c0; background:url(/sitefiles/65/design/variantbg.png); } .produktbilderbox{ margin:10px 0 2px 0; } .produktbilder{ border-right: 2px solid #1396c0; background:#fff; position:relative; } .produktbilder .pbgover{ position:absolute; right:-3px; top:156px; background:#03a0d3; color:#fff; padding:4px 10px 2px 10px; font-size:11px; } .produktbilder .pbgtop{ width:273px; height:173px; border:3px solid #fff; border-top:2px solid #fff; } .produktbilder .pbgbunn{ width:87px; height:87px; border:1px solid #03a0d3; float:left; } .produktbilder .pbg1{ margin:2px 1px 3px 3px; } .produktbilder .pbg2{ margin:2px 1px 3px 2px; } .produktbilder .pbg3{ margin:2px 1px 3px 2px; } .variantleft{ float:left; padding:12px 0 20px 20px; } #variantsLeft { float:left; width: 115px; margin-right: 24px; } #variantsRight { float:left; width: 115px; } .variantleft input { margin:2px 10px 2px 0; } .variantleft label { display: block; font-size:12px; font-weight:bold; margin-bottom: 10px; } .variantleft select {width: 100px;} .gecko .variantleft label, .ie6 .variantleft label { bottom:2px; } .produktkjop{ border:1px solid #3db6dd; text-align:right; } .produktkjop label{ color:#FFF; font-size:16px; position:relative; top:2px; font-weight:bold; margin:11px 0px 11px 16px; float: left; } .ie6 .produktkjop label{ margin:0 0 0 20px; top:15px; float:left;} .opera .produktkjop label{ top:-9px;} .produktkjop .antallkjop{ border:1px solid #ff9d00; width:40px; height:18px; margin:11px 8px 11px 11px; text-align:center; font-size:14px; padding-top:2px; float: left; } .ie6 .produktkjop .antallkjop{ float:left;} .produktkjop .kjopbtn{ background:url(/sitefiles/65/design/kjop.png); border:none; width:106px; height:46px; float:right; } .kjopbtn a { display: block; height: 46px; width: 106px; } .kjopbtn, .kjopbtn-list { text-indent:-999px; cursor: pointer; border: 0; width: 88px; height: 31px; } .kjopbtn-list { background: url('/sitefiles/65/design/kjopbtn-list.png'); } .ie6 .kjopbtn-list, .ie7 .kjopbtn-list { text-indent: 0px; padding-left: 999px; display: block; } #visfleredetaljer, #skjulfleredetaljer{ margin:10px 0 20px 0; width:120px; height:14px; padding:7px 12px; background:#ff9200; color:#FFF; font-weight:bold; cursor:pointer; } .detaljetabell td.en{ padding:5px 9px 5px 20px; border-bottom:1px solid #fff; } .detaljetabell td.to{ padding:5px 20px 5px 9px; border-bottom:1px solid #fff; } .detaljetabell tr.odd td.en{ background:#016080; color:#fff; text-align:right; } .detaljetabell tr.odd td.to{ background:#e5eff2; } .detaljetabell tr.even td.en{ background:#348099; color:#fff; text-align:right; } .detaljetabell tr.even td.to{ background:#e5eff2; } #produktSortering { margin-top: -35px; margin-left: 513px; width: 255px; } #produktSortering select option { font-size: 13px; } #produktSortering span { font-size: 18px; font-weight: normal; color: #fff; margin-right: 5px; } #right .infobox1 { color: #e4f4fb; } #right .textPage { position: relative; background: #fff; color: #000; padding: 25px 20px; border-right: 2px solid #1396c0; } #right .textPage h1, #right .textPage h2, #right .textPage h3, #right .textPage h4, #right .textPage p, #right .textPage li { color: #000; } #right .kategoriHeading { text-transform: uppercase; margin-top: 3px; } #right .textPage p { line-height: 19px; } #right .textPage li { list-style-type: disc; padding-left: 0px; margin-left: 15px; } #right .textPage fieldset li { list-style-type: none; margin-left: 0; padding-left: 0; } #right .textPage .pagecontent1 h2 { font-size: 18px; color: #000; margin-top: 40px; } #form-10734 label { font-size: 14px; color: #000; } #form-10734 .form-controls input { width:185px; height:55px; text-indent:-10000px; cursor:pointer; background: url(/sitefiles/65/design/send_beskjed_knapp.png); border: 0!important; } #form-10734 fieldset ul li #field-0, #form-10734 fieldset ul li #field-1, #form-10734 fieldset ul li #field-2 { width: 220px; font-size: 12px; padding: 7px 5px; color: #000; } #form-10734 fieldset ul li #field-2 { width: 350px; } #formID .formen input { padding: 7px 5px; color: #000; font-size: 12px; } #formID .formen #hjduji-hjduji { width: 220px; } /* ######## HANDLEKURV - mainCart ####### */ #cartContent { width: 762px; background: #fff; margin-top: 10px; border-right:2px solid #1396C0; } #cartContent .bottom { width: 762px; height: 110px; background: #fff; margin-top: 10px; } .cartContentBorder { /* tempfix */ border-top: 1px solid #3DB6DD; display: block; height: 1px; width: 772px; margin: 3px 0 0 -10px; } #cartContent img { border: 1px solid #03a0d3; } #cartContent .productLine { padding: 10px 0 6px 10px; border-bottom: 1px solid #ccdfe6; } .productLine .col-1 {width: 65px} .productLine .col-2 {width: 320px} .productLine .col-3 {width: 130px} .productLine .col-4 {width: 163px} .productLine .col-5 {width: 51px} .productLine .col-1, .productLine .col-2, .productLine .col-3, .productLine .col-4, .productLine .col-5 {float: left} #cartContent .label { color: #03a0d3; font-size: 12px; margin-bottom: 3px; } #cartContent h2.productName { color: #00536f; font-weight: bold; font-size: 14px; margin: 3px 0; } #cartContent h2.productName a { color: #00536f; } #cartContent h2.productName span { color: #68b9d4; } .col-3 .antall { width: 20px; height: 19px; border: 1px solid #03a0d3; padding: 4px; margin: 0 1px 0 0; font-weight: bold; font-size: 15px; color: #005571; text-align: center; float: left; } .col-3 .oppdaterbtn { background:url(/sitefiles/65/design/handlekurv_oppdater_knapp.png) no-repeat; border: none; text-indent: -9999px; width: 84px; height:29px; cursor: pointer; } .ie6 .col-3 .oppdaterbtn, .ie7 .col-3 .oppdaterbtn { padding-top: 40px; } .col-4 {text-align: right;} #cartContent .pris { color: #005571; font-size: 20px; font-weight: bold; } #cartContent img.fjern {; border: 1px solid #016080; cursor: pointer; margin: 18px 0 0 15px; } #cartContent .fjern a { display: block; } #cartContent #tilForsiden { background: url(/sitefiles/65/design/handlekurv_til_forsiden_knapp_bg.png); margin: 22px 0 0 22px; width: 264px; height: 55px; padding-top: 12px; text-align: center; border: 1px solid #016080; font-size: 12px; font-weight: bold; float: left; } #cartContent #tilForsiden a { color:#016080; display: block; cursor: pointer; } #cartContent #tilForsiden strong { font-size: 16px; display: block; margin-top: 10px; } #cartContent #fraktOgTotal { width: 462px; text-align: right; float: left; padding-top: 5px; } .ie6 #cartContent #fraktOgTotal { width: 355px; text-align: right; padding-top: 5px; } #kundeinformasjon { background: url(/sitefiles/65/design/handlekurv_form_bg_peach.png); width: 742px; height: 269px; margin-top: 5px; padding: 18px 0 0 22px; } #kundeinformasjon h3 { color: #000; font-weight: bold; font-size: 20px; margin: 0; } #kundeinformasjon h4 { color: #000; font-weight: bold; font-size: 14px; margin-top: 8px; } #kundeinformasjon form input { font-size: 12px; padding: 7px 5px; width: 200px; color: #000; border: 1px solid #ff9200; } #kundeinformasjon #betalBtn1 { width:214px; height:72px; text-indent:-10000px; cursor:pointer; background: url(/sitefiles/65/design/handlekurv_betale_knapp.png); border: 0!important; margin-top: 30px; } .ie6 #kundeinformasjon #betalBtn1, .ie7 #kundeinformasjon #betalBtn1 { display: block; padding-left: 999px; } #kundeinformasjon form ul li { float: left; margin: 15px 22px 0 0; } #kundeinformasjon form ul li label { display: block; } #kundeinformasjon form ul li.postnr { margin-right: 10px; } #kundeinformasjon form ul li.postnr input { width: 35px; } #kundeinformasjon form ul li.poststed input { width: 144px; } #kundeinformasjon form fieldset#felter { width: 475px; float: left; } p.error-message { color: red; font-weight: bold; padding-right: 53px; float: right; font-size: 14px; margin-top: -3px; } /* ######## SLIDESHOW forsiden ####### */ .rightTop #slider .slidesContainer { width: 762px; height: 400px; padding-top: 5px; } .rightTop #slider .tilbudsInfoHvit { width: 230px; height: 390px; background: url('/sitefiles/65/design/images/tilbudsInfoHvit.png'); margin: 0 0 0 5px; } .rightTop #slider .tilbudsInfoHvit .top { height: 241px; width: 222px; overflow: hidden; } .rightTop #slider .tilbudsInfoSort { width: 220px; height: 124px; margin-left: 5px; padding: 20px 0 0 0; background: url('/sitefiles/65/design/images/tilbudsInfoSort.png'); text-align: center; } .ie7 .rightTop #slider .tilbudsInfoSort, .ie6 .rightTop #slider .tilbudsInfoSort {background: #333;} .ie7 .rightTop #slider .tilbudsInfoHvit, .ie6 .rightTop #slider .tilbudsInfoHvit {background: #fff;} .rightTop #slider h1, .rightTop #slider h3, .rightTop #slider h4 { color: #002a38; margin: 0 0 0 12px; } .rightTop #slider h1, .rightTop #slider h3, .rightTop span.nyPris, .rightTop span.gammelPris, .rightTop a { font-weight: bold; } .rightTop #slider h1 { font-size: 20px; padding: 27px 0 12px 0; } .rightTop #slider h3 { font-size: 17px; } .rightTop #slider h4 { font-size: 13px; line-height: 22px; font-weight: normal; margin-top: 18px; padding: 0; } .rightTop span.gammelPris { font-size: 18px; color: #fff; display: block; margin-bottom: 1px; } .rightTop span.nyPris { font-size: 24px; color: #ff8400; display: block; margin-bottom: 10px; } .rightTop a { font-size: 13px; color: #fff; text-decoration: underline; } .rightTop a:hover { color:#016080; } .rightTop .tilbudsNr { color:#fff; float: left; text-align: left; margin: 0 0 0 24px; width: 90px; } .rightTop .tilbudsSelector { float: left; text-align: left; } .selectorDot { padding: 0px 1px; } #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ width:752px; height:400px; overflow:hidden; } ol#controls{ margin: -30px 0 0 125px; padding:0; height:9px; z-index: 99999; } .ie7 ol#controls, .opera ol#controls { margin: -38px 0 0 125px; } ol#controls li{ margin:0 3px 0 0; padding:0; float:left; list-style:none; height:9px; line-height:9px; } ol#controls li a{ float:left; height:9px; line-height:9px; padding: 3px 5px 3px 6px; text-indent: -9999px; margin-top: -5px; } .ie7 ol#controls li a{ background: url('/sitefiles/65/design/1px_transparent_bg.gif'); } .bottombottom { text-align: center; height: 50px; padding-top: 20px; color: #fff; } .bottombottom a { color: #FF8400; } .formen .felt{ border: 1px solid #ff9200!important; } .formen{ clear:both; padding:10px 0; } .formen p.nyhetsbrevpaa{ color:green !important; font-weight:bold; } .formen p.nyhetsbrevav{ color:red !important; font-weight:bold; } .formen .knapp { width:185px; height:55px; text-indent:-10000px; cursor:pointer; background: url(/sitefiles/65/design/meldmegpaa.png); border:none; } .formen .knappav { width:185px; height:55px; text-indent:-10000px; cursor:pointer; background: url(/sitefiles/65/design/meldmegav.png); border:none; } .nyhetsbrevradio{ margin-top:10px; } } .rightTop a { font-size: 13px; color: #fff; text-decoration: underline; } .rightTop a:hover { color:#016080; } .rightTop .tilbudsNr { color:#fff; float: left; text-align: left; margin: 0 0 0 24px; width: 90px; } .rightTop .tilbudsSelector { float: left; text-align: left; } .selectorDot { padding: 0px 1px; } #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ width:752px; height:400px; overflow:hidden; } ol#controls{ margin: -30px 0 0 125px; padding:0; height:9px; z-index: 99999; } .ie7 ol#controls, .opera ol#controls { margin: -38px 0 0 125px; } ol#controls li{ margin:0 3px 0 0; padding:0; float:left; list-style:none; height:9px; line-height:9px; } ol#controls li a{ float:left; height:9px; line-height:9px; padding: 3px 5px 3px 6px; text-indent: -9999px; } .ie7 ol#controls li a{ background: url('/sitefiles/65/design/1px_transparent_bg.gif'); } .bottombottom { text-align: center; height: 50px; padding-top: 20px; color: #fff; } .bottombottom a { color: #FF8400; } .formen .felt{ border: 1px solid #ff9200!important; } .formen{ clear:both; padding:10px 0; } .formen p.nyhetsbrevpaa{ color:green !important; font-weight:bold; } .formen p.nyhetsbrevav{ color:red !important; font-weight:bold; } .formen .knapp { width:185px; height:55px; text-indent:-10000px; cursor:pointer; background: url(/sitefiles/65/design/meldmegpaa.png); border:none; } .formen .knappav { width:185px; height:55px; text-indent:-10000px; cursor:pointer; background: url(/sitefiles/65/design/meldmegav.png); border:none; } .nyhetsbrevradio{ margin-top:10px; } /* ############### brukeromtaler ############# */ #add-comment #kpcommentname, #add-comment textarea { padding: 7px 5px; color: #000; font-size: 12px; border:1px solid #FF9200; display: block; margin: 10px 0 15px 0; } #add-comment textarea { width: 330px; height: 130px; } #add-comment #kpcommentname { width: 275px; } #add-comment #comment-submit { width:124px; height:38px; text-indent:-10000px; cursor:pointer; background: url(/sitefiles/65/design/send_knapp.png); border: 0!important; margin-left: 219px; } .comment-name { font-size: 14px; font-weight: bold; } .comment-text p {margin-top: 7px;} .comment-name p {margin-bottom: 0;} .comment-text {border-bottom: 1px solid #e5eff2;}