legend
{
	color: #323232;
}
body 
{
	background: #FFFFFF;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	font-family: Arial;
	font-size: 11px;
	color: #323232;
}
a
{
	text-decoration:none;
	color: #002664;
}
h1 
{
	font-family: Arial;
	font-size: 26px;
	font-weight: normal;
	background-color: transparent;
	color: #000;
}
h2 
{
	font-family: Arial;
	font-size: 190%;
	font-weight:normal;
	background-color: transparent;
	color: #000;
	margin: 10px 0 -8px 0;
	padding: 0;
}
h3
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	background-color: transparent;
	color: #000;
	margin: 8px 0 -8px 0;
	padding: 0;
}

p { margin: 8px 0 0 0; }


a:hover, a:active 
{
	text-decoration: underline;
}

a img 
{
	border: none;
}
p.intro 
{
	font-size: 14px;
	font-family:Arial;
	margin: 0 0 18px 0;
}
.box span
{
	font-size:11px;
}
p.bullet a 
{
	/*color: #E44125;*/
	color: #002664;
	font-size: 10px;
	font-family:Arial;
	/*background: url(/images/arrow-small.gif) right top no-repeat;*/
	background-position-y: expression((this.scrollHeight - 11) + 'px');
	background-position-x: expression((this.getClientRects()[this.getClientRects().length-1].right - this.getClientRects()[this.getClientRects().length-1].left) - 10 + 'px'););
}

p.xls 
{
	font-size: 90%;
	padding: 2px;
	padding-left: 18px;
	background: url(/upload/filetypes/xls.gif) left top no-repeat;
}
div#wrap 
{
	background: none;
}

/* --------------------------- top + tools --------------------------- */
div#top 
{
	background: url("/upload/layout/tools/div-bg.gif") no-repeat scroll 4px 5px transparent;
	padding-top: 15px;
	padding-right: 12px;
	height: 17px;
}
ul#tools 
{
	margin: 0;
	padding: 0;
	float: right;
}
ul#tools li
{
	list-style: none;
	background: url(/images/small-li-bg.gif) top left no-repeat;
	float: left;
	padding-left: 10px;
	margin-left: 1px;
}
ul#tools li a
{
	display: block;
	background: url(/images/small-a-bg.gif) top right no-repeat;
	padding-right: 10px;
	padding-top: 2px;
	color: #002664;
	font-family: Arial;
}
ul#tools li a#decrease 
{
	float:left;
	background:none;
	padding-right:0;
}
ul#tools li a#increase
{
	font-size: 130%;
	padding-top: 0;
	line-height: 110%;
}

/* --------------------------- header (with logo) + topmenu --------------------------- */

div#header 
{
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 68px;
}
div#topmenu
{
	padding-right: 11px;
	height: 20px;
}
div#topmenu ul  
{
	margin: -2px 0 0;
	padding: 0;
	float: right;
}
div#topmenu ul li
{
	list-style: none;
	background: url(/images/li-bg.gif) top left no-repeat;
	float: left;
	padding-left: 17px;
	margin-left: 1px;
}
div#topmenu ul li a
{
	display: block;
	background: url(/images/a-bg.gif) top right no-repeat;
	padding-right: 17px;
	padding-top: 3px;
	height: 19px;
	float: left;
	color: #002664;
	font-family: Arial;
	font-weight: bold;
}
div#topmenu ul li.selected 
{
	background-image: url(/images/li-selected-bg.gif);
}
div#topmenu ul li.selected a 
{
	background-image: url(/images/a-selected-bg.gif);
	color: #FFFFFF;
}

/* --------------------------- submenu --------------------------- */ 
div#submenu, div#left
{
	float: left;
	width: 215px;
	margin: 20px 32px 0 15px;
}

div#submenu 
{
	background: url("/images/submenu-bg-middle.gif") repeat-y scroll left top transparent;
}
div#submenu a 
{
	color: #333333;
}

div#submenu div
{
	margin-left: 24px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-weight: bold;
}
div#submenu #SubMenuContainer
{
	background: url(/images/submenu-bg-top.gif) left top no-repeat transparent;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	border: 0;

}
div#submenu #SubMenuContainer #ArrowImage
{
    background: url(/images/small_arrow_grey.gif) no-repeat transparent;
	margin: 1px 0 0 17px;
	width: 10px;
	height: 10px;
	position: absolute;
}
div#submenu #Bottom
{
	background: url(/images/submenu-bg-bottom.gif) left bottom no-repeat transparent;
	margin: 0;
	padding: 0;
	height:15px;
}
div#submenu ul a 
{
	display: block;
	padding-left: 5px;
	padding-bottom: 1px;
	margin-left: 5px;
}
div#submenu ul 
{
	margin: 0;
	padding: 0;	
	padding-left: 38px;

}
div#submenu > ul 
{
	height: auto;
	min-height: 158px;
}
div#submenu ul li 
{
	list-style: none;
	display: inline;
}
div#submenu li.haschildren div 
{
	margin: 0;
	padding: 0;
	width: 7px;
	float: left;
}
div#submenu li.haschildren > div 
{
	width: 10px;
	height: 10px;
}
div#submenu li.haschildren a 
{
	margin-left: 0;
} 
/*
div#submenu ul li.expanded 
{
	background: url(/upload/layout/submenu/collapsed.gif) 0 5px no-repeat;
}
*/
div#submenu ul li a.selected
{
	background: url(/images/a-selected-bg.png) top right repeat-y;
	color: #FFFFFF;
}
div#submenu ul ul
{
	background: none;
	height: auto;
	padding: 0;
	padding-left: 12px;
}
div#submenu ul li ul li a
{
	font-size: 90%;
}


/* --------------------------- breadcrumbs + content --------------------------- */
div#breadcrumbs 
{
	font-size: 11px;
}
div#breadcrumbs, div#breadcrumbs a
{
	color: #333333;
}
div#content 
{
	float: left;
	width: 470px;
	margin-right: 20px;
	margin-top: 10px;
}



/* --------------------------- sitemap --------------------------------------- */

div#sitemap
{
	float: left;
	width: 100%;
	margin: 10px 0 0 20px;
}


/* --------------------------- related information --------------------------- */
div#relatedinformation 
{
	float: right;
	width: 203px;
	margin-right: 5px;
	margin-top: 10px;
}
div > div#relatedinformation 
{
	margin-top: 20px;
	margin-right: 10px;
}

/*----------------   TextBox    --------------------------*/
div.textbox 
{
	background: url(/upload/layout/relatedinfo/box-bg.gif) left bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
div.textbox h2
{
	margin: 0;
	background: url(/images/boxheading.png) no-repeat;
	padding-left: 16px;
	padding-top: 5px;
	height: 19px;
	font-weight: bold;
	color: #000000;
	font-family: Arial;
	font-size: 110%;
	margin-bottom: 8px;
}
div.textbox h3
{
	font-weight: normal;
	font-family: Arial;
	font-size: 125%;
}
div.textbox p
{
	margin-top: 8px;
	padding: 0;
	margin-left: 20px;
	margin-right: 20px;
}

div.textbox ul, div.textbox h3
{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-right: 20px;
}
div.textbox p.date 
{
	margin-top: 10px;
}
div.textbox p.intro, div.textbox h3 
{
	margin-bottom: 5px;
}
div.textbox ul li
{
	list-style: none;
	margin-top: 10px;
}
div.textbox ul li a 
{
	color: #002664;
	padding-right: 17px;
	background: url(/images/arrow-small.gif) right top no-repeat;
	background-position-y: expression((this.scrollHeight - 12) + 'px');
	background-position-x: expression((this.getClientRects()[this.getClientRects().length-1].right - this.getClientRects()[this.getClientRects().length-1].left) - 10 + 'px'););
}

/*----------------   TextBox    --------------------------*/
	


div.box 
{
	background: url(/upload/layout/relatedinfo/box-bg.gif) left bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
div.box h2
{
	margin: 0;
	background: url(/images/boxheading.png) no-repeat;
	padding-left: 16px;
	padding-top: 5px;
	height: 19px;
	font-weight: bold;
	color: #000000;
	font-family: Arial;
	font-size: 110%;
	margin-bottom: 8px;
}
div.box h3
{
	font-weight: normal;
	font-family: Arial;
	font-size: 125%;
}
div.box ul, div.box p, div.box h3
{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-right: 20px;
}
div.box p.date 
{
	margin-top: 10px;
}
div.box p.intro, div.box h3 
{
	margin-bottom: 5px;
}
div.box ul li
{
	list-style: none;
	margin-top: 10px;
}
div.box ul li a 
{
	color: #002664;
	padding-right: 17px;
	background: url(/images/arrow-small.gif) right top no-repeat;
	background-position-y: expression((this.scrollHeight - 12) + 'px');
	background-position-x: expression((this.getClientRects()[this.getClientRects().length-1].right - this.getClientRects()[this.getClientRects().length-1].left) - 10 + 'px'););
}
div.box span iframe
{
    height: 81px;
    margin-left: 10px;
    width: 175px;
}
div.gradient 
{
	margin-left: 3px;
	padding-left: 15px;
	height: 235px;
	background: url("/images/box-bg-middle.gif") repeat-y scroll left top transparent;
}
div > div.gradient 
{
	height: auto;
	min-height: 124px;
}
div.gradient-start 
{
	margin-left: 3px;
	height: 15px;
	background: url(/images/box-bg-top.gif) left top no-repeat;
}
div.gradient-end 
{
	margin-left: 3px;
	height: 15px;
	background: url(/images/box-bg-bottom.gif) left top no-repeat;
}
div.gradient h2 
{
	margin: 0;
	margin-bottom: 3px;
	font-weight: bold;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	padding-top: 8px;
}
div.gradient select 
{
	width: 140px;
	font-family: Arial;
	font-size: 100%;
	color: #002664;
	margin-right: 6px;
}
div.gradient input.arrowLarge
{
	background:url("/upload/layout/relatedinfo/arrow-large.gif") no-repeat scroll left center transparent;
	border: medium none;
	height: 20px;
	width: 20px;
	cursor: pointer;
	vertical-align: middle; 
	*vertical-align: text-bottom;
}
div.gradient ul#commands 
{
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
div.gradient ul#commands li 
{
	list-style: none;
	display: inline;
}
div.gradient ul#commands li a
{
	color: #002664;
	padding: 10px;
	padding-left: 35px;
	display: block;
}
div.gradient ul#commands li a#printpage
{
	background: url(/upload/layout/relatedinfo/commands/printpage.gif) center left no-repeat;
}
div.gradient ul#commands li a#emailpage
{
	background: url(/upload/layout/relatedinfo/commands/emailpage.gif) center left no-repeat;
}
div.gradient ul#commands li a#ratepage
{
	background: url(/upload/layout/relatedinfo/commands/ratepage.gif) center left no-repeat;
}
div.gradient ul#commands li a#subscribe
{
	background: url(/upload/layout/relatedinfo/commands/subscribe.gif) center left no-repeat;
}
div.gradient ul#commands li a#addtofavourites
{
	background: url(/upload/layout/relatedinfo/commands/addtofavourites.gif) center left no-repeat;
}
/* --------------------------- footer --------------------------- */
div#footer 
{
	clear: left;
	width: 100%;
	margin-top: 30px;
	padding-top: 3px;
	background: none;
	font-size: 90%;
	border-top: 1px solid #808080;
}
div#footer
{
	color: #666666;
}

div#footer a { color: #002664; }

/* --------------------------- ticker --------------------------- */
div#ticker 
{
	margin-bottom: 15px;
	clear: left;
}

div#tickerheader
{
	color: #002664;
	text-align: center;
	float: left;
	padding-top: 20px;
	margin-right: 6px;
	height: 85px;
	width: 50px;
	background: url(/upload/layout/ticker/tickerheader-bg.gif) no-repeat;
}
div#tickerdata 
{
	width: 230px;
	height: 103px;
	background: url(/upload/layout/ticker/tickerdata-bg.gif) no-repeat;
	float: left;
	padding-top: 10px;
}
div#tickerdata div
{
	background: white;
	border: 1px solid #B4B4B4;
	float: left;
	width: 60px;
	padding: 1px;
	padding-left: 3px;
	margin-left: 3px;
	margin-right: 5px;
	margin-bottom: 2px;
}
div#tickerdata div.value 
{
	background: #F5F5F5 url(/upload/layout/ticker/value-bg.gif) 0 100% repeat-x;
}
/* --------------------------- tables --------------------------- */

table.list 
{
	width: 100%;
}
table.list thead
{
	background: url(/upload/layout/tables/thead-bg.gif) repeat-x;
	height: 43px;
}
table.list thead th
{
	text-align: right;
	padding-right: 10px;
}
table.list thead th.start
{
	background: url(/upload/layout/tables/thead-start.gif) top left no-repeat;
	text-align: left;
	padding-left: 10px;
}
table.list thead th.end
{
	background: url(/upload/layout/tables/thead-end.gif) top right no-repeat;
}
table.list tbody th 
{
	text-align: left;
	font-weight: normal;
	padding: 2px;
	padding-left: 10px;
	border-bottom: 1px solid #E6E2E2;
}
table.list tbody th.subheader 
{
	font-weight: bold;
	padding-top: 1em;
}
table.list tbody td 
{
	border-bottom: 1px solid #E6E2E2;
	padding: 2px;
	padding-right: 10px;
	text-align: right;
} 
table.list tbody tr.odd td, table.list tbody tr.odd th
{
	background: #e8e8e8;
}
th.oddrow, td.oddrow
{
	EditMenuName: oddrow;
	background-color:#e8e8e8;
}

/* --------------------------- feedback --------------------------- */
#feedback
{
	background-image: url(/upload/layout/feedback/bg.gif);
	height: 397px;
	width: 428px;
	clear:both;
}

#msg {
	background-image: url(/upload/layout/feedback/bg.gif);
	height: 397px;
	width: 428px;
	clear:both;
}

.feedbacktop
{
	height: 20px;
	line-height: 20px;
}
.feedbackleft
{
	float: left;
	width: 200px;
	height: 20px;
	padding-left: 7px;
}
.feedbackright
{
	float: left;
	width: 214px;
	height: 20px;
	text-align: right;
}

.feedbackmsg
{
	margin-left: 13px;
	margin-right: 17px;
	margin-top: 44px;
	width: 398px;
}

#feedback a, #msg a
{
	color: #002664;
}

#feedback table
{
	margin-left: 13px;
	margin-right: 17px;
	margin-top: 44px;
	width: 398px;
}

#feedback td
{
	color:black;
}

#feedback tr.tjocklinje td
{
	border-bottom: solid 2px #cccccc;
}

#feedback tr.tunnlinje1 td
{
	border-bottom: solid 1px #cccccc;
}
#feedback tr.tunnlinje2 td
{
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #cccccc;
}
#feedback tr.tunnlinje3 td
{
	border-top: solid 1px #ffffff;
}

#feedback textarea {
	width: 305px;
	height: 148px;
	border: none 0;
	margin:0;
	padding:0;
}
#feedback .textarea {
	width: 305px;
	height: 150px;
	background-color: #cccccc;
	border: solid 1px #ffffff;
	margin:0;
	padding:0px 1px;
}


#feedback input.text {
	width: 156px;
	height: 18px;
	border: none;
	margin:0;
	padding:0;
}
#feedback .input {
	width: 156px;
	height: 20px;
	background-color: #cccccc;
	border: solid 1px #ffffff;
	margin:0;
	padding:0 1px;
}

#feedback .feedbackskicka
{
	height: 24px;
	line-height: 20px;
	float: right;
	padding-right: 36px;
	text-align: right;
	background: url(/upload/layout/relatedinfo/arrow-large.gif) top right no-repeat;
}



.gradientbox
{
	width: 428px;
	clear:both;		
}

.gradientbox .itemsHeader
{
	float: left;
	background: transparent url(/upload/productspermarket/itemsheader_bg.gif) no-repeat;
	height: 250px;
}

.gradientbox .items
{
	float: left;
	background: transparent url(/upload/productspermarket/itemsSortheader_bg.gif) no-repeat;
	width: 428px;
}

.gradientbox .itemsBg 
{
	float: left;
	/*background: transparent url(/images/gradient_grey.gif) repeat-x;*/
	background: transparent url(/upload/productspermarket/background_printed_material.gif);
	width: 428px;
	margin: 20px 0 0 0;
}


.gradientbox .itemsBottom
{
	float: left;
	background: transparent url(/upload/productspermarket/items_bottom.gif) no-repeat;
	width: 428px;
	display: block;
	height: 36px;
}
.gradientbox .gustav
{
background-image:url("/upload/productspermarket/background_printed_material.gif"); 
background-repeat: repeat-y;
float: left;
}