.shopartikkel { font-size: .9em; display: none }



/* Shopartikkel */



#innhold .shopartikkel { margin: 0 0 1em 0; line-height: 1.5em; overflow: hidden }

#innhold .shopartikkel, .shopartikkel table { width: 545px }

.shopartikkel table { margin: 0 }

.shopartikkel h1 { margin: 0; font-size: 1.2em; font-weight: bold }

.shopartikkel h1 a {

	display: block; padding: 0 0 0 5px; height: 27px; line-height: 27px; color: #666;

	background: #f5f5f5 url(gfx/shp/h1.gif) top right no-repeat }

.shopartikkel h1 a:hover { background-color: #f5f5f5  }



.shopartikkel td { vertical-align: top; background: #fff; color: #333; height: 110px; border-right: 2px solid #f5f5f5; }

.shopartikkel td.produktbilde { width: 85px; background: #fff; vertical-align: middle; border-left: 2px solid #f5f5f5; }

#innhold .shopartikkel p, ul.varianter { margin: 0; padding: 3px 5px }

ul.varianter { list-style-type: none }

ul.varianter input { border: 0 }

#innhold .shopartikkel p.prodnr { color: #900; background: #fff; border-bottom: 2px solid #f5f5f5; }

#innhold .shopartikkel p.pris { font-size: 1.1em; line-height: 21px; width: 90px; padding: 0 10px 0 20px; float: right; position: relative; text-align: center; color: #333; font-weight: bold; background: url(gfx/shp/pricetag.gif) no-repeat top right; margin: 0 0 3px 3px; font-family: arial }



p.cart { background: #f5f5f5; text-align: right; margin: 0; padding: 0; position: relative; height: 31px; }

p.cart span { display: none }

p.cart label, p.cart a { display: block; position: absolute; top: 0 }

p.cart label { right: 118px; width: 32px; height: 31px; background: url(gfx/shp/ant.gif) 0 14px no-repeat }

p.cart a {

	right: 0; width: 86px; height: 31px;

	background-image: url(gfx/shp/cart.gif);

	background-repeat: no-repeat;

	background-position: 0 0 }

p.cart a:hover { background-position: 0 -31px }

p.cart input { position: absolute; right: 90px; top: 7px; border: 1px solid; border-color: #333 #fff #fff #333; background: #f0f6f7; color: #000; width: 20px; height: 15px; line-height: 15px }



/* kol2 */



#kol2 p.cart { position: absolute; left: 0; bottom: 0; width: 200px }

#kol2 .shopartikkel { margin: 0 0 1em 0; height: 130px; position: relative; padding-bottom: 31px }

html>body #kol2 .shopartikkel { height: auto; min-height: 130px }

#kol2 .shopartikkel h1 { overflow: hidden }

#kol2 .shopartikkel h1 a { background: #f5f5f5; padding: 0; }



#kol2 .shopartikkel td { border-right: none }

#kol2 .shopartikkel td.produktbilde { border-left: none }

#kol2 .shopartikkel p.prodnr { display: none }

#kol2 .shopartikkel p.pris { font-weight: normal; background: none; }

#kol2 .shopartikkel img {float: right }



#kol2 p.cart, #kol2 p.cart span, #kol2 p.cart label, p.cart a, #kol2 p.cart label, #kol2 p.cart a, #kol2 p.cart a:hover, #kol2 p.cart input {  }



#kol2 p.ingress {  }





.shopartikkel_full h2 { padding-top: 15px }



.shopartikkel_full a.produktbilde { float: right; border: 1px solid #fff; margin: 0 0 10px 10px }

.shopartikkel_full a.produktbilde:hover { border: 1px solid #79818E }

.shopartikkel_full p.pris {

	font-weight: bold; background: #ffc; border: 1px dotted #000; width: 200px;

	text-align: center; padding: 10px; margin: 0 auto 15px auto; font-size: 1.5em; color: #333 }

.shopartikkel_full p.pris span.tilbud { text-decoration: line-through; font-weight: normal; display: block }



.shopartikkel_full table {

	border-left: 1px solid #C9D2DB; border-top: 1px solid #C9D2DB;

	margin-top: 15px; width: 98% }

.shopartikkel_full table td {

	border: 1px solid; border-color: #fff #900 #900 #fff;

	padding: 2px 5px; background: #F2F5F8 }

.shopartikkel_full table th {

	text-align: center; text-transform: uppercase;

	border: 1px solid; border-color: #ADB7C7 #3F4B63 #3F4B63 #ADB7C7;

	padding: 4px 5px; background: #79818E; color: #fff }



.shopartikkel_full p.prodnr, .shopartikkel_full p.shop_produsent, .shopartikkel_full p.shop_produsent_link { margin: 0 }



/* ------- Handlekurv ------- */



#handlekurv2 {

	position: absolute; top: 10px; left: 640px;

	width: 350px; height: 125px;

	text-align: left;

	color: #900 }

#handlekurv2 .right { float: right; width: 150px; text-align: right; }

#handlekurv2 p { margin: 0 }

#handlekurv2 p.usr { height: 65px; color: #333 }

#handlekurv2 p.usr strong { color: #333 }

#handlekurv2 p.usr strong, #handlekurv2 p.ant strong { display: block }

#handlekurv2 p.ant { height: 55px; color: #fff }

#handlekurv2 p.sum { text-align: left; width: 300px; position: absolute; top: 120px; left: 0 }

#handlekurv2 p.sum, #handlekurv2 li.shpinfo a { height: 34px; line-height: 34px }

#handlekurv2 p.ant strong { color: #fff }

#handlekurv2 p.sum strong { font-size: 1.1em; color: #900 }

#handlekurv2 p.hkl {display:none;}


#handlekurv2 ul, #handlekurv2 li { list-style-type: none; margin: 0; padding: 0 }

#handlekurv2 ul { position: absolute; top: 20px; left: 0; width: 180px }

#handlekurv2 li { line-height: 15px; height: 15px; width: 180px }

#handlekurv2 a { text-decoration: none; color: #fff; display: block; width: 220px }

#handlekurv2 a:hover { color: #fff; font-weight: bold }

#handlekurv2 li.shpinfo { position: absolute; left: 1px; top: 73px }

#handlekurv2 li.shpinfo a { color: #fff }

#handlekurv2 li.shpinfo a:hover { font-weight: normal; }



/* ------- Stor kurv ------- */



#handlekurv_stor table {

	width: 95% }

#handlekurv_stor table td {

	border-bottom: 1px solid #ccc;

	padding: 2px 5px; }

#handlekurv_stor table th {

	text-align: left;

	border-bottom: 1px solid #ccc;

	padding: 4px 5px; background: #fafafa; color: #000 }

#handlekurv_stor tr.sum td, #handlekurv_stor tr.mva td, #handlekurv_stor tr.netto td { text-align: right; border-top: 0 }

#handlekurv_stor tr.sum td { font-weight: bold; color: #000 }

#handlekurv_stor td.pris { text-align: right }



#handlekurv_stor td a { text-decoration: none }

#handlekurv_stor td a span { display: none }

#handlekurv_stor td.antall input { width: 20px }



#handlekurv_stor td.fjern a, #handlekurv_stor td.oppdater a { display: block; width: 17px; height: 17px }

#handlekurv_stor td.fjern a { background: url(gfx/shp/fjern.gif) }

#handlekurv_stor td.fjern a:hover { background: url(gfx/shp/fjern.gif) 0 -17px }

#handlekurv_stor td.oppdater a { background: url(gfx/shp/update.gif) }

#handlekurv_stor td.oppdater a:hover { background: url(gfx/shp/update.gif) 0 -17px }



#handlekurv_stor td.produktbilde { width: 50px; padding: 0 }

#handlekurv_stor td.produktbilde img { border: 2px solid #fafafa }

#handlekurv_stor td.fjern, #handlekurv_stor td.oppdater { width: 17px; padding: 0 }

#handlekurv_stor td.antall { width: 20px }



#handlekurv_stor p.steg a { display: block; text-align: right; padding: 5px 10px; font-weight: bold; text-decoration: none }



#kundeinfo table th { text-align: left; padding: 0 10px 0 0 }