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, 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; } html { height: 100%; } body { line-height: 1; color: black; background: white; font-family: Georgia, Arial, "Bitstream Vera Sans", "Lucida Grande", sans-serif; background: url(/sitefiles/15/design/oslovvs_bg.png) 50% 0 repeat-y; height: 100%; position: relative; } 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: "" ""; } /* Her slutter reset */ p { color: #5e4e59; } a { color: #038ec7; } .infobox1 { clear: both; padding: 10px 0; } .wrapper { width: 868px; margin: 20px auto -194px; padding: 20px 22px -194px; min-height: 100%; height: auto !important; height: 100%; } .mainContainer { width: 868px; padding-bottom: 20px; } .slogan { color: #ffffff; width: 700px; text-decoration: none; word-spacing: normal; text-align: right; letter-spacing: 0; line-height: 1.1em; font-size: 1.6em; display: block; float: right; clear: both; margin: 11px 23px 0 0; } .top { background: url(/sitefiles/15/design/topheaderbackground.png) no-repeat; width: 868px; height: 121px; position: relative; /*margin-top: 20px;*/ } .top h1 { display: block; cursor: pointer; } .top h1 a { text-indent: -999px; display:block; background: url(/sitefiles/15/design/logo.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/15/design/logo.png", sizingMethod="scale"); width: 111px; height: 95px; position: absolute; top: 15px; left: 18px; z-index: 5; cursor: pointer; } .menuContainer { width: 868px; height: 22px; display: block; position: absolute; top: 98px; left: 0; background-color: #ece8e7; float: left; } #topMenu { background-color: #ece8e7; display: block; height: 18px; padding-top: 2px; position: relative; float: right; padding-right: 23px; } #topMenu li { float: left; border-right: 1px solid #ffffff; } #topMenu li.active a { color: #f8991d; } #topMenu li.last { border: 0; } #topMenu li, #topMenu li a { display: block; float: left; } #topMenu li a { color: #636464; display: block; height: 16px; padding: 0 15px; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 15px; font-size: 1em; } #topMenu li.last a { padding: 0 0 0 15px; } #topMenu li a:hover { color: #ffffff; } #searchForm { float: right; margin: 18px 20px 0 0; display: block; } #searchForm input { padding: 0; display:block; float: left; height: 25px; border: 0; height: 18px; } #searchForm input[type="submit"], #queryBtn { text-indent: -99999px; background: url(/sitefiles/15/design/sokbtn.png); width: 39px; height: 18px; cursor: pointer; } #searchForm input#queryString { background: url(/sitefiles/15/design/sokefelt.png); width: 100px; height: 16px; font-size: 10px; padding: 2px 3px 0; } .contentContainer { width: 868px; height: 100%; clear: both; } .footer { background: url(/sitefiles/15/design/footerbackground.jpg) repeat-x; height: 194px; overflow: hidden; width: 912px; position: relative; left: 50%; bottom: 0px; margin-left: -456px; } .gradientbox { height: 315px; background: url(/sitefiles/15/design/gradient315px.png) repeat-x; margin: 15px 0; line-height: 1.2; font-family: Arial; } .forsideannonse { width: 868px; height: 315px; background: url(/sitefiles/15/design/gradient315px.png) repeat-x; margin: 15px 0 0; line-height: 1.2; font-family: Arial; position: relative; } .forsideannonse a, .gradientbox a { margin: 10px 0; } .forsideannonse p, .gradientbox p { font-size: 12px; } .forsideannonse p strong, .gradientbox p strong { font-weight: bold; } .forsideannonse h2, .gradientbox h2 { color: #038ec7; font-size: 28px; margin: 5px 0 10px; font-family: Georgia; } .annonsebombe { background: url(/sitefiles/15/design/adbomb.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/15/design/adbomb.png", sizingMethod="scale"); width: 83px; height: 62px; padding: 30px 30px 40px 20px; text-transform: uppercase; position: absolute; top:10px; right: 15px; text-align: center; color: #000000; } .annonsebombe p { font-size: 34px; color: #000000; } .annonsebilde { position: relative; } .forsideannonse .right { width: 456px; float: left; position: absolute; right: 0; top: 0; } .forsideannonse .left { width: 392px; float: left; padding: 10px; } .forsideannonse .left p { color: #534741; } .pageSeperator { width: 100%; height: 1px; margin: 12px 0; float: left; clear: both; background: url(/sitefiles/15/design/seperator.png) no-repeat; } #welcomeBox { width: 373px; font-family: Georgia; padding: 0 0 0 10px; float: left; margin-top: 0; height: 330px; background-position: 0 15px; } #welcomeBox h2 { font-size: 22px; margin: 0px 0 10px; } #welcomeBox p { font-family: Arial; font-size: 14px; float: left; width: 220px; margin: 10px 0 0 0; color: #534741; } #welcomeBox img { float: left; margin: 10px 10px 0 0; } #welcomeBox p.ingress { color: #5e4e59; text-decoration: none; line-height: 1.2em; font-size: 18px; font-family: Georgia; float: none; width: auto; margin: 0; } #storeBoxes { height: 138px; display: block; float: right; margin: 0 0 10px; } .storeBox { margin-right: 18px; } .storeBox.last { margin-right: 0; } .storeBox, .storeBox a { display: block; width: 140px; text-align: center; float: left; text-decoration: none; } .storeBox a { padding: 45px 0px; color: #ffffff; line-height: 1.1; } .storeBox a span.title { font-size: 14px; display: block; } .storeBox a span.storename { font-size: 30px; } .storeBox a#Furuset { background: url(/sitefiles/15/design/boxbackground-furuset.png) repeat-x; } .storeBox a#Rud { background: url(/sitefiles/15/design/boxbackground-rud.png) repeat-x; } .storeBox a#Kolbotn { background: url(/sitefiles/15/design/boxbackground-kolbotn.png) repeat-x; } .push { height: 194px; } #secondlevel { overflow:hidden; line-height: 1.5; float: left; height: 28px; clear: both; margin: 0 15px; } #secondlevel li { float: left; margin: 0 10px; height: 25px; } #secondlevel li a { text-decoration: none; color: #636464; } #secondlevel li a:hover { color: #F8991D; } #secondlevel li a.active { color: #F8991D; } #storesList { color: #ffffff; font-family: Arial; padding: 10px 30px 0; font-size: 14px; line-height: 1.4; height: 184px; } #storesList h2 { font-size: 30px; } #storesList p { color: #ffffff; } #storesList p strong { font-weight: bold; } #storesList ul { margin: 0px 0; float: left; font-size: 12px; padding: 10px 0; } #storesList .storeTimes { float: right; margin: 0 40px 0 0; width: 92px; } #storesList ul li { float: left; display: block; width: 230px; height: 130px; margin: 0 10px 0 0; } #storesList ul li a { color: #ffffff; margin: 15px 0 0; display: block; } #storesList ul li p { font-size: 12px; } #storesList ul li p.storeTitle { font-weight: bold; font-size: 14px; } /* Butikkene */ #imageViewContainer { width: 613px; float: left; } .imageList { display: block; float: right; clear: right; height: 363px; width: 250px; margin-top: -5px; overflow: hidden; padding-top: 2px; } .imageList li { margin: 0 0 6px; _margin: 0 0 3px; float: left; /*clear: right;*/ padding-left: 7px; position: relative; } .imageList li a { background: url(/sitefiles/15/design/imageBorderOverlay.png) no-repeat scroll -118px 0; width: 117px; height: 117px; display: block; outline: none; } .imageList li a.active { background-position: 0 0; } .imageList li a img { margin:3px; } .imageList li a img.active { /*outline: 3px solid #F8991D;*/ } .articleContent { clear: both; width: 593px; padding: 10px; line-height: 1.4; float: left; margin: 10px 0; background: url(/sitefiles/15/design/articlegradient.png) repeat-x; } .articleContent h2 { color: #F8991D; font-size: 26px; } .articleContent p.ingress, .deliveryArticleContent p.ingress { font-weight: normal; margin: 5px 0; font-family: Georgia,Arial,"Bitstream Vera Sans","Lucida Grande",sans-serif; font-size: 16px; line-height: 1.3; } .articleContent p, .deliveryArticleContent p { font-size: 12px; font-family: Arial; line-height: 1.4; } .deliveryArticleContent p a { text-decoration: none; color: #F8991D; } #imageContainer { clear: both; width: 868px; height: 360px; } .imgThumb { /*display: block;*/ } #storeFacts { float: right; width: 217px; margin: 10px 4px 10px 0; _margin: 10px 2px 10px; background: url(/sitefiles/15/design/articlegradient.png) repeat-x; padding: 12px 10px; line-height: 25px; } #storeFacts li.header h3, .leftContent ul li.header h3 { display: block; background: url(/sitefiles/15/design/orangetop.png) no-repeat; height: 40px; width: 217px; font-size: 20px; } #storeFacts li.header h3, .leftContent ul li.header h3 { display: block; color: #ffffff; /*background: #f8991d; height: 20px; line-height: 20px;*/ text-indent: 7px; line-height: 25px; } #storeFacts li p { background: url(/sitefiles/15/design/yellowcircle.png) no-repeat 0 10px; display: block; padding: 0 0 0 10px; } .contactInfo { margin: 0pt 10px; padding: 0pt 10px; font-size: 15px; float: right; clear: right; width: 210px; line-height: 1.4; } .leftContent { height: 350px; width: 180px; float: left; background: url(/sitefiles/15/design/articlegradient.png) repeat-x; padding: 6px 8px; line-height: 1.5; margin: 10px 0 0; } .leftContent ul li a { text-transform: uppercase; text-decoration: none; color: #5e4e59; font-size: 14px; } .leftContent ul li a:hover, .leftContent ul li a.active { color: #f8991d; } .deliveryArticleContent h2 { font-size: 26px; color: #f8991d; padding: 5px 0 0; } .deliveryArticleContent p { margin: 5px 0; } #catImage { margin: 10px 0 0; display: block; } .searchResult p { padding: 10px 0; font-size: 14px; } .searchResult p a { color: #f8991d; text-decoration: none; } div#tabmenuContainer { float: right; height: 280px; width: 456px; margin: 10px 0; position: relative; } ul#tabmenu { position: absolute; top: 49px; z-index: 5; } ul#tabmenu li.tabSpace { position: relative; float: left; margin-right: 2px; top: 1px; } ul#tabmenu li.tabSpace h3 a { height: 29px; width: 148px; background: url(/sitefiles/15/design/tabmenubtnbackground.png) repeat-x; display: block; text-decoration: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; text-indent: 10px; line-height: 29px; color: #636363; } ul#tabmenu li.tabSpace h3 a.active { border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #ffffff; height: 29px; position: relative; top: 0; z-index: 2; background-color: #ffffff; } .tabContentContainer { position: absolute; top: 80px; height: 210px; clear: both; z-index: 2; } .tabContentContainer div.content { width: 432px; height: 189px; background: url(/sitefiles/15/design/tabmenubackground.png) repeat-x; display: block; font-size: 14px; overflow: hidden; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; display: none; padding: 10px; } .tabContentContainer div.content.active { position: absolute; top: 0px; left: 0; display: block; z-index: 0; } .tabContentContainer div.content a { position: absolute; bottom: 10px; left: 10px; } #tabmenuContainer span, #tabmenuContainer img { float: left; } #tabmenuContainer span { font-size: 12px; color: #2a4771; height: 40px; display: block; font-family: Arial; line-height: 60px; margin-left: 12px; }