/* ----------------------- */ /* GENERELLA DEFINITIONER: */ /* ----------------------- */ body { background-color: #FFFFFF; font-size:10px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif;} img { border:none} html { overflow: scroll;} /* Sidrubriker */ h1 { font-family: Arial, Helvetica, sans-serif; color:#2a4654; letter-spacing: 0px; font-size: 24px; line-height: 1.2em;font-weight:normal;} /* Menyrubriker */ h3 { font-family: Arial, Helvetica, sans-serif; color:#2a4654; font-size: 11px; margin: 5px 0 10px 40px;} /* ??? */ h4 { font-family: Arial, Helvetica, sans-serif; color:#2a4654; font-size: 13px; margin: 0px 0px 0px 0px; font-weight:normal;} /* Blå länkar */ a:link {color: #2a4654; text-decoration: none; font-weight:bold;} a:visited {color: #2a4654; text-decoration: none;} a:hover {color: #2a4654;} /* Grå länkar (bör ha samma färg som i -taggen */ a.clear:link {color: #444444; text-decoration: none; font-weight: normal;} a.clear:visited {color: #444444; text-decoration: none;} a.clear:hover {color: #444444; text-decoration: underline;} /* TEMP OBS! SKA BORT!!! */ h2 { font-family: Arial, Helvetica, sans-serif; color:#2a4654; letter-spacing: 0px; font-size: 200px; line-height: 1.2em;font-weight:normal; margin: 0px 0px 0px 0px;} .bigger {font-family: Arial, Helvetica, sans-serif; color:#444444; font-size: 101px; margin: 0px 0px 0px 0px;} div.floatright2 { float:right; vertical-align:baseline; width: 100px; vertical-align:top; text-align:right} /* ----------------------- */ /* KATALOG: */ /* ----------------------- */ /* Används som rubrik på både browsersidor + produktsidor*/ .katalogrubrik {font-family: Arial, Helvetica, sans-serif; color:#2a4654; letter-spacing: 0px; font-size: 18px; margin: 0px 0px 0px 0px;} /* Röd text för reaprodukter osv */ .red {color:#DF0000;} /* Används för tidigare priser */ .linethrough {text-decoration:line-through} /* Rea-taggen: REA */ .rearubrik {font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; letter-spacing: -1px; font-size: 12px; margin: 0px 0px 0px 0px;} /* Rea-taggen: Procent-text */ .reatext {font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; letter-spacing: -1px; font-size: 16px; margin: 0px 0px 0px 0px;} /* Fotnot på produktsidan */ .fotnot {font-family: Arial, Helvetica, sans-serif; font-style:italic; color: #999999; font-size: 10px;} /* Används på browser-sidan för sidräknare */ div.floatright { float:right; width: 50%; text-align:right;} /* Produktbeskrivning på produktsidan */ .beskrivning {margin: 0px 0px 10px 0px; line-height: 1.2em; text-align: justify;} #produktsida_pil{ height:10px; width: 25px; background-image:url(img/produktpil.png); position: absolute; margin-left: 35px; margin-top: 63px; } #clear{ clear: both;} div#border_top { background-image:url(/img/superwrapper_top.gif); background-repeat:repeat-x; height: 19px; } div#border_bottom { background-image:url(/img/superwrapper_bottom.gif); background-repeat:repeat-x; height: 19px; } div#superwrapper { width: 988px; /*950 + 19 + 19*/ margin-top: 15px; margin-left: auto; margin-right: auto; background-image:url(/img/superwrapper_bg.gif); background-repeat:repeat-y; } div#wrapper { margin-left: 19px; margin-right: 19px; /*border: 1px dashed #000000; /*TEMP*/ } div#header { background-image: url(/img/head_bg.jpg); background-repeat: no-repeat; height: 80px; /* border: 1px dashed #000000; /*TEMP*/ } div#navbar { background-image:url(/img/navbar_bg.gif); background-repeat:repeat-x; height: 26px; border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } div#mainWrap { /*border-top: 10px solid #FFFFFF;*/ /*border: 1px dashed #000000; /*TEMP*/ background-image:url(/img/meny_bg.gif); background-repeat:repeat-y; } div#meny { padding-top: 20px; float: left; width: 200px; background-image:url(/img/meny_bg_top.gif); background-repeat:no-repeat; background-position:top; } #menylista_container{ margin-top: 5px; padding-top: 25px; padding-bottom: 40px; padding-left: 20px; background-image:url(/img/meny_lista_bg4.gif); border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin-bottom: 30px; } #menylista{ /*width: 180px;*/ font-size: 9px; margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #999999; } #menylista a{ display: block; width: auto; padding-left: 20px; padding-top: 4px; padding-bottom: 4px; text-decoration: none; height:100%; border-top: 1px solid #999999; } #menylista a:link {color: #444444; font-weight:normal;} #menylista a:visited {color: #444444;} #menylista a:hover {color: #FFFFFF; background: #0c6ba0;} #menylista a#current {border-left: 1px solid #999999; background-image:url(/img/meny_aktiv_bg.gif);} #menylista a#current:hover {color: #444444;} #menylista a#kampanj {color: #444444; border-bottom: 1px solid #999999;} #menylista a#kampanj:hover {color: #FFFFFF; background: #DF0000;} #menylista a#kampanjcurrent {border-left: 1px solid #999999; color: #FFFFFF; background: #DF0000;} div#main { margin-left: 200px; min-height: 420px; padding: 25px; padding-top: 15px; padding-bottom: 10px; background-color: #FFFFFF; background-image: url(/img/main_bg.jpg); background-repeat:no-repeat; border-left: 1px solid #999999; } .line{ margin-top: 10px; padding-top: 5px; border-top:1px solid #E1E1E1; } .produktline{ padding-bottom: 10px; border-top:1px solid #c7ced1; } .darkline{ margin-top: 70px; border-top:1px solid #777777; } #lista_container{ margin-left:auto; margin-right:auto; margin-top: 30px; width: 692px; } #lista_top{ background-image:url(img/lista_top.gif); background-repeat:no-repeat; height: 30px; padding-top: 50px; padding-left:70px; } #lista_middle{ background-image:url(img/lista_middle.gif); background-repeat: repeat-y; } #lista_bottom{ background-image:url(img/lista_bottom.gif); background-repeat:no-repeat; height: 137px; } #produktbeskrivning_container{ margin-right:auto; width: 420px; color: #555555; } #produktbeskrivning_top{ background-image:url(img/produkttext_top.gif); background-repeat:no-repeat; height: 35px; padding-top: 20px; padding-left: 30px; padding-right: 30px; } #produktbeskrivning_middle{ background-image:url(img/produkttext_middle.gif); background-repeat: repeat-y; padding-left: 30px; padding-right: 30px; min-height: 280px; } #produktbeskrivning_bottom{ background-image:url(img/produkttext_bottom.gif); background-repeat:no-repeat; height: 100px; } table.tekspec{ border:1px solid #c7ced1; margin-top:10px;} td.tekspec{ font-weight: bold; padding-left:10px; font-size: 9px; color:#666666;} tr.tekspec{ background-color:#e6e6e6; } tr.tekspec2{ background-color:#fafcfb;} #produktram_container{ background-image:url(img/produktsida_bildram_right.gif); background-repeat:no-repeat; background-position:right; margin-top:25px; } #produktram_top{ background-image:url(img/produktsida_bildram_top.gif); background-repeat:no-repeat; height:7px; font-size: 0px; } #produktram_top_corner{ float: right; background-image:url(img/produktsida_bildram_top_corner.gif); background-repeat:no-repeat; height:7px; width: 14px; } #produktram{ background-image:url(img/produktsida_bildram.gif); background-repeat:no-repeat; padding-left: 10px; padding-top: 3px; padding-right: 3px; margin-right:14px; } #produktram_bottom{ background-image:url(img/produktsida_bildram_bottom.gif); background-repeat:no-repeat; height:6px; font-size: 18px; text-align:right; } #produktram_bottom_corner{ float: right; background-image:url(img/produktsida_bildram_bottom_corner.gif); background-repeat:no-repeat; height:6px; width: 14px; font-size: 0px; } #produktram_prisruta{ height: 20px; /*border: 1px dotted #000000; /*TEMP*/ text-align: right; padding-right: 10px; padding-top: 3px; font-size:16px; } div#produktsida_seriebilder_container { padding-top:5px; } div.produktsida_seriebild { background-image:url(img/produktsida_seriebild_bg.gif); background-repeat:no-repeat; text-align: center; height: 77px; width: 94px; border:thin solid #c7ced1; margin-right: 20px; margin-bottom: 10px; padding-top:2px; float:left;} #produktsida_other_left{ background-image:url(img/produktsida_other_left.gif); background-repeat:no-repeat; height: 92px; width: 6px; float: left; } #produktsida_other_right{ background-image:url(img/produktsida_other_right.gif); background-repeat:no-repeat; height: 92px; width: 6px; float: left; } #produktsida_other_middle{ background-image:url(img/produktsida_other_middle.gif); background-repeat:no-repeat; text-align: center; height: 92px; width: 102px; float: left; padding-top: 9px; } #container_textruta{ margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:20px; width: 690px; } #container_textruta_smal{ margin-left:auto; margin-right:auto; margin-bottom:20px; width: 690px; } .textruta, .textruta_smal, .r1, .r2, .r3, .r4 { behavior: url(/iepngfix.htc); } .textruta{ background-image:url(/img/textruta_bg.png); padding: 15px; padding-left: 50px; padding-right: 50px; line-height: 1.4em; } .produktsida_menyruta{ background-image:url(/img/textruta_bg.png); padding-left: 7px; padding-right: 7px; } #produktsida_containermenyruta{ height:20px; border: 1px dotted #000000; /*TEMP*/ } .textruta_smal{ background-image:url(/img/textruta_bg.png); /*Hmmm*/ padding: 10px; padding-left: 50px; } .r1{ margin: 0 5px; height: 1px; overflow: hidden; background-image:url(/img/textruta_bg.png);} .r2{ margin: 0 3px; height: 1px; overflow: hidden; background-image:url(/img/textruta_bg.png);} .r3{ margin: 0 2px; height: 1px; overflow: hidden; background-image:url(/img/textruta_bg.png);} .r4{ margin: 0 1px; height: 2px; overflow: hidden; background-image:url(/img/textruta_bg.png);} .bild{ background-image:url(/img/produkt_bg.gif); background-repeat:no-repeat; height: 250px; width: 222px; margin-left: auto; margin-right: auto; padding-bottom: 0px; } .kampanj{ width: 90px; height: 14px; padding-top:0px; position: absolute; margin-top: -19px; margin-left: 0px; background-image:url(img/kampanj.gif); text-align:center; color:#FFFFFF; } .kampanj_produkt{ width: 90px; height: 14px; padding-top:0px; position: absolute; margin-top: 12px; margin-left: 20px; background-image:url(img/kampanj.gif); text-align:center; color:#FFFFFF; } .rea{ width: 43px; height: 47px; position: absolute; margin-top: 40px; margin-left: 1px; padding-right:9px; padding-top:3px; background-image:url(img/rea.gif); text-align: center; } .rea_produkt{ width: 43px; height: 47px; position: absolute; padding-right:9px; padding-top:3px; background-image:url(img/rea.gif); text-align: center; margin: -3px; } .dialog { margin-top: 10px; width:176px; background:url("../img/dialog_bottom.gif") no-repeat bottom; padding-bottom:6px; margin-left:auto; margin-right:auto; } .dialogh1 { background:url("../img/dialog_top.gif") no-repeat top; color:#2a4654; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; height:20px; padding:8px 10px 0px 15px; margin:0px; letter-spacing: normal; } .dialogContent { background:url("../img/dialog_middle.gif") repeat-y; padding:5px 10px 3px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .prislista_inaktiv { color:#bbbbbb; } /* PRODUKTSIDA /* - Meny */ #produktsida_menycontainer {padding-top: 5px; border-bottom: 1px solid #c7ced1; height: 20px; padding-bottom: 2px;margin-bottom:10px;} #produktsida_prodinfo {position:relative; top:1px; width: 80px; float:left; padding: 0 1px 0 1px; margin-left:4px;} #produktsida_tekspec {position:relative; top:1px; width: 100px; float:left; padding: 0 1px 0 1px; margin-left:3px;} #produktsida_galleri {position:relative; top:1px; width: 60px; float:left; padding: 0 1px 0 1px; margin-left:3px;} .produktsida_menycontent {display: block; padding: 0 5px 1px 5px; text-align: center;} a.produktsida_meny,a.produktsida_meny:visited {display: block; } a.produktsida_meny:hover .produktsida_menycontent {color: #333333;} a.produktsida_meny:link {font-weight:normal;} a#current .produktsida_menycontent {color:#999999; border-left: 1px solid #c7ced1; border-right: 1px solid #c7ced1;} a#current .produktsida_r1 {background: #c7ced1;} a#current .produktsida_r2 {border-left: 1px solid #c7ced1; border-right: 1px solid #c7ced1; border-width: 0 2px;} a#current .produktsida_r3 {border-left: 1px solid #c7ced1; border-right: 1px solid #c7ced1;} a#current .produktsida_r4 {border-left: 1px solid #c7ced1; border-right: 1px solid #c7ced1;} a#current .produktsida_r5 {border-left: 1px solid #c7ced1; border-right: 1px solid #c7ced1;} a#current .produktsida_r6 {background: #f0f6f7;} .produktsida_r1 {margin: 0 5px; height: 1px; overflow: hidden;} .produktsida_r2 {margin: 0 3px; height: 1px; overflow: hidden;} .produktsida_r3 {margin: 0 2px; height: 1px; overflow: hidden;} .produktsida_r4 {margin: 0 1px; height: 2px; overflow: hidden;} .produktsida_r5 {margin: 0 -1px; height: 1px; overflow: hidden;} .produktsida_r6 {margin: 0 -1px; height: 1px; overflow: hidden;} .produktsida_line{border-top:1px solid #c7ced1; padding-bottom: 10px;} ul.produktsida_produktinfo { padding-left:25px; list-style:outside; margin-bottom:0px;} li.produktsida_produktinfo { padding-bottom: 8px;}