/* HTML tags */ * { margin: 0; padding: 0 } body { font: normal 12px Arial, Helvetica, Verdana; height: 100%; padding: 0 0 218px 0;background-color:#FFFFFF; color: #424242 } a { color: #0092d7 } a img { border: 0 } p { line-height: 18px } h1 { color: #0092d7; font-size: 20px; padding-bottom: 10px } h2 { padding-top: 10px; text-transform: uppercase; font-size: 14px } h2.headingnormal { padding-bottom: 15px; } input, select { font-family: Arial, Helvetica, Verdana, font-size: 12px } /* Oppsett av design */ .moduleContainer { width: 100% } .container { width: 871px; position: relative; } .rightbackground { background: url(/sitefiles/39/design/bgright2.png) 870px 0 no-repeat } .banner { background: url(/sitefiles/39/design/banner.png); height: 148px; width: 871px } .contentbg { background: url(/sitefiles/39/design/contentbg.png) right repeat-y } .contentbg2 { background: url(/sitefiles/39/design/bgmiddle.png) no-repeat; min-height: 394px; _height: 394px } .nopadding { padding: 0px 9px 15px 0px } .nopadding .floatleft { float:left; padding: 10px; width: 475px } .nopadding .floatright { float:right; width: 245px } .bottom { font-size: 1px; height: 14px; width: 871px; background: url(/sitefiles/39/design/bottom.png) right no-repeat } .footer { color: #008dd3; text-align: right; padding-right: 10px } .clear { clear:both } /* Navigasjon */ .nav { padding: 3px 0 0 119px; height: 34px; float: left; width: 550px; } .nav ul { list-style-type: none; height: 34px; background: url(/sitefiles/39/design/navbg.png) repeat-x; float: left; clear: left; width: 550px; } .nav ul li { display: inline; float: left; } .nav ul li a { font-size: 17px; border-right: 1px solid #fff; padding: 7px 15px 0 15px; text-decoration: none; font-weight: bold; color: #fff; height: 27px; display: block; float:left } .nav ul li a:hover, .nav ul li.current a { background: url(/sitefiles/39/design/navhover.png) } .subnav { padding: 3px 9px 0 119px; } .subnav ul { padding: 0 0 0 15px; list-style-type: none; height: 23px; background: url(/sitefiles/39/design/subnavbg.png) repeat-x } .subnav ul li { float: left; display: inline;font-weight: bold; color: #4a6f18; font-size: 14px; display: inline } .subnav ul li a { height: 17px; padding: 3px 6px 0 6px!important; padding: 3px 5px 3px 5px; float: left;display: block; font-size: 14px; text-decoration: none; font-weight: bold; color: #4a6f18;} .subnav ul li a:hover, .subnav ul li.current a { padding: 3px 7px 3px 7px;text-decoration: underline;background: url(/sitefiles/39/design/navhover.png) repeat-x; color: #fff; } /* Produktliste */ .prodlist { width: 670px; padding-left: 25px } .prodlist .sepver { font-size: 1px; float:left; width: 35px; height: 2px } .prodlist .sephor { font-size: 1px; margin: 15px 0 15px 0; height: 1px; background: #ccc; width: 100% } .prodlist .product { float:left; text-align: center; width: 200px } .prodlist .product h1 { height: 40px; font-size: 14px; color: #0092d7; text-align: center; } .prodlist .product span.price { padding-top: 3px; float:left; font-size: 14px; font-weight: bold; color: #363636 } .prodlist .product div.image { height: 150px; padding-bottom: 4px } .prodlist .product a { float:right } .prodlist .product div.image a { float:none } /* Produktdetaljer */ .prodleft { float:left; width: 500px } .prodleft h1 { color: #0092d7; font-size: 20px; padding-bottom: 10px } .prodleft h2 { text-transform: uppercase; } .prodright { float:right; width: 200px } .prodright label { width: 50px; display:block; float:left; padding-top: 15px } .prodright select { float:left; width: 138px; margin-top: 10px } .prodright .price { font-size: 18px; display:block; clear:both } .prodright .txtcount { padding-top: 2px; margin: 10px 0 0 0; width: 110px; height: 18px; border:1px solid #c1cace; text-align: center; clear:both; float:left } .prodright .btnbuy { float:left; padding: 10px 0 10px 4px } .prodright .smallimage { float: left } .prodright .enhance { text-align: center; font-size: 10px; padding: 8px } /* Lightbox */ #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/39/design/lightbox/images/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/39/design/lightbox/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/39/design/lightbox/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; 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: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000 } /* Handlekurv fremside */ .cartcontainer { padding: 3px 9px 0 119px } .cartcontainer .cart { background: url(/sitefiles/39/design/cartbg.png) repeat-x; height: 40px } .cartcontainer .cart .cartleft { font-weight: bold; padding: 12px 0 0 20px; color: #fff; float: left; width: 500px } .cartcontainer .cart .cartleft a { color: #633b81 } .cartcontainer .cart .cartright { text-align: right; padding: 10px 20px 0; float:right; width: 150px } .cartcontainer .cart .cartright a { font-size: 16px; font-weight: bold; color: #633b81 } /* UTSJEKKING */ .tblBigCart { width: 100%; background: #f7f7f7; border: 1px solid #ccc; border-top: 0; margin-bottom:5px; } .tblBigCart td { padding: 5px; line-height: 16px; } .tblBigCartTr td { border-bottom:1px solid #ccc; } .tblBigCart .tblBigCartTdImage { width: 50px; } .tblBigCart .tblBigCartTdProduct { width: 200px; } .tblBigCart .tblBigCartTdVariant { } .tblBigCart .tblBigCartTdPrice { width: 60px; } .tblBigCart .tblBigCartTdTotal { width: 60px; } .tblBigCart .tblBigCartTdCount { width: 80px; } .tblBigCart .tblBigCartTdCount input { font: 10px arial; text-align: center; } .tblBigCartTr td { background: #fff; } .tblBigCartHead td { background: #f4f4f4; color: #555; font-weight: bold; border-bottom:1px solid #ccc; } .tblBigCart .tdTotal { text-align: right; border-top: 1px solid #d9d9d9; } .tblBigCart .tdCheckout { text-align: center; padding: 10px 0 10px 0; border-top: 1px solid #d9d9d9; margin-top: 3px; } .tblBigCart .divSectionHeader { background: url(/sitefiles/39/design/navbg.png) repeat-x; color: #fff; font-weight: bold; padding: 5px 0 5px 30px; border:1px solid #ccc; } .tblCheckOut { width: 100%; text-align: left; border: 1px solid #ccc; border-top:0; margin-bottom:5px; } .tblCheckOut tr td { padding: 5px 0 5px 10px; background: #fff; } .tblCheckOut .divSectionHeader { background: url(/sitefiles/39/design/navbg.png) repeat-x; color: #fff; font-weight: bold; padding: 5px 0 5px 30px; border:1px solid #ccc; } .frmTxtCount { width: 25px; text-align: center; padding: 2px 0 0 0; font: 10px arial; border:1px solid #d2d2d2; height: 16px; } .divTxtCount { float:left; width: 29px; } .tblCheckOut select { width: 3.3em; } /* Blå header */ .blueheader { background: url(/sitefiles/39/design/navbg.png) repeat-x; padding: 7px 0 0 20px; color: #fff; font-size: 16px; font-weight: bold; height: 27px; margin: 3px 0 3px 0 } /* Slider */ #bilder { max-width: 242px; height: auto; border: 0px solid black; margin-top:0px; } #bilder img { display:none; position:relative; position:absolute; } #tabs { background: red; width: 208px; margin: 105px 0 0 0; float: right; } #tabs ul { width: 208px; list-style-type: none; margin: 0; } #tabs ul li { float: left; margin: 0; } #tabs a { display: block; height: 43px; text-indent: -9999px; } #tabs a.tv { width: 118px; background: url(/sitefiles/39/design/laidbacktv.png) 0 0 no-repeat; } #tabs a.lounge { width: 90px; background: url(/sitefiles/39/design/laidbacklounge.png) 0 0 no-repeat; } #prodsearch { margin: 3px 0 0 0; height: 34px; float: left; width: 193px; background: url(/sitefiles/39/design/navbg.png) repeat-x; } #prodsearch form { float: right; width: 193px; margin: 0; padding: 0; height: 34px; } #prodsearch fieldset { border: 0; padding: 0; margin: 0; width: 193px; } #prodsearch form #search-terms { width: 110px; float: left; margin: 7px 2px 7px 44px; _margin: 7px 2px 7px 41px; padding: 3px; height: 14px; color: #0495d9; border: 0; font-size: 10px; } #prodsearch form #search-submit { width: 24px; height: 20px; float: left; border: 0; margin: 7px 7px 7px 0; padding: 0; cursor: pointer; /*background: url(/sitefiles/39/design/btnsearch.png) 0 0 no-repeat; */ background-image:url(/sitefiles/39/design/btnsearch.png); background-repeat:no-repeat; } .imagez { float: left; } .rightbackground { visibility:hidden; } .content { position:absolute; top:0px; left:0px; visibility:visible; } . contentBottom { position:absolute; left:0px; visibility:visible;}