/* CSS Document */
body {
	font: .8em verdana, arial, sans-serif;
	margin-left:10px;
	margin-right:10px;
	behavior:url(css/csshover.htc);
}

* {margin:0; padding:0;}

.clearfix {display:inline;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

div#mainwrapper {
	min-width:760px;
	margin-left:auto;
	margin-right:auto;
} 

div#mainwrapper3 {
	float:left;
	width:100%;
	height:100%;
	zindex:2;
	border-left:1px solid #000000;
	margin-top:5px;
	background-image:url(../appimages/vektor_bakgrund.gif);
	background-position: top right;
	background-repeat:no-repeat;	
}

div#mainwrapper2 {
	float:left;
	width:100%;
	height:100%;
	display:inline;
	margin-right:-220px;
}

div#mainleftcolumn {
	float:left;
	width:198px;
	display:inline;
	height:100%;
	padding-top:10px;
	z-index:100;
	border-right: 1px #B2BB1D solid;
}

div#maincontent {
	width:auto;
	height:100%;
	margin-left:208px;
	margin-right:220px;
	padding-top:10px;
}

div#mainrightcolumn {
	float:left;
	width:200px;
	padding-top:120px;
	padding-left:10px;
	padding-right:10px;
}

div#mainfooter {
	width:100%;
	clear:both;
	float:left;
	margin-top:0px;
	padding-top:5px;
}

td#leftHeader {
	width:332px;
	height: 113px;
	text-align:left;
	vertical-align:middle;
	background-image:url(../appimages/headerleft.gif);
	background-position: top left;
	background-repeat:no-repeat;
}

td#rightHeader {
	width:350px;
	height: 113px;
	text-align:right;
	vertical-align:bottom;
	background-image:url(../appimages/headerright.gif);
	background-position: top right;
	background-repeat:no-repeat;
}

div#mainheader {
	width:auto;
	height: 113px;
	padding-left:0px;
	background-color:#000000;
	background-position: top right;
	background-repeat:repeat;
	margin-top:20px;
}

div#mainhorizontalmenu {
	width:100%;
	height:40px;
	vertical-align:middle;
	float:left;
	z-index:1000;
	background-color:#A2A43C;
	background-image:url(../appimages/horizontalmenuleftbackground.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#rightmainhorizontalmenu {
	float:right;
	height:100%;
	vertical-align:middle;
	padding-top:10px;
}

div#quickmenu {
	float:left;
	height:100%;
	vertical-align:middle;
	padding-top:10px;
}

div#leftmainhorizontalmenu {
	float:left;
	height:100%;
	vertical-align:middle;
	padding-top:10px;
}

.listMenu {
	height:100%;
	vertical-align:middle;
	font-size:0.95em;
	font-weight:bold;
	cursor:pointer;
	z-index:1000;
	color:#ffffff;
}

.listMenu ul {margin:0 0 0 3px;}

.listMenu li {
	float:left;
	position:relative; 
	color:#666666;
	list-style-type:none;
	/*	background-color:#CCCCCC; */
	padding:0 6px;
	/* border-right:1px solid #069; */
	z-index:1000;
}

.listMenu li:first-child {
	/* border-left:1px solid #069; */
	z-index:1000;
}

.listMenu li:hover { 
	background-color:#000000;
	z-index:1000;
}

.listMenu li.active { 
	color:#ff0000;
}

.listMenu a {
	display:block;    
	padding:0 6px;
	text-decoration:none;
	color:#069;
	z-index:1000;
}

.listMenu a:hover {
	color:#F33;
	z-index:1000;
}

/* menuelements */
.listMenu ul li ul {
	margin:0;
	position:absolute;
	width:10em;
	left:-1px;
	z-index:1000;
}

.listMenu ul li ul li {
	width:100%; 
	border-left:1px solid #069;  
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	text-align:center;
	background-color:#CCCCCC;
	z-index:1000;
}

.listMenu ul li ul li:first-child {
	border-top:1px solid #069;
	z-index:1000;
}

.listMenu ul li ul {
	display:none;
	z-index:1000;
} 

.listMenu ul li:hover ul {
	display:block;
	z-index:1000;
} 

* html .listMenu ul {
	float:left;
	border-left:1px solid #000;
	margin-left:5px;
	z-index:1000;
}

* html a {display:block;}

* html  .listMenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; 
	z-index:1000;
}

.treeMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:8px;
}

.treeMenu ul {margin:0 0 0 3px;}
.treeMenu ul ul {margin:0 0 0 8px;}
.treeMenu li {
	width:150px;
	list-style-image: none;
	list-style-type: none;
	cursor:pointer;
	line-height: 1.4em;
}

.treeMenu span:hover {
	text-decoration:underline;
}

.leftJustifyImage {
	float:left;
	border:0px solid #000;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.rightJustifyImage {
	float:right;
	border:0px solid #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.mainwrapper4 {
	width:100%;
	float:left;
	z-index: 10;
}

.subcolumn1 {
	width:100%;
	min-width:224px;
	float:left;
/*	background-color:#00f; */
	z-index: 20;
}

.subcolumn2 {
	width:50%;
	min-width:224px;
	float:left;
	/*	background-color:#0f0; */
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align: baseline;
}

.subcolumn3 {
	width:50%;
	min-width:224px;
	float:left;
/*	background-color:#0ff; */
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align: baseline;
}

.leftNewsTbl {
	width:50%;
	vertical-align:top;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-bottom:7px;
}

.newsTbl {
	width:50%;
	vertical-align:top;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-bottom:7px;
}

h1 { font-size:1.2em; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px;}
h2 { font-size:1.0em; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px;}
h3 { font-size:0.8em; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;}
p { text-align:left; padding-left:10px; padding-right:10px; padding-bottom:5px;}

img {
	margin:4px 4px 4px 4px;
}

.subcolumn1 h1 { font-size:1.0em; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px;}
.newsTbl h1 { font-size:1.0em; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px;}
.leftNewsTbl h1 { font-size:1.0em; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px;}
.subcolumn1 h3 { font-size:1.0em; font-style:italic; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-bottom:10px;}
.newsTbl h3 { font-size:1.0em; font-style:italic; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-bottom:10px;}
.leftNewsTbl h3 { font-size:0.8em; font-style:italic; font-weight:bold; text-align:left; padding-left:10px; padding-right:10px; padding-bottom:10px;}
.subcolumn1 p { text-align:left; padding-left:10px; padding-right:10px; padding-bottom:5px;}
.newsTbl p { text-align:left; padding-left:10px; padding-right:10px; padding-bottom:5px;}
.leftNewsTbl p { text-align:left; padding-left:10px; padding-right:10px; padding-bottom:5px;}

.menuCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:0.9em;
	cursor: pointer;	
	/* font-weight:bold; */
	padding-left:8px;
}

.menuCell:hover {
	text-decoration: none;
	color: #ff0000;
}

.generalLinkSmall {
	color: #000000;
	font-size:0.7em;
	text-decoration: none;
	cursor: pointer;
	margin-bottom:10px;
}

.generalLinkSmall:hover {
	color: #ff0000;
}

.smallTextBold {
	font-size:0.8em;
	font-weight:bold;
}

.documents {
	padding-bottom:5px;
}

.documents a {
	text-decoration:none;
	color:#000000;
}

.documents a:hover {
	color:#F33;
}

.loginDialog {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:0.9em;
	padding-left:8px;
	width:100px;
}

.loginButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:0.9em;
	cursor: pointer;
}

.footcorners { margin-top:0px; }
.footcorner_r0 { margin: 0 0px; height: 1px; overflow: hidden; background: #000000; }
.footcorner_r1 { margin: 0 1px; height: 1px; overflow: hidden; background: #000000; }
.footcorner_r2 { margin: 0 1px; height: 1px; overflow: hidden; background: #000000; }
.footcorner_r3 { margin: 0 2px; height: 1px; overflow: hidden; background: #000000; }
.footcorner_r4 { margin: 0 2px; height: 1px; overflow: hidden; background: #000000; }
.footcorner_r5 { margin: 0 3px; height: 1px; overflow: hidden; background: #000000; }
.footcorner_r6 { margin: 0 5px; height: 1px; overflow: hidden; background: #000000; }
.footcorner_r7 { margin: 0 7px; height: 1px; overflow: hidden; background: #000000; }

.infoBox {
	background-color: #ffffff;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
}

.infoBoxBlack {
	background-color: #ffffff;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
}

.infoBox img {
	margin-top:10px;
}

.infoBoxTopCorners {}
.infoBoxBottomCorners {margin-bottom:10px;}

.infoBoxCorners_r1 { margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.infoBoxCorners_r2 { margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px; }
.infoBoxCorners_r3 { margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.infoBoxCorners_r4 { margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; }

.infoBoxBlackCorners_r1 { margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.infoBoxBlackCorners_r2 { margin: 0 3px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px; }
.infoBoxBlackCorners_r3 { margin: 0 2px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.infoBoxBlackCorners_r4 { margin: 0 1px; height: 2px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; }

.separator {
	margin-left:20px;
	margin-right:20px;
	border-bottom: 1px #000000 solid;
}

.prodListHeader {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
	background-color:#000000;
	line-height:1.4em;
	list-style: none;
	margin-left: 6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;

}

.indImageBox {
	width:100px;
	height:75px;
	margin-top:5px;
	padding-left:6px;
}

.indImgHighlight {
	background:#ffffff url(../images/imghighlight.jpg) no-repeat;
}

.chImageBox {
	width:105px;
	height:91px;
	margin-top:5px;
	padding-left:4px;
}

.chImgHighlight {
	background:#ffffff url(../images/chhighlight.jpg) no-repeat;
}

.indSelectionBox {
	padding-top:5px;
	padding-bottom:10px;
	width:100px;
}

.indImageBox img {
	margin:0px;
}

.indSelectionImg {

}

.browseButton {
	color: #666666;
}

.browseButtonHover {
	text-decoration: underline;
}

.backButton {cursor: pointer;color:#000000;font-family: Verdana, Arial, sans-serif;font-size:16px;font-weight:bold;}

.backButtonHover {text-decoration: underline;}

#catOrder {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	color: #666666;
}

#catOrder:hover {
	text-decoration: underline;
}

#hmenu {
	float:left;
	width:350px;
	color: #ffffff;
	padding-top:10px;
	height:30px;
}

#languagesbox {
	float:right;
	width:70%;
}

.languageButton {
	cursor:pointer;
}

.distributorButton {
	cursor:pointer;
}

.chapterButton {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	cursor:pointer;
}

.chapterButtonHover {
	text-decoration: underline;
}

.contactBox {
	margin-top:10px;
	margin-left:5px;
}

.contactBox li {
	list-style-type:none;
	margin-left:4px;
	margin-top:2px;
}

.contactHeader {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#B2BB1D;
	font-weight:bold;
}

#pressroomBrowser {
	margin-top:10px;
	margin-left:5px;
}

#pressroomBrowser li {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666666;
	list-style-type:none;
	margin-left:6px;
	margin-top:4px;
	cursor:pointer;
}

.pressroomHeader {
	font-family: Verdana, Arial, sans-serif;
	font-size:19px;
	line-height: 1.4em;
	color:#B2BB1D;
	font-weight:bold;
}

#distributorBrowser {
	margin-top:10px;
	margin-left:5px;
}

#distributorBrowser li {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666666;
	list-style-type:none;
	margin-left:6px;
	margin-top:4px;
	cursor:pointer;
}

.distributorHeader {
	font-family: Verdana, Arial, sans-serif;
	font-size:19px;
	line-height: 1.4em;
	color:#B2BB1D;
	font-weight:bold;
}

.requieredField {
	color: #fc0202;
}

.formLabel {
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
}

li.formLabel {
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	list-style-position:inside;
	margin-left:8px;
	margin-top:8px;
	margin-bottom:3px;	
}


.formField {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
}

li.formField {
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	list-style-type:none;
}

.checkboxField {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
	margin-bottom:4px;
	margin-top:3px;
}

.checkboxLabel {
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	list-style-position:inside;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:3px;
}

li.formButtons {
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	list-style-type:none;
	margin-top:15px;
}

.requiredfield {
	background-color:#ff0000;
}

