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, font, img, ins, kbd, q, s, samp, small, strike, 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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 
 /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; width:675px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(/sitefiles/1/design/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } /* the overlayed element */ .simple_overlay2 { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#fff; width:640px; height:480px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ .simple_overlay2 .close { background-image:url(/sitefiles/1/design/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } .simple_overlay2 object{ float: left; } /* the large image. we use a gray border around it */ #img { border:1px solid #666; } /* "next image" and "prev image" links */ .next, .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; /* upcoming CSS3 features */ -moz-border-radius:5px; -webkit-border-radius:5px; } .prev { left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; } .next { right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; } .next:hover, .prev:hover { text-decoration:underline; background-color:#000; } /* when there is no next or previous link available this class is added */ .disabled { visibility:hidden; } /* the "information box" */ .info { position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666; } .info strong { display:block; } /* progress indicator (animated gif). should be initially hidden */ .progress { position:absolute; top:45%; left:50%; display:none; } /* everybody should know about RGBA colors. */ .next, .prev, .info { background:#333 !important; background:rgba(0, 0, 0, 0.6) url(/sitefiles/1/design/overlay/h80.png) repeat-x; } 
 .body,html{ font-family: Verdana; font-size: 13px; background: #000; height: 100%; } a{ font-size: 13px; color: #000; } table{ font-size: 11px; } table a{ font-size: 11px; } a{ font-size: 13px; text-decoration: none; } a:hover{ text-decoration: underline; } .clear{ clear: both; } .topContent{ width: 100%; background: url(/sitefiles/1/design/header.png) #d6d6d6 0 0 repeat-x; } .topContent .header{ width: 982px; height: 146px; margin: 0 auto; } .topContent .header .logo{ float: left; display: block; width: 182px; height: 146px; } .topContent .header .logo a{ float: left; display: block; width: 182px; height: 146px; text-decoration: none; text-indent: -99999px; background: url(/sitefiles/1/design/logo.png) 15px 19px no-repeat; } .topContent .header .headerTop{ float: left; width: 800px; height: 42px; margin: 33px 0 0 0; } .topContent .header .headerTop .globalMenu{ float: right; width: 450px; } .topContent .header .headerTop .globalMenu li{ float: right; white-space: nowrap; } .topContent .header .headerTop .globalMenu li a{ float: left; height: 21px; font-size: 10px; color: #fff; line-height: 21px; vertical-align: middle; text-transform: uppercase; text-decoration: none; padding: 0 30px; background: url(/sitefiles/1/design/linePipe.png) 100% 6px no-repeat; white-space: nowrap; } .topContent .header .headerTop .globalMenu li a.last{ background: none; } .topContent .header .headerTop .globalSearch{ float: right; width: 223px; margin: 0 28px 0 0; } .topContent .header .headerTop .globalSearch fieldset{ float: left; width: 223px; } .topContent .header .headerTop .globalSearch fieldset .input{ float: left; font-size: 12px; color: #58585a; font-style: italic; width: 171px; height: 21px; padding: 0 0 0 11px; border: none; background: url(/sitefiles/1/design/searchInput.png) 0 0 no-repeat; } .topContent .header .headerTop .globalSearch fieldset .submit{ float: left; font-size: 12px; width: 41px; height: 21px; color: #fff; border: none; background: url(/sitefiles/1/design/searchBtn.png) 0 0 no-repeat; } .topContent .header .headerBottom{ float: left; width: 800px; height: 71px; } .topContent .header .headerBottom .mainMenu{ float: left; height: 62px; margin: 0 0 0 25px; } .topContent .header .headerBottom .mainMenu li{ float: left; height: 62px; } .topContent .header .headerBottom .mainMenu li a{ float: left; position: relative; height: 42px; margin: 10px 0 0 -3px; font-family: "Helvetica Neue",Helvetica; font-size: 15px; color: #fff; line-height: 42px; vertical-align: middle; text-decoration: none; text-align: center; } .topContent .header .headerBottom .mainMenu li a.first{ text-indent: -99999px; width: 35px; height: 62px; margin-top: 0; } .topContent .header .headerBottom .mainMenu li a.last { background-position:0px 1px; color:#6F1186; } .topContent .header .headerBottom .smalCart{ float: right; width: 340px; height: 42px; margin: 10px 28px 0 0; margin-right: 0; width:308px; } .topContent .header .headerBottom .smalCart .items{ float: left; width: 197px; height: 42px; width:165px; } .topContent .header .headerBottom .smalCart .items p{ float: left; width: 197px; height: 21px; font-family: Arial; font-size: 11px; color: #fff; line-height: 21px; vertical-align: middle; } .topContent .header .headerBottom .smalCart .items p .black{ color: #000; } .topContent .header .headerBottom .smalCart a{ float: left; width: 143px; height: 42px; text-indent: -99999px; background: url(/sitefiles/1/design/smalCartBtn.png) 0 0 no-repeat; } .topContent .content{ position: relative; width: 982px; min-height: 563px; _height: 563px; padding: 0 0 0 0; margin: 0 auto; background: #fff url(/sitefiles/1/design/contentBgNew.png) 0 0 no-repeat; } .topContent .content .contentTop{ float: left; width: 982px; } .topContent .content .contentTop .districtInfo{ float: left; width: 982px; background: #f2f2f2; } .topContent .content .contentTop .districtInfo .districtInfoLeft2{ float: left; width: 290px; padding: 0 0 0 10px; } .topContent .content .contentTop .districtInfo .districtInfoLeft2 img{ border: none; margin: 15px 0 15px 15px; } .topContent .content .contentTop .districtInfo .districtInfoLeft2 h2{ font-family: "Helvetica Neue",Helvetica, Verdana; font-size: 25px; font-weight: lighter; line-height: 27px; color: #333333; margin: 25px 0 0 15px; } .topContent .content .contentTop .districtInfo .districtInfoLeft2 h2 span{ color: #725575; } .topContent .content .contentTop .districtInfo .districtInfoRight2{ float: left; width: 662px; padding: 65px 0 0 0; } .topContent .content .contentTop .districtInfo .districtInfoRight2 p{ font-size: 12px; color: #333333; line-height: 18px; margin: 0 0 12px 0; } .topContent .content .contentTop .districtInfo img{ float: left; border-bottom: 1px solid #cccccc; } .topContent .content .contentTop .districtInfo .districtInfoLeft{ float: left; width: 180px; padding: 0 0 0 10px; } .topContent .content .contentTop .districtInfo .districtInfoLeft p{ float: left; font-size: 12px; color: #36a2bc; font-weight: bold; line-height: 14px; margin: 16px 0 9px 10px; } .topContent .content .contentTop .districtInfo .districtInfoLeft fieldset{ position: relative; float: left; width: 168px; height: 28px; background: url(/sitefiles/1/design/districtInfoBg.png) 0 0 no-repeat; } .topContent .content .contentTop .districtInfo .districtInfoLeft fieldset select{ position: absolute; top: 5px; left: 5px; width: 158px; } .topContent .content .contentTop .districtInfo .districtInfoRight{ float: left; width: 792px; height: 74px; font-family: "Helvetica Neue",Helvetica, Verdana; font-size: 32px; font-weight: lighter; line-height: 74px; vertical-align: middle; text-indent: 2px; } .topContent .content .contentLeft{ float: left; width: 190px; min-height: 600px; _height: 600px; } .topContent .content .contentLeft .viewOptions{ float: left; width: 170px; padding: 0 0 0 14px; } .topContent .content .contentLeft .viewOptions fieldset{ float: left; width: 170px; margin: 5px 0; } .topContent .content .contentLeft .viewOptions fieldset input{ float: left; clear: both; } .topContent .content .contentLeft .viewOptions fieldset label{ float: left; display: block; width: 145px; height: 19px; font-size: 10px; line-height: 19px; vertical-align: middle; color: #000000; } .topContent .content .productMenu{ float: left; width: 168px; margin: 0 0 0 10px; } .topContent .content .productMenu li{ float: left; width: 168px; margin: 0 0 4px 0; } .topContent .content .productMenu li a{ float: left; width: 158px; height: 21px; padding: 0 0 0 10px; font-size: 12px; color: #000000; line-height: 21px; vertical-align: middle; text-decoration: none; background: url(/sitefiles/1/design/productMenyBg.png) 0 0 no-repeat; } .topContent .content .productMenu li a.active{ color: #fff; background: url(/sitefiles/1/design/productMenyBg.png) 0 -21px no-repeat; } .topContent .content .productMenu li ul{ float: left; width: 168px; margin: 2px 0 0 0 } .topContent .content .productMenu li ul li a{ width: 148px; padding: 0 0 0 20px; } .topContent .content .downloadHeader{ float: left; width: 158px; margin: 43px 0 0 10px; padding: 0 0 0 10px; font-size: 11px; line-height: 25px; vertical-align: middle; text-transform: uppercase; color: #899295; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; } .topContent .content .downloads{ float: left; margin: 0 0 0 10px; width: 168px; } .topContent .content .downloads li{ float: left; width: 168px; list-style-type: none; padding: 4px 0; } .topContent .content .downloads li a{ float: left; width: 158px; font-size: 12px; line-height: 21px; height: 21px; color: #000; padding: 0 0 0 10px; text-decoration: none; background: url(/sitefiles/1/design/productMenyBg.png) 0 0 no-repeat; } .topContent .content .downloads li a span{ display: none; } .topContent .content .contentRight{ position: relative; float: left; width: 792px; } .topContent .content .contentRight .rightCol{ position: absolute; top: -74px; left: 580px; width: 162px; height: 645px; padding: 10px 20px; text-align: center; background: url(/sitefiles/1/design/rightColBg.png) 0 74px no-repeat; } .topContent .overlay{ position: absolute; top:0; left: 0; width: 982px; height: 5px; background: url(/sitefiles/1/design/overlay.png) 0 0 no-repeat; } .bottomContent{ width: 100%; background: url(/sitefiles/1/design/bottom.png) 0 0 repeat-x; } .bottomContent .byline{ float: left; font-size: 11px; color: #fdfdfd; line-height: 13px; } .bottomContent .footer{ width: 982px; height: 410px; margin: 0 auto; background: url(/sitefiles/1/design/footer.png) 0 0 repeat-x; padding-top:30px; height:370px; } .bottomContent .footer .byline{ float: left; width: 932px; padding: 6px 50px 0 0; text-align: right; font-size: 11px; color: #fdfdfd; line-height: 13px; } .bottomContent .footer .infobox1 { color:#fff; font-size:11px; margin:0px 25px; } .bottomContent .footer .infobox1 p { margin-bottom:12px; } .bottomContent .footer .footerTop { margin:0px 0px 0px 0px; padding:0; width:982px; height:15px; background-image:url(/sitefiles/1/design/footer/footer-hjorner-topp.png); background-repeat:no-repeat; } .bottomContent .footer .footerBackground { margin:0; padding:0; width:982px; overflow:hidden; background-image:url(/sitefiles/1/design/footer/footer-bakgrunn.png); background-repeat:repeat-y; } .bottomContent .footer .footerBackground .footerContent { margin:0; padding:5px 0px 0px 0px; width:982px; min-height:169px; _height:169px; overflow:hidden; background-image:url(/sitefiles/1/design/footer/footer-bunn.png); background-repeat:no-repeat; background-position:0px 0px; } .bottomContent .footer .footerBottom { margin:0; padding:0; width:982px; height:14px; background-image:url(/sitefiles/1/design/footer/footer-hjorner-bunn.png); background-repeat:no-repeat; } /* .bottomContent .footer .footerContent{ float: left; width: 982px; height: 179px; margin: 40px 0 0 0; padding: 20px 0 0 0; background: url(/sitefiles/1/design/footerContentBg.png) 0 0 no-repeat; } */ .bottomContent .footer .footerContent .col1{ float: left; width: 152px; padding: 0 0 0 38px; } .bottomContent .footer .footerContent .col2{ float: left; width: 600px; } .bottomContent .footer .footerContent ul{ float: left; width: 150px; margin: 15px 0 0 0; } .bottomContent .footer .footerContent ul.last{ clear:both; } .bottomContent .footer .footerContent ul li{ float: left; display: block; width: 135px; /*height: 13px;*/ font-family: Verdana; list-style-type: disc; color: #fff; margin: 0 0 0 15px; } .bottomContent .footer .footerContent p{ float: left; width: 100%; font-size: 11px; font-weight: bold; color: #313132; } .bottomContent .footer .footerContent a{ float: left; font-family: Verdana; font-size: 11px; color: #fdfdfd; text-decoration: none; }
 .infobox1,.infobox2,.infobox3{ font-size: 12px; line-height: 14px; } .infobox1 p,.infobox2 p,.infobox3 p{ margin: 0 0 14px 0; } .infobox1 a,.infobox2 a,.infobox3 a{ color: #000; } .infobox1 h2,.infobox2 h2,.infobox3 h2{ font-size: 24px; line-height: 26px; margin: 0 0 10px 0; font-weight: normal; } .infobox1 h3,.infobox2 h3,.infobox3 h3{ font-size: 16px; line-height: 18px; margin: 0 0 10px 0; font-weight: normal; } .infobox1 h4,.infobox2 h4,.infobox3 h4{ font-size: 12px; line-height: 14px; margin: 0 0 10px 0; font-weight: bold; } .infobox1 h5,.infobox2 h5,.infobox3 h5{ font-size: 10px; line-height: 12px; margin: 0 0 10px 0; font-weight: bold; } .infobox1 ul,.infobox2 ul,.infobox3 ul{ font-size: 12px; line-height: 14px; margin: 0 0 10px 0; font-weight: normal; } .infobox1 ul li,.infobox2 ul li,.infobox3 ul li{ margin: 0 0 5px 15px; list-style-type: disc; } .infobox1 img,.infobox2 img,.infobox3 img{ margin: 0 0 10px 0; } .imagesContainer{ position: relative; float: left; margin: 37px 0 28px 24px; } .imagesContainer .overlay1{ position: absolute; top: 0; left: 0; width: 688px; height: 278px; background: url(/sitefiles/1/design/bigImageMask.png) 0 0 no-repeat; } .imagesContainer.fullbredde .overlay1{ width: 922px; background: url(/sitefiles/1/design/bigImageMask-full.png) 0 0 no-repeat; } .imagesContainer .overlay2{ position: absolute; top: 0; left: 0; width: 935px; height: 278px; background: url(/sitefiles/1/design/fullscreenImageMask.png) 0 0 no-repeat; } .imagesContainer .images{ float: left; width: 688px; height: 278px; overflow: hidden; } .imagesContainer .image{ position: absolute; top: 0; left: 0; width: 688px; height: 278px; } .imagesContainer .image a, .imagesContainer .image a img{ float: left; } .imagesContainer .numbers{ position: absolute; bottom: 10px; right: 0; height: 21px; } .imagesContainer .numbers .number{ float: left; margin: 0 10px 0 0; } .imagesContainer .numbers .number a{ float: left; display: block; width: 21px; height: 21px; line-height: 21px; text-align: center; vertical-align: middle; background: url(/sitefiles/1/design/numberBg.png) 0 0 no-repeat; text-decoration: none; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; } .imagesContainer .numbers .number.active a{ filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .imagesContainer .maskTop{ position: absolute; top: 0; left: 0; width: 688px; height: 3px; background: url(/sitefiles/1/design/imageMaskTop.png) 0 0 no-repeat; } .imagesContainer .maskBottom{ position: absolute; bottom: 0; left: 0; width: 688px; height: 3px; background: url(/sitefiles/1/design/imageMaskBottom.png) 0 0 no-repeat; } .map{ position: relative; float: left; width: 221px; height: 277px; background: url(/sitefiles/1/design/mapBg.png) 0 0 no-repeat; margin: 37px 0 0 26px; } .map .select{ position: absolute; top: 25px; left: 35px; width: 155px; } .map .input{ position: absolute; bottom: 30px; left: 31px; width: 161px; height: 49px; border: none; font-size: 20px; color: #fff; cursor: pointer; background: url(/sitefiles/1/design/mapBtn.png) 0 0 no-repeat; } .mainPageLinks{ float: left; width: 942px; margin: 0 0 0 16px; padding: 28px 0 0 8px; border-top: 1px solid #e6e6e7; } .mainPageLinks li{ float: left; width: 442px; background: url(/sitefiles/1/design/linksBg.png) bottom left no-repeat; padding: 0 20px 18px 10px; } .mainPageLinks li .image{ float: left; width: 440px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .mainPageLinks li.last{ padding-right: 0; } .mainPageLinks li h2{ float: left; width: 442px; height: 79px; margin: 0 0 21px 0; } .mainPageLinks li h2 a{ float: left; width: 442px; height: 79px; text-decoration: none; font-size: 25px; color: #fff; line-height: 79px; vertical-align: middle; text-indent: 72px; } .mainPageLinks li h2 a.blue{ background: url(/sitefiles/1/design/linksBtn.png) 0 0 no-repeat; } .mainPageLinks li h2 a.purpile{ background: url(/sitefiles/1/design/linksBtn.png) 0 -79px no-repeat; } .mainPageLinks li p{ float: left; font-size: 15px; color: #333333; line-height: 19px; font-style: italic; margin: 0 0 20px 0; } .mainPageLinks li a.readMore, .giftCategory a.readMore{ float: left; width: 88px; height: 37px; margin: 10px 0 0 0; font-size: 12px; font-weight: bold; color: #56a534; text-transform: uppercase; line-height: 37px; text-align: center; vertical-align: middle; text-decoration: none; background: url(/sitefiles/1/design/readMoreBtn.png) 0 0 no-repeat; } .mainPageLinks li a.seeVideo{ float: left; width: 88px; height: 37px; margin: 10px 0 0 0; font-size: 12px; font-weight: bold; color: #56a534; text-transform: uppercase; line-height: 37px; text-align: center; vertical-align: middle; text-decoration: none; text-indent: -99999px; background: url(/sitefiles/1/design/seeVideo.png) 0 0 no-repeat; } .topImage{ float: left; width: 957px; padding: 40px 0 0 25px; font-family: "Helvetica Neue",Helvetica, Verdana; font-weight: lighter; color: #111; } .topImage h2{ font-size: 45px; margin: 0 0 10px 0; } .topImage h3{ font-size: 30px; margin: 0 0 10px 0; } .topImage h4{ font-size: 22px; margin: 0 0 10px 0; } .topImage p{ font-size: 16px; margin: 0 0 10px 0; } .district{ float: left; width: 932px; margin: 22px 25px 0 25px; } .district h2{ float: left; width: 932px; font-family: "Helvetica Neue",Helvetica, Verdana; font-size: 25px; line-height: 27px; color: #333333; font-weight: lighter; margin: 0 0 14px 0; } .districtMenu{ float: left; width: 197px; margin: 0 38px 0 0; } .districtMenu.removeMargin{ margin: 0; } .districtMenu li{ float: left; width: 197px; } .districtMenu li a{ float: left; width: 187px; padding: 0 0 0 10px; font-family: Verdana; color: #333333; font-size: 13px; line-height: 25px; vertical-align: middle; text-decoration: none; background: url(/sitefiles/1/design/districtLinkBg.png) left bottom no-repeat; } .districtMenu li a:hover{ color: #36a2bc; background: url(/sitefiles/1/design/districtLinkBg.png) -197px 100% no-repeat; } .paging{ float: left; width: 792px; height: 34px; padding: 23px 0 0 0; } .paging p{ float: left; padding: 0 21px 0 0; font-size: 12px; /*color: #36a2bc;*/ width: auto; } .paging a{ font-size: 12px; color: #36a2bc; text-decoration: none; } .paging .backBtn{ float: left; padding: 0 21px 0 0; font-size: 10px; line-height: 12px; vertical-align: middle; color: #36a2bc; width: auto; } .paging .links a{ color: #616161; padding: 0 21px 0 0; } .productList{ float: left; width: 592px; } .productList li{ float: left; width: 186px; height: 282px; margin: 0 8px 8px 0; } .productList li.last{ margin: 0 0 8px 0; } .productList li .top{ float: left; text-align: center; width: 184px; height: 184px; border: 1px solid #eaeaea; } .productList li .top img{ /*float: left;*/ } .productList li .bottom{ position: relative; float: left; width: 184px; height: 92px; border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; background: #d5e9ee; padding: 3px 0 0 0; } .productList li .bottom .productListHeader{ float: left; width: 184px; font-size: 11px; line-height: 14px; color: #333333; text-align: center; text-decoration: none; margin: 0 0 4px 0; } .productList li .bottom .productListName{ float: left; width: 184px; font-size: 10px; line-height: 12px; color: #333333; text-align: center; text-decoration: none; margin: 0 0 4px 0; } .productList li .bottom .price{ float: left; width: 184px; font-size: 10px; line-height: 12px; color: #333333; text-align: center; text-transform: none; margin: 0 0 7px 0; } .productList li .bottom .readMore{ position: absolute; bottom: 5px; left: 40px; width: 102px; height: 24px; background: url(/sitefiles/1/design/moreDetails.png) 0 0 no-repeat; text-decoration: none; text-indent: -99999px; margin: 0; } .productDetails{ position: relative; float: left; width: 574px; min-height: 610px; _height: 610px; } .productDetails .productDetailsTop{ float: left; width: 792px; height: 34px; padding: 23px 0 0 0; } .productDetails .productDetailsTop a{ float: left; padding: 0 21px 0 0; font-size: 10px; line-height: 12px; vertical-align: middle; color: #36a2bc; width: auto; text-decoration: none; } .productDetails .images{ position: relative; float: left; width: 370px; height: 370px; border: 1px solid #d5d5d5; margin: 0 0 5px 0; } .productDetails .images li{ position: absolute; top:0; left: 0; float: left; text-align: center; width: 370px; height: 370px; } .productDetails .text{ position: relative; float: left; width: 181px; height: 350px; margin: 0 0 5px 0; padding: 20px 0 0 20px; border-top: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; background: #d3e4e9; } .productDetails .text h3{ float: left; width: 100%; font-size: 15px; font-weight: bold; color: #333333; margin: 0 0 17px 0; } .productDetails .text .beskrivelse p { font-size:10px; } .productDetails .text p{ float: left; font-size: 12px; line-height: 14px; color: #333333; margin: 0 0 16px 0; } .productDetails .text p.price{ margin: 0 0 10px 0; } .productDetails .text .forhandlerInfo { margin:0; padding:0; width:160px; height:75px; position:absolute; bottom:19px; background-image:url(/sitefiles/1/design/kjop-hos-forhandler.png); background-repeat:no-repeat; } .productDetails .thumbnails{ float: left; width: 574px; padding: 0 0 5px 0; } .productDetails .thumbnails .thumbnail{ float: left; width: 50px; height: 50px; border: 1px solid #D5D5D5; margin: 0 10px 0 0; text-align: center; } .productDetails .thumbnails .thumbnail a{ } .productDetails .thumbnails .thumbnail a img{ } .productDetails .overlayText{ position: absolute; display: block; top: 404px; left: 10px; width: 360px; height: 13px; font-size: 11px; color: #899295; text-transform: uppercase; } .productDetails .purchase{ float: left; width: 181px; } .productDetails .purchase fieldset{ float: left; width: 100%; margin: 0 0 10px 0; } .productDetails .purchase fieldset label{ float: left; font-size: 12px; color: #333333; font-style: italic; height: 21px; line-height: 21px; vertical-align: middle; margin: 0 10px 0 0; } .productDetails .purchase fieldset .qty{ float: left; width: 28px; height: 18px; padding: 2px 3px 0 3px; font-size: 12px; color: #333333; background: url(/sitefiles/1/design/qty.png) 0 0 no-repeat; border: none; text-align: right; } .productDetails .purchase fieldset .freetext{ float: left; width: 355px; height: 18px; padding: 2px 3px 0 3px; font-size: 12px; color: #333333; background: url(/sitefiles/1/design/freetext.png) 0 0 no-repeat; border: none; text-align: left; } .productDetails .purchase fieldset .freetext2 { background:url("/sitefiles/1/design/freetext-2lines.png") no-repeat scroll 0 0 transparent; border:medium none; color:#333333; float:left; font-size:12px; height:40px; padding:1px 1px 0 2px; text-align:left; width:157px; } .productDetails .purchase fieldset .buyBtn{ position: absolute; top: 327px; left: 50px; width: 102px; height: 24px; background: url(/sitefiles/1/design/buyBtn.png) 0 0 no-repeat; border: none; cursor: pointer; } .productDetails .linksContainer{ float: left; width: 574px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin: 0 0 27px 0; } .productDetails .linksContainer p{ float: left; font-size: 11px; line-height: 25px; vertical-align: middle; text-transform: uppercase; color: #899295; margin: 0 0 0 10px; } .productDetails .linksContainer .links{ float: left; width: 564px; margin: 0 0 0 10px; } .productDetails .linksContainer .links li{ float: left; clear: both; height: 25px; } .productDetails .linksContainer .links li a{ float: left; display: block; height: 25px; font-size: 11px; line-height: 25px; vertical-align: middle; color: #899295; text-decoration: none; } .productDetails h4{ font-size: 12px; color: #333333; margin: 0 0 8px 13px; } .cart{ position: relative; float: left; width: 935px; padding: 0 0 0 25px; color: #333333; } .cart h3{ float: left; width: 100%; margin: 0 0 14px 3px; } .cart .goToCheckout{ position: absolute; top: 30px; right: 0; width: 202px; height: 55px; text-indent: -99999px; background: url(/sitefiles/1/design/goToCheckout.png) 0 0 no-repeat; } .cart p, .cart a{ color: #333333; text-decoration: none; } .cart .list{ float: left; width: 510px; width:708px; } .cart .list .item{ position: relative; float: left; width: 500px; /*height: 60px;*/ min-height:60px; padding: 4px; border: 1px solid #e6e6e6; background: #e6e6e6 url(/sitefiles/1/design/cartItemBg.png) 0 0 repeat-x; margin:0px 0px 20px 0px; /*overflow:hidden;*/ width:698px; } .cart .list .item .textInfo { margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; float:left; width:238px; width:245px; } .cart .list .item .textInfo label { margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; /* width:70px; float:left; */ display:block; font-style:italic; font-size:11px; } .cart .list .item .textInfo textarea { background:url("/sitefiles/1/design/freetext-2lines.png") no-repeat scroll 0 0 transparent; border:medium none; color:#333333; /* float:left; */ font-size:12px; height:40px; padding:1px 1px 0 2px; text-align:left; width:157px; } .cart .list .item .remove{ position: absolute; top: 4px; right: 5px; font-size: 10px; line-height: 12px; color: #666666; padding: 0 15px 0 0; background: url(/sitefiles/1/design/remove.png) right top no-repeat; } .cart .list .item a.itemLeft{ float: left; width: 90px; height: 60px; margin: 0 11px 0 0; background: #fff; text-align: center; } .cart .list .item .itemRight{ float: left; width: 399px; width:597px; } .cart .list .item .itemRight .left { margin:0; padding:0px 0px 0px 0px; width:200px; float:left; } .cart .list .item .itemRight .right { margin:0; padding:0px 0px 0px 0px; width:145px; float:right; position:relative; top:15px; width:138px; } .cart .list .item .itemRight .right .infoRight { width:145px; float:none; overflow:hidden; width:138px; } .cart .list .item .itemRight .right .infoRight p.left { padding:0px 0px 0px 36px; padding:0px 0px 0px 29px; } .cart .list .item .itemRight .right .infoRight p.right { top:0; } .cart .list .item .itemRight .itemHeader{ float: left; /*width: 209px;*/ font-size: 10px; line-height: 12px; color: #333333; font-weight: bold; margin: 2px 0 7px 0; overflow: hidden; } .cart .list .item .itemRight .infoLeft, .cart .list .item .itemRight .infoLeft fieldset{ float: left; clear: both; width: 160px; } .cart .list .item .itemRight .infoLeft fieldset p{ float: left; font-size: 11px; line-height: 14px; width: 160px; margin: 0 0 5px 0; } .cart .list .item .itemRight .infoLeft fieldset label{ float: left; font-size: 11px; height: 18px; line-height: 18px; vertical-align: middle; } .cart .list .item .itemRight .infoLeft fieldset input{ float: left; font-size: 11px; line-height: 12px; height: 18px; } .cart .list .item .itemRight .infoLeft fieldset #qty{ float: left; width: 28px; height: 14px; padding: 2px 3px 0 3px; margin: 0 5px 0 0; font-size: 11px; border: 1px solid #c3c3c3; } .cart .list .item .itemRight .infoLeft fieldset input{ float: left; } .cart .list .item .itemRight .infoRight{ float: right; width: 200px; padding: 0 0 0 0; } .cart .list .item .itemRight .infoRight p{ font-size: 11px; line-height: 18px; vertical-align: middle; } .cart .list .item .itemRight .infoRight .left{ float: left; padding: 0 0 0 74px; width: 40px; } .cart .list .item .itemRight .infoRight .right{ float: left; width: 69px; text-align: right; } .quickOrder{ float: left; clear: left; width: 510px; padding: 34px 0 0 0; color: #333333; } .quickOrder h3{ float: left; margin: 0 0 14px 3px; } .quickOrder .addProduct{ float: left; width: 507px; height: 25px; padding: 9px 0 0 0; margin: 0 0 10px 0; border: 1px solid #e6e6e6; background: url(/sitefiles/1/design/addBg.png) 0 0 repeat-x; } .quickOrder .addProduct fieldset{ float: left; } .quickOrder .addProduct fieldset label{ float: left; height: 16px; line-height: 16px; vertical-align: middle; font-size: 12px; color: #333333; padding: 0 10px; } .quickOrder .addProduct fieldset .input{ float: left; height: 16px; font-size: 12px; color: #333333; font-size: 11px; padding: 0 3px; border: 1px solid #c3c3c3; } .quickOrder .addProduct fieldset input.first{ float: left; width: 46px; } .quickOrder .addProduct fieldset input.second{ float: left; width: 20px; margin: 0 170px 0 0; } .quickOrder .updateBtn{ float: right; width: 102px; height: 24px; margin: 0 10px 0 0; text-decoration: none; text-indent: -99999px; background: url(/sitefiles/1/design/updateBtn.png) 0 0 no-repeat; } .prices{ float: left; width: 210px; padding: 0 0 0 538px; margin: 25px 0 0 0; padding:0px 0px 0px 528px; } .prices li{ float: left; width: 180px; padding: 3px 4px 1px 0; border-bottom: 1px solid #e6e6e6; width:210px; } .prices li.noBorder { border:0; } .prices li p{ font-size: 11px; color: #000; } .prices li .left{ float: left; width: 125px; text-align: right; } .prices li .right{ float: left; width: 85px; text-align: right; } .prices li.dark{ border-bottom: 1px solid #bababa; } .cart p.frakt { padding:10px 0px 0px 0px; width:708px; text-align:right; } #checkout{ position: relative; float: left; width: 491px; margin: 0 0 0 25px; } #checkout form, #checkout form fieldset{ float: left; } #checkout form .error-message, .message{ float: left; margin: 10px 0 10px 25px; font-weight: bold; } #checkout form fieldset h3{ float: left; width: 466px; margin: 0 0 14px 25px; color: #333333; } #checkout form fieldset .registration, #checkout form fieldset .registration li{ float: left; width: 491px; } #checkout form fieldset .registration li{ padding: 0 0 5px 0; } #checkout form fieldset .registration li.no-label{ width: 305px; padding: 0 0 5px 142px; } #checkout form fieldset .registration li.green{ background: #e3f3d8; padding: 10px 0; } #checkout form fieldset .registration li.green.top{ border-bottom: 1px solid #cceab9; } #checkout form fieldset .registration li.green.bottom{ margin: 0 0 20px 0; } #checkout form fieldset .registration li label{ float: left; width: 132px; height: 20px; font-size: 11px; line-height: 20px; vertical-align: middle; padding: 0 10px 0 0; text-align: right; font-weight: bold; color: #333333; } #checkout form fieldset .registration li.green label{ color: #000; } #checkout form fieldset .registration li .input{ float: left; width: 299px; height: 18px; padding: 0 3px; border: 1px solid #C3C3C3; } #checkout form fieldset .registration li textarea{ float: left; width: 299px; height: 90px; padding: 0 3px; border: 1px solid #C3C3C3; } #checkout form fieldset .sendOrder{ float: right; border: none; width: 102px; height: 24px; margin: 0 44px 0 0; background: url(/sitefiles/1/design/sendOrder.png) 0 0 no-repeat; } #checkout form fieldset .openDeliveryAddress{ float: left; font-size: 11px; font-style: italic; color: #333333; margin: 10px 0 10px 110px; text-decoration: none; } #checkout form fieldset .openDeliveryAddress span{ text-decoration: underline; color: #2b9fb9; } #checkout form fieldset .deliveryAddress{ float: left; margin: 10px 0 0 0; } .textbox{ float: left; width: 450px; padding: 25px 0 0 25px; } .textbox h2{ float: left; width: 100%; font-family: "Helvetica Neue",Helvetica,Verdana; font-size: 25px; color: #333; font-weight: lighter; padding: 0 0 4px 0; margin: 0 0 25px 0; background: url(/sitefiles/1/design/giftTextboxH2Bg.png) left bottom no-repeat; } .textbox p{ float: left; width: 100%; font-family: Verdana; font-size: 13px; line-height: 19px; margin: 0 0 19px 0; color: #333333; font-style: italic; } .textbox .ingress p{ float: left; width: 100%; font-size: 15px; font-style: italic; } .giftCategory{ float: left; width: 207px; height: 300px; margin: 30px 0 0 28px; padding: 0 0 0 10px; background: url(/sitefiles/1/design/giftTextboxH2Bg.png) left bottom no-repeat; } .giftCategory.removeMargin{ margin: 30px 0 0 13px; } .giftCategory h3{ font-family: Helvetica, Verdana; font-size: 15px; line-height: 25px; vertical-align: middle; color: #333333; } .giftCategory .image{ float: left; width: 205px; height: 80px; padding: 1px 1px 39px 1px; margin: 0 0 15px 0; background: url(/sitefiles/1/design/giftCategoryBg.png) 0 0 no-repeat; } .giftCategory.blue .image{ background-position: 0 -120px; } .giftCategory .image img{ float: left; } .giftCategory p{ font-size: 12px; line-height: 19px; font-style: italic; color: #333333; margin: 0 0 12px 0; } .standard{ float: left; } .orderHistoric{ float: left; margin: 25px 0 0 25px; } .orderHistoric h3{ float: left; color: #36a2bc; width: 600px; margin: 10px 0; font-weight: bold; } .orderHistoric table{ float: left; font-size: 11px; } .userForm{ float: left; width: 275px; padding: 10px; border: 1px solid #3d3d3f; background: #78787d; margin: 80px 0 0 320px; } .userForm p{ margin: 10px 0; color: #fff; } .userForm fieldset{ float: left; } .userForm fieldset ul{ float: left; } .userForm fieldset ul li{ float: left; margin: 0 0 10px 0; } .userForm fieldset ul li label{ float: left; width: 95px; color: #fff; } .userForm fieldset ul li .input{ float: left; width: 175px; border: 1px solid #3d3d3f; } .userForm fieldset input{ float: right; } .logout{ float: left; font-size: 12px; text-decoration: none; margin: 25px 0 0 25px; } .wrapper{ float: left; } .completed{ float: left; font-size: 16px; padding: 0 0 0 25px; } .topContent .content .productMenu.extraMargin{ margin: 37px 0 0 10px; } .mediabank{ float: left; width: 495px; } .mediabank h2{ float: left; width: 495px; font-size: 16px; margin: 0 0 20px 0; color: #333; } .mediabank .mediaFiles{ float: left; width: 495px; } .mediabank .mediaFiles li{ float: left; width: 495px; margin: 0 0 10px 0; background: #f1f1f1; } .mediabank .mediaFiles li .previewImage{ float: left; width: 70px; height: 70px; font-size: 11px; line-height: 13px; text-align: center; margin: 0 10px 0 0; } .mediabank .mediaFiles li .previewImage.noPicture{ padding: 21px 0 0 0; height: 49px; color: #666; } .mediabank .mediaFiles li .downloadLink{ float: left; width: 375px; height: 70px; font-size: 12px; line-height: 70px; vertical-align: middle; text-decoration: none; color: #0089a2; } .mediabank .mediaFiles li .linkIcon{ float: left; width: 40px; height: 70px; font-size: 12px; line-height: 70px; vertical-align: middle; text-decoration: none; text-indent: -99999px; } .mediabank .mediaFiles li .linkIcon.pdf{ background: url(/sitefiles/1/design/application-pdf.png) left center no-repeat; } .mediabank .mediaFiles li .linkIcon.doc{ background: url(/sitefiles/1/design/document.png) left center no-repeat; } .calculusUpdate { margin:0px 0px 20px 0px; padding:20px 0px 0px 20px; } .calculusUpdate h2 { margin:0px 0px 10px 0px; font-size:14px; font-weight:bold; } .calculusUpdate p { margin:0px 0px 10px 0px; }
 .topContent .content .productMenu li a{ background: url(/sitefiles/1/design/productMenyBg3.png) 0 0 no-repeat; } .topContent .content .productMenu li a.active{ color: #fff; background: url(/sitefiles/1/design/productMenyBg3.png) 0 -21px no-repeat; } .topContent .content .contentLeft{ width: 200px; } .topContent .content .contentLeft .productMenu{ margin: 0 0 0 24px; } .topContent .content .contentCenter{ float: left; width: 495px; margin: 0 0 0 16px; } .topContent .content .contentRight{ width: 100px; } .giftCategory{ margin: 0 0 30px 28px; }