/* RESET ///////////////////////////////////////////////////////////////////////////////////////////// */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* RESET ///////////////////////////////////////////////////////////////////////////////////////////// */

body {
	background: #fff url(../images/batteri-bkg.jpg) repeat-x;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1;
	color: #666;
}

p { margin-bottom: 10px; }
strong { font-weight: bold; }
em { font-style: italic; }
.red { color: #be1212; }
.strong { font-weight: bold; }
.margintop20 { margin-top:20px; }
.marginbottom20 { margin-bottom:20px; }
.arrowleft { padding-left:10px; background: url(../images/arrowleft.gif) 0 6px no-repeat; }
.arrowright { padding-left:10px; background: url(../images/arrow.gif) 0 6px no-repeat; }
.arrowright2 { padding-right:10px; background: url(../images/arrow.gif); background-repeat: no-repeat; background-position: right; }
.no-border { border:0; }
form,input,textarea { font-family: "trebuchet ms", arial, helvetica, sans-serif; }

/* focus hover styles */

 /* body { behavior:url("js/csshover2.htc"); } */

a, a.visited { color: #7291B4; }
a:hover { color: orange; }
#login .loggedin a:hover { color: #666; }
#sidebar a:hover { color: #7291B4; text-decoration:underline; }
#sidebar div.granskning a:hover { color: #7291B4; text-decoration:underline; }
#topgfx .meny2 a:hover { color: #7291b4; text-decoration:underline; }
#topgfx .meny2 a.hem:hover { background: url(../images/house2.gif) no-repeat 0 5px; }
#sidebar div.psearch input:hover { color: #7291B4; }
#sidebar div.psearch input:focus { color: #444; }
#sidebar div.psearch div:hover { background: url(../images/search-hover.gif) no-repeat; }
#content .page ol li:hover { background: #fafafa; color: #000; border-bottom-color: #000; }
#login input:hover { background: #ddd; color: #444; border-bottom-color: #ddd; }
#login input:focus { background: #fff; border-bottom-color: #88dcff; color: #000; }
#login p a:hover { color: orange; }
#content .karusell-link:hover { background: url(../images/buttons/lasmer2.gif) no-repeat; }
#content .prodlist tr:hover { background: #fafafa; }
#content .prodlist tr:hover td { border-bottom-color: #aaa; }
#content .prodlist td a:hover { text-decoration: underline; color: orange; }
#content .prodlist input:hover { background: #fff; outline: 0; border-color: #aaa; }
#content .prodlist input:focus { background: #fff; border-color: #444; outline: 0; color: #444; }
#content .prodlist tr.garbage:hover { background: #fff; }
#content tr:hover td.prodprize.gray { background-color: #fafafa; }
#content .prodsingel .popbox:hover { border-color: #ccc; }
#content .prodsingel .actionright input:hover { outline:0; border-color:#aaa; }
#content .prodsingel .actionright input:focus { outline:0; border-color:#444; color: #444;  }
#content .imglist img:hover { border-color: #aaa; }
#lbCloseLink:hover { border:0; background: transparent url(../js/closelabel2.gif) no-repeat center; }
#content table.standard tr:hover { background: #fafafa; }
#content table.standard a { text-decoration:none; }
#content table.data thead tr:hover { background: transparent; }
.pagination a { display:block; float: left; width:20px; height:20px; text-align:center; text-decoration:none; border:1px solid #fff; }
#content .pagination a:hover { border:1px solid orange; }
.pagination a.pag-on { text-decoration:underline; color: #444; font-weight:bold; font-size:14px; border:0;}
#content .pagination a.pag-on:hover { border:0;}
#content .superfilter input:hover { border-color: #aaa; outline:0;}
#content .superfilter input:focus { outline:0; border-color: #444; }
#PBBAcp-Box input:hover {	background: #7291B4;	color: #fff; }
#content .af-form input:hover { border-color: #aaa; }
#content .af-form input:focus { color: #444; border-color: #666; }
#content .textarea textarea:hover { border-color: #aaa; }
#content .textarea textarea:focus { color: #444; border-color: #666; }
#content .inputgroup .red input:hover { border-color: #aa0000; }
#content .uberlink.red:hover { background: red;  border-color:red;color: #fff;}
#content .uberlink.ok:hover { background: #78AF78; border-color:#78AF78;  color: #fff; }	

/* MAIN LAYOUT ********************************************/

#container { position: relative; margin:auto; top:30px; } /* CENTER PAGE */
#container { width: 779px; z-index:2; } /* TOTAL BREDD */

#topgfx { height: 190px; background: #444 url(../images/topgfx.jpg) no-repeat; margin-bottom:7px; }

#main { }
#nav ul.child { display:none; }

#sidebar { float: left; width: 174px; height: 500px; margin-right:3px; }
#content {float: left; width: 602px; line-height: 18px; }
#footer { text-align:center; margin-top:10px; font-size: 10px; color: #666; }

.footerlogos a { margin-left: 20px; }
.footerlogos ul { margin-left: 200px; }
.footerlogos li { float:left; }
.footertext { clear:both; margin-top: 80px; }

/***/

.s-block { background: #fff; color: #888; margin-bottom:5px; border:1px solid #e8e8e8; padding:19px; } /* sidebar block */
.s-block h1 { background: #999; display:block; padding:10px; padding-left: 20px; padding-bottom: 11px; color: #fff; }
.s-block h1 { font-size: 10px; font-weight: bold; text-transform:uppercase; margin: -15px -20px 18px -20px;}

.s-block a, a.visited { color: #888; padding-left:10px; background: url(../images/arrowblue.gif) no-repeat 0 5px; text-decoration: none; font-size:11px;  line-height:16px; }

/* meny2 (top) */

.meny2 { position:absolute; top:159px; right: 0px; width:310px; height: 31px; background: url(images/transparent.gif); font-size:11px; z-index:100;}
.meny2 ul { padding-left:55px; padding-top:5px; }
.meny2 li { float:left; }
.mspace { margin-top: 5px; font-size:11px; color: #ccc; }

.meny2 a, a.visited { display:block; padding:5px; text-decoration:none; color: #888; }
.meny2 a.hem { padding-left:15px; background: url(../images/house.gif) no-repeat 0 5px;}


.meny2 ul.child { position: absolute; background: #fff; padding:10px; border:1px solid #ccc; border-top:0; margin-top:0px; padding:0; padding-top:13px; border-bottom:1px solid #ccc;}
.meny2 ul.child { border-bottom-color:#aaa; padding-bottom:10px; }
.meny2 .child li { float: none; width:130px; }
.meny2 .msmall li { width:70px; }
.meny2 .msmall { margin-left:-4px; }

.meny2 ul.child a, a.visited { height: 15px; padding-top:4px; padding-left: 10px; margin-left:7px; background: url(../images/arrow.gif) no-repeat 0 6px; }

/***/

#sidebar .varukorg { background: #ff8a00 url(../images/varukorg.png) no-repeat 25px 26px; margin-bottom:4px; height: 50px; padding: 26px 0 0 55px; }
#sidebar .varukorg { border:2px solid #ff8a00; overflow:hidden; }
#sidebar .varukorg { color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; }
#sidebar .varukorg p { line-height: 15px; font-size:11px; font-style: italic; }
#sidebar .varukorg em { font-style: normal; font-weight: normal; text-transform:none; line-height:16px; }
#sidebar .varukorgpil { text-align:center; margin-bottom:5px; margin-top:-5px; }
#sidebar .varukorg h2 { text-transform: none; }
#qTip span.red { background: #ffc; }

#sidebar .granskning { margin-top:15px; margin-left:-40px; margin-right:10px; font-weight:normal; text-transform: none; }
#sidebar .granskning h1 { font-size: 12px; font-weight: bold; line-height:20px;}
#sidebar .granskning ul { margin-top:10px; list-style-type: decimal; list-style-position: inside; }
#sidebar .granskning li  { line-height:16px; }
#sidebar .granskning a, a.visited  { color: #666; }
#login .loggedin a, a.visited { color: #222; text-decoration:underline; }
#login .loggedin { line-height: 13px; }

#sidebar .varukorg .action { margin-top:15px; text-align:center; }
#sidebar .varukorg .action img { margin-right:3px; margin-left:0;}

/* menyn *****/

#accordion a, a.visited {
	line-height:22px; margin:0;
	background-position: 0 8px; 
	cursor: pointer;
}

#accordion a, a.visited { display: block; width: 125px; margin-right:-10px; } /* fix för ie6 i ie6.css */

#accordion .menuclick { width:115px; }
#accordion ul.menutoggled { margin-left: 2px; margin-right:-10px; border-left: 1px solid #ddd; padding-left:8px; padding-right: 0px; }
#accordion .menutoggled a, a.visited { background-image: url(../images/arrowgray.gif); }

a.selected { color: #7291b4; text-decoration: underline; background: url(../images/arrowdown.gif) no-repeat; }

.menutoggled { margin:0px;}

/***************/

/* produktsearch *****/

.psearch { margin-top: 20px; padding-top: 20px; border-top:1px dashed #ccc; margin-bottom: 7px; margin-left: -5px; margin-right: -5px; text-align:center; }
/* .psearch form { margin-top: 20px; padding-top: 20px; border-top:1px dashed #ccc; margin-bottom:7px; } */

.psearch input { width: 90px; font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size:11px; color: #999; border:0; outline: 0; background: transparent; }
.psearch input { padding-top: 4px; line-height:14px; padding-bottom: 5px; padding-left: 7px; padding-right:34px; }

.psearch div { background: url(../images/search.gif) no-repeat; margin-left:9px;}
.psearch div.focused { background: url(../images/search-focus.gif) no-repeat; }
div.focused input { color: #444; border-color: #444; }

.psubmit { position:absolute; height:22px; width:12px; margin-left: -33px; } /* lite haxigt */
a.psubmit { background: none; }

.butiker { margin-left: 4px; }
.butiker a.togglecontent { background:none; padding:0; }
li.butikerspace { padding:0; border-bottom:1px dashed #ccc; margin-top:-12px; margin-bottom:3px; color: #fff; }

.butiker ul { margin-top:5px; margin-left:5px; }
.butiker li { padding-top:2px; padding-bottom:2px; }
.butiker li.lan { margin-bottom:5px; }
.butiker a { }
/***/


.nyheter { height: auto; }
.nyheter li { margin-bottom: 15px; }
.nyheter em { font-size: 10px; padding-left:10px; }

.nyheter .arkiv { text-align:right; margin-bottom:-10px; margin-right:-5px; margin-top:20px; }

.contact { background: #999; height: auto; border:0; padding: 14px 0 15px 13px; }
.contact { color: #fff; font-size: 10px; line-height: 14px; }
.contact p { margin-bottom: 0; }
.contact strong { font-size: 11px; }

.c-block { width: 586px; background: #fff; border: 1px solid #e8e8e8; padding: 7px; padding-top:9px; padding-bottom:9px; margin-bottom:5px; }  /* content block */ 
.minheight { min-height: 900px; height:auto !important;	height: 900px; }


/* login ******/

#login .toggled { display:none; }
#login { position: absolute; top:0; left:0; margin-top:-30px; width: 779px; color: #fff; z-index:999; }
.loginbutton { margin-left: 355px; }

.loginfield {
	opacity: 0.9;
	filter: alpha(opacity = 90);
	background: #000 url(../images/loginfader.jpg) repeat-x;
	height: 460px;
	padding-left:36px;
 }

.page ol { padding-left:25px; list-style-type: decimal; margin-top:10px; margin-bottom:20px; }
.page ol li { border-bottom:1px solid #ccc; padding-bottom:3px; padding-top:3px; }
.totop { padding-top:20px; padding-bottom:40px;}

.loginclose a { position:absolute; right:0; margin:20px; }
.loginclose a { padding:5px; border: 1px solid #444; text-decoration:none; background: #fff; width:50px; height:50px; }

.loginfield h1 { font-size: 26px; color: #fff;  line-height: 26px; }
.loginfield h2 { font-size: 18px; font-style: italic; margin-top:10px; margin-bottom:40px; color: #888; line-height: 24px; text-transform: none; }
.loginfield h3 { font-size: 18px; font-style: normal; font-weight: normal; margin-top:10px; margin-bottom:10px; color: #fff; line-height: 24px; text-transform: none; }
.loginleft h1 { margin-bottom:68px; }

.logbuttons { margin-top: 20px; }
.loginleft, .loginright { opacity: 1; float: left; margin-top: 40px; height: 390px; width: 350px; }
.loginleft { border-right:1px solid #555; width: 353px; margin-right:20px;}
.loginleft2, .loginright2 { padding:20px; }
.loginright2 { padding-left: 40px; padding-right: 25px; }

#login input { padding-top:8px; padding-bottom:3px; padding-left: 10px; padding-right: 10px; height: 30px; width: 220px; font-size: 20px; font-family: "trebuchet ms", arial, helvetica, sans-serif; }

#login input { outline: 0; border:0; border-bottom: 3px solid #ccc; color: #888; background: #ccc; }

#login p { margin-top:20px; }
#login p a { color: #A7C3DF; text-decoration:underline; }

/* loggedin */

/*.loggedin { float:left; color: #666; font-size:11px; text-align: left; width:665px; position: absolute; top:-7px;}*/
.loggedin { position:absolute; color: #222; font-size: 11px; width:665px; top:-6px; }
.logout { float:right; margin-top:8px; margin-right:10px; }

/*****/

/* STANDARD #CONTENT / .page ELEMENTS **************************************/

h1.mobile { display:none; }

h1.pagetitle {
	font-size:14px; font-weight:bold; color: #fff; text-transform: uppercase; 
	background: #787878 url(../images/pagetitle/generic.gif);
	display:block;
	line-height:30px;
	padding-top:1px;
	padding-left:37px;
}

h1.star { background-image: url(../images/pagetitle/star.gif); }
h1.info { background-image: url(../images/pagetitle/info.gif); }

h1.pagetitle span { color: #ddd; }
h1 span.newsdate { font-size:11px; font-weight: normal; margin-left:5px; text-transform:none; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

.page { padding: 10px; padding-right: 35px; }
.page p { margin-bottom:10px; line-height: 18px; }
.page h1 { font-size: 18px; margin-top:25px; margin-bottom:5px; color: #444; }
.page h2, h3 { color: #7291b4; font-weight: bold; margin-top:20px;}
.page h2 { font-size:14px; margin-top:25px;}
.page h3 { font-size: 11px; }
.page h4 { font-weight: bold; }
img.fullsize { float:none; margin-top: 10px; margin-bottom:10px; padding:5px; border: 1px solid #ccc; }
img.left { float: left; margin-right:10px; padding:5px; border: 1px solid #ccc; }
img.right { float:right; margin-left: 10px; padding:5px; border: 1px solid #ccc; }

/* list */
.page ul { list-style-type: disc; list-style-position: inside; margin:5px 0 15px 10px; }
.page li { line-height: 20px; }
.page ul.large li { margin-bottom:10px; }
.page ul.large { margin-top:20px; }
.page .ul2 { list-style-type:none; margin:0; list-style-position:outside; }

.page ul.bordertop { border-top:1px dashed #ccc; padding-top:20px; }

/* FRONT PAGE **********************************************************/


/* karusell ***/

#karusell_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 600px; /* important */
	height: 228px; /* important */
	margin: 0em;
	margin-left:-7px;
	margin-right:-20px;
	background: #fff;
}

#ctl11_karusell_6_content {
	position: absolute;
	top:0;
	margin-left: 0;
}

#ctl11_karusell_6_content
#ctl11_karusell_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#ctl11_karusell_6_content {
		width: 6400px; /* denna = WIDTHxANTAL OBJEKT ... och lite till verkar det som */
	}

	#container_bd #karusell_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#karusell_6_frame {
	position: absolute;
	margin-top: 206px;
	margin-left:7px;
}

#ctl11_karusell_6_content li {
	width:600px;
	height:400px;
	background: #eee;
}

#ctl11_karusell_6_content div {
	padding:10px;
	padding-left:15px; 
	padding-top:15px;
}

.karusell h1,h2,h3 { text-transform: uppercase;}
.karusell h1 { font-size: 30px; margin-bottom:9px; }
.karusell h2 { font-size: 18px; color: #7291b4; }
.karusell h3 { color: #fff; font-size: 45px; letter-spacing:-3px; font-style: italic; padding-top:29px; padding-left:10px; text-align:center; }
.karusell h3 { width: 179px; height:50px; background: url(../images/prizetag.gif) 10px 0px no-repeat; margin-left:-10px; padding-right:10px; padding-bottom:10px;}
.karusell-img { position: absolute; top: 14px; margin-left: 300px; }

.karusell-ny { position: absolute; top: 197px; z-index:1; right:0; width:70px; height:65px; background: url(../images/justnu.gif) no-repeat; }

#karusell_6_frame img { margin-right:3px; }

.karusell-link {	position:absolute; top: 206px; width:43px; }
.karusell-link { padding:0; margin:0; margin-left: 42px; }



/* populära produkter ***/

.pop { overflow: auto; }
.popbox,.popbox2,.popbox3 { float:left; width: 266px; height: 127px; border:1px solid #ccc; margin-top: 10px; padding:10px; /* padding 10 = width -20px */ }
.popbox3 { border-color: red; margin-right:10px; }
.popbox { margin-right:10px; }

.popimg { float:left; width:95px; height: 95px; overflow: hidden; margin-right:12px; }
.poptxt { font-size:11px;
	min-height: 95px;
	height:auto !important;
	height: 95px;
}
.poptxt p { margin:0;}
.poptxt h2 { font-size: 11px; text-transform:none; font-weight: bold; color: #7291b4; margin-bottom:3px; }

.popaction { border-top:1px dashed #ccc; padding-top:7px; margin-top:7px; }
.popaction strong { display:block; float:left; width: 100px; color: #eb1212; font-size:14px; margin-right:5px; }
.popaction img { padding-left: 4px; float: right; }
.popaction a img { margin: 0; }

/* Produktlista ***/

.prodlist { font-size:11px; }
.prodlist table { width:100%; }
.prodlist table td { border-spacing:0; }
.prodlist td { padding:4px; vertical-align: middle; }
.prodlist td { border-collapse: collapse; border-bottom:1px solid #ccc; padding-top: 10px; padding-bottom: 10px; }

.prodlist td a { color: #7291b4; text-decoration:none; }
.prodlist td h3 { margin:0; text-transform: none; line-height:16px; }
.prodlist td p { margin:0; text-transform: none; line-height:16px; }

td.prodimg { width: 50px;  }
td.prodtitle { width: 150px; padding-right:5px;}
td.prodprize { width: 80px; color: #eb1212; font-size:12px; font-weight: bold; text-align: right; padding-right:20px;	 }
td.prodprize.gray { background-color: #fff; }

td.prodaction { width: 50px; text-align: right; }
td.prodaction img { display:block; float:right; clear:both; margin-bottom:3px; }

td.prodantal em { float: left; font-style: normal; margin-right:5px; margin-top: 2px; }

.prodlist input { text-align:right; border:1px solid #ccc; width: 26px; font-size:11px; color: #666; padding-right:2px; }



.prodsort { font-size:11px; height: 30px; padding-top:0px; margin-bottom:10px; margin-left: 5px; }
.prodsort .sort { border-right:1px solid #ddd; width: 215px; float: left; }
.prodsort .filter { float: left; margin-left:15px; }
.prodsort .filter input { float:left; text-align:left; padding-right:0; padding-left: 2px; width: 100px; }
.prodsort .filter span { float:left; margin-right:5px; }
.prodsort .on { color: #888; border-bottom:1px dashed #bbb; }

.prodlist tr.garbage td { border:0; height: 20px; }
.prodnumb { margin-top: 10px; margin-bottom:20px; }


/* produkt singel */

.prodsingel .page { padding:0; margin-top:6px; }
.prodsingel .pop { float: left; }
.prodsingel .popbox { height:auto; text-align:center; } /* ie6.css -stuff here */
.prodsingel h3 { padding-top: 7px; margin-top:0; text-transform: none; }

.prodfloats { clear:both; margin-bottom:10px; min-height: 320px; height:auto !important; height: 320px; }

.prodsingel .prize { font-size:26px; font-weight: bold; color: #eb1212; margin-top: 0; letter-spacing:-2px; }

.prodsingel .action { margin-top:15px; padding-bottom:30px; padding-top:15px; border-top: 1px dashed #ccc; padding-left:10px; padding-right:10px; }
.prodsingel .action p { float: left; padding-top:2px; padding-bottom:2px; }

.prodsingel .actionright { float: right; }
.prodsingel .actionright img { vertical-align:middle; padding-bottom:5px; }

.prodsingel .actionright em { margin-right:5px; font-style: normal; font-size:11px; display:block; width:30px; height:10px; float:left; margin-top:2px; }
.prodsingel .actionright input { border:1px solid #ccc; width:26px; text-align:right; padding-right:2px; font-size:11px; color: #666; margin-right:10px; }

.prodlink { margin-top:40px; display:block; }

.imglist { margin-top: 10px; }
.imglist img { border:1px solid #ccc; margin:1px; }
.prod-desc {
	margin-left:-10px;
	margin-right:-10px;
	background: #eee;
	padding-top:10px;
	padding-bottom: 10px;
	margin-top:10px
}

/* slimbox */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
/*	background-color: #7291B4;*/
	background: url(../js/stripes.png);
	cursor: pointer;
	z-index: 9998;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #7291B4;
	z-index: 9999;	 
}

#lbBottomContainer { background: #fff; }

.lbLoading {
	background: #fff url(../js/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	float: left;
    color: #fff;
    background: #fff;
	text-decoration:none;
	font-size: 1.2em;
}

#lbPrevLink { margin-right: 5px; }

#lbNextLink {
	padding-right: 10px;
	background:url(../js/whitearrow.gif) no-repeat;
	background-position:right .35em;
}

#lbPrevLink {
	padding-left: 10px;
	background:url(../js/whitearrow2.gif) no-repeat;
	background-position:left .35em;
}

#lbBottom {
	font-size: 10px;
	color: #aaa;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;	
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../js/closelabel.gif) no-repeat center;
	margin: 0;
	margin-top: 5px;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
	font-size: 1.2em;
}

#lbCaption {
	font-weight: bold;
	display:none;
}


/*** MER STANDARD ***/

table.standard { width:100%; margin-bottom:10px; }
table.standard tr { }
table.standard th { font-weight: bold; padding-bottom:3px; border-bottom:1px solid #ccc; }
table.standard td { line-height:30px; border-bottom:1px solid #ccc; }
table.standard .tdright { text-align:right; }
table.standard .date { width: 20%; }

table.data td { text-align:center; }
table.data thead td { font-weight: bold; line-height:14px; }
table.data thead .divider { color: #eb1212; font-size:14px; }
table.data tbody td { border:1px solid; }
table.data { border-collapse: collapse; }
table.data tr .red { background: #fff; }

.floatleft { float:left; }


/*** standard pagination ***/
.pagination { display:block; float:right; }
.pagination span { float:left; width:35px; height:20px; padding-top:1px;}


/* news */
.arkivinfo { height: 20px; }

/* åf */
table.af th { width: 60%; }
table.af span { font-weight:bold; display:block; font-size:14px; margin-top: 10px; }
table.af td {  padding-bottom:10px; line-height:18px; }
table.af a { text-decoration: underline; }


/* superfilter */
.superfilter { margin-bottom:50px;}
.superfilter span { float:left; margin-right:5px; font-size:11px; padding-top:3px; }
.superfilter input { border:1px solid #ccc; outline:0; padding-left:3px; padding-right:3px; }


/* varu & kassa */

.bildprodukt { padding-left: 4px; }
.prodlist th { font-weight: bold; }

table.granska { margin-top:10px; }
table.granska .prodprize { width: 75px; text-align:right; padding:0; padding-right:10px; }
table.granska td.prodprize { color: #eb1212; color: #222; }
table.granska td.prodprize.gray { color: #999; }

table.granska .prodantal { width: 50px; text-align:right; padding-right: 10px; }
table.granska .prodantal img { float:right; margin-top:2px; }
table.granska input { float: left; padding-top:2px;}

table.granska .prodaction { text-align:right; padding-right:5px; width: 44px; }
table.granska .prodaction img { margin-top:2px; }

table.granska .total td { font-weight: bold; padding-top:30px;}
table.granska .total td em { font-weight: normal; }
table.granska .total .prize { text-align:right; font-size: 26px; color: #eb1212; letter-spacing:-2px; }
table.granska .total .prize p { padding-top:5px; font-size: 12px; color: #444; letter-spacing:normal; font-weight: normal; font-style: italic; }
table.granska .total .txt p { font-weight:normal ;}

.varunav { margin-top:40px; text-align:center; }
.varunav a { margin:5px; }



/* alert och confirm-boxar */

#PBBAcp-Box {
	padding-bottom: 24px;
	padding-top:24px;
	background: #fff;
	font-size:14px;
	line-height:18px;
	font-family: "trebuchet ms", arial, tahoma, helvetica, sans-serif;
	font-weight:bold;
}

#PBBAcp-Box span {
	font-weight:bold;
	font-size:12px;
	display:block;
	color: #eb1212;
	margin-top:5px;
	margin-bottom:5px;
}

#PBBAcp-Box input {	
	padding:3px;
	margin:2px;
	margin-top:20px;
	background: #999;
	color: #fff;
	border:0;
	cursor: pointer;
	border:0;
	text-transform: lowercase;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}
            
#PBBAcp-InBox {
}
            
#PBBAcp-BoxContent {
}
            
#PBBAcp-Box .BoxAlert {
	text-align: center;
}
            
#PBBAcp-Box .BoxConfirm {
	text-align: center;
}
            
#PBBAcp-Box .BoxPrompt {
	text-align: left;
}



/* cool input formulär etc */

.af-form input:focus { outline:0; }

.af-form input { border:1px solid #ccc; padding:4px; padding-left:4px; padding-right:4px; color: #999; font-size:12px; }

.inputgroup div { width: 150px; height:50px; border:1px solid #eee; border-top: 2px solid #eee; float: left; margin-right:5px; margin-bottom:5px; padding:10px; padding-top:15px; padding-bottom:15px; }
.inputgroup div.focused { border-color: #aaa; color: #000; background: #FFFEEF; }
.inputgroup em { margin-right:5px; font-style:normal; display:block; font-size:11px; margin-bottom:3px;}

.textarea div { clear:both; float:none; width:327px; height: 170px; }
.textarea textarea { width:310px; height:130px; border:1px solid #ccc; overflow:auto; padding:4px; outline:0; font-size:12px; color: #999; }



.inputgroup .radio input { border:0; margin-right:4px; float:left; }
.inputgroup .radio em { display:inline; font-size:11px; float:left; }
.inputgroup .radio { border:0; height:auto; padding:0; margin:0; width: auto; }
.inputgroup .radio div { width:150px; height: 50px; }
.inputgroup .radio p { margin-bottom: 5px; }

.inputgroup .red { border-color: #eb1212; color: #eb1212; }
.inputgroup .red input { border-color: #eb1212; }
.inputgroup .red em {  }

.inputgroup div.focused#red { color: #222; border-color: #222; }
.inputgroup div.focused#red input { color: #222; border-color: #222; }

.errorbox { color: #eb1212; background: #ffefef; padding:10px; border:2px solid #eb1212; margin-top:10px; margin-bottom:20px; }
.errorbox h2 { text-transform:none; color: #eb1212; font-size:18px; font-weight:normal; margin-top:0;}
.errorbox p { margin-top:5px; margin-bottom:0;}

.box { padding:10px; border:2px solid #eb1212; margin-top:10px; margin-bottom:20px; }
.box h2 { text-transform:none; font-size:18px; font-weight:normal; margin-top:0;}
.box p { margin-top:5px; margin-bottom:0;}

.box.ok { color: #567F4F; background: #efffef; border-color: #567F4F; }
.box.ok h2 { color: #567F4F; }

.box.gray { color: #555; background: #fafafa; border-color: #555; }
.box.gray h2 { color: #555; }


/* kassa */

.inputgroup .large em { font-size:14px; font-weight:bold; display:block; width:80%; padding-bottom: 10px;}
.inputgroup .larger em { font-size:14px; font-weight:bold; display:block; width:80%; padding-bottom: 10px;}
.inputgroup .large label { cursor:pointer; margin:0;}
.inputgroup .larger label { cursor:pointer; margin:0;}
.inputgroup .large div { width:145px; height: 290px; margin-right:3px; }
.inputgroup .larger div { width:110px; height: 290px; margin-right:3px; }
.inputgroup .large strong { display:inline; clear:both; font-weight:normal; }
.inputgroup .larger strong { display:inline; clear:both; font-weight:normal; }

.uberlink { padding:10px; font-size:18px; border:2px solid; line-height:50px; text-decoration:none;}

.uberlink.red {  color: #eb1212; border-color: #eb1212; background: #ffefef; }

.uberlink.ok { color: #567F4F; border-color: #567F4F; background: #efffef; }



.kvitto { font-family: "courier new", courier; margin-bottom:10px; }
.kvitto h1 { margin:5px 0 5px; font-weight:bold; font-size:24px; }
.kvitto table { border-collapse: collapse; width:100% }
.kvitto td { border:1px dashed #999; padding:5px;	}

.kvitto tr.large td { font-size: 18px; font-weight:bold; text-transform:uppercase; line-height:14px; padding-top:10px; padding-bottom:0;}
.kvitto tr.small td { font-size:12px; font-weight: normal;}

.kvittoright { text-align:right;}

/* tooltips */

div#qTip {
	padding: 7px;
	border: 1px solid #444;
	background: #ffc;
	color: #444;
	display: none;
	text-align: left;
	position: absolute;
	z-index: 999999;
}

div#qTip img {
	border-bottom: 1px solid #444;
	background: #333;
	margin: -7px;
	margin-bottom:-9px;
}

/* Menu */
dl.accordion
{
   position: relative;
   width: 145px;
   padding: 0 0 0px 0;
   background-color: #fff;
   display:none;
}

dl.accordion dt
{
   position: relative;
   height: 15px;
   padding: 5px 0 2px 10px;
   font-size: 11px;
   font-family: "Trebuchet MS", Arial;
   color: #666;
   background: #fff url(../images/arrowgray.gif) no-repeat 0px 7px;
   cursor: pointer;
}

* html dl.accordion dt
{
   cursor: hand;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/arrowgray.gif', sizingMethod='crop');
   background-image: none;
}

dl.accordion dt.open
{
   background-image: url(../images/arrowdown.gif);
   text-decoration: underline;
   color: #7291b4;
}
* html dl.accordion dt.open
    {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/arrowdown.gif', sizingMethod='crop');
	background-image: none;
	}

dl.accordion dd
{
   background: #fff;
   overflow:hidden;
   position:relative;
}

dl.accordion dd.sub_accordion
{

}

dl.accordion dd.accordion_content
{
   
   padding: 0 10px 0px 7px;
   padding-left: 5px;
   border-left: solid 1px #ddd;
}

dl.accordion dd dl dt
{
   padding-top: 10px;
   padding-left: 15px;
   border-left: solid 1px #ddd;
   background-position: 5px 13px;
}
dl * {
margin: 0;
padding: 0;
zoom:1;
}
dl.accordion dd dl dd.accordion_content
{
   
   padding-left: 20px;
   border-left: solid 1px #ddd;
}