body { background-color: #FFFFFF;}
	#centerDiv { width: 800px; position: absolute; top: 0px; left: 0px;}
	a {text-decoration:underline; color: #000000;}
	a.hover {text-decoration:underline }
		.anchor {text-decoration:none }

	/* DZ addition class thin, and also the <a> color black above */
	a.thin { font-weight: normal; }
	a.bold { font-weight: bold; }

	li {margin-bottom: 16px;}	

	img {border: none; }

	#smalllogo {position:absolute; top: 22px; left:16px;}

/*--- Fonts ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.standard_10_n_black {font-size: 10px; color:#000000; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
	.standard_10_n_grey {font-size: 10px; color:#777777; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; }

	.standard_10_b_black {font-size: 10px; color:#000000; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
	
	.standard_12_n_black {font-size: 12px; color:#000000; font-weight: normal; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	.standard_12_n_grey {font-size: 12px; color:#777777; font-weight: normal; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	.standard_12_n_yellow {font-size: 12px; color:#e3a615; font-weight: normal; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }

	.standard_12_b_black {font-size: 12px; color:#000000; font-weight: bold; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	.standard_12_b_grey {font-size: 12px; color:#777777; font-weight: bold; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	.standard_12_b_yellow {font-size: 12px; color:#e3a615; font-weight: bold; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }

	.standard_14_b_yellow {font-size: 14px; color:#e3a615; font-weight: bold; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; }

	.standard_18_b_yellow {font-size: 18px; color:#e3a615; font-weight: bold; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	.standard_18_b_black {font-size: 18px; color:#000000; font-weight: bold; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif; }


	
	
/*--- Menu ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#menu {position:absolute; top: 36px; left:147px; height:21px; border-bottom: 2px solid #000000;}
	.menuitem {vertical-align:top; margin: 0px 20px 0px 0px;}
	
	
/*--- Breaks ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.br1 {font-size: 1px; line-height: 1px; clear: both;}
	.br5 {font-size: 5px; line-height: 5px; clear: both;}
	.br10 {font-size: 10px; line-height: 10px; clear: both;}
	.br20 {font-size: 20px; line-height: 20px; clear: both;}
	.br30 {font-size: 30px; line-height: 30px; clear: both;}
	.br40 {font-size: 40px; line-height: 40px; clear: both;}
	.br50 {font-size: 50px; line-height: 50px; clear: both;}
	.br60 {font-size: 60px; line-height: 60px; clear: both;}
	.br70 {font-size: 70px; line-height: 70px; clear: both;}
	.br80 {font-size: 80px; line-height: 80px; clear: both;}
	.br90 {font-size: 90px; line-height: 90px; clear: both;}
	.br100 {font-size: 100px; line-height: 100px; clear: both;}


/*--- Page: index ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	.contentinfo {position:absolute; top: 115px; left:147px; width: 550px; clear:both;}
	#info {position:absolute; top:115px; left:147px; width:500px;}
	#box {position:absolute; top: 201px; left:18px; width:713px; height:219px; background-image: url("../img/box_1.gif");}
		.boxtitle {position:absolute; top: 14px; left:19px;}
		.boxitema {position:absolute; top: 52px; left:19px;}
		.boxiteamatext {position:absolute; width: 120px; text-align:center; top: 180px; left:18px;}
		.boxitemb {position:absolute; top: 97px; left:156px;}
		.boxitemc {position:absolute; top: 50px; left:211px;}
		.boxitemctext {position:absolute; width: 120px; text-align:center; top: 180px; left:170px;}
		.boxitemd {position:absolute; top: 97px; left:275px;}
		.boxiteme {position:absolute; top: 78px; left:336px;}
		.boxitemetext {position:absolute; width: 120px; text-align:center; top: 180px; left:310px;}
		.boxitemf {position:absolute; top: 102px; left:435px;}
		.boxitemg {position:absolute; top: 35px; left:489px;}
		.boxitemgtext {position:absolute; width: 200px; text-align:center; top: 180px; left:490px;}
	#linkjamfor {position:absolute; top: 435px; left:78px;}
	#linkbestall {position:absolute; top: 457px; left:222px;}
	#linkreferens {position:absolute; top: 480px; left:497px;}
	#links {position:absolute; width: auto; text-align:center; top: 695px; left:132px;}
		.linksmargin {margin: 0px 60px 0px 0px;}
	#levereras {position:absolute; width: auto; text-align:center; top: 735px; left:230px;	}
	#logos {position:absolute; top:760px; left:30px; width:700px; height:50px;}
	.logosmargin {margin: 0px 25px 0px 0px;}




/*--- Page: beställning ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.contentbestall {position:absolute; top: 515px; left:55px; width: 650px; text-align:center;}
	#shapes {position:absolute; top: 90px; left:55px; z-index: 1;}
		.clickareaA {position:absolute; top: 385px; left:310px; width:180px; height:95px; z-index: 100;}
		.clickareaB {position:absolute; top: 260px; left:60px; width:175px; height:165px; z-index: 101;}
		.clickareaC {position:absolute; top: 90px; left:265px; width:140px; height:250px; z-index: 102;}
		.clickareaD {position:absolute; top: 245px; left:470px; width:210px; height:120px; z-index: 103;}
		.clickareaE {position:absolute; top: 160px; left:530px; width:105px; height:230px; z-index: 104;}




/*--- Page: om ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.contentom {position:absolute; top: 115px; left:147px; width: 375px;}




/*--- Page: jämför ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	.jamfor td {
		font-size: 12px; }
	}

	.contentjamfor {position:absolute; top: 115px; left:147px; width: 550px; clear:both;}
	#smallshapes {position:absolute; top: 160px; left:370px;}
	
	.tdtitlefirst {padding: 0px 0px 0px 5px;}
	.tdtitle {width:80px; text-align:center;}
	.tdheadtint {background-color:#fde1b7; height:20px; vertical-align:middle; padding: 0px 0px 0px 5px;}
	.tdheadwhite {background-color:#ffffff; height:20px; vertical-align:middle; padding: 0px 0px 0px 5px;}
	.tddatatint{background-color:#fde1b7; width: 80px; height:20px; text-align:center; vertical-align:middle;}
	.tddatawhite{background-color:#ffffff; width: 80px; height:20px; text-align:center; vertical-align:middle;}




/*--- Page: referens ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	.contentreferens {position:absolute; top: 115px; left:147px; width: 375px; clear:both;}
	#referenspic {position:absolute; top: 130px; left:420px;}
	.bubbla {float:left; margin: 30px 30px 0px 0px;}




/*--- Page: testa ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	.contenttesta {position:absolute; top: 115px; left:147px; width: 600px; clear:both;}
	#testframe {position:relative; left:-10px;width: 800px; height: 400px; border: none;}




/*--- Page: logga in ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	.contentloggain {position:absolute; top: 115px; left:147px; width: 375px; clear:both;}




/*--- Page: kundservice ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	.contentkund {position:absolute; top: 115px; left:147px; width: 400px;}
	#kundpic {position:absolute; top: 215px; left:410px;}
	.frmtext {width: 215px;}
	.frmselect {width: 215px;}
	.frmarea {width: 215px;}




/*--- Page: faq ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	.contentfaq {position:absolute; top: 115px; left:147px; width: 400px;}
	#faqpic {position:absolute; top: 165px; left:550px;}


/* DZ additions for order and mypages below */
/*--- Page: order ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.contentorder {position:absolute; top: 80px; left:147px; width: 530px;}

/*--- Page: invoice ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#invoicelogo {position:absolute; top: 22px; left:20px;}
	#invoicehead {position:absolute; top: 30px; left:450px;}
	#invoicehead2a {position:absolute; top: 180px; left:90px;}
	#invoicehead2b {position:absolute; top: 180px; left:450px;}
	.contentinvoice {position:absolute; top: 290px; left:90px; width: 530px;}
	#invoicepage h1 { margin-bottom: 14px; font-size: 18px; color:#000000; font-weight: bold; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	#invoiceTable { width: 500px; }
	#invoiceTable th { padding: 4px; text-align: left; background-color: #eeeeee; }
	#invoiceTable th.alignRight { text-align: right; padding-right: 20px;}
	#invoiceTable td { padding: 4px; }
	#invoiceTable td.sumLabel { text-align: right; font-weight: bold; }
	#invoiceTable td.sum { font-weight: bold; }
	#invoiceTable td.alignRight { text-align: right; padding-right: 20px;}
	#invoiceTable td.sumLine { font-size: 6px; border-top: 2px solid #000; }
	#summaryTable { font-size: 18px; color:#000000; }
	#summaryTable th { padding: 8px; text-align: left; font-weight: bold;}
	#invoiceFooter { position:absolute; bottom: 60px; left:20px; }
	#invoiceFooter table { width: 630px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

/*--- Page: confirmedorder ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.contentconfirmed {position:absolute; top: 80px; left:147px; width: 460px;}
	#cartpic {position:absolute; top: 165px; left:620px;}


.exampleDiv {
/* DZ I put the div slightly to the left so that there is enough room for the html code
   because it is difficult for Firefox to break the lines since it is a link without spaces */
position:relative; left: -30px;
overflow: auto; border: 1px dotted #444; width: 470px; padding: 8px;
background-color: #f0f0f0;
font-size: 12px;
font-family: Courier New, Courier, monospace;
}

	/* copied from standard_18_b_yellow with addition of margin-bottom */
	h1 { margin-bottom: 14px; font-size: 18px; color:#e3a615; font-weight: bold; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	h2 { margin-bottom: 14px; font-size: 18px; color:#e3a615; font-weight: bold; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif; }
	h3 { font-size: 12px; color:#000000; font-weight: bold; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* DZ I had to add styling for table when changing from loose.dtd to non-specified.
   I had to remove loose.dtd because it prevented selection of text in absolute positioned divs */
/*
table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
*/
table.mypage th {
	text-align:left;
	font-size: 18px;
	color: #e3a615;
	font-weight: bold;
	margin:0px;
	/*  top right bottom left */
	padding: 16px 4px 6px 4px;
}

table.mypage a { font-weight: normal; }
table.mypage a.bold { font-weight: bold; }

table.mypage td.label {
	text-align:right;
	padding-right: 10px;
}


/* Below styles the general status and error messages */
table.errorMessageTable { color: #ff0000; font-weight: bold; margin-bottom: 10px; margin-top: 15px; }
table.errorMessageTable td { text-align:left; }
table.statusMessageTable { color: #006600; font-weight: bold; margin-bottom: 10px; }
table.statusMessageTable td { text-align:left; }

/*		showmapposition.jsp      */

#b_showmapsearch #mapContainer { width: 550px; position: absolute; left: 0px; top: 57px; }
#b_showmapsearch #iDiv { width: 500px; height: 500px; position: absolute; left: 18px; top: 74px; z-index: 1;  }

#b_showmapsearch .mapCorner { width: 131px; height: 131px; }
#mapContainer div { float: left; margin: 1px; }
#muc, #mlc { width: 266px; height: 131px; }
#mml, #mmr { width: 131px; height: 266px; }
#mmc { width: 266px; height: 266px; }
html>body #b_showmapsearch #iDiv { left: 17px; }
html>body #mapContainer a:hover img { opacity: 0.5; }
* html #mapContainer a:hover img { filter: alpha(opacity=50); }

#zoom { position: absolute; left: 98px; top: 617px; text-align: center; width: 350px; padding-right: 12px; }
.cZ { background-color: #f3b41b; }

#hideButtons { position:absolute; top:650px; left:70px; width: 400px; }
table.hideButtons { width: 100%; }

.mapBot { margin-top: 1px; height: 10px; width: 525px; font-size: 9px}


/*--- Page: mypage ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.contentmypage {position:absolute; top: 80px; left:147px; width: 630px;}
	.contentmypagemail {position:absolute; top: 20px; left:40px; width: 630px;}
	.showprefdiv {position:relative; left:-80px; width: 630px;}
	.showprefdiv textarea { font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; }
}
/* Mypages top menu */

#mymenu { padding: 10px 0 10px 0; }
#mymenu ul{ margin: 0px; padding: 0px; list-style-type: none;}
#mymenu ul li { float:left; margin: 0px 6px 0px 0px;}

#mymenu a {
display: block;
/*  top right bottom left */
padding: 3px 6px 3px 6px;
border: 1px solid #000000;
background: #eeeeee;
text-align: center;
text-decoration: none;
font-weight: bold;
}
/*
#mymenu a:link, #mymenu a:active, #mymenu a:visited {
color: #000000;
}
*/
#mymenu a:hover {
border: 1px solid #000000;
background: #e3a615;
color: #ffffff;
}

#mymenu ul li.selected a
{
	background: #e3a615;
	color: #ffffff;
}

/* New styles used in display tag pages */

.dtag {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px; /* We need to override line height specified in standard_12_n_black */
	position: relative; left: -60px;
}

table.dtag td, table.dtag a {
	margin:0px;
	padding:0px;
	font-size: 1em;
	background-repeat:no-repeat;
	list-style-type:none;
}

table.dtag th {
	margin:0px;
	padding: 2px 4px 4px 4px;
	font-size: 1em;
	background-repeat:no-repeat;
	list-style-type:none;
	text-align: left;
	vertical-align: top;
}

table.dtag a, table.dtag a:visited, table.dtag a:hover {
	/* color:#666; */
	text-decoration:underline;
}
table.dtag a:hover {
	text-decoration: underline;
}
table.dtag img {
	border:none;
}

table.dtag {
	border: 1px solid #666;
	width: 80%;
	/*  top right bottom left */
	margin: 4px 0 20px 0;
}

table.dtag td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}

table.dtag td.noPadding {
	padding: 0px;
}

table.dtag td.alignRight, th.alignRight{
	text-align: right;
}

table.dtag td.alignCenter, th.alignCenter {
	text-align: center;
}

table.dtag td.negAmount, th.negAmount{
	text-align: right;
	font-weight: bold;
	color: red;
}

table.dtag td.fixedText{
	font-family: "Courier New",Courier,monospace;
	font-size: 11px;
}

table.dtag thead tr {
  background-color: #fc0;
  border: 1px solid #666;
}
table.dtag th.sorted {
    background-color: orange;
}
table.dtag th a, table.dtag th a:visited {
  color: black;
}
table.dtag th a:hover {
  text-decoration: underline;
  color: black;
}
table.dtag th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}
table.dtag th.sortable a {
	background-image: url(../../../img/arrow_off.png);
}
table.dtag th.order1 a {
	background-image: url(../../../img/arrow_down.png);
}
table.dtag th.order2 a {
	background-image: url(../../../img/arrow_up.png);
}
table.dtag tr.odd {
  background-color: #fff
}
table.dtag tr.even {
  background-color: #fea
}


div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: -10px 0 10px 0;
	width: 79%;
}

span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
	background-repeat:no-repeat;
}

div.exportlinks a { font-weight: normal; }


span.excel {
	background-image: url(../../../img/ico_file_excel.png);
}
span.csv {
	background-image: url(../../../img/ico_file_csv.png);
}
span.xml {
	background-image: url(../../../img/ico_file_xml.png);
}
span.pdf {
	background-image: url(../../../img/ico_file_pdf.png);
}

/* End of display tag styles */