#handlekurv { border-bottom: 5px solid #fff }
#kol2 #handlekurv { margin: 0 0 30px 0 }

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

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

#innhold .shopartikkel h1 { margin: 0 0 5px 0; font-size: 1.3em; font-weight: bold; line-height: 1em }
#innhold .shopartikkel h1 a { display: block; padding: 5px 0 0 10px; background: #6895ba url(gfx/shp/h1.gif) top right no-repeat; height: 22px; color: #fff }
#innhold .shopartikkel h1 a:hover { background: #036 url(gfx/shp/h1.gif) top right no-repeat; color: #fff }

#innhold .shopartikkel td { vertical-align: top; background: #fff }
#innhold .shopartikkel td.produktbilde { padding: 0 10px 10px 0; width: 100px }
#innhold .shopartikkel td.produktbilde a img {
	border: 1px solid #6895ba;
	padding: 5px;
	background: #fff }
#innhold .shopartikkel td.produktbilde a:hover img {
	border: 1px solid #036;
	background: #036 }

#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: 32px; right: 0;
	width: 93px; height: 22px; margin: 0;
	padding: 3px 0 0 25px;
	background: #f90 url(gfx/shp/pris.gif);
	color: #000;
	font-weight: bold; text-align: center }

#innhold .shopartikkel p.cart { padding: 0 }
p.cart { background: #6895ba; text-align: right; margin: 0; padding: 0; position: relative; height: 31px;
 	border-top: 5px solid #f2f2f2 }
p.cart span { display: none }
p.cart label, p.cart a, p.cart input { display: block; position: absolute; top: 0 }
p.cart label { right: 140px; width: 32px; height: 31px; background: url(gfx/shp/ant.gif) 50% 50% no-repeat }
p.cart a {
	right: 0; width: 86px; height: 31px;
	border-left: 5px solid #f2f2f2;
	background: url(gfx/shp/cart.gif) no-repeat 50% 50% }
p.cart a:hover { background: #036 url(gfx/shp/cart.gif) no-repeat 50% 50% }
p.cart input {
	right: 100px; top: 7px; border: 1px solid #fff; background: #bbdfed; color: #333;
	width: 26px; height: 15px; padding: 2px 0 0 2px }

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

#kol1 .shopartikkel h1, #kol2 .shopartikkel h1 { margin: 0; padding: 0 }
#kol1 .shopartikkel h1 a, #kol2 .shopartikkel h1 a {
	display: block; padding: 5px 0 5px 20px;
	background: #bbdfed url(gfx/shp/h1-kol.gif) 2px 7px no-repeat; color: #369 }
#kol1 .shopartikkel h1 a:hover, #kol2 .shopartikkel h1 a:hover { background: #036; color: #fff }
#kol1 .shopartikkel a.produktbilde, #kol2 .shopartikkel a.produktbilde {
	display: block; border: 1px solid #bbdfed; text-align: center; background: #fff; margin: 0 0 5px 0 }
#kol1 .shopartikkel a.produktbilde:hover, #kol2 .shopartikkel a.produktbilde:hover {
	border: 1px solid #036; background: #036 }

#kol1 .shopartikkel p.pris, #kol2 .shopartikkel p.pris { font-weight: bold; text-align: center; background: #fff; border: 1px solid #bbdfed; margin: 0 5px; padding: 3px }
#kol1 p.cart, #kol2 p.cart { border-bottom: 5px solid #fff; border-top: 5px solid #fff }
#kol1 p.cart, #kol2 p.cart, #kol1 p.cart label, #kol2 p.cart label, #kol1 p.cart a, #kol2 p.cart a { height: 23px }
#kol1 p.cart label, #kol2 p.cart label { left: 10px }
#kol1 p.cart a, #kol2 p.cart a {
	width: 80px;
	border-left: 1px solid #fff }
#kol1 p.cart input, #kol2 p.cart input {
	left: 50px; top: 4px; padding: 0 }

.shopartikkel_full a.produktbilde { float: right; border: 5px solid #fff; margin: 0 0 10px 10px }
.shopartikkel_full a.produktbilde:hover { border: 5px solid #036 }
.shopartikkel_full p.pris {
	font-weight: bold; background: #ffc; border: 1px solid #336; width: 65%;
	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 {
	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 }