 /*############### Hovedstruktur ###############*/ *{ margin: 0; } body{ background:url(/sitefiles/5/design/bg2.gif); font-family:Tahoma, Arial, sans-serif;} #wrap, #wrap2, #footer{width:840px; margin:0 auto;} #wrap{background:url(/sitefiles/5/design/wrap_bg.gif) repeat-y top left;margin:0 auto;} #wrapper{background:url(/sitefiles/5/design/bg.gif) repeat-x top left;margin:0 auto;} #wrap2{ background:url(/sitefiles/5/design/top_wrap.gif) no-repeat top left;margin:0 auto;} #top{ height:65px; width:803px; margin-left:19px; background:url(/sitefiles/5/design/header_bg.gif) repeat-x top left;margin:0 auto;} #columns{ background:#fff; width:800px; margin:0 auto;} #column1{ width:214px; background:#fff; float:left; margin:0;} #column2{ width:584px; float:left; background:#f7f8f6; border-left:1px solid #ccc; padding: 0 0 20px 0; border-bottom:1px solid #eee; margin:0;} #footer{ height:32px; padding-top:2px; background:url(/sitefiles/5/design/footer.gif) repeat-y top left; margin:0 auto;} #footer p{ margin:0 0 0 42px; color:#fff;} h1#header{ display:block; background:url(/sitefiles/5/design/header.gif) no-repeat; width:201px; float:left; height:65px; margin:0 0 0 7px!important; margin:0 0 0 3px; text-indent:-9999px;} #home { margin:0; padding:0; width:201px; height:65px; display:block; } #bildecontainer{ border-bottom:1px solid #999; background:url(/sitefiles/5/design/bilde001.jpg) no-repeat top left; width:803px; height:91px; margin:0 0 0 19px;} .oppdatert { margin:5px 0px 0px 0px; width:241px; height:16px; float:right; font-size:10px; text-align:right; } /*############### Søksaka! ###############*/ div#search{ width:241px; height:16px; float:right; margin:27px 23px 0 0;} #search label{ color:#32430d; font-weight:bold; float:left; margin:0 5px 0 0; font-size:10px;} #search input{ height:13px; float:left; font-size:11px; border:1px solid #ccc; width:97px;} #search input.searchButton{display:none;} #search a.tysk, #search a.engelsk{ display:block; height:16px; width:24px; float:right; text-indent:-9999px;} #search a.engelsk{ background:url(/sitefiles/5/design/flagg_engelsk.gif) no-repeat top left; margin:-14px 10px 0 0;} #search a.tysk{ background:url(/sitefiles/5/design/flagg_tysk.gif) no-repeat top left; margin:-14px 10px 0 0!important; margin:-14px 0 0 0;} /*############### Navigasjon ###############*/ ul#navigasjon{ padding:0 0 0 170px; margin:0 auto; width:634px; background:#7188ab; height:20px; font-size:11px; text-transform:uppercase; border:1px solid #747e8d; border-right:none; border-left:none; list-style-type:none;} #navigasjon li{ display:inline;} #navigasjon li.first a{border-left:none;} #navigasjon li.last a{border-right:none;} #navigasjon li a{ text-align:center; background:url(/sitefiles/5/design/menu_bg.gif) repeat-x top left; border-right:1px solid #afafaf; border-left:1px solid #fff; display:block; width:104px; color:#333333; text-decoration:none; height:16px; padding:4px 0 0 0; float:left;} #navigasjon li a:hover{background:#eee;} /*############### Produktmeny ###############*/ ul#produktmeny{ font-size:11px; list-style-type:none; font-weight:bold; margin:0; padding:0;} #produktmeny li{ background: url(/sitefiles/5/design/prod-menu-bullet.gif) 22px 10px no-repeat; width:215px!important; width:213px; clear: both;} ul.produktundermeny { font-size:11px; font-weight:normal; list-style-type:none;} ul#produktmeny li ul.produktundermeny li{ background: url(/sitefiles/5/design/prod-submenu-bullet.gif) 32px 10px no-repeat; float: left; clear: both; } .produktundermeny li a, #produktmeny li a{ color:#666; padding:4px 0 4px 32px; display:block; text-decoration:none;} ul#produktmeny .produktundermeny li a{padding:4px 0 4px 42px;} /* ul#produktmeny li a:hover{ background:#eaeaea url(/sitefiles/5/design/prod-menu-bullet.gif) 22px 50% no-repeat;} ul#produktmeny .produktundermeny li a:hover{ background: #eaeaea url(/sitefiles/5/design/prod-submenu-bullet.gif) 32px 55% no-repeat;} .produktundermeny li a.aktiv, #produktmeny li a.aktiv{ font-weight:bold;} /*############### Typografi ###############*/ p{ font-size:10px; line-height:1.5em; color:#666;} #column1 h2{ display:block; background: #ededed; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#333; padding:4px 0 4px 22px; margin:10px 0 5px 0; width:192px; font-size:11px;} #column1 h2.produktmeny{ margin:0 0 5px 0; background:#748bad; color:#fff; border-top:none;} #column1 img{ float:right; border:1px solid #ccc; /*margin:5px 20px 0 5px;*/} #column1 p{ margin:10px 10px 10px 22px;} #column2 h2{ padding:25px 25px 10px 25px; background: #ededed url(/sitefiles/5/design/h2-grid.gif) top left repeat; font-family: Tahoma, sans-serif; font-weight: normal; color: #333; margin:0 0 10px 0; border-bottom: 2px solid #FFF;} p#breadcrumbs{ display:block; height:20px; margin:0; background:#fff; border-bottom:1px solid #ccc; padding:3px 0 0 10px;} #breadcrumbs a{ color:#000; text-decoration:none;} #breadcrumbs a:hover{ text-decoration:underline;} /*############### Produktliste ###############*/ .product{ background:#f7f8f6; clear:both; padding:10px 0 15px 0; border-bottom:1px solid #ccc;} .product a img{ float:left; border:1px solid #ccc; margin:0 10px 0 10px; } .product h3{ font-size:12px; color:#000; margin:0 0 6px 0; font-weight:bold; position:relative; } .product p{ color:#000; float:left; width:400px; font-size:11px;} .prodinfo{ height:20px; width:407px; padding:25px 25px 0 0; float:right; background:#f7f8f6;} .prodinfo p{ color:#7188ab; font-size:14px; font-weight:bold; float:left;} .prodinfo a.infoknapp, .prodinfo input#buysubmit{ display:block; margin:-16px 0 0 0; height:20px; float:right; height:20px; width:88px;} .prodinfo a.infoknapp{ background:url(/sitefiles/5/design/knapp_info.gif) no-repeat; color: #fff; text-transform: uppercase; font-size: 11px; text-decoration: none; text-align: center; height: 17px; padding: 3px 0 0 0; } .prodinfo input#buysubmit{ border:0; color:#fff; padding:0 7px 2px 0; height:20px; width:88px; font-weight:bold; background:url(/sitefiles/5/design/knapp_add.gif) no-repeat top left;} .prodinfo #buysubmit:hover{ background:url(/sitefiles/5/design/knapp_add.gif) no-repeat top right;} /*############### Details ###############*/ .proddetails{ float:left; width:587px!important; border-bottom:1px solid #ccc; margin-bottom:2px; width:585px; background:#f7f8f6;} .proddetails a img{ float:left; border:1px solid #ccc; margin:0 10px 0 10px; } .proddetails h3{ font-size:12px; margin:0 0 -5px 0; font-weight:bold; color:#666;} .proddetails span.instock{ display:block; width:20px; height:20px;} .proddetails p{ font-weight:normal; margin:10px 25px 10px 152px;} .proddetails select { font-size: 12px; margin: 0 0 0 152px; } .buybar{ width:435px; float:right; margin:10px 0 5px 0; height:20px;} .buybar p{ color:#7188ab; font-weight:bold; margin:0 0px 0 0 ; font-size:11px; float:left;} .buybar p span{ margin:0px 5px 0 177px!important; margin:0 5px 0 163px; color:#32430d; float:left;} .buybar #productcount{ width:17px; font-size:11px; height:15px; color:#32430d; font-weight:bold; padding:2px 0 0 0; float:left; text-align:center;} .buybar #buysubmit{ display:block; margin:-17px 0px 0 5px; height:20px; font-weight:bold; color:#fff; float:left; padding:0 7px 2px 0; border:0; height:20px; background:url(/sitefiles/5/design/knapp_add.gif) no-repeat top left; width:88px;} .buybar #buysubmit:hover{ background:url(/sitefiles/5/design/knapp_add.gif) no-repeat top right;} /*############### Metadata ###############*/ div#metadata{ border-top:1px solid #ccc; float:left; height:26px; border-bottom:1px solid #ccc; width:587px!important; width:584px;} div#metadata p{ padding:0px 0 0 20px; margin:0;} #metadata input{ float:left; margin:3px 0 0 0; /*width:200px!important;*/ width:205px; } * html #metedata input { width:190px; } #metadata a.print, #metadata a.sendlink, span.tips, #metadata input.submitbtn{ display:block; padding:5px 0 0 30px; margin:0 10px 0 0; height:23px; color:#32430d; text-decoration:none; float:left;} a.print{ background:url(/sitefiles/5/design/print.gif) no-repeat top left; } span.tips{ background:url(/sitefiles/5/design/venn.gif) no-repeat top left; font-size:12px; font-weight:normal; } /*a.sendlink*/ #metadata input.submitbtn { background:url(/sitefiles/5/design/ok.gif) no-repeat top left; text-indent:-9999px; width:32px; border:0; padding:0; cursor:pointer; } #columns #column2 h2#related{ font-size:12px; display:block; clear:both; font-weight:bold; padding: 10px 25px; background:url(/sitefiles/5/design/produkt_header.gif) repeat-x top left; border-bottom:2px solid #fff; display:block; width:537px!important; width:535px;} /*############### Lightbox ###############*/ #lightbox{ padding:3px 3px 0 3px!important; background:#23495f!important; border:1px solid #0f2938!important; /* IE sux */ border:none; padding:0; background:none; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(/sitefiles/5/design/overlay.png)} * html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(/sitefiles/5/design/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");} /*############### Checkout ###############*/ table#basket { margin: 10px 0 30px 0; width: 587px!important; width:585px; font-size: 12px; border: 1px solid #cde0eb; vertical-align: center;} table#basket a:visited{color:#000;} table#basket a{text-decoration:none;} table#basket th { padding: 3px 10px; border-right: 1px solid #cde0eb; text-align: left; background: #e4f1f9;} table#basket tr { background:#b6d3e4; border-bottom: 1px solid #c4dbe8;} table#basket tr.total { background: #9bbfd4; border-top: 1px solid #254e65;} table#basket tr.odd { background: #d6e8f2;} table#basket td { padding: 3px 10px; border-right: 1px solid #e7f2f8;} table#basket td.center, table#basket th.center { text-align: center;} table#basket td.right, table#basket th.right { text-align: right;} td.remove { width:70px; background:#6493af;} table#basket tr.odd td.remove{ background:#7ba8c2;} table#basket td.remove a{ text-decoration:underline; color:#000;} table#basket tr input.count { width: 14px; text-align:center; border:1px solid #eee; margin: 0 10px 0 0;} table#basket tr input.submit { border: 1px solid #eee; background: #fff; width:80px; margin: 0;} fieldset{ border:0;} ul#utsjekking, ul.columnOne{ font-size:12px; margin:0 0 0 10px; clear:both; list-style-type:none;} #utsjekking li, ul.columnOne li{ margin:7px 0 7px 0;} legend{ font-size:14px; float:left; padding:0 0 10px 10px;} input.submit{ width:120px; margin:10px 0 0 7px;} select{ width:50px; margin:0 5px 0 5px;} /*############### Liten kasse ###############*/ .litenkasse{ height:18px; padding:4px 0 0 0; width:287px; float:right; margin:66px 5px 0 0!important; margin:66px 0px 0 0;} .litenkasse ul{ list-style-type:none; font-size:11px; } .litenkasse ul li{ display:block; color:#fff; float:left; } .toCart{ display:block; width:76px; text-align: center; text-decoration: none; padding: 2px 0 0 0; margin:-1px 0px 0 6px; height:16px; font-size: 10px; color: #222; background:url(/sitefiles/5/design/handleknapp.png); } .epostliste { width: 265px; padding: 0 0px 10px 0; } .epostliste p { font-size: 10px; margin: 0 0 10px 0; } .epostliste input { } .epostliste .form_button { margin: 10px 0 0 0; } .epostliste label { font-size: 12px; } #cvcinfolink { text-decoration:none; color:#333333; } 