/* FARGER Mørk #a78e55 Mellom #b7a067 Lys #d0bd94 */ /* Generelt */ * { padding: 0; margin: 0; font-family: verdana, sans-serif; font-size:x-small; line-height: 1.3; color: #333; } html, body { width: 100%; height: 100%; } body { background: #fff; } hr { border: 0; clear: both; width: 0; } .hide { display: none; } .unavailable { display: none; } .skip { display: none; } /* Tekst */ div#header h1 { height: 100px; background: transparent url("/sitefiles/25/layout/header_right.png") no-repeat right top; } h2 { margin: 0 0 0.5em 0; font-size: 1.4em; clear: both; font-weight: normal; color: #666; } div.sidemenu h2 { font-size: 1.2em; font-weight: normal; text-align: center; color: #666; } h3 { margin: 1em 0 0.5em 0; font-size: 1.2em; } div.sidemenu h3 { margin: 0; font-size: 1.0em; } div.productlist h3 { font-weight: normal; font-size: 1em; } div.product h3 { margin-top: 0; color: #a78e55; } p { max-width: 40em; margin: 0 0 1em 0; } div#breadcrumb p { height: 23px; padding: 7px 0 0 18px; background: transparent url("/sitefiles/25/layout/breadcrumb_right.png") no-repeat right top; max-width: 100%; margin: 0; line-height: 1.0; } div.sidemenu p { margin: 0.5em 0 0 0; } p.cashout { text-align: center; margin: 0 auto 1em 0; } p.success { padding: 0.5em; background: #696; clear: both; } p.failure { padding: 0.5em; background: #f00; clear: both; } p.sort, div.productlist p { margin: 0; } p.price { font-weight: bold; } p.price .ordinary { text-decoration: line-through; margin: 0 1em 0 0; font-weight: normal; } p.price .special { color: blue; } p.meta { color: #666; } p.ingress { font-weight: bold; } .required, .error, .important { color: red; } .accesskey { text-decoration: underline; } div#footer p { color: #999; margin: 0; max-width: 100%; } /* Lister */ ul { margin: 0 0 1em 1em; } div.sidemenu ul { margin: 0 0 0 1em; } ul#categories { margin: 0; list-style: none; color: #000; } ul#categories li { margin: 0.3em 0; } ol { margin: 0 0 1em 2em; } ol ol { list-style-type: lower-alpha; } dl { margin: 0 0 1em 0; } dt { font-weight: bold; } dt.sum { margin: 0.5em 0 0 0; } dd { margin: 0 0 1em 1em; } div.sidemenu dd { margin: 0 0 0.2em 1em; } /* Tabeller */ table { border: 0; margin: 0 0 1em 0; } table#checkoutcart, table#order { border-collapse: collapse; } caption { font-weight: bold; } table#checkoutcart td, table#checkoutcart th, table#order td, table#order th { border-bottom: 1px solid #d0bd94; padding: 5px; } td.sum { text-align: right; } /* Skjema */ legend { color: #000; font-weight: bold; margin: 0 auto; padding: 0 10px; } fieldset { padding: 1em; border: 0; } fieldset.hidden { display: none; } fieldset#login, fieldset#register, fieldset#delivery, fieldset#comments, fieldset#payment, fieldset#creditcard, fieldset#gift, fieldset#forgotten { border: 1px solid #d0bd94; width: 11em; float: left; margin-bottom: 1em; } fieldset#login, fieldset#delivery, fieldset#gift, fieldset#payment { margin-right: 1em; clear: left; } input.submit, input.fatbutton, tr.buttons input { /* fatbutton/tr.buttons er midlertidig, brukes av noen moduler i KeyShop */ clear: both; } table.form_table input { /* Midlertidig. Brukes bl.a. på Konkurranse */ display: inline; } fieldset.submit { clear: both; } label { margin: 1em 0 0.2em 0; display: block; } fieldset#payment label, fieldset#gift label, fieldset#cause label { display: inline; } input, select { margin: 0 0 1em 0; display: block; } input:focus { background: #d0bd94; } fieldset#payment input, fieldset#gift input, fieldset#cause input { display: inline; vertical-align: middle; margin: 0 10px 0 0; } input[type="radio"] { display: inline; vertical-align: middle; margin: 0 10px 0 0; } table#checkoutcart tbody input { margin: 0; width: 2em; } table#checkoutcart tfoot input { margin: 0; } input#gift { float: left; margin-right: 5px; } option { padding: 0 5px 0 3px; } textarea { width: 80%; display: block; } div.sidemenu label { margin: 0; } div.sidemenu fieldset { padding: 0; } div.sidemenu input, div.sidemenu select { margin: 0; width: 100%; } div.product form, div.product fieldset { margin: 0; padding: 0; } div.product legend { display: none; } div.product label, div.product input, div.product select { display: inline; margin: 0; } div.product form input[type="text"] { width: 2em; } div.product form input[type="submit"] { margin: 1em 0 0 0; display: block; } div.product form input.submit { background:#D1BE95 none repeat scroll 0 0; border:1px solid #000000; cursor:pointer; display:block; height:20px; margin:1em 0 0; padding-bottom:4px; width:150px; } /* Layout */ div#header { height: 100px; background: #fff url("/sitefiles/25/layout/header_back.png") repeat-x; overflow: hidden; } .headerText { margin:0; padding:0; width:340px; height:20px; position:relative; top:-55px; left:430px; font-size:12px; } div#breadcrumb { height: 30px; background: #fff url("/sitefiles/25/layout/breadcrumb_back.png") repeat-x; } div#leftcolumn { padding: 1%; width: 18%; float: left; } div#content { padding: 1%; /* Denne skal være 58 %, men da blir det horisontalt rullefelt i IE */ width: 54%; float: left; } div#rightcolumn { padding: 1%; width: 18%; float: right; } div.sidemenu { margin: 0 0 1em 0; border: 1px solid #a78e55; padding: 10px; background: #eee; } div.sidemenu2 { margin: 0 0 1em 0; border: 1px solid #a78e55; padding: 10px; background: #d0c3a4; text-align: center; } div.sidemenu2 :link, div.sidemenu2 :visited { color: #FFFFFF; font-size: large; } div.emblem { width: 100%; padding: 1em 0 1em 0; text-align: center; } div.productlist { margin: 0 10px 10px 0; border: 1px solid #d1be95; padding: 10px; float: left; background: #fff; text-align: center; } div.productlist div { text-align: center; background: #fff; width: 200px; height: 200px; } div.product { border: 1px solid #d1be95; padding: 10px; background: #fff; } div.product div.thumbs { width: 315px; clear: right; float: right; } div#footer { margin-top: 1em; width: 100%; clear: both; text-align: center; } /* Lenker */ a:link:hover, a:visited:hover { text-decoration: none; } a:link:focus, a:visited:focus { color: #fff; background: #000; } a:link { color: #a78e55; background: transparent; } a:visited { color: #b7a067; background: transparent; } div#menu1 li a:link, div#menu1 li a:visited, div#breadcrumb a:link, div#breadcrumb a:visited { color: #fff; } p.cashout a { width: 151px; height: 31px; padding: 14px 0 0 0; display: block; margin: auto; } p.cashout a:link, p.cashout a:visited { background: url("/sitefiles/25/layout/kasse.png") no-repeat; color: #000; } p.cashout a:link:hover, p.cashout a:link:hover { background: url("/sitefiles/25/layout/kasse.png") 0 100% no-repeat; color: #000; } /* Bilder */ img.left { float: left; margin: 0 0.5em 0.5em 0; } img.right { float: right; margin: 0 0 0.5em 0.5em; } div#header img { border: 0; } div.productlist img { display: block; margin: 0 auto; border: 0; } div.product img { float: right; margin: 0 0 0 10px; } div.productlist a img, div.product a img, div.product div.thumbs a img { border: 0; } div.product div.thumbs img { float: right; margin: 15px 0 0 15px; } div.emblem img { margin: 0 auto; padding: 0.5em 0 0.5em 0; display: block; max-width: 100%; border: 0; } div.emblem a img { border: 0; } p img { float: right; margin: 0 0 10px 10px; } .emblem p img { float: none; /*margin: 5px 0 5px 0;*/ } a:link img { border: 1px solid #a78e55; } a:visited img { border: 1px solid #d0bd94; } p.ingress img { float: left; margin: 0 10px 10px 0; } dt a:link img, dt a:visited img { float: right; border: 0; } div#footer img { padding: 0.2em; float: right; border: 0; } /* Meny */ div#menu1 { margin: 0; border-bottom: 1px solid #d0bd94; border-top: 1px solid #a78e55; padding: 0.2em 0; width: 100%; background: #b7a067; color: #666; font-weight: bold; height: 1.4em; } div#menu1 ul#account { float: left; } div#menu1 ul { float: right; margin: 0; } div#menu1 ul#account li { margin: 0 0 0 18px; display: inline; } div#menu1 ul li { margin: 0 18px 0 0; display: inline; } ul#menu2 { margin: 0; list-style: none; color: #999; } ul#menu2 li { margin: 0.3em 0; } /* LIGHTBOX */ #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/25/layout/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/25/layout/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/25/layout/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.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .utsjekkingsbilde { float:left; margin: 0 0 25px 0; } #leftcolumn .sidemenu { border-color: #eee; } #leftcolumn .sidemenu * { text-decoration: none; } #leftcolumn .sidemenu ul li a { color: #555; }