/* -------------------------------------------------------------- Reset -------------------------------------------------------------- */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,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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Tables still need 'cellspacing="0"' in the markup. */table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* Remove possible quote marks */blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* -------------------------------------------------------------- Layout -------------------------------------------------------------- */a { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } .infobox1 a:hover { text-decoration:none; } .wrapper-top { margin: 0; height: 179px; background:/* #000 url('/sitefiles/18/design/sole_top_bg.png') repeat-x left bottom*/ #262626; } .header { float: left; text-indent: -999px; } .header a { background: #000 url(/sitefiles/18/sole-gray.png) no-repeat left top; width: 400px; height: 59px; display: block; color: #FFF; margin-left: 20px; margin-top: 40px; } .box { float: right; text-align: right; width: 370px; margin: 15px 15px 0 15px; padding: 5px; } .box a { color: #ff0 } .user-field { padding-top: 5px; float: left; width: 200px; } .nav { width: 160px; height: 500px; left: 0; top: 0; float: none!important; float: left; } .content { background: none; /*margin: -500px 0 0 160px!important;*/ margin: 10px 0 0 20px; _margin: 10px 0 0 10px; /* float: none!important;*/ /* ødelegger i ie*/ float: left; } .content_checkout { width: 530px; background: none; padding: 10px 30px 10px 0px; float: left; } .content_right { width: 250px; float: left; } .details { float: left; text-align: center; width: 500px; /*height: 400px;*/ background: #fff; } hr { clear: both; display: block; visibility: hidden; width: 100%; border: 0; height: 0; } /* Typografi-------------------------------------------------------------- */ body { color: #606060; background: #FFF; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; } h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif } p { font-size: 12px; line-height: 16px; margin-bottom: 16px } h1 { font-size: 24px; line-height: 32px; margin-bottom: 16px } h2 { font-size: 16px; line-height: 20px; margin-bottom: 16px; text-decoration: none; text-transform: uppercase; font-weight: bold } h3 { font-size: 16px; line-height: 1; margin-bottom: 16px } h4 { font-size: 14px; line-height: 1.25; margin-bottom: 4px } h5 { font-size: 12px; font-weight: bold; margin-bottom: 4px } h6 { font-size: 12px; font-weight: bold } /* Navigation -------------------------------------------------------------- */ .mainNav { float: right; margin-top: 27px; clear:both; padding: 0 20px 0 0; } .mainNav li { float: left; height: 33px; list-style-type: none; display: block; } .mainNav li a { display: block; height: 23px; padding: 8px 10px 0 10px; color: #fff; font-size: 12px; float: left; text-decoration: none; font-weight: bold; text-align: center; background-repeat: no-repeat; background-position: left top; } .mainNav li.right { float:left} .mainNav li a:hover { text-decoration: underline} .mainNav li.active a { text-decoration: underline; height: 25px; } .mainNav li a.home { background: url(/sitefiles/18/design/li-bg2.gif) no-repeat } .mainNav li.active a.home, .mainNav li a.home:hover { color: #FFF} /* ---------------------------- */.prodNav { clear: both; margin: 40px 0 0 0; list-style-type: none; } .prodNav li { } .prodNav li a { color: #606060; font-size: 18px; font-weight: bold; text-decoration: none; width: 110px; /* background: url(/sitefiles/18/design/nav-bg.gif) top left no-repeat; */ display: block; padding: 10px 0 10px 15px; } .small { margin: 0 0 0 0; background: url(/sitefiles/18/design/nav-bg.gif) bottom left no-repeat; } .small li a { font-size: 12px; padding: 7px 0 7px 15px; } /* ---------------------------- */.accountNav { float: left; width: 361px; margin: 0!important; margin: 45px 0 0 0; padding: 0 0 0 13px; } .accountNav li { display: inline; } .accountNav li a { display: block; height: 30px; padding: 15px 0 0 0; text-indent: -9999px; float: left; background: #fff; } .accountNav .Login a { width: 43px; float: left; margin: 0 0 0 52px!important; margin: 0 0 0 32px; background: none; } .accountNav .Register a { width: 58px; margin: 0 0 0 25px; background: none; } .accountNav .My a { width: 146px; text-indent: 0; margin: 0 0 0 15px; background: none; font-weight: bold; text-decoration: underline; text-align: center; } /* Brødsmulemeny-------------------------------------------------------------- */ .breadcrums { padding: 5px 0 0 0; margin-left: 20px; text-transform: uppercase; font-size: 11px ;width:500px;clear:both;} .breadcrums .breadcrumtitle { float: left; width: 85px } .breadcrums ul { float: left; width: 100%; list-style-type: none; padding-top: 3px; } .breadcrums ul li { display: inline } /* Knapper-------------------------------------------------------------- */.button-green,.button-yellow,.button-pink,.button-grey { display: block; text-align: center; float: left; cursor: pointer; height: 22px; color: #fff; padding: 0 0 0 5px; margin-right: 5px; margin-top: 5px; } .button-green span,.button-yellow span,.button-pink span,.button-grey span { cursor: pointer; height: 19px; display: block; padding: 3px 10px 0 5px; color: #fff; font-size: 11px; font-weight: bold; } .button-green { background: url(/sitefiles/18/design/button-green.png) no-repeat } .button-yellow { background: url(/sitefiles/18/design/button-yellow.png) no-repeat } .button-pink { background: url(/sitefiles/18/design/button-pink.png) no-repeat } .button-grey { background: url(/sitefiles/18/design/button-grey.png) no-repeat } .button-green span { background: url(/sitefiles/18/design/button-green-right.png) bottom right no-repeat } .button-yellow span { color: #1a171b; background: url(/sitefiles/18/design/button-yellow-right.png) bottom right no-repeat } .button-pink span { background: url(/sitefiles/18/design/button-pink-right.png) bottom right no-repeat } .button-grey span { background: url(/sitefiles/18/design/button-grey-right.png) bottom right no-repeat } .last { margin-right: 0 } /* -------------------------------------------------------------- Product -------------------------------------------------------------- */ .item { width: 188px; height: 136px; height: 174px; float: left; padding: 0 0 40px 30px; } .item img { border: 1px solid #ddd; padding: 5px; background: #FFF; } .item h2 { margin: 10px 0 0 0; font-weight: bold; text-decoration: none; font-size: 12px; color: #898989; height:36px;border-bottom:0px solid red;line-height:18px;} .exclusive, .sale, .news, .instore, .new_exclusive, .exclusive_instore, .new_instore {margin-left: -15px; padding-left: 15px;} .exclusive{background: url(/sitefiles/18/design/exc.jpg) no-repeat 2px 69px; } .news {background: url(/sitefiles/18/design/New.jpg) no-repeat 2px 0; } .sale{background: url(/sitefiles/18/design/sale.jpg) no-repeat 2px 0; } .instore{background: url(/sitefiles/18/design/instore.jpg) no-repeat 2px 0; } .new_instore{background: url(/sitefiles/18/design/new_instore.jpg) no-repeat 2px 0; } .exclusive_instore{background: url(/sitefiles/18/design/exclusive_instore.jpg) no-repeat 2px 0; } .new_exclusive{background: url(/sitefiles/18/design/new_exclusive.jpg) no-repeat 2px 0; } h2 a { color: #898989; } /* ----------------------- */.prodFooter { width: 100%;/* background: url(/sitefiles/18/design/footer-bg.gif) repeat-x;*/ height: 22px; padding: 6px 0 0 0; border-top: 1px solid #DDD; clear: both; font-weight: normal; font-size: 11px; float: left; color: #333; margin: 50px 0 0 0; } .prodSort, .prodNumber, .prodPages { text-align: center; } .prodSort a, .prodNumber a, .prodPages a { color: #36F; } .prodSort { height: 20px; width: 220px; display: block; text-align: left; float: left; position: relative; top: -20px; padding-left: 10px; } .prodNumber { height: 20px; width: 250px; display: block; margin: 0 auto;clear:both; } .prodPages { float: right; height: 20px; width: 200px; padding-right: 10px; display: block; position: relative; top: -20px; } /* ----------------------- */.related, .otherpics { text-align: left; margin: 40px 0 0 0; padding: 0 0 0 35px; } .related h3, .otherpics h3 { font-size: 16px; color: #999; font-weight: bold; margin: 0 0 15px 0; } .info h2 { text-transform: uppercase; font-size: 20px; margin: 0 0 10px 0; font-weight: bold; color: #5b5c5e; text-decoration: underline; } .info h3 { font-weight: bold; font-size: 14px; } .info p { font-size: 12px; line-height: 16px; } .info select { width: 40px; text-align: right; } .info hr { background: #eee; color: #eee; margin: 15px 0 15px -21px; border: 0; height: 1px; } .info .buyButton { width: 73px; height: 23px; text-indent: -9999px; display: block; background: url(/sitefiles/18/design/buy-bg.png); } /* Handlekurv utsjekking */.checkoutCartTbl { margin: 10px 0; width: 650px; font-size: 11px; padding-bottom: 5px; border-bottom: 3px double #DDD; } .checkoutCartTbl th { font-weight: bold; padding-bottom: 5px; } .checkoutCartTbl th.cartCol1 { width: 25px; } .cartCol1 { width: 8%; /*10%;*/ text-align: center; padding-left: 1px; font-size: 9px; } .cartCol2 { width: 30%; /*35%;*/ padding-left: 2px; } .cartCol3 { width: 13%;/*15%;*//*padding-left:1px;*/ } .cartCol4 { width: 22%/*25%;*/ padding-left: 1px; } .cartCol5 { width: 13%/*15%;*/ padding-left: 1px; text-align: right; } .cartCol6 { width: 15%; padding-left: 1px; text-align: right; } .cartCol5Sum { text-align: right; } .cartProdlineTbl { width: 100%; height: 20px; } .tblSep { font-size: 1px; height: 3px; } .cartProdlineTbl td { margin: 0; padding: 0; } .cartProdlineTbl .cartCol5 { text-align: right; } .cartProdLineEven { margin: 0; padding: 0; background-color: #e8edfa; } .cartProdLineOdd { margin: 0; padding: 0; background-color: white; } .chargeline { color: #8fc774; font-weight: bold; padding-left: 2px; } .sumchargeline { color: #8fc774; font-weight: bold; text-align: right; } .sepLine {/* background-image: url(/sitefiles/18/design/sepline.gif); background-repeat: repeat-x; background-position: 0px 5px;*/ font-size: 1px; border-bottom: 3px double #DDD; height: 3px; } .loginBox { margin: 30px 0px 0px 0px; font-size: 12px; } .loginBox p { margin: 0px 0px 0px 0px; } .loginBox h4 { border-bottom: 1px solid #ccc; width: 170px; } .loginInfo { margin: 0; padding: 0; height: 24px; padding-top: 6px; } .loginerror { color: red; padding-bottom: 6px; } .loginPass { float: left; } .loginSubmit { float: left; padding-left: 10px; } .loginbtn { border: 0px; background-color: #d9cf36; margin-top: 2px; } /* @ Login / REGISTER */.externalRegformwrapper{ float: left; } .registerformwrapper { margin: 10px 0; width: 300px; border: 1px solid #ccc; background-color: #eeeeee; padding: 5px; float: left; } .registerformwrapper ul { list-style-type: none; } .registerformwrapper input { margin-top: 5px; } .registerformwrapper label { padding-left: 10px; float: left; width: 120px; } .registerformwrapper .fatbutton { margin-top: 10px; } .newuser_loginbox { margin: 10px 0 0 20px; padding: 10px; width: 220px; float: right; text-align: left; border: 1px solid #ccc; background-color: #F7F7F7; } .newuser_loginbox ul { list-style-type: none; margin: 0; padding: 0; } .newuser_loginbox input { float: right; } .newuser_loginbox label { float: left; } #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/18/design/LB/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/18/design/LB/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/18/design/LB/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; height:22px; overflow:hidden; } #imageData #bottomNavClose img { float:right; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .prodlistwrapper { float: left; } .prodlistselect { float: left; width: 100%; padding: 5px 10px; } .singleProdWrapper { float: left; width: 500px; } /* produkt sortering */#productSortMenu { float: left; } /* ----------------------- */.related, .otherpics { text-align: left; margin: 40px 0 0 0; padding: 0 0 0 35px; } .related h3, .otherpics h3 { font-size: 16px; color: #999; font-weight: bold; margin: 0 0 15px 0; } .details { float: left; width: 550px; } .info { float: right; width: 250px; border-left: 1px solid #DDD; padding-left: 5px; } .info h2 { text-transform: uppercase; font-size: 20px; margin: 0 0 10px 0; font-weight: bold; color: #5b5c5e; text-decoration: none; } .info h3 { font-weight: bold; font-size: 14px; } .info p { font-size: 12px; line-height: 16px; } .info select { width: 40px; text-align: right; } .info hr { background: #eee; color: #eee; margin: 15px 0 15px -21px; border: 0; height: 1px; } .info .buyButton { width: 73px; height: 23px; text-indent: -9999px; display: block; background: url(/sitefiles/18/design/buy-bg.png); } .singleProdWrapper { margin-left: 20px; float: left; width: 850px;/*position:relative;*/ } /* Utsjekking-------------------------------------------------------------- */.table-checkout { padding: 9px; width: 100%; font-size: 11px; } .table-checkout th { padding-left: 10px; padding-top: 2px; } .table-checkout td { vertical-align: top; padding: 0 0 4px 0; padding-left: 10px; } .table-checkout input,.table-checkout textarea { color: #888; background: #FFF; border: 2px solid #d2d2d2; font-size: 11px; font-weight: bold; font-family: Lucida Grande, Arial, Helvetica, sans-serif; padding-left: 2px; } .table-checkout input:focus,.table-checkout textarea:focus { border: 2px solid #aaa; background: #FFF; color: #444 } .table-checkoutcart { width: 300px; font-size: 12px; } .table-checkoutcart td, .table-checkoutcart th { text-align: left; height: 16px; } .table-checkoutcart th { font-weight: bold; } .table-checkoutcart .cartCol1 { width: 80%; } .table-checkoutcart .cartCol2 { width: 20%; text-align: right; padding-right: 10px; } .table-checkoutcart .Sum { padding-top: 5px; } .table-checkoutcart .tblSep { font-size: 1px; height: 3px; } .table-checkoutcart .chargeline { color: #8fc774; font-weight: bold; padding-left: 2px; } .table-checkoutcart .sumchargeline td { color: #8fc774; font-weight: bold; padding-right: 10px; } .table-checkoutcart .sepLine { width: 100%; float: right; font-size: 1px; height: 3px; } .wrapper-col { width: 1000px; } .col-l { width: 550px; padding-bottom: 15px; background: none; margin: 0 0 0 15px; float: left; } .col-r { padding: 0 0 0 10px; border-left: 1px solid #DDD; float: left; } /* my page */.myPageOrderTbl { border: 1px solid #ccc; margin-top: 10px; width: 550px; } .myPageOrderTbl td { padding-right: 30px; padding-left: 10px; } .myaccountTbl { border: 1px solid #ccc; padding: 10px; width: 550px; } .myaccountTbl td {/*padding-right:20px;*/padding-top: 2px; padding-bottom: 2px; } #myaccountInfo { } #myPageOrder { display: none; } .costSpan_1 { clear: both; float: left; padding-left: 5px; } .top-content { width:850px; margin:0 auto; } .top-content img, .top-content a:hover,{ text-decoration:none !important; border:0; } .table-checkout { } .table-checkout ul { padding-top:10px; list-style-type:none; } .table-checkout ul li { clear:both; padding:2px 0px 2px 0px; } .table-checkout ul li label { float:left; width:100px; } .table-checkout ul li input { float:left; width:140px; } .infobox1 a { color:blue!important; text-decoration:none; } .infobox1 a:hover { text-decoration:underline; } .table-checkout ul li input.radio { width: auto; border: 0; padding: 0; } .table-checkout ul li select { width: 220px; } .table-checkout ul li#creditcardlinethree .group { float: left; } .table-checkout ul li#creditcardlinethree select { width: auto; } .checkoutCartTbl {padding:0;} .checkoutCartTbl td { vertical-align: middle; height: 32px; } .checkoutCartTbl td.tblSep { height: auto; } .cartCol3 form { width: 59px; height: 22px; position: relative; overflow: hidden; background: url(/sitefiles/18/design/count-refresh.gif) 0 0 no-repeat; } .cartCol3 form .count { width: 22px; height: 18px; padding: 4px 5px 0; float: left; clear: left; border: 0; background: none; text-align: center; color: #606060; font-size: 11px; } .cartCol3 form .refresh { width: 22px; height: 22px; float: right; clear: right; cursor: pointer; border: 0; padding: 0; background: none; } #checkout form { padding-bottom: 40px; } #checkout .submit-wrap { background: url(/sitefiles/18/design/button-green-right-big.png) 100% 0 no-repeat; float: left; clear: both; height: 44px; position: relative; overflow: hidden; margin: 20px 0 0; left: 100px; } #checkout .submit-wrap .left { background: #FFF url(/sitefiles/18/design/button-green-big.png) 0 0 no-repeat; width: 7px; height: 44px; position: absolute; overflow: hidden; top: 0; left: 0; clear: both; } #checkout .submit-wrap input.submit { cursor: pointer; height: 44px; color: #FFF; padding: 0 25px 4px; font-size: 22px; border: 0; font-weight: bold; background: none; position: relative; float: left; width: auto; left: 0; margin: 0; } .wrapper-main { width: 100%; position: relative; overflow: hidden; } .wrapper-main table { width: 100%; border-spacing: 0; border-collapse: collapse; border: 0; } .wrapper-main table td { vertical-align: top; } .wrapper-main table td.main { padding: 0 20px 0 0; } .wrapper-main table .side { width: 200px; padding: 0 20px; background: #262626; } #mms-latest-news { color: #FFF; width: 200px; position: relative; overflow: hidden; padding: 10px 0 0; } #mms-latest-news .paging { width: 200px; float: left; clear: both; } #mms-latest-news .paging .prev, #mms-latest-news .paging .next { font-weight: bold; color: #FFF; text-decoration: underline; } #mms-latest-news .paging .prev { float: left; clear: left; } #mms-latest-news .paging .next { float: right; clear: right; } #mms-latest-news .paging .prev:hover, #mms-latest-news .paging .next:hover { text-decoration: none; } #mms-latest-news h1 { text-transform: uppercase; font-weight: bold; text-align: center; letter-spacing: .05em; padding: 0 0 .35em; border-bottom: 1px solid #555; width: 200px; } #mms-latest-news .article { padding: 0 0 20px; border-bottom: 1px solid #555; margin: 0 0 20px; width: 200px; position: relative; overflow: hidden; } #mms-latest-news .last { border: 0; margin: 0; } #mms-latest-news .article p.meta { font-size: 9px; margin: 0 0 5px; line-height: 12px; color: #666; } #mms-latest-news .article .img, #mms-latest-news .article .img img { display: block; } #mms-latest-news .article .img { padding: 0 0 5px; } #mms-latest-news .article h2 { margin-bottom: 8px; } #mms-latest-news .article .content { float: none; margin: 0; } #mms-latest-news .article .content p { margin: 0 0 8px; } #mms-latest-news .article .content p a { color: #FFF; text-decoration: underline; font-weight: bold; } #mms-latest-news .article .content p a:hover { color: #E7CA00; text-decoration: none; } ul.prod-navi { display: block; padding: 0 0 0 10px; float: right; clear: right; position: relative; top: -20px; list-style: none; } ul.prod-navi li { float: left; padding: 0 .1em; } ul.prod-navi li.active { padding: 0 .35em; } ul.prod-navi li a { display: block; float: left; color: #36F; padding: 0 .25em; }