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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; background: transparent; } html { width: 100%; height: 100%; } body { line-height: 1.3; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 12px; background: #141414 url(/sitefiles/40/gfx/wrapperBackground.png) repeat-x; height: 100%; width: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } strong, p strong { font-weight: bold; } div.KeyPublisherContentBoxMenuUnderlay { z-index: 99; } strong, p strong { font-weight: bold; } i, em { font-style: italic; } p { padding: 3px 0; } div.infobox1 h1, div.infobox2 h1, div.infobox3 h1 { font-size: 26px; padding: 5px 0 10px; font-weight: normal; } div.infobox1 h2, div.infobox2 h2, div.infobox3 h2 { font-size: 22px; padding: 5px 0 10px; font-weight: normal; } div.infobox1 h3, div.infobox2 h3, div.infobox3 h3 { font-size: 18px; padding: 5px 0 5px; font-weight: normal; } div.infobox1 h4, div.infobox2 h4, div.infobox3 h4 { font-size: 16px; padding: 5px 0 5px; font-weight: normal; } div.infobox1 h5, div.infobox2 h5, div.infobox3 h5 { font-size: 14px; padding: 5px 0 5px; font-weight: normal; }
 /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
 /* HER BEGYNNER HOVEDSTILSETT */ div.clearAll { clear: both; } .left { float: left; clear: right; } .right { float: right; clear: right; } #wrapper { margin: 0 auto; width: 980px; background: #4581b7; padding: 16px 0 0; position: relative; } #wrapper div#background { width: 980px; } h1#logo { width: 169px; height: 41px; position: relative; margin: 0 0 12px 18px; overflow: hidden; float: left; clear: left; } h1#logo a { /* width: 100%; height: 100%;*/ width: 169px; height: 41px; background: url(/sitefiles/40/gfx/logo.png) no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sitefiles/40/gfx/logo.png', sizingMethod='crop'); text-indent: -9999px; text-decoration: none; display: block; cursor: pointer; } div#top { } ul#informationMenu { height: 12px; float: right; clear: right; margin-top: 30px; } ul#informationMenu li { float: left; } ul#informationMenu li a { color: #ffffff; font-size: 10px; text-decoration: none; margin:0 15px; } div#topMenuContainer { background: url(/sitefiles/40/gfx/topMenuBackground.png) repeat-x; height: 32px; width: 960px; padding: 0 10px; padding:0px 11px 0px 11px; width:958px; } div#topMenuContainer ul { float: left; clear: left; } div#topMenuContainer ul li { float: left; height: 32px; } div#topMenuContainer ul.children li { float: left; clear: both; overflow: hidden; margin: 0; position: relative; height: 20px; width: 100%; } div#topMenuContainer ul.children li a { margin: 0; overflow: hidden; display: block; height: 20px; width: 100%; float: left; clear: both; padding-right: 12px; text-indent: 12px; padding-left: 0; } div#topMenuContainer ul li.seperator, span.gradientSeperator { width: 1px; height: 32px; background: url(/sitefiles/40/gfx/topMenuSeperator.png) no-repeat; } span.gradientSeperator { display: block; } div#topMenuContainer ul li a { float: left; text-decoration: none; color: #27251d; height: 32px; line-height: 32px; padding: 0 15px; font-weight: bold; text-align: left; background: url(/sitefiles/40/gfx/topMenuActiveBackground.png) repeat-x 0 -32px; } div#topMenuContainer ul.children li a { color: #ffffff; } div#topMenuContainer ul li a.active, div#topMenuContainer ul li a:hover { background-position: 0 0; } div#searchContainer { height: 32px; float: right; width: 238px; clear: right; } div#searchContainer input, div#searchContainer span { float: left; } div#searchContainer input#searchField { background: url(/sitefiles/40/gfx/searchFieldBackground.png) no-repeat; width: 167px; height: 15px; margin-right: 11px; border: 0; padding: 3px 8px; color: #828282; margin-top: 6px; } div#searchContainer input#searchSubmit { width: 42px; height: 32px; display: block; border: 0; background: none; cursor: pointer; color: #27251d; font-size: 10px; padding-bottom: 2px; font-weight: bold; } div#breadcrumbContainer { height: 29px; clear: both; width: 960px; padding: 0 10px; line-height: 28px; padding:0px 10px 0px 20px; width:950px; } div#breadcrumbContainer div.breadCrumb { } div#breadcrumbContainer div.breadCrumb p, div#breadcrumbContainer div.breadCrumb span, div#breadcrumbContainer div.breadCrumb a { float: left; margin-right: 3px; color: #ffffff; font-size: 9px; padding: 0; } div#main { width: 960px; padding: 0 10px 50px; } div#leftColumn { float: left; width: 153px; clear: left; margin-right: 10px; } div#mainColumn { width: 634px; float: left; } div.mainContent.listBox div.contentWhite { padding: 10px; } div#mainColumn.leftMiddle { width: 797px; float: right; clear: right; } div#mainColumn.middleRight { width: 797px; float: left; clear: left; } div#mainColumn.leftMiddleRight { /*margin-left: 10px;*/ } div#rightColumn { width: 153px; float: right; clear: right; } div#footerContainer { height: 24px; width: 100%; background: url(/sitefiles/40/gfx/footerBackground.png) repeat-x; text-align: center; line-height: 22px; position: relative; left: 0; bottom: 20px; position:absolute; bottom:5px; } /* HER SLUTTER HOVEDSTILSETT */ /* HER BEGYNNER GENERELLE STILSETT */ div.listBox { } div.contentWhite { background: #ffffff; } div.listBox h2 { height: 22px; clear: both; display: block; position: relative; font-weight: normal; } div.listBox h2 span.left { background: url(/sitefiles/40/gfx/boxHeaderBackground.png) repeat-x; height: 22px; float: left; clear: left; display: block; } div#leftColumn div.listBox h2 span.left, div#rightColumn div.listBox h2 span.left { width: 72px; } div#leftColumn div.listBox h2 span.title, div#rightColumn div.listBox h2 span.title { /*width: 72px;*/ z-index: 2; } div#mainColumn div.listBox h2 span.left { width: 553px; } div.listBox h2 span.title { float: left; /* clear: left;*/ left: 0px; display: block; height: 22px; position: absolute; text-indent: 10px; color: #27251d font-size: 12px; line-height: 22px; overflow: hidden; } div.listBox h2 span.right { display: block; float: right; clear: right; background: url(/sitefiles/40/gfx/boxHeaderRight.png) no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sitefiles/40/gfx/boxHeaderRight.png', sizingMethod='crop'); width: 81px; height: 22px; } div.listBox h2 span.right { position: absolute; right: 0; z-index: 1; } div.listBox ul { } div.listBox ul li { /*height: 20px;*/ /* padding-left: 10px;*/ } div.listBox ul li div.bottomLinkWrapper { margin-left: 10px; } div.listBox ul li.odd { background: #fafafa; } div.listBox ul li.even { background: #ffffff; } div.listBox ul li a { color: #27251d; font-size: 10px; height: 20px; line-height: 20px; text-decoration: none; } .listBox ul li.bottomLink { padding-bottom:10px; } div.listBox ul li.bottomLink a { text-align: right; text-indent: 0; margin-right: 10px; display: block; line-height: 22px; } div.productListSmall.listBox.cart div.contentWhite { background: #ffffff; padding: 0; line-height: 1; } div.productListSmall.listBox.cart div.contentWhite p.cartMsg { padding: 10px; font-size:10px; color:#27251D; } div.productListSmall ul li, div.articleListSmall ul li { clear: both; } /* HER SLUTTER GENERELLE STILSETT */ /* HER BEGYNNER PRODUKTMALER */ div.productListSmall, div.articleListSmall, div.articleListSmall ul, div.productListSmall ul { width: 153px; clear: both; overflow: hidden; } div.productListSmall.listBox h2 span.left, div.articleListSmall.listBox h2 span.left { width: 72px; } div.productListSmall.listBox.cart div { background: #ffffff; padding: 10px; line-height: 20px; margin: 0; } div.productListSmall.listBox.cart div span.nameTag { float: left; clear: left; } div.productListSmall.listBox.cart div span.priceTag { float: right; clear: right; } div.productListSmall.listBox.cart div span.label { margin-left: 10px; } div.productListCollection.listBox { width: 634px; } div.productListCollection.listBox ul { /* height: 193px; */ width: 634px; padding: 3px 0; background: #ffffff; } div.productListCollection.listBox ul li { float: left; width: 157px; padding-left: 0; height: 193px; border-right: 1px solid #cfcfcf; height:210px; } div.productListCollection.listBox ul li a img { margin: 10px; } div.productListCollection.listBox ul li p { padding: 2px 0 2px 10px; line-height: 20px; } div.productListCollection.listBox ul li p a.productName { color: #27251d; text-decoration: none; font-size: 12px; clear: both; display: block; float:none; clear:none; display:inline; } div.productListCollection.listBox ul li p span.price { color: #2f7c1d; font-size: 12px; display: block; } div.productListCollection.listBox ul li p span.veiledende { display:block; } div.productListCollection.listBox ul li p span.strek { text-decoration:line-through; font-size:12px; color:#999999; } div.productListCollection.listBox ul li.last { border: 0; clear: right; } div.productList.listBox { } div.productList.listBox ul li { height: auto; padding: 0 0 2px; } div.productList.listBox ul li.last { padding: 0; } div.productList.listBox div.productSortListContainer { background: #ffffff; padding: 10px; } div.productSortListContainer ul.productSortList li { clear: both; overflow: hidden; width: 614px; height: auto; margin-bottom:10px; padding:0; } div.productList.listBox div.productSortListContainer form { padding-bottom: 20px; } div.productList.listBox div.productSortListContainer form fieldset label select { margin-left:10px; } ul.productSortList li a.left { height: auto; padding-top:3px; height:120px; } ul.productSortList li a.left img { border: 1px solid #d7d7d7; } ul.productSortList li .holder { margin:0; padding:0; width:420px; float:right; } ul.productSortList li p.right { width: 420px; color: #808080; line-height: 17px; font-size. 12px; margin:0; padding:0; height:103px; } ul.productSortList li .holder a { display: block; line-height: 20px; background: url(/sitefiles/40/gfx/greenBtnSmallBackground.png) no-repeat; width: 76px; height: 21px; text-align: center; color: #ffffff; float: right; font-size:12px; line-height:21px; } ul.productSortList li .holder span.price { float: right; display: block; font-size: 14px; color: #2f7c1d; margin-right: 10px; font-size:12px; line-height:21px; } ul.productSortList li p strong { color: #27251d; font-weight: normal; display: block; clear: both; margin-bottom: 5px; } div.listBox { margin-bottom: 10px; overflow: hidden; position: relative; } div.productDetail { } div.productDetail div.productDetailDescription { position: relative; background: #ffffff; height: auto; width: 100%; padding:10px 10px 10px 10px; width:614px; } div.productDetail div.productDetailDescription .venstre { margin:0; padding:0; width:386px; float:left; } div.productDetail div.productDetailDescription div.detailImage { width: 420px; float: left; clear: left; width:386px; margin:0px 0px 16px 0px; } div.productDetail div.productDetailDescription .venstre ul { margin:0; padding:0; } div.productDetail div.productDetailDescription .venstre ul li { margin:0px 10px 5px 0px; padding:0; list-style:none; width:50px; height:30px; float:left; border:solid 1px #808080; } div.productDetail div.productDetailDescription .venstre ul li img { float:left; } div.productDetail div.productDetailDescription .hoyre { margin:0; padding:0; width:209px; float:right; } div.productDetail div.productDetailDescription div.detailDescription { float: right; clear: right; width: 199px; font-size: 11px; line-height: 20px; margin: 30px 0 0 0; padding-right: 15px; padding:0; width:209px; } .detailDescription p.variantHeading { margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:12px; font-weight:bold; } .detailDescription select.variant { margin:0px 0px 20px 0px; } div.productDetail div.productDetailDescription p.detailPrice, div.productDetail div.productDetailDescription p.veiledende { /*position: absolute; right: 16px; bottom: 18px;*/ float: right; clear: both; margin: 10px 10px 0 0; margin-right:0; } div.productDetail div.productDetailDescription p.detailPrice { margin:0; } div.productDetail div.productDetailDescription p.detailPrice span, div.productDetail div.productDetailDescription p.veiledende span { color: #27251d; font-size: 12px; } div.productDetail div.productDetailDescription p.detailPrice span.price, div.productDetail div.productDetailDescription p.veiledende span.strek { font-size: 20px; color: #2f7c1d; margin-left: 2px; } div.productDetail div.productDetailDescription p.veiledende span.strek { text-decoration:line-through; font-size:12px; color:#999999; } .hoyre div.buyProduct input { margin-right:0; font-size:12px; } /* HER SLUTTER PRODUKTMALER */ /* HER BEGYNNER INNHOLDSMALER */ div.imageCarouselContainer.listBox { width: 100%; /*height: 287px;*/ } div.imageCarouselContainer.listBox h2.carouselHeaders span.left { width: 553px; } div.imageCarouselContainer.listBox div.carouselSlides { height: 287px; overflow: hidden; position: absolute; } div.imageCarouselContainer.listBox div.carouselSlides a.imageListLink, div.imageCarouselContainer.listBox div.carouselSlides div.imageListLink { display: block; width: 614px; height: 267px; padding: 10px; text-decoration: none; color: #000000; float: left; } div.imageCarousel { position: relative; height: 310px; } div.productListSmall.listBox.cart ul li a span.qty { float: left; clear: left; margin-right: 4px; } div.productListSmall.listBox.cart ul li a span.name, div.productListSmall.listBox.cart ul li p span.label { float: left; } div.productListSmall.listBox.cart ul li a span.price, div.productListSmall.listBox.cart ul li p span.price { float: right; clear: right; margin-right: 10px; } div.productListSmall.listBox.cart ul li p { font-size: 10px; line-height: 20px; } /* HER SLUTTER INNHOLDSMALER */ /* HER BEGYNNER ARTIKKELMALER */ div.articleListSmall ul li { height: auto; } div.articleListSmall ul li a span { margin-left: 26px; } /* HER SLUTTER ARTIKKELMALER */ /* HER BEGYNNER JQUERY TABS CSS */ @media projection, screen { .tabs-hide { display: none; } } @media print { .tabs-nav { display: none; } } .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 9px; } .tabs-nav:after { display: block; clear: both; content: " "; } .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; } .tabs-nav a, .tabs-nav a span { display: block; background: url(/sitefiles/site40/jscss/tab.png) no-repeat; } .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #000000; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; } .tabs-nav .tabs-selected a { color: #000; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px; } .tabs-nav a span { width: 64px; /* min-width: 64px; height: 18px; min-height: 18px;*/ padding-top: 6px; padding-right: 0; } *>.tabs-nav a span { width: auto; height: auto; } .tabs-nav .tabs-selected a span { padding-top: 7px; } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .tabs-nav .tabs-disabled { opacity: .4; } .tabs-container { padding: 1em 8px; background: #fff; line-height: 1.4; } .tabs-loading em { padding: 0 0 0 20px; background: url(/sitefiles/site40/jscss/loading.gif) no-repeat 0 50%; } div#productDetailTabsContainer { width: 100%; /* height: 295px;*/ background: #ffffff; } div#productDetailTabsContainer ul { border-bottom: 1px solid #d7d7d7; height: 22px; overflow: hidden; position: relative; } div#productDetailTabsContainer ul li { height: 22px; padding: 0; position: relative; overflow: hidden; float: left; } div#productDetailTabsContainer ul li a { height: 22px; float: left; display: block; position: relative; background: url(/sitefiles/40/gfx/tabmenuBtnBackground.png) repeat-x; padding: 0 10px; } div#productDetailTabsContainer ul li a span { float: left; display: block; height: 22px; overflow: hidden; padding: 0; margin: 0; font-weight: normal; } div#productDetailTabsContainer ul li a span.left, div#productDetailTabsContainer ul li a span.right { background: url(/sitefiles/40/gfx/tabmenuBtnCorner.png) no-repeat; width: 1px; position: absolute; } div#productDetailTabsContainer ul li a span.left { left: 0; z-index: 1; } div#productDetailTabsContainer ul li a span.right { right: 0; z-index: 1; } div#productDetailTabsContainer ul li a span.title { /*padding: 0 10px;*/ /*padding-right: 10px; text-indent: 10px;*/ line-height: 24px; clear: right; /*width: 100%;*/ margin: 0; position: relative; z-index; 2; /*background: url(/sitefiles/40/gfx/tabmenuBtnBackground.png) repeat-x;*/ } div#productDetailTabsContainer ul li.tabs-selected a { background-position: 0 -22px; color: #ffffff; } div#nedlastninger ul { border: 0; width: 350px; height: auto; } div#tekniskespesifikasjoner ul { border: none; height: auto; } div#tekniskespesifikasjoner ul li { float: none; clear: both; height: auto; } div#tekniskespesifikasjoner ul li p { font-size: 10px; padding: 2px 0; height: 14px; } div#tekniskespesifikasjoner ul li p span.left { width: 150px; text-indent: 10px; color: #2F7C1D; } div#tekniskespesifikasjoner ul li p span.right { float: left; } div#productDetailTabsContainer ul li.downloadList.item { padding:2px 5px; height: auto; margin-bottom: 15px; line-height: 1; width: 320px; } div#productDetailTabsContainer ul li.downloadList.item a { background: none; display: inline; float: right; height: auto; padding: 0; position: inherit; } div#productDetailTabsContainer ul li.downloadList.item.last { margin-bottom: 0; } div.buyProduct { background: #ffffff; clear: both; display: block; float: left; width: 100%; } div.buyProduct input { float: right; width: 133px; margin: 10px; padding-bottom: 4px; } div.buyProduct a, div.buyProduct input, a#checkoutBtn { background: url(/sitefiles/40/gfx/greenBtnBackground.png) no-repeat; height: 21px; line-height: 18px; width: 133px; text-align: center; color: #ffffff; text-decoration: none; border: 0; cursor:pointer; } div.buyProduct a, a#checkoutBtn { display:block; } div.checkoutBtnContainer { padding: 10px 0; } li.downloadList.item p.title span { float: left; font-size:12px; font-weight: bold; } li.downloadList.item p.title a { float: right; } li.downloadList.item p.title span.desc { margin-top: 5px; display: block; font-size: 12px; font-weight: normal; } li.downloadList.item p.title a { height: 17px; float: right; clear: right; } /* HER SLUTTER JQUERY TABS CSS */ /* HER BEGYNNER DROP-DOWN MENY CSS */ #tabs { margin:0; padding:0; } #tabs ul { display:block; position:absolute; } #tabs ul.children { margin:32px 0 0 0; _margin: 0; width: 280px; padding:0; border:1px solid #000000; z-index:100; visibility:hidden; } #tabs li { /*background:#969696 url(/sitefiles/site40/jscss/images/bg_grey_tab.gif) no-repeat scroll left top;*/ display:inline; float:left; height:auto; } #tabs li li { background:#232323 none repeat scroll 0%; display:block; float:none; } #tabs ul.children a { text-decoration:none; color:#FFFFFF; display:block; line-height:18px; text-align:left; min-width:240px; padding: 0 12px; } #tabs ul.children li, #tabs ul.children li a { height: 20px; } #tabs ul.children a:hover, #tabs ul.children a.active { background:#565656; color:#FFFFFF; text-decoration:none; } #tabs ul a { color:#ffffff; line-height:20px; min-width:242px; width: auto; } #tabs ul li.odd { background: #232323; } #tabs ul li.even { background: #000000; } #tabs ul ul a { background:#FFF9EA none repeat scroll 0%; } #tabs ul a:hover, #tabs ul a.active { background: #565656; } #tabs li:hover ul, #tabs li.sf ul { visibility:visible; } #tabs li:hover ul ul, #tabs li.sf ul ul { visibility:hidden; } #tabs li:hover ul, #tabs li li:hover ul, #tabs li.sf ul, #tabs li li.sf ul { visibility:visible; } /* HER SLUTTER DROP-DOWN MENY CSS */ /* CART TEMPLATE: COUNTER ================================================================================ */ /* #counter p { font-size: 1.3em; line-height: 1.8; margin: 0 0 1em 0; }*/ #counter { margin: 0; } #counter h3.sectionHeader, #checkout h3.sectionHeader { color: #3d852c; font-size: 12px; padding: 20px 0 20px 10px; } #checkout h3.sectionHeader { padding-left: 0; } #checkout input[type="radio"] { cursor: pointer; } #checkout p { line-height: 1.4; } #counter input.product-count { width: 25px; border: 1px solid #d7d7d7; height: 16px; float: left; text-align: right; padding-right: 4px; } #counter table p.storage { font-weight: normal; margin: 0; } #counter table p.storage strong { margin: 0; } #counter table { width: 100%; border-collapse: collapse; /*margin: 0 0 3em 0;*/ } #counter table tbody.odd, #counter table tr.odd { background: #eeeded; } #counter table tr.odd th.right { float: left; clear: left; font-weight: normal; line-height: 24px; text-indent: 10px; } #counter table tbody.even, #counter table tr.even { background: #ffffff; } #counter table th { text-align: left; } #counter table td, #counter table th { height: 25px; vertical-align: middle; } #counter table .image { width: 27px; } #counter table .name { width: 350px; text-indent: 10px; } #counter table .name.sub { text-indent: 30px; } #counter table .name a { text-decoration: none; color: #000000; } #container #counter table td.name span { display: block; } #container #counter table td.name a { color: #000000; text-decoration: none; border: 0; } #container #counter table td.name ul.prodtilbehor { padding: 0.4em 0 0 7%; list-style-type: square; font-size: 0.9em; line-height: 1.5; color: #888; width: 93%; } #container #counter table td.name ul.prodtilbehor li { width: 90%; padding: 0 10% 0 0; position: relative; } #container #counter table td.name ul.prodtilbehor li a { position: absolute; right: 0; top: 0; } #counter table .count { width: 107px; } #counter table .price, #counter table .sum { padding-right: 5px; } #counter table .price { width: 54px; } #counter table .removeline { width: 40px; padding-left: 5px; } #counter table input.product-count { /*border: 1px solid #ebebeb; width: 1.5em; float: left; clear: left; text-align: center;*/ } #counter table input.product-count:focus { background: #FFFEFD; } #counter table input.refresh { background: none; border: none; font-size: 10px; height: 20px; cursor: pointer; float: left; clear: right; margin: 1px 0 0 0; color: #2F7C1D; padding-bottom: 4px; } #counter table input.refresh:hover { text-decoration: underline; } #counter table a.removeline { width: 60px; height: 20px; outline: none; color: #2f7c1d; text-decoration: none; border: 0; } #counter table a.removeline:hover { text-decoration: underline; } #counter table tbody tr { font-size: 10px; } #counter table tfoot th { text-align: right; } #counter table tfoot th.right { float: none; clear: none; text-align: left; text-indent: 10px; font-weight: normal; } div#checkout { padding: 10px; background: #ffffff; } div#checkout div.contentWhite ul li { height: auto; padding: 4px 0; } fieldset#levInfo ul li label { width: 60px; display: block; height: 22px; float: left; clear: left; line-height: 1.4; } fieldset#levInfo ul li input { float: left; clear: right; width: 218px; border: 1px solid #d7d7d7; height: 16px; font-size: 10px; color: #27251d; } div#produktbygger form ul { border: 0; height: auto; overflow: auto; } div#produktbygger form ul li { clear: both; border: 0; background: none; padding-bottom: 3px; } div#produktbygger form ul li label { width: 100px; color: #2F7C1D; display: block; float: left; } div#produktbygger form ul li select { width: 255px; } li#creditcardPaymentOption, li#invoicePaymentOption { float: left; width: 140px; height: 40px; margin: 10px 0; } li#creditcardPaymentOption img { margin-left: 45px; } input.buyCompletion { clear: both; background: url(/sitefiles/40/gfx/greenBtnBackground.png) no-repeat; height: 21px; line-height: 18px; width: 133px; display: block; text-align: center; color: #ffffff; text-decoration: none; border: 0; padding-bottom: 4px; cursor: pointer; } p.error { display: block; clear: both; color: red; text-transform: uppercase; } input#originalPrice { display: none; } p#newPricetag { text-indent: 10px; font-size: 14px; padding: 3px 0; color: #2F7C1D; } p#newPricetag span.text { width: 110px; display: block; float: left; } p#newPricetag span.price { } div.articleDetailContainer div.contentWhite { padding: 10px; line-height: 1.3; } div.articleDetailContainer div.contentWhite div.articleIngress { font-weight: bold; padding: 5px 0; } div.articleDetailContainer div.contentWhite div.articleContent { padding: 5px 0; } div.articleDetailContainer div.contentWhite div.articleContent p { padding:0px 0px 10px 0px; } .navigasjon { margin:0; padding:10px 0px 0px 0px; width:614px; font-weight:bold; color:#808080; background-color:#FFFFFF; } .navigasjon p { margin:0px 0px 0px 0px; padding:0; text-align:center; } .navigasjon span, .navigasjon ul, .navigasjon a { padding:0px 10px 0px 0px; float:right; line-height:20px; } .navigasjon ul { margin:0; padding:0; } div.productList.listBox div.navigasjon ul li { margin:0; padding:0; list-style:none; width:15px; float:left; text-align:center; height:20px; line-height:20px; } .navigasjon a { text-decoration:none; outline:none; color:#27251D; } div.navigasjon ul li a { padding:0; float:left; color:#808080; font-size:12px; } .navigasjon ul li.aktiv { text-decoration:underline; color:#27251D; } div.productListCollection.listBox.artikkelsamlingNY ul li { padding:0px 9px 9px 9px; width:138px; height:200px; } div.productListCollection.listBox.artikkelsamlingNY ul li a img { margin:0; } div.productListCollection.listBox.artikkelsamlingNY ul li h3 { margin:0px 0px 5px 0px; padding:0; font-size:12px; line-height:15px; } div.productListCollection.listBox.artikkelsamlingNY ul li p { margin:0; padding:0px 0px 0px 0px; font-size:11px; line-height:15px; } /* LIGHTBOX CSS */ #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/40/Lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink {top:-20px; left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/40/Lightbox/images/prev.gif) left 5% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/40/Lightbox/images/next.gif) right 5% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; height:40px; /* overflow: auto;*/ width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: center; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; text-align:left; } #imageData #bottomNavClose{ width: 66px; float: right; padding-right:20px; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .sitemap li ul{margin-left:20px;} #velgvariant{ margin:10px 0 10px 75px; display:none; text-align:center; padding:2px 3px 4px 3px; width:127px; height:15px; background:#ccc url(/sitefiles/40/gfx/greenBtnBackground.png); color:#fff; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; } .olink{ background:#fff; padding:5px; font-size:10px;text-align:right;} .olink a{ font-size:10px; text-align:right;display:block;line-height:22px;margin-right:10px;color:#27251D; text-decoration:none;}