#handlekurv, #handlekurv table { width: 160px }
#handlekurv h1 {
	padding: 5px 0 5px 25px; margin: 0;
	background: #bbdfed url(gfx/shp/handlekurv.gif) 5px 7px no-repeat;
	font-size: 1.2em }

#handlekurv td { color: #666; padding: 2px 0 2px 4px }
#handlekurv tr.sum td { border-top: 1px solid #bbdfed; border-bottom: 1px solid #bbdfed; font-weight: bold; background: #fff; padding: 4px 0 4px 4px; color: #333 }

#handlekurv a.show, #handlekurv a.empty {
	display: block;
	margin: -2px 0 -2px -4px;
	padding: 4px 3px 4px 3px;
	font-weight: bold;
	border-left: 3px solid #bbdfed;
	background: #f2f2f2 }

#handlekurv a.show:hover, #handlekurv a.empty:hover {
	color: #369; background: #fff;
	border-left: 3px solid #369 }

/* Stor kurv */

#handlekurv_stor table {
	border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc;
	margin: 15px 0 15px 0; width: 380px }
#handlekurv_stor table td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dababa;
	padding: 2px 5px; background: #f9f4f4 }
#handlekurv_stor table th {
	text-align: left;
	border: 1px solid; border-color: #fff #dababa #dababa #fff;
	padding: 4px 5px; background: #ead7d7; 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; border-right: 1px solid #ccc }
#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 }

/* Shopartikkel */

.shopartikkel table { margin: 0 }
.shopartikkel { margin: 0 0 1em 0; line-height: 1.2em; overflow: hidden; position: relative }
.shopartikkel, .shopartikkel table { width: 510px }
.shopartikkel h1 { margin: 0; font-size: 1em; font-weight: bold }
.shopartikkel h1 a {
	display: block; padding: 0 0 0 10px; height: 27px; line-height: 27px; color: #fff;
	background: #5c5c5c url(gfx/shp/h1.gif) top right no-repeat }
.shopartikkel h1 a:hover { background-color: #b90027  }

.shopartikkel td { vertical-align: top; color: #333 }
.shopartikkel td.produktbilde { width: 100px; background: #fff }
.shopartikkel p { margin: 0; padding: 3px 5px 5px 5px }
.shopartikkel select { margin: 0 0 0 5px; width: 260px }
ul.varianter { list-style-type: none }
ul.varianter input { border: 0 }
.shopartikkel p.prodnr {  }
.shopartikkel p.pris {
	position: absolute; top: 27px; left: 412px;
	font-size: 1.1em; line-height: 21px; width: 88px;
	padding: 0 0 0 10px; text-align: center; color: #333;
	font-weight: bold;
	background: url(gfx/shp/pricetag.gif) no-repeat top right }


p.cart { background: #edeef0 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: #f5bac6 #fff #fff #f5bac6; 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 }

/* ------- 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 }