html
{
font-family:Arial, Helvetica, Sans-Serif;
font-size:x-small;
}
body
{
margin:0px;
background-color:#FFFFFF;
background-image:url(../Images/background_stripe.gif);
background-repeat:repeat-x;
}
a:link,
a:active,
a:visited
{
color:#000000;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
div.header
{
height:105px;
background-image:url(../Images/header_stripe.gif);
background-position:bottom;
background-repeat:repeat-x;
margin:0px 0px 6px 52px;
}
div.header img
{
float:left;
}
div.searchcontainer
{
width:235px;
height:80px;
position:absolute;
left:639px;
}
div.searchFieldHolder
{
position:absolute;
right:0px;
bottom:9px;
}
.searchField
{
font-size:100%;
width:150px;
}
.searchButton
{
font-size:100%;
padding-left:5px;
padding-right:5px;
}
div.leftcolumn
{
width:218px;
/*min-height:635px;*/
min-height:545px;
float:left;
}
div.middlecolumn
{
width:656px;
/*min-height:635px;*/
min-height:545px;
float:left;
margin-bottom:90px;
}
/* ---------- Menu (built with NavBar) ---------- */
.menucontainer
{
font-family:Arial, Sans-Serif;
margin:20px 0px 0px 52px;
}
.menucontainer .topThree a,
.menucontainer .topThree a:active,
.menucontainer .topThree a:visited,
.menucontainer .topThree a:hover
{
color:#000000;
/*font-size:130%;*/
font-size:120%;
text-decoration:none;
}
.menucontainer .topThreeExp a,
.menucontainer .topThreeExp a:active,
.menucontainer .topThreeExp a:visited,
.menucontainer .topThreeExp a:hover
{
color:#000000;
/*font-size:130%;*/
font-size:120%;
text-decoration:none;
}
.menucontainer .topThreeExpPremium
{
margin-bottom:10px;
}
.menucontainer .topThreeExpPremium a,
.menucontainer .topThreeExpPremium a:active,
.menucontainer .topThreeExpPremium a:visited,
.menucontainer .topThreeExpPremium a:hover
{
color:#000000;
/*font-size:150%;*/
font-size:140%;
text-decoration:none;
font-weight:bold;
}
.menucontainer .topThreeExp
{
margin-bottom:10px;
}
.menucontainer .topThreePremium a,
.menucontainer .topThreePremium a:active,
.menucontainer .topThreePremium a:visited,
.menucontainer .topThreePremium a:hover
{
color:#000000;
font-weight:bold;
/*font-size:150%;*/
font-size:140%;
text-decoration:none;
}
.menucontainer .topThreePaddedPremium
{
margin-bottom:10px;
}
.menucontainer .topThreePaddedPremium a,
.menucontainer .topThreePaddedPremium a:active,
.menucontainer .topThreePaddedPremium a:visited,
.menucontainer .topThreePaddedPremium a:hover
{
color:#000000;
font-weight:bold;
/*font-size:150%;*/
font-size:140%;
text-decoration:none;
}
.menucontainer .topThreeSelected a,
.menucontainer .topThreeSelected a:active,
.menucontainer .topThreeSelected a:visited,
.menucontainer .topThreeSelected a:hover
{
color:#C92127;
/*font-size:130%;*/
font-size:120%;
text-decoration:none;
}
.menucontainer .topThreeSelectedPremium
{
margin-bottom:0px;
}
.menucontainer .topThreeSelectedPremium a,
.menucontainer .topThreeSelectedPremium a:active,
.menucontainer .topThreeSelectedPremium a:visited,
.menucontainer .topThreeSelectedPremium a:hover,
.menucontainer .selectedTopItemExpPaddedPremium a,
.menucontainer .selectedTopItemExpPaddedPremium a:active,
.menucontainer .selectedTopItemExpPaddedPremium a:visited,
.menucontainer .selectedTopItemExpPaddedPremium a:hover
{
color:#C92127;
font-weight:bold;
/*font-size:150%;*/
font-size:140%;
text-decoration:none;
}
.menucontainer .topThreeSelectedPaddedPremium,
.menucontainer .selectedTopItemExpPaddedPremium
{
margin-bottom:10px;
}
.menucontainer .topThreeSelectedPaddedPremium a,
.menucontainer .topThreeSelectedPaddedPremium a:active,
.menucontainer .topThreeSelectedPaddedPremium a:visited,
.menucontainer .topThreeSelectedPaddedPremium a:hover
{
color:#C92127;
font-weight:bold;
/*font-size:150%;*/
font-size:140%;
text-decoration:none;
}
.menucontainer .innerLevel1
{
padding-left:10px;
}
.menucontainer .innerLevel1 a,
.menucontainer .innerLevel1 a:active,
.menucontainer .innerLevel1 a:visited,
.menucontainer .innerLevel1 a:hover
{
color:#000000;
/*font-size:130%;*/
font-size:120%;
text-decoration:none;
}
.menucontainer .innerLevel2
{
padding-left:20px;
}
.menucontainer .innerLevel2 a,
.menucontainer .innerLevel2 a:active,
.menucontainer .innerLevel2 a:visited,
.menucontainer .innerLevel2 a:hover
{
color:#000000;
/*font-size:130%;*/
font-size:120%;
text-decoration:none;
}
.menucontainer .innerLevel3
{
padding-left:30px;
}
.menucontainer .innerLevel3 a,
.menucontainer .innerLevel3 a:active,
.menucontainer .innerLevel3 a:visited,
.menucontainer .innerLevel3 a:hover
{
color:#000000;
/*font-size:130%;*/
font-size:120%;
text-decoration:none;
}
.menucontainer .innerLevelSelected1 a,
.menucontainer .innerLevelSelected1 a:active,
.menucontainer .innerLevelSelected1 a:visited,
.menucontainer .innerLevelSelected1 a:hover
.menucontainer .innerLevelSelected2 a,
.menucontainer .innerLevelSelected2 a:active,
.menucontainer .innerLevelSelected2 a:visited,
.menucontainer .innerLevelSelected2 a:hover
.menucontainer .innerLevelSelected3 a,
.menucontainer .innerLevelSelected3 a:active,
.menucontainer .innerLevelSelected3 a:visited,
.menucontainer .innerLevelSelected3 a:hover
{
color:#C92127;
/*font-size:130%;*/
font-size:120%;
text-decoration:none;
}
.menucontainer .innerLevelSelected1
{
padding-left:10px;
}
.menucontainer .innerLevelSelected2
{
padding-left:20px;
}
.menucontainer .innerLevelSelected3
{
padding-left:30px;
}
.menucontainer .bottomMargin
{
margin-bottom:10px;
}
.menucontainer .selectedTopItemExp
{
/*font-size:130%;*/
font-size:120%;
margin-bottom:10px;
}
.menucontainer .selectedTopItemExp a,
.menucontainer .selectedTopItemExp a:active,
.menucontainer .selectedTopItemExp a:visited,
.menucontainer .selectedTopItemExp a:hover
{
color:#C92127;
text-decoration:none;
}
.menucontainer .selectedTopItemExpPremium
{
font-size:140%;
font-weight:bold;
margin-bottom:10px;
}
.menucontainer .selectedTopItemExpPremium a,
.menucontainer .selectedTopItemExpPremium a:active,
.menucontainer .selectedTopItemExpPremium a:visited,
.menucontainer .selectedTopItemExpPremium a:hover
{
color:#C92127;
text-decoration:none;
}
/* ---------- Contact Officeline ---------- */
div.contactofficeline
{
margin-top:20px;
}
/* ---------- Information Box (Product info) ---------- */
.prodheadercontainer
{
width:388px;
margin-top:10px;
padding-top:13px;
float:left;
}
div.prodinfoboxcontainer
{
width:235px;
margin-top:40px;
float:right;
}
div.prodinfoboxcontainer a
{
text-decoration:none;
}
div.prodinfoboxcontainer table
{
background-color:#F3F3F3;
width:235px;
margin-top:5px;
float:right;
}
div.prodinfoboxcontainer table .prodinfoinnertable
{
margin-top:10px;
}
div.prodinfoboxcontainer table thead
{
color:#FFFFFF;
background-color:#000000;
font-family:Arial, Sans-Serif;
font-size:140%;
font-weight:bold;
}
div.prodinfoboxcontainer table thead td
{
width:100%;
height:33px;
padding-left:10px;
}
div.prodinfoboxcontainer .iconcontainer
{
padding-left:5px;
text-align:center;
width:20px;
}
div.prodinfoboxcontainer .linkcontainer
{
padding:2px 2px 2px 4px;
font-size:140%;
}
/* ---------- Footer ---------- */
div.footer /* The whole footer */
{
background-color:#000000;
width:100%;
height:130px;
}
div.innerfooter /* The part of the footer containing info */
{
color:#FFFFFF;
font-family:Arial, Sans-Serif;
font-size:115%;
font-weight:normal;
margin:0px 0px 0px 210px;
padding-top:20px;
}
div.footerpart /* A single piece of footer info */
{
color:#FFFFFF;
float:left;
margin-left:16px;
}
div.footerpartspecial /* This is the first footer item */
{
color:#C92127;
float:left;
margin-left:10px;
}
/* ---------- Start page ---------- */
div.startpagecontainer
{
width:656px;
}
div.startpagecontainer .flashimagecontainer
{
margin-top:20px;
width:100%;
height:322px;
}
div.startpagecontainer .textcontainer
{
color:#000000;
font-family:Arial, Helvetica, Sans-Serif;
font-size:140%;
font-weight:bold;
text-align:center;
width:100%;
height:50px;
padding-top:30px;
}
div.startpagecontainer .imageslidecontainer
{
text-align:center;
width:656px;
}
div.startpagecontainer .imageslidecontainer a,
div.startpagecontainer .imageslidecontainer a:active,
div.startpagecontainer .imageslidecontainer a:visited,
div.startpagecontainer .imageslidecontainer a:hover
{
color:#000000;
font-family:Arial, Helvetica, Sans-Serif;
font-size:180%;
font-weight:bold;
text-decoration:none;
}
/* ---------- File Archive ---------- */
div.filearchivecontainer
{
margin-top:20px;
width:656px;
}
div.filearchivecontainer .pageheader
{
font-size:180%;
font-weight:bold;
color: #000000;
margin-bottom:25px;
}
div.filearchivecontainer .productcategoryheader
{
font-size:140%;
font-weight: bold;
color:#C92127;
margin:0px 0px 10px 0px;
}
div.filearchivecontainer .prodcatheadercontainer
{
margin-top:50px;
}
div.filearchivecontainer .productrow
{
height:180px;
}
div.filearchivecontainer .productcontainer
{
width:120px;
height:180px;
float:left;
}
div.filearchivecontainer .productheader
{
font-size:120%;
font-weight:bold;
margin-top:10px;
}
div.filearchivecontainer a,
div.filearchivecontainer visited,
div.filearchivecontainer hover,
div.filearchivecontainer active
{
font-size:120%;
}
/* ---------- Product Category (Premium, Classic, Basic and so forth) ---------- */
div.prodcatcontainer
{
margin-top:25px;
width:656px;
}
div.prodcatcontainer .prodcatupperleft /* Image */
{
width:280px;
height:350px;
float:left;
text-align:center;
margin-bottom: 30px;
}
div.prodcatcontainer .prodcatupperright /* Text */
{
width:360px;
float:right;
padding:100px 0px 0px 10px;
}
div.prodcatcontainer .prodcatrepeatercontainer
{
margin-top:50px;
}
div.prodcatcontainer .prodcatrepeateritemcontainer
{
float:left;
width:150px;
text-align:center;
text-decoration:none;
margin-bottom:20px;
}
div.prodcatcontainer .prodcatrepeateritemcontainer a,
div.prodcatcontainer .prodcatrepeateritemcontainer a:active,
div.prodcatcontainer .prodcatrepeateritemcontainer a:visited,
div.prodcatcontainer .prodcatrepeateritemcontainer a:hover
{
color:#000000;
font-family:Arial, Helvetica, Sans-Serif;
font-size:140%;
font-weight:bold;
text-decoration:none;
}
div.prodcatcontainer .prodcatdelimitercontainer
{
width:100%;
margin-bottom:20px;
border-bottom:solid 1px #F2F2F2;
}
/*hr.prodcatdelimiter { color:#F2F2F2; width:100%; }*/
/* ---------- Product ---------- */
div.prodcontainer
{
margin-top:25px;
width:656px;
}
div.prodcontainer .prodleft
{
float:left;
width:468px;
height:359px;
}
div.prodcontainer .prodright
{
float:right;
width:178px;
height:359px;
text-align:right;
}
div.prodcontainer .prodright img
{
margin-left:8px;
margin-bottom:8px;
}
/* ---------- Article ---------- */
div.ArticleLeftArea
{
width:400px;
float:left;
padding-top:20px;
}
div.ArticleRightArea
{
width:235px;
float:right;
padding-top:10px;
}
/* ---------- Newslist ---------- */
.NewsListItem{ padding-bottom:13px;}
.Newsheader{ font-size:140%; font-weight:bold; color:#c92127;}
a.NewsheaderLink:link{ color:#c92127; text-decoration:none;}
a.NewsheaderLink:visited{ color:#c92127; text-decoration:none;}
a.NewsheaderLink:active{ color:#c92127; text-decoration:none;}
a.NewsheaderLink:hover{ color:#c92127; text-decoration:underline;}
.NewsDate{FONT-SIZE:100%; color:#969696; margin-bottom:3px;}
.Newsimage{FLOAT:left; MARGIN-LEFT:10px; DISPLAY:INLINE;}
/* 1. public_editor.css */
/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
/*
body{background-image:url(../Images/bg.gif); background-repeat:repeat-x; background-color:#ffffff; font-family: Verdana,Arial,Helvetica; line-height:14px; font-size:110%; margin:15px 0px 0px 0px; }
.bodyPrint{background-image:none; background-color:#ffffff; font-family: Verdana,Arial,Helvetica; line-height:14px; font-size:110%;}
*/
/*
a:link, a:active, a:visited{color: #000099; text-decoration:underline;}
a:hover{color: #cc0000; text-decoration:underline;}
*/
P{MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; MARGIN-LEFT:12px; padding:0px;}
LI {margin: 3px;}
/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header { color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 180%; font-weight: bold; }
.H2header { color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 140%; font-weight: bold; }
.H3header { color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 120%; font-weight: bold; }
.headerProdCat { color: #C92127; font-family: Arial, Helvetica, Sans-Serif; font-size: 180%; font-weight: bold; }
.prodCatText { color: #000000; font-size: 120%; }
/*
.H1header{FONT-SIZE:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px;}
.H2header{FONT-SIZE:140%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;}
*/
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ********/
/*************************************************************************************/
h1 {font-size:200%; font-weight:normal; margin:0px 0px 12px 0px; padding:0px; font-family:Arial,Helvetica,Verdana; line-height: 100%;}
h2 {font-size:110%;font-weight:bold; margin-bottom:8px; margin-top:0px; font-family: Verdana,Arial,Helvetica;}
h3 {font-size:100%; font-weight:bold; margin-bottom:5px; margin-top:0px; font-family:Verdana,Arial,Helvetica;}
/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:bold; COLOR:#7D7207!important;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE: inherit;}
/* 2. public_base.css */
/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/base1.ascx) */
/*************************************************************************************/
.mainArea {width:960px; margin-left:auto; margin-right:auto;}
.mainAreaPrint{width:600px; background-color:#FFFFFF;}
.logoArea {margin-bottom:10px;}
.menuArea {font-family: Arial,Helvetica; font-size: 120%; width: 100%; height: 25px; position:relative; left:-20px;}
img {border:none;}
#startsidaArea {background-image:url(../Images/bg_startsida.jpg); background-repeat:no-repeat; width: 100%; height: 500px;}
#leftcontent {width: 300px; float:left;}
#centercontent {width:414px; float:left;}
#rightcontent {width: 200px; float:left;}
#startrutaArea {display:block; width: 414px; height: 250px; background-image:url(../Images/bg_startruta.png); background-repeat:no-repeat;}
* html #startrutaArea {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/bg_startruta.png", sizingMethod="crop");}
#startrutaText {display:block; position:relative; top:45px; left:48px; width: 310px; height: 145px; overflow: hidden; font-size: inherit;}
#undersidaArea {width: 100%; min-height:400px; -height: 400px; padding-top:30px;}
#leftcontentUndersida {width: 240px; float:left;}
#rightcontentUndersida {float:left;}
.subMenuAreaVit {background-color:#ffffff; width: 215px; min-height:400px; -height:400px;}
.subContentAreaVit { background-color:#ffffff; width: 649px; min-height:400px; -height:400px; padding: 10px 30px 30px 30px;}
#sidfotArea {width: 100%; border-top: 1px solid #cccccc; text-align: right; padding-top:10px; margin-top:20px; color: #999999;}
#sidfotAreaPrint {width: 600px; padding-top:10px; margin-top:10px;}
a.printText
{
color: #999999; text-decoration:none;
}
/** STYLES FOR THE HORIZONTAL MENU ***************************************************/
/** The class names below are used in the menu control. ******************************/
/*************************************************************************************/
ul.navUl {float:left; width:960px; padding:0; margin:0; list-style-type:none;}
a.nav:link, a.nav:visited, a.nav:active {float:left; text-decoration:none; color:Black; line-height: normal; font-size: 110%; background-image:none; height: 25px;}
a.nav:hover { line-height: normal; font-size: 110%; background-image:url(../Images/navpil.gif); background-position: bottom center; background-repeat: no-repeat; color: #cc0000;}
a.navSelected:link, a.navSelected:visited, a.navSelected:active, a.navSelected:hover { float:left; text-decoration:none; line-height: normal; font-size: 110%; background-image:url(../Images/navpil.gif); background-position: bottom center; background-repeat: no-repeat; color: #cc0000; height: 25px;}
li.navLi {display:inline;}
.navBox {float:left; padding-right:20px; padding-left:20px; background-image:url(../Images/bg_navborder.gif); background-position: top right; background-repeat: no-repeat;}
ul.subNavUl {width:195px; padding:0px 10px 0px 10px; margin:0px; list-style-type:none;}
a.subNav:link, a.subNav:visited, a.subNav:active {display: block; text-decoration: none; color: Black; line-height: normal; font-size: 110%; padding:10px 10px 10px 10px;}
a.subNav:hover {background-color:#dddddd;}
a.subNavSelected:link, a.subNavSelected:visited, a.subNavSelected:active, a.subNavSelected:hover {display: block; text-decoration: none; color: Black; line-height: normal; font-weight:bold; font-size: 110%; padding:10px 10px 10px 10px; background-color:#dddddd;}
li.subNavLi {display: block; border-bottom:1px solid #dddddd; margin:0px;}
ul.subNavUl2 {width:195px; padding:0px; margin:0px; list-style-type:none;}
a.subNav2:link, a.subNav2:visited, a.subNav2:active {display: block; text-decoration: none; color: Black; line-height: normal; font-size: 100%; padding:5px 10px 5px 10px; background-color:#eeeeee;}
a.subNav2:hover {background-color:#dddddd;}
a.subNavSelected2:link, a.subNavSelected2:visited, a.subNavSelected2:active, a.subNavSelected2:hover {display: block; text-decoration: none; color: Black; line-height: normal; font-weight:bold; font-size: 100%; padding:5px 10px 5px 10px; background-color:#eeeeee;}
a.subNavSelected2:hover {background-color:#dddddd;}
li.subNavLi2 {display: block; border-bottom:1px solid #eeeeee; margin:0px;}
/** STYLES FOR TEMPLATE WIDTH ********************************************************/
/** The templates are included inside the basefile, your web design will tell you ****/
/** the maximal width to use for the templates. **************************************/
/*************************************************************************************/
#contentLeft {min-height: 400px; -heigh: 400px; float:left; width:400px; margin-right:25px; font-size: inherit; border-right: 1px solid #cccccc; padding-right: 25px;}
#contentLeftPrint {width:500px; margin-left:25px; font-size: inherit;}
#contentRight {float:left; width:155px; font-size: inherit;}
#contentRightPrint {width:500px; margin-left:25px; font-size: inherit;}
#contentLeftProduct {float:left; width:130px; margin-right:25px; margin-top:5px;}
#contentLeftProductPrint {float:left; width:130px; margin-left:25px; margin-right:25px; margin-top:5px;}
#contentCenterProduct { min-height: 400px; -heigh: 400px; float:left; width:280px; margin-right:25px; margin-top:5px; border-right: 1px solid #cccccc; padding-right: 25px;}
#contentCenterProductPrint {float:left; width:370px; margin-top:5px;}
#contentRightProduct { float:left; width:155px; font-size: inherit; margin-top:5px;}
#contentRightProductPrint {width:500px; font-size: inherit; margin-left:25px; margin-top:25px;}
.contactPageArea {width:100%; border-top:1px solid #cccccc; padding-top: 20px; margin-top:20px;}
/*
.Template{WIDTH:600px; MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-BOTTOM:20px; float:right;}
*/
/* 3. public_templates.css */
/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/
/** STYLES FOR OFFICE LINE STARTPAGE *************************************************************/
a.nastaNav {text-decoration:none; font-weight: bold; color:Red; line-height: 30px;}
a.nastaNav:hover {color: Blue;}
.nyheterBg1 {width:240px; background-image:url(../Images/nyheter_bg1.png); background-repeat:repeat-y;}
* html .nyheterBg1 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/nyheter_bg1.png", sizingMethod="scale");}
.nyheterBg2 {width:215px; background-image:url(../Images/nyheter_bg2.png); background-repeat:repeat-x; margin-left: 11px; min-height:145px; -height:145px;}
.nyheterText {width: 175px; position: relative; left: 20px; top: 12px; font-size: inherit;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{color:#000000; font-weight:bold; text-decoration:none;}
/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro { color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 120%; font-style: italic; }
/*.Intro{font-size: inherit; font-weight:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}*/
.Text { color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 120%; }
/*.Text{FONT-SIZE:inherit; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}*/
.Normal{FONT-SIZE:inherit;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; font-size:smaller; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}
.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
a.fileLink:link, a.fileLink:visited, a.fileLink:hover, a.fileLink:active
{
color: Black; text-decoration:none; font-size:inherit;
}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.ProductlistPrint{FONT-WEIGHT:normal; MARGIN-TOP:20px; margin-left:25px; width:500px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.NewslistPrint{FONT-WEIGHT:normal; MARGIN-TOP:20px; margin-left:25px; width:500px;}
.Form{}
.InputItem{FONT-SIZE: inherit; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:inherit; MARGIN-BOTTOM:10px; width: 300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:inherit; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:inherit; MARGIN-BOTTOM:10px; WIDTH:305px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}
.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}
.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}
.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}
.Fileheader{FONT-SIZE: inherit; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Fileitem{FONT-SIZE: inherit; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader{FONT-SIZE:inherit; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Linkitem{FONT-SIZE: inherit; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Productname{FONT-SIZE:inherit; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
A.ProductSublink:link, A.ProductSublink:active, A.ProductSublink:visited{ font-weight:normal; color:#000000; text-decoration:none;}
A.ProductSublink:hover { color:Red; }
.Productdesc{FONT-SIZE:inherit; FONT-WEIGHT:normal; float:left; width: 300px; margin-right:30px;}
.ProductRowItem1{PADDING:10px 5px 10px 5px; BACKGROUND-COLOR:#ffffff; border-top: 1px solid #cccccc;}
.ProductRowItem2{PADDING:10px 5px 10px 5px; BACKGROUND-COLOR:#ffffff; border-top: 1px solid #cccccc;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:inherit; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:150px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsitem1{PADDING:10px 5px 10px 5px; border-top: 1px solid #cccccc; width:370px;}
.Newsitem1img{PADDING:10px 5px 10px 5px; BACKGROUND-COLOR:#ffffff; border-top: 1px solid #cccccc;}
.Newsitem2{PADDING:10px 5px 10px 5px; border-top: 1px solid #cccccc; width:370px;}
.Newsitem2img{PADDING:10px 5px 10px 5px; BACKGROUND-COLOR:#ffffff; border-top: 1px solid #cccccc;}
.Breadcrumb{FONT-SIZE:inherit; FONT-WEIGHT:normal; COLOR:gray;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}
/** SYSTEM ERROR MESSAGE *************************************************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:inherit; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:inherit;}
/* 4. CSS for the left menu, new in version 4.1 */
/** STYLES FOR THE LEFT MENU *********************************************************/
/*************************************************************************************/
/* .LeftMenu ul{margin:0; margin-top:0px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:0px; width:175px; border-bottom:1px solid #cccccc;}
.LeftMenu a:link, a:visited, a:active {text-decoration:none; padding:0px; margin-left:0px; color:#000000;}
.LeftMenu a:hover{background-color:#cccccc;}
.LeftMenu_Selected {margin-left:0px!important; background-color:#cccccc;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{line-height:250%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{ font-size:90%; margin:0px!important; border-bottom:none; background-color:#eeeeee; line-height:250%;}
*/