/* BRUKERINFO */

#vk_brukerinfo,
.vk_handlekurv_container,
.vk_logo { padding: 1em 0 1em 23px; border-bottom: 0px solid #a9a9a9 }
#vk_brukerinfo { padding-top: 0 }
#vk_brukerinfo strong { display: block }

.vk_logo { border: 0; background: no-repeat 23px 4em; padding-bottom: 100px }
.vk_logo.apotek1 { background-image: url(gfx/vk/logo/apotek1.gif) }
.vk_logo.vitus { background-image: url(gfx/vk/logo/vitusditt.gif) }

/* HANDLEKURV */

.vk_handlekurv_container {  }
.vk_handlekurv { background: url(/gfx/vk/handlekurvikon.gif) no-repeat right top }
.vk_boble { display:none; position: fixed; background: url(/gfx/vk/boble.png) no-repeat top left; width: 316px; height: 218px; z-index: 99999; top: 0; left: 250px; }


/* LISTE */

.wide { width: 50000px; }

.produktliste { width: 770px; overflow: hidden }
.produktliste h1 { display: none }
.produktliste .kategoribeskrivelse { }

.kategoriheader { font-weight: bold; background-color: #eee; padding: 8px; border: 1px solid #a9a9a9; border-top: none; margin-top: -12px }

/* ------------ PRODUKTVISNING LISTE */

.vk_listeheader { padding-bottom: 1em; font-size: 1.1em; margin-bottom: 12px; border-bottom: 1px solid #a9a9a9; font-weight: bold }
.vk_listeheader .vk_bilde { width: 85px; padding-left: 15px }

.produkt { margin: 0 0 1em 0; padding: 1em 0 1em 0; border-bottom: 0px solid #a9a9a9 }
.prkol { float: left; overflow: hidden } /* Alle kolonnene i produktraden har denne klassen */

.vk_bilde,
.vk_artnr { width: 100px }
.vk_antall,
.vk_enhet,
.vk_variant,
.vk_bestill { width: 65px }
.vk_artnavn { width: 230px }
.vk_antall input { width: 30px }
.vk_pris { width: 80px }

/* PROFILERT I LISTE */

.produktliste .profilert { background-image: url(/gfx/vk/profilertbg.png); width: 640px; float: none; text-align: left; margin: 0 0 2em 0; }
.produktliste .profilert .tekst { display: block; float: right; width: 310px; margin-right: 2em}
.produktliste .profilert .tekst .beskrivelse { height: 110px; margin-bottom: 16px; overflow: hidden; }
.produktliste .profilert .tekst .pris { }
.produktliste .profilert .bilder { display: block; float: left; width: 260px; margin: 14px }
.produktliste .profilert .navn { font-size: 2em; margin: 1em 0 }
.produktliste .profilert .knapper { display: block; float: right; clear:both; width: 112px; margin: -48px 2em 0 0; padding: 0}
.produktliste .profilert .knapper a { display: block; float: right }

/* PAGINERING i LISTE */

.vk_paginering { width: 100% }
.vk_paginering ul { margin: 0; list-style: none; width: 60%; float: right; text-align: right }
.vk_paginering li { display: inline; padding: 0 .5em; border-right: 1px solid #ddd }
.vk_paginering li.siste { border: 0 }
.vk_paginering a { text-decoration: none }
.vk_paginering li.aktiv a { color: #333 }
.vk_paginering a.knapp { display: inline; padding: 0 .5em }

/* DETALJ */

.produktdetaljer {   }
.produktdetaljer .bilder { float: left; width: 320px}
.produktdetaljer .bilder .hoved { height: 320px }
.produktdetaljer .bilder img { margin: 0 1.5em 1.5em 0 }
.produktdetaljer .bilder .thumbs { background-image: url(/gfx/vk/produkthumbsbg.png); float: left; overflow: hidden; width: 274px; height: 41px; margin: 0 0 1em 0; padding: 4px 13px; }
.produktdetaljer .bilder .thumbs a img { margin: 1px 3px 0 3px;  }
.produktdetaljer .bilder .thumbs a .selected { border: 2px solid #b6babe; margin: -1px 2px 0 3px  }

.produktdetaljer .tekst { float: left; width: 310px; }
.produktdetaljer .tekst .pris { font-weight: bold; font-size: 1.8em; display: block; }
.produktdetaljer .tekst .navn { font-family: Arial, Helvetica, sans-serif; display: block; font-size: 2em; margin: 0 0 1em 0; /*padding-top: 1em*/ }
.produktdetaljer .tekst .antall { width: 30px }

.produktdetaljer .knapper { float: right; margin-top: 2em }
.produktdetaljer .knapper .legg_til { display: block; float: right; background-image: url(/gfx/vk/kjop_rod.png); width: 84px; height: 21px; margin-bottom: 1em}
.produktdetaljer .knapper .legg_til span { display: none }
.produktdetaljer .knapper .stelletips { display: block; float: right; background-image: url(/gfx/vk/stelletips.png); width: 131px; height: 35px; }
.produktdetaljer .knapper .stelletips span { display: none }
.produktdetaljer .knapper .tips_en_venn { display: block; clear: right; float: right; background-image: url(/gfx/vk/tipsenvenn.png); width: 131px; height: 35px; margin-left: 1em}
.produktdetaljer .knapper .tips_en_venn span { display: none }





/* HØYREMARG */

.hoyreblokk div { width: 270px; padding: 0 0 0 3px;}
.hoyreblokk div .header { display: block; width: 262px; height: 36px; background-repeat: no-repeat;  }
.hoyreblokk div .header span { display: none }
.hoyreblokk div .body { padding: 12px; width: 246px; display: none }

.hoyreblokk .stedsbegrensning { position: relative; background-image: url(/gfx/vk/stedsbegrensningbg.png);  height: 156px}
.hoyreblokk .stedsbegrensning form { position: absolute; top: 113px; left: 17px }
.hoyreblokk .stedsbegrensning input { display: block; float: left; height: 14px; width: 145px; border: none }
.hoyreblokk .stedsbegrensning a { display: block; float: left; height: 20px; width: 85px; margin-left: 11px; }
.hoyreblokk .stedsbegrensning a span { display: none }

.hoyreblokk .stelletips { position: relative; background-image: url(/gfx/vk/stelletipsbg.png);  height: 107px}
.hoyreblokk .stelletips form { position: absolute; top: 71px; left: 17px }
.hoyreblokk .stelletips input { display: block; float: left; height: 14px; width: 99px; border: none }
.hoyreblokk .stelletips a { display: block; float: left; height: 20px; width: 85px; margin-left: 11px; }
.hoyreblokk .stelletips a span { display: none }

.hoyreblokk .bestillingsfrister { background-image: url(/gfx/vk/hoyremargbg.png); background-repeat: no-repeat; background-position: top left; padding-top: 3px }
.hoyreblokk .bestillingsfrister .body { display: block }
.hoyreblokk .kundeservice { background-image: url(/gfx/vk/hoyremargbg.png); background-repeat: repeat-y; background-position: 0% 10% }
.hoyreblokk .garanti { background-image: url(/gfx/vk/hoyremargbg.png); background-repeat: repeat-y; background-position: 0% 10% }
.hoyreblokk .sikkerbetaling { background-image: url(/gfx/vk/hoyremargbg.png); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 2px }

.hoyreblokk .bestillingsfrister .header {  background-image: url(/gfx/vk/bestillingsfrister.png);  }
.hoyreblokk .kundeservice .header {  background-image: url(/gfx/vk/kundeservice.png);  }
.hoyreblokk .garanti .header {  background-image: url(/gfx/vk/garanti.png);  }
.hoyreblokk .sikkerbetaling .header {  background-image: url(/gfx/vk/sikkerbetaling.png); }

.hoyreblokk .providers { margin-top: 2em }



/* VARIANTLISTE */

.variantliste  { clear: both; margin-right: -6px; padding: 2em 25px 0 25px; height: 300px; width: 585px; background: url(/gfx/vk/varianterbg.png) no-repeat center center; overflow: hidden }
.variantliste h1 { font-size: 1.2em; clear: both; }
.variantliste .wide .produkt { float: left; margin: 0 1em 0 0; width: 190px; text-align:center; /*border-right: 2px solid #eaeaea */ }
/*.variantliste .wide .produkt:last-child { border: none } */
.variantliste .wide .produkt .img { }
.variantliste .wide .produkt .tekst { font-family: Arial, Helvetica, sans-serif; width: 100%; float: none }
.variantliste .wide .produkt .tekst a .pris { font-weight: bold; font-size: 1.2em; }
.variantliste .wide .produkt .tekst a .navn { display:block; font-size: 1em }

.variantliste .wide .produkt .knapper { margin-top: 1em; padding-left: 40px;  }
.variantliste .wide .produkt .knapper .legg_til { display: block; float: left; background-image: url(/gfx/vk/kjop_rod.png); width: 84px; height: 21px; }
.variantliste .wide .produkt .knapper .legg_til span { display: none }

.variantliste .wide .produkt .knapper .detaljer { display: block; float: left; background-image: url(/gfx/vk/detaljer_rod.png); width: 24px; height: 21px; }
.variantliste .wide .produkt .knapper .detaljer span { display: none }

/* knapper */
 .vkleft{width:25px; height:200px; position:absolute; margin-left:-30px;}
 .vkright{width:25px; height:200px; position:absolute; margin-left:587px;}
 .vkright span , .vkleft span{display:none;}
 .vkright , .vkleft {cursor:pointer;}
 
 
 
 /* CHECKOUT */
 
#handel { width: 630px; position: relative }
#handel_steg {width: 100%; clear:both;}
#handel_steg ul {margin: 0; list-style: none inside; height:55px;}

#handel_steg li {width: 210px; height: 55px; float: left; color: #c8c5c4;  }
#handel_steg li a { text-decoration: none;  }
#handel_steg li span {line-height: 55px;height:55px;font-size: 1.3em;padding: 0 0 0 70px;}
#handel_steg li.aktiv {color: #82807f;}
#handel_steg li.handlekurv {background: url(/gfx/vk/steg1.png) no-repeat 20px 8px;}
#handel_steg li.leveringssted {background: url(/gfx/vk/steg2.png) no-repeat 20px 8px;}
#handel_steg li.kvittering {background: url(/gfx/vk/steg2.png) no-repeat 20px 8px;}

#handel_steg li.handlekurv.aktiv {background-image: url(/gfx/vk/steg1_aktiv.png);}
#handel_steg li.leveringssted.aktiv {background-image: url(/gfx/vk/steg2_aktiv.png);}
#handel_steg li.kvittering.aktiv {background-image: url(/gfx/vk/steg2.png);}

#steg_indikator {position:relative; height: 20px; width: 630px;; background: url(/gfx/vk/handel_detaljer_topp_h.gif) no-repeat;float: left;}
#steg_indikator.steg_1 {background-position: -468px 0;}
#steg_indikator.steg_2 {background-position: -258px 0;}
#steg_indikator.steg_3 {background-position: -48px 0;}
#steg_indikator .venstre { background: url(/gfx/vk/handel_detaljer_topp_v.gif) no-repeat; height: 10px; width: 3px; position: absolute; left: 0; top:10px;}

#handel_detaljer {background: url(/gfx/vk/handel_innhold_bg.gif) repeat-y;min-height: 200px;clear:both;color:#82807f;padding:0 0 35px}
#handel_detaljer_bunn {background: url(/gfx/vk/handel_innhold_bg_bunn.gif) no-repeat;height:6px;clear:both;}

.handel_innhold {width: 620px;margin:0 0 0 10px;background: url(/gfx/vk/handel_innhold_boks_bg.gif) repeat-y;min-height: 110px;}
.innhold_topp {height: 5px;background: url(/gfx/vk/handel_innhold_boks_topp.png) no-repeat;}
.innhold_boks_bunn {height: 7px; background: url(/gfx/vk/handel_innhold_boks_bunn.png) no-repeat; /*margin-bottom: 1em*/}
.handel_innhold_bunn {width:620px; height: 18px; margin: 0 0 0 10px; background: url(/gfx/vk/handel_innhold_boks_bunn_m_pil.png) no-repeat;}
.innhold_levering {padding: 1em}

.innhold_levering label { display: block; width: 110px; float: left; }
.innhold_levering input { display: block; float: left; clear: right; width: 200px; }
.innhold_levering li { display: block; clear: left; width: 500px; height: 25px;}
.innhold_levering form { margin-top: 1em;  }
.innhold_levering ul { margin-left: 1em; height: 140px !important;}
#leverings_postnr { width: 40px }
#leverings_poststed { width: 155px }

table#handlekurv {width:616px;color:#82807F;margin:0 2px;border-collapse:separate;}
table#handlekurv td {padding: 5px;}
table#handlekurv th {font-weight:normal;}

a.fjern_produkt {display:block;width:13px;height:16px;background:url(/gfx/del.gif) no-repeat;}
a.fjern_produkt span {display:none;}

tr.handlekurv_bunn td {border-top: 1px solid #eff0f2;}
table#handlekurv th, tr.handlekurv_bunn td {background:#fafafa;}
table#handlekurv th, table#handlekurv td {border-bottom: none;}
.v_kol {border-right: 1px solid #fff; text-align: center}
.m_kol {border-left: 1px solid #eaeaea;border-right: 1px solid #fff; vertical-align: middle}
.align-right {text-align: right}
.align-center {text-align: center}
.h_kol {border-left: 1px solid #eaeaea; vertical-align: middle}
.kol_en {width: 15%}
.kol_to {width: 56%}
.kol_tre {width: 13%}
.kol_fire {width: 13%}
.kol_fem {width: 3%}

table#handlekurv input { width: 20px; border: 1px solid #eaeaea; float: left; }
table#handlekurv a.antall { display: block; float: left; width: 22px; height: 21px; background-image: url(/gfx/vk/update.png); margin: -1px 0 0 2px }
table#handlekurv a.antall span { display: none }

.totalsum_checkout { font-weight: bold }

p.hk_i {background: url(/gfx/vk/hk_i.png) no-repeat 10px 6px; padding: 5px 0 5px 30px;font-size: 12px;margin: 0 0 1em 0;}

#kundeinfo ul {margin: 0 1px; list-style: none inside;border-bottom: 1px solid #eff0f2; height: 26px;padding: 3px 0 0 5px; background:#fafafa;}
#kundeinfo li {float:left;margin: 0 1em 0 0;}
#kundeinfo ul li a {
	text-decoration: none; 
	color:#82807F; 
	background: url(/gfx/vk/handel_innhold_nav_a.png) no-repeat top left; 
	padding: 0 0 0 5px;
	display:block;
	float:left; }
#kundeinfo ul li span {
	line-height:27px;
	height: 27px;
	background: url(/gfx/vk/handel_innhold_nav_span.png) no-repeat top right; 
	padding: 0 10px 0 5px;
	display:block;
	float:left;}
#kundeinfo li.aktiv a, #kundeinfo li a:hover  {background-position: bottom left;}
#kundeinfo li.aktiv span, #kundeinfo li a:hover span {background-position: bottom right;}
#kundeinfo p {margin:0;}
p.handle_mer, p.neste_trinn {float:right; text-align: center; margin: 4px 8px } 
p.handle_mer a, p.neste_trinn a {display:block; width: 83px; height: 19px;}
p.handle_mer a {background: url(/gfx/vk/knapp_handlemer.png) no-repeat;}
p.neste_trinn a {background: url(/gfx/vk/knapp_nestetrinn.png) no-repeat;color: #fff;}

#logginn_skjema, #nykunde_skjema { padding: 2em }
#logginn_skjema input, #nykunde_skjema input {border: none; background: url(/gfx/vk/kundeinfo_input.png) no-repeat; width: 173px; height: 21px; font-size:1.2em;padding-left:2px; }

#nykunde_skjema { display: none }
 
label.error {
	width: 160px;
	margin-left: 1em;
	color: red;
}


h1.relvarer {
	clear: both;
	padding-top: 20px;
}

.rs { color: red; font-weight: normal; display: inline;}
#handel_steg li.leveringssted,#header { display: none; }

.produkt,.kategoriheader { clear: both; }
body {
	padding-top: 50px !important;

}

#submeny, #nav, #sok,.sm_kred, .vk_handlekurv_container, #left, #itab { display: none; }