.search{background:url(/sitefiles/53/design/search-gr.png) no-repeat;} body {background:url(/sitefiles/53/design/bg01.png);} body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;} .wrap{ margin:0 auto; margin-top:50px; width:843px;} .wrapper{ width:815px; padding:0 14px 0 14px; clear:both; margin:0 0 30px 0; background:#fff; border:1px solid #edf1e7;} /* .headerWrap{ width:815px; background: url(/sitefiles/53/design/h1-bg.png) no-repeat; height:172px;} */ .header{ display:block; width:240px; margin:0; float:left; background: #fff url(/sitefiles/53/design/h1.png) no-repeat; height:73px;} .header a{ display:block; float:left; width:230px; text-indent:-9999px; height:73px;} .login { width: 230px; padding: 40px 0 0 0; } .login .fatbutton { background:#2D77A2 none repeat scroll 0%; border:0pt none; color:#FFFFFF; font-size:12px; font-weight:bold; margin:0px 0pt 0pt; padding:2px 0pt; width:100px; } .login .fattext { font-size:11px; height:12px; padding:2px;} .login{ font-size:11px;} .contentWrap{ background:#fff; margin:10px 0 0 0; padding:0 0 20px 0;} .contentWrap hr{ background: #fff; color: #fff; height: 0; border:0; } .sidebar{ width:263px; float:left; padding:0 0 400px 0; background:url(/sitefiles/53/design/sidebar-bg.png) repeat-y;} .search{ height:50px; width:255px; padding:12px 0 0 25px;} .search p{ padding:0; margin:0; line-height:18px; font-size:12px;} .search p a{ font-weight:bold; text-decoration:underline;} .search p a:visited{color:#000;} .navigation{ width:180px!important; width:183px; float:left;} .content{ width:532px; float:right; padding:0 0 20px 0; background:#fff;} .sidebar2{ height:500px; padding:0 0 0 7px; clear: both; float: left; width:150px;} .prodinfo{ float: left; width:658px;} .footer{ margin:15px 0 0 0; padding:5px 0 0 0; border-top:2px solid #bcdeee; clear:both; } .footer p{ margin:0; padding:0;} /*--------------------- MainNav */ .mainNav{ float:right; width:550px; background:url(/sitefiles/53/design/mainNav-bg.gif) no-repeat; height:22px; text-align:right; margin:45px 0 5px 0; padding:5px 30px 0 21px; } .mainNav li{ display:inline;} .mainNav li a{ font-size:14px; margin:0 0 0 15px; color:#3c7998; text-decoration:none;} /*--------------------- FrontNav */ #frontNav{ width:815px; margin:-8px 0 20px 0; padding:0; list-style-type:none; height:59px} #frontNav li{ display:inline; float:left;} #frontNav li a{ display:block; height:34px; color:#fff; padding:25px 0 0 85px; font-size:12px; text-decoration:none; font-weight:bold; float:left;} #frontNav #front01 a{ width:129px; padding:25px 0 0 70px; background:url(/sitefiles/53/design/menu-01.png) no-repeat;} #front02 a{ width:129px; background:url(/sitefiles/53/design/menu-02.png) no-repeat;} #front03 a{ width:120px; background:url(/sitefiles/53/design/menu-03.png) no-repeat;} #front04 a{ width:112px; background:url(/sitefiles/53/design/menu-04.png) no-repeat;} #frontNav #front01 a:hover, #frontNav li a:hover{background-position:top right;} /*--------------------- Sidesøk */ .soek{ margin:0px 0 0 0; background:url(/sitefiles/53/design/sok.png) no-repeat; width:227px; padding:10px 0 10px 0;} .sidebar label{ font-size:12px; color:#35728f; font-weight:bold; margin:0 0 0 21px;} .sidebar input{ margin:3px 0 0 1px; border:1px solid #98c9df;} .sidebar .searchInput{ margin-left:21px; width:100px;} /*--------------------- Produktlister */ .top{ margin:13px 0 10px 0;} .nav1 a:hover{ text-decoration:underline;} /*--------------------- Items */ .item2{ width:200px; border:1px solid #aebc98; margin:0 5px 10px 0; padding:5px 0 5px 0; float:left; text-align: center; background:#f6f8f3; height:200px;} .item2 a img{ border:0;} .item2 h2{ text-align: left; margin:0px 0 0px 10px;} .item2 h2 a{ color:#6b8138; font-size:16px; text-decoration:none;} .item2 p{ margin:0 0 10px 10px; text-align: left; font-size:12px;} .item2 strong{ font-size:12px;} /*--------------------- Detaljeside, Merkeside */ .cart{ width:127px; font-size:11px; margin:0 0 5px 0; border-bottom:1px solid #e3e7d8; padding:15px 0 1px 14px; background:#88d54f;} .cart h2{ font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; margin:0;} .cart p{ line-height:18px; margin:6px 0 5px 0;} .cart a{ font-weight:bold; font-size:12px; text-decoration:underline; color:#000;} .nav3{ width:141px; list-style-type:none; background:#e8f5fb; font-size:12px; margin:0; padding:5px 0 5px 0; } .nav3 ul{ list-style-type:none; margin:0; padding:0; } .nav3 a{ color:#1c4a5f; text-decoration:none; display:block; line-height:18px; font-weight:bold; padding:3px 0 0 21px; width:120px;} .nav3 ul li a{ font-weight:normal; padding:3px 0 0 31px; width:110px; } .nav3 a:hover{ background:#b9deef;} .front { background: none; margin:15px 0 0 20px; } .front ul { margin:0; padding:0; } .front li { } .front li a { color:#1c4a5f; } .front li a:hover{ background:#e8f5fb;} .front li a { } .product{ width:644px; background:#eff4e6; margin:0 0 10px 0; padding:0 0 20px 14px; float:left;} .product h2{ color:#2f3623; font-size:26px;} .product p{ color:#2f3623; width:250px; font-size:12px;} .topImage{ width:658px; margin-left:-14px; border-bottom:4px solid #fff; text-align:center; margin-bottom:1px;} .topImage a img { border: 0; } .extraImages{ width:370px; float:right; margin:10px 0 0 0;} .extraImages a img{ border:1px solid #99a97d; margin:5px 10px 5px 0; float:right; padding:2px;} .buyButton{ width:64px; border:0; height:22px; text-indent:-9999px; background:url(/sitefiles/53/design/buyButton.png) no-repeat; display:block;} .long .buyButton{ margin:10px; float:right;} .brand{ font-size:11px;} .brand h2{ margin:5px 0 0 0; font-size:28px;} .brand p{ margin:0; margin-bottom:10px; width:450px;} /* -----------------------------------*/ /* -------- LB2 -----------*/ /* -----------------------------------*/ #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/53/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/53/design/lightbox/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/53/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; } /* ----------------- Utsjekking ----------- */ .checkout{} .checkout label{ margin:0 0 0 5px;} .checkout .commentlabel label{margin:0;} .checkout .commentlabel{ margin:20px 0 0 0;} /* -----------------------------------*/ /* -------- Utsjekkingsform ----------*/ /* -----------------------------------*/ .checkout{ background:#fff;} .checkout legend{ font-size:12px; font-weight:bold; margin:0 0 5px 0;} .checkout fieldset{ border:0; margin:0; padding:0;} .checkout ul{ margin:0; padding:0; list-style-type:none; } .checkout ul li{ margin:5px 0 0 0;} .checkout label{ font-size:12px; margin:0 0 0 10px;} .checkout ul li input, .checkout ul li textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px;} .checkout ul li textarea{ height:120px; width:300px; float: left; margin: 0 10px 0 0; } .checkout .commentlabel { clear: both; margin: 20px 0 30px 0; overflow: auto; } .checkout ul li select{ width:50px;} .checkout .submit{ font-weight:bold; color:#fff; margin:15px 0 0 0; width:200px; border:0; background:#2D77A2; font-size:14px; padding: 2px 0; } /* ___________________ SHOPPING CART */ table#basket { margin: 10px 0 30px 0; width:500px; font-size: 12px; border: 1px solid #E8F5FB; vertical-align: center; } table#basket th { padding: 3px 10px; border-right: 1px solid #E8F5FB; text-align: left; background: #E8F5FB; } table#basket tr { border-bottom: 1px solid #E8F5FB; } table#basket tr.total { background: #eff7fa; border-top: 6px solid #fff; font-weight: bold; } table#basket tr.odd { background: #eff7fa; } table#basket td { padding: 3px 10px; border-right: 1px solid #E8F5FB; } #basket td a{ color:#395c6c;} .even td{ background:#fff;} table#basket td.center, table#basket th.center { text-align: center; } table#basket td.right, table#basket th.right { text-align: right; } td.remove { background: #cee3ed; } td.remove a{ color:#395d6d; text-decoration:none;} table#basket tr input.count { width: 1.35em; float: left; text-align:center; margin: 0 10px 0 0; } table#basket tr input.submit { width: 5.5em; border: 1px solid #b8d8e7; background: #eff7fa; margin: 0; } table#basket tr.odd input.submit { background: #FFF; } .buybox{ float:left; width:100px; margin:10px 0 0 0; padding:10px; background:#d9e6c5; border:1px solid #d2e2ba;} .buybox strong{ font-size:16px;} .navimenu{ font-size:12px; color:#111; text-decoration:none;} .navimenu:visited{color:#000;} .buybox p{ width:60px;} .extraImages a img.last{ padding:5px; clear:both;} .content p { font-size: 12px; margin: 5px 0 5px 0; } .SHOW { display: block; !important position:absolute; !important } #front_header_slider { } #front_header_slider img { position:absolute; } .breadcrumbs { margin: 3px 0 2px 0px!important; margin: 3px 0 2px 3px; float: left; } .breadcrumbs .info { font-size: 11px; color: #9e9e9e; font-weight: bold; margin-top: 1px; text-transform: uppercase; } .breadcrumbs ul { float: left; margin: 0 0 0 0px; list-style-type: none; display: inline; } .breadcrumbs ul li { display: inline; float: left; margin: 0 5px 0 3px; font-size: 12px; } .breadcrumbs ul li a { text-decoration: none; padding-right: 5px; border-right: 1px solid #ccc; color: #9e9e9e; } .breadcrumbs ul li a:hover { text-decoration: underline; } .breadcrumbs ul li a.current { font-weight: bold; color: #6a6a6a; border: none; } #ImageSlider { height:363px; width: 815px; border: 0px solid black; padding-top: 2px; } .sliderimgs { display:none; position:absolute; width: 815px; /* <---- Dette blir vidden på bildet i pixler*/ height: 363px; /* <---- Dette blir høyden på bildet i pixler*/ }