/* 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, img, ins, kbd, q, s, samp, strike, 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; } body { } /* 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; } .wrapper-top { margin: 0; height: 99px; background: #000 url('/sitefiles/18/design/sole_top_bg.png') repeat-x left bottom; } .header { width: 10px; float: left; margin: 0 0 16px 0; border: 0; } .header a { width: 135px; height: 29px; display: block; color: #FFF; margin-left: 20px; margin-top: 10px; } .box { float: right; text-align: right; width: 270px; padding: 15px 15px 0 15px; } .box a { color: #fff } .user-field { padding-top: 5px; float: left; width: 200px; } .nav { width: 20px; height: 500px; left: 0; top: 0; loat: none!important; float: left; } .content { left: 20px; } hr { clear: both; display: block; visibility: hidden; width: 100%; border: 0; height: 0; } /* Typografi -------------------------------------------------------------- */ body { color: #606060; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; } h1,h2,h3,h4,h5,h6 { font-family: Lucida Grande, Arial, Helvetica, sans-serif } p { font-size: 12px; line-height: 16px; margin-bottom: 16px } h1 { font-size: 24px; line-height: 32px; margin:10px 0 16px 20px; border-bottom: 1px solid #DDD; } h2 { font-size: 16px; line-height: 20px; margin-bottom: 16px; 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: left; clear: both; margin-top: 7px; padding: 0 0 0 20px; } .mainNav li { float: left; height: 33px; background: url(/sitefiles/18/design/li_repbg.gif) repeat-x; list-style-type: none; display: block; } .mainNav li a { display: block; height: 25px; padding: 8px 10px 0 10px; color: #2f2f2f; font-size: 14px; text-transform: uppercase; float: left; text-decoration: none; font-weight: bold; text-align: center; background-image: url(/sitefiles/18/design/li_sep.gif); background-repeat: no-repeat; background-position: left top; } .mainNav li.right { float: right; } .mainNav li.right a { padding-top: 12px; height: 21px; font-size: 11px; } .mainNav li a:hover { background: #fff; } .mainNav li.active a { background: #fff; margin-top: -5px; height: 33px; padding-top: 13px; } .mainNav li a.home { background: url(/sitefiles/18/design/li-bg2.gif) no-repeat } .mainNav li a.home:hover { background: #fff; } .mainNav li a.Shop:hover { color: #f2a8be; } .mainNav li a.News:hover { color: #89bbff; } .mainNav li a.About:hover { color: #f3ce25; } /* ----------------------- */ .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;*/ }