#handlekurv { margin-bottom: 15px; overflow: hidden }

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

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

#handlekurv a.show {
	display: block;
	margin: -2px 0 -2px -4px;
	padding: 4px 3px 4px 3px;
	font-weight: bold }

#handlekurv a.show:hover {
	color: #333 }
	
#handlekurv a.empty { display: none }

/* Stor kurv */

#handlekurv_stor table {
	margin: 15px 0 15px 0; width: 100%; background: #fff }

#handlekurv_stor table td {
	padding: 5px }

#handlekurv_stor table th {
	text-align: left;
	padding: 8px 5px; background: #afac87; color: #fff; border-bottom: 20px solid #fff }

#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 0 10px 0 }
#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 */

#innhold .shopartikkel { position: relative; margin: 0 0 15px 0 }
#innhold .shopartikkel, #innhold .shopartikkel table { width: 390px }

#innhold .shopartikkel h1 { margin: 0 0 5px 0; font-weight: bold; font-size: 1.2em; line-height: 1.2em; width: 300px; overflow: hidden }
#innhold .shopartikkel h1 a { display: block; padding: 1px 0 0 20px; background: #81aecb url(gfx/2011/h1.gif) top right no-repeat; height: 23px; line-height: 23px; color: #fff }

#innhold .shopartikkel td { vertical-align: top; background: #fff }
#innhold .shopartikkel td.produktbilde { padding: 0 10px 10px 0; width: 100px }

#innhold .shopartikkel p { margin: 0; padding: 0 10px 10px 10px }
#innhold ul.varianter, #innhold ul.varianter li,
#kol1 ul.varianter, #kol1 ul.varianter li,
#kol2 ul.varianter, #kol2 ul.varianter li {
	list-style-type: none; margin: 0; padding: 0 }

#innhold ul.varianter li { margin: 0; padding: 0 10px 10px 10px }
ul.varianter input { border: 0; background: transparent; vertical-align: middle }
#innhold .shopartikkel p.prodnr { padding-top: 5px}

#innhold .shopartikkel p.pris {
	position: absolute; top: 0px; right: 0;
	width: 80px; height: 23px; line-height: 23px; margin: 0;
	padding: 1px 0 0 10px;
	background: #48789b;
	color: #fff;
	font-weight: bold; text-align: center }

#innhold .shopartikkel p.cart { padding: 0 }

p.cart { background: #81aecb url(gfx/shp/bg_cart.gif) repeat-x; text-align: right; margin: 0; padding: 0; position: relative; height: 31px; border-top: 5px solid #eaf0f5 }
p.cart span { display: none }
p.cart label, p.cart a { display: block; position: absolute; top: 0 }
p.cart label { right: 135px; 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: 50% 50% }
p.cart a:hover { background: #5a5120 url(gfx/shp/cart.gif) no-repeat 50% 50% }
p.cart input { position: absolute; right: 100px; top: 7px; border: 1px solid; border-color: #333; background: #f0f6f7; color: #000; width: 20px; height: 15px; line-height: 15px }

/* -------------  Kolonneshopartikler  ------------------- */

.shopartikkel_full a.produktbilde { float: right; border: 5px solid #fff; margin: 0 0 10px 10px; margin: 0 0 10px 10px }
.shopartikkel_full p.pris {
	font-weight: bold; background: #ffc; border: 1px solid #336; width: 65%; clear: right;
	text-align: center; padding: 10px; margin: 0 auto 15px auto }

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

.shopartikkel_full table {
	margin-top: 15px; width: 100% }

.shopartikkel_full table td {
	padding: 2px 5px; }

.shopartikkel_full table th {
	text-align: center; text-transform: uppercase;
	padding: 4px 5px; background: #afac87; color: #fff }
