/* HTML */ html, body { margin: 0; padding:0; } body { background: #f1f1f1; font: normal 11px arial; color: #545454; } img { border:0 } p { margin: 0; padding: 0 0 10px 0; line-height: 16px; } h1 { padding: 0; margin: 0 0 10px 0; font: bold 24px trebuchet ms, arial; width: 100%; border-bottom: 1px solid #ccc; } h2 { padding: 0; margin: 0 0 10px 0; font: bold 16px trebuchet ms, arial; color: #cc272f; } h3 { padding: 0; margin: 0 0 10px 0; font: bold 14px trebuchet ms, arial; } a { color: #c42a31; } /* END HTML */ /* DESIGN */ .moduleContainer { width: 100%; } .container { width: 982px; padding: 0 3px 0 3px; background: #fff; margin: 0 auto; } .banner { background: url(/sitefiles/39/design/bannerbg.gif) repeat-x; height: 121px; } .banner .search{ float:right; height: 31px; padding-top: 40px; width: 250px; } .banner .search .txt_search { width: 120px; } .banner .logo { float:left; } .divider { background: url(/sitefiles/39/design/leftcolbg.gif) 175px 0 repeat-y; float:left; } .content { float:left; width: 770px; padding: 0 0 20px 30px; } .content .ad { float:left; width: 500px; } .content .mainproduct { float:left; width: 245px; padding-left:20px; } .leftcol { width: 171px; float:left; } .clear{clear:both} .tenpxmargin { padding: 10px; } /* END DESIGN */ /* HOVEDMENY */ .nav { background: url(/sitefiles/39/design/bigbtnbg.gif) repeat-x; float:right; width: 827px; height: 25px; } .nav ul { list-style-type:none; margin:0; padding:5px 0 0 20px; } .nav ul li { color: #fff; font-weight: bold; display: inline; } .nav ul li a { color: #fff; font-weight: bold; text-decoration: none; } /* END HOVEDMENY */ /* PRODUKTMENY */ .leftcol ul { list-style-type:none; margin:0; padding:20px 0 0 12px; } .leftcol ul li { color: #fff; font-weight: bold; background: url(/sitefiles/39/design/prodnavarrow.gif) 0 3px no-repeat; padding: 0 0 5px 15px; } .leftcol ul li a { color: #545454; font-weight: bold; text-decoration: none; } .leftcol ul li .prodSubNav { padding:5px 0 0 0; margin:0; } .leftcol ul li .prodSubNav li { padding: 0 0 0 10px; background: none; margin:0; } .leftcol ul li .prodSubNav li a{ font-weight: normal; } .clear {clear:both} /* END PRODUKTMENY */ /* PRODUKT i LISTE OG STORT PRODUKT FREMSIDE*/ .divBigProd { background: url(/sitefiles/39/design/bigproductbg.gif) no-repeat; width: 230px; padding-left: 15px; height: 245px; } .divBigProd .info { width: 20px; padding-left: 10px; } .divBigProd .divTitle { text-align: center; padding-right:15px; } .divBigProd .divPrice { font-weight: bold; font-size: 14px; padding: 5px 25px 0 0; width: 180px; text-align: center; } .divBigProd .divImage { text-align: center; width: 200px; } .divBigProd .divAttributes { margin: 0 auto; width: 130px; } .divProdMain { text-align: center; } .divProdMain { padding: 15px 20px 0 0; } .divProdFront .divProduct { width: 160px; padding: 0 0 20px 22px; float:left; } .divProduct { width: 222px; padding: 0 0 20px 22px; float:left; } .divProdMainTop { background: url(/sitefiles/39/design/bigcontop.gif) bottom no-repeat; width: 762px; height: 8px; padding-top: 20px; } .divProdMainBottom { background: url(/sitefiles/39/design/bigconbottom.gif) no-repeat; width: 762px; height: 28px; } .divHeader { padding: 20px 0 0 5px; color: #fff; font-weight: bold; } .divAttributes { float:left; width: 110px; } .divTitle { padding: 35px 0 10px 0; font-weight: bold; font-size: 14px; } .divProduct .divTitle { padding: 0 0 5px 0; text-align: center; } .divProduct .divTitle a { padding: 0 0 5px 0; text-decoration: none; } .divProduct .divImage { margin: 0 auto; text-align: center; } .divProduct .info{ padding: 5px 0 0 0; } .divProduct .info .divPrice { font-weight: bold; font-size: 14px; padding: 5px 0 0 0; text-align: center; } .info .divBtn { float:left; width: 180px; text-align: center; padding: 5px 0 0 20px; } .info .divBtn a { display: block; width: 79px; height: 16px; background: url(/sitefiles/39/design/smallbtnbg.gif) repeat-x; color: #fff; text-decoration: none; font-weight: bold; float:left; margin-right: 5px; } /* END PRODUKT i LISTE OG STORT PRODUKT FREMSIDE */ /* PRODUKTVISNING ENKEL */ .divProdDetails { } .divProdDetails .name { background: url(/sitefiles/39/design/bigbtnbg.gif) repeat-x; height: 20px; padding: 5px 0 0 15px; width: 737px; color: #fff; font-weight: bold; } .divProdDetails .divAttributes .divAttSize, .divProdDetails .divAttributes .divAttColor { width: 150px; padding: 10px 0 0 0; } .divProdDetails .name2 { font: bold 14px arial; padding: 10px 0 0 20px; } .divProdDetails .prodtop { background:url(/sitefiles/39/design/prodtop.gif) 0 10px no-repeat; height: 8px; padding-top: 10px; font-size:1px; } .divProdDetails .prodbottom { background:url(/sitefiles/39/design/prodbottom.gif) no-repeat; height: 8px; font-size:1px; } .divProdDetails .divProdMainTop { background: url(/sitefiles/39/design/prodtxttop.gif) left bottom no-repeat; width: 762px; height: 8px; padding-top: 20px; } .divProdDetails .divProdMainBottom { background: url(/sitefiles/39/design/prodtxtbottom.gif) left top no-repeat; width: 762px; height: 28px; } .divProdDetails .productimage { float:left; width: 524px; padding-right: 21px; padding-top: 10px; text-align: center; } .divProdDetails .info { padding: 15px 0 0 10px; float:left; width: 190px; background: #efefef; height: 205px; } .divProdDetails .info .size, .divProdDetails .info .box { padding-top: 5px; } .divProdDetails .btnCheckOut { width: 149px; float:right; margin-right:5px; } .divProdDetails .price { font: bold 12px arial; } .divProdDetails .form { padding-top: 10px; } .divProdDetails .form .count { float:left; width: 20px; height: 17px; padding: 3px 0 0 0; margin-right: 4px; vertical-align: middle; text-align: center; font: bold 10px arial; } .divProdDetails .form .btnbuy { border:0; background: url(/sitefiles/39/design/bigbtnbg.gif) repeat-x; color: #fff; height: 24px; width: 149px; padding: 0px 0 0 0; text-align: center; font-weight: bold; font-size: 10px !important; text-transform: uppercase; } .divProdDetails .description { padding: 0 20px 0 20px; } .prodDetPics { float:right; margin: 0 20px 0 10px; border-bottom:1px solid #ccc } .prodDetPicsColor { padding-bottom: 10px; } .tipsWrapper { width: 320px; } .tipsAbout { background: url(/sitefiles/39/design/bigbtnbg.gif) repeat-x; color: #fff; padding: 5px; } .tipsSpace { padding:15px; border:1px solid #aa3439; } .tipsWrapper textarea, .tipsWrapper input { font: 10px arial; margin-bottom:5px; } /* END PRODUKTVISNING ENKEL*/ /* HANDLEKURV */ .tblCart { width: 100%; color: #989898; margin-top: 40px; } .tblCart .tdRem { width: 10px; } .tblCart .tdRem a { color: red; text-decoration: none; } .tblCart .tdHeader { border-top:1px solid #989898; border-bottom:1px solid #989898; font: bold 14px arial; text-transform: uppercase; text-align: center; } .btnCheckOut { text-align: center; padding: 8px 0 0 0; } .btnCheckOut a { display: block; width: 100%; height: 20px; padding-top: 5px; color: #fff; font-weight: bold; text-decoration: none; font-size: 12px; text-transform: uppercase; background: url(/sitefiles/39/design/bigbtnbg.gif) repeat-x; } .tblCart .tdPrice { text-align: right; padding-right: 10px; } .tblCart .tdTotal td { font-weight: bold; border-top:1px solid #989898; border-bottom:1px solid #989898; } .tblCart .tdSpace { height: 10px; } /* END HANDLEKURV */ /* UTSJEKKING */ .tblBigCart { width: 100%; background: #f7f7f7; border: 1px solid #ccc; border-top: 0; margin-bottom:5px; } .tblBigCart td { padding: 5px; } .tblBigCartTr td { border-bottom:1px solid #ccc; } .tblBigCart .tblBigCartTdImage { width: 50px; } .tblBigCart .tblBigCartTdProduct { width: 400px; } .tblBigCart .tblBigCartTdPrice { width: 60px; } .tblBigCart .tblBigCartTdTotal { width: 60px; } .tblBigCart .tblBigCartTdCount { width: 170px; } .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 .frmTxtCount { width: 20px; } .tblBigCart .divSectionHeader { background: #efefef; font-weight: bold; padding: 5px 0 5px 10px; 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: #efefef; font-weight: bold; padding: 5px 0 5px 10px; border:1px solid #ccc; }