/* Shopartikkel */

.shopartikkel { float: left; height: 180px; margin: 0 10px 0 0; line-height: 1.2em; overflow: hidden }
.shopartikkel, .shopartikkel table { width: 233px }
html>body .shopartikkel, html>body .shopartikkel table { width: 235px }
.shopartikkel h1 { margin: 0; font-size: 1em; font-weight: bold }
.shopartikkel h1 a {
	display: block; padding: 0 0 0 5px; height: 27px; line-height: 27px; color: #fff;
	background-color: #057e9c;
	background-image: url(gfx/shp/h1.gif);
	background-position: top right;
	background-repeat: no-repeat }
.shopartikkel h1 a:hover { background-color: #109fc3  }

.shopartikkel td { vertical-align: top; background: #eff8fa; color: #333; height: 110px; border-left: 1px solid #a9d3dd }
.shopartikkel td.produktbilde { width: 85px; background: #fff; vertical-align: middle }
.shopartikkel p, ul.varianter { margin: 0; padding: 3px 5px }
ul.varianter { list-style-type: none }
ul.varianter input { border: 0 }
.shopartikkel p.prodnr { color: #057e9c; background: #d7ecf0; border-bottom: 1px solid #a9d3dd }
.shopartikkel p.pris { font-size: 1.1em; line-height: 21px; width: 90px; padding: 0 10px 0 20px; float: right; position: relative; text-align: center; width: 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: #e6f2f5 url(gfx/shp/bg_cart.gif) repeat-x; 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: #a9d3dd #fff #fff #a9d3dd; background: #f0f6f7; color: #000; width: 20px; height: 15px; line-height: 15px }

.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 #C9D2DB #C9D2DB #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: 0; left: 474px;
	width: 504px; height: 99px;
	color: #003644;
	background: url(gfx/shp/bg_handlekurv.gif);
	overflow: hidden }
#handlekurv2 .right { position: absolute; top: 30px; left: 264px; width: 240px }
#handlekurv2 p { margin: 0 }
#handlekurv2 p.usr { height: 23px; color: #009dc5 }
#handlekurv2 p.usr strong { color: #009dc5 }

#handlekurv2 p.ant { height: 23px; color: #a2a5a3 }
#handlekurv2 p.sum, #handlekurv2 li.shpinfo a { height: 23px; line-height: 23px }
#handlekurv2 p.ant strong { color: #666 }
#handlekurv2 p.sum strong { font-size: 1.1em; color: #000 }

#handlekurv2 ul, #handlekurv2 li { list-style-type: none; margin: 0; padding: 0 }
#handlekurv2 ul { position: absolute; top: 15px; left: 70px; width: 100px }
#handlekurv2 li { line-height: 18px; height: 18px; width: 200px }
#handlekurv2 a { text-decoration: none; color: #009dc5; display: block; width: 200px }
#handlekurv2 a:hover { color: #000; font-weight: bold }
#handlekurv2 li.shpinfo { position: absolute; left: 194px; top: -15px }
#handlekurv2 li.shpinfo a { color: #a2a5a3 }
#handlekurv2 li.shpinfo a:hover { color: #333 }

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

#handlekurv_stor table {
	margin: 0 0 15px 0; width: 100% }
#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 }