/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
BODY{FONT:62.5%/1.3 Verdana, Arial, Helvetica; MARGIN-LEFT:15px; MARGIN-TOP:20px;}
A:link, A:active, A:visited { color: #000; text-decoration: none; }
A:hover { text-decoration: underline; color: #666; }
P{MARGIN-TOP:0px; MARGIN-BOTTOM:10px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:0px; MARGIN-BOTTOM:5px; MARGIN-LEFT:20px;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}

h1{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Verdana,Arial,Helvetica;}
h2{font-size:100%; 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:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:80%;}

/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/

.WebBody { margin:0px; padding:0px; background-color:#f1f1f1;}
.WebMain { width: 962px; margin:0 auto; }
.WebMainContainer { padding:0; background-color:#fff; border: solid 1px #000;}
.WebMiddleContainer { padding:37px 35px 21px; }

.WebFooterText, .WebFooterText a { color: #000;}
.WebFooterText .Left { float:left; }
.WebFooterText .Right { float:right; }

.WebHeaderTop { position:relative; height:81px; background-image:url(Images/Framework/HeaderBg.jpg); background-repeat:repeat-x;}
.WebHeaderTop .webHeaderLinks { position:absolute; bottom:6px; right: 10px; color: #fff; }
.WebHeaderTop .webHeaderLinks a:link, .webHeaderLinks a:active, .webHeaderLinks a:visited { text-decoration:underline; color:#fff; margin: 0 5px;}
.WebHeaderTop .webHeaderLinks a:hover { color: #a0a0a0;}
.WebHeaderTop .Logotype { position:absolute; top:19px; left:13px; height:44px; width:460px; background-repeat:no-repeat; border:none; }

.WebTopMenu { padding:0 15px 0 2px; height:28px; background-image:url(Images/TopMenu/TopMenuBg.jpg); background-repeat:repeat-x; overflow: hidden;}
.WebTopMenu a:link, .WebTopMenu a:active, .WebTopMenu a:visited { color:#fff; text-decoration:none;}
.WebTopMenu a:hover, .WebTopMenuItemSelected a:hover { color:#a0a0a0;}
.WebTopMenu .WebTopMenuItem, .WebTopMenuItemSelected { padding:0 18px; line-height:28px; float: left; font-size: 120%; font-weight: bold; background-image:url(Images/TopMenu/ItemDivider.jpg); background-repeat:no-repeat; background-position: left;}
.WebTopMenu .WebTopMenuItemSelected a { color:#a0a0a0!important; }
.WebTopMenu .NoDivider { background-image: none; }

.SearchFieldContainer{ line-height: 28px; float:right; }
.SearchField{ font-size:11px;}

div.HavingLeft .WebContentContainer { background-image:url(Images/Framework/DividerVertical.png); background-repeat:repeat-y; background-position:177px; }
div.HavingLeftAndRight .WebContentContainer { background-image:url(Images/Framework/DividerVertical.png); background-repeat:repeat-y; background-position:177px; }
body.Article div.HavingRight .WebContentContainer { background-image:url(Images/Framework/DividerVertical.png); background-repeat:repeat-y; background-position:710px; }
body.Article div.HavingLeftAndRight .WebContent { background-image:url(Images/Framework/DividerVertical.png); background-repeat:repeat-y; background-position:710px; }
.WebContent, .WebContentContainer {min-height:420px; height:auto !important; height:420px;}
.WebContent .WebContentContainer { margin-top: 8px; }
.WebContent .WebContentContainer .WebContentLeft { float: left; width: 180px; margin-right:15px; }
.WebContent .WebContentContainer .WebContentRight { float: right; width:695px; }
.WebContent .WebContentContainer .WebContentRight .Text a { text-decoration: underline; }

.WebLeftMenu li{ list-style:none; margin:0; padding:0; }
.WebLeftMenu a:link, .WebLeftMenu a:active, .WebLeftMenu a:visited { color:#343434; text-decoration:none;}
.WebLeftMenuSelected { font-weight: bold;}
.WebLeftMenu_level_1 { margin: 0; padding: 0;}
.WebLeftMenu_level_1 li { margin-bottom: .5em; background-image:url(Images/LeftMenu/MenuBullet.png); background-repeat:no-repeat; background-position: 0 4px; padding-left: 10px; }
.WebLeftMenu_level_1 a { }
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5{ margin: 0; padding: 5px 0 0 15px;}
.WebLeftMenu_level_2 li, .WebLeftMenu_level_3 li, .WebLeftMenu_level_4 li, .WebLeftMenu_level_5 li{background-image:url(Images/LeftMenu/MenuBullet.png); background-repeat:no-repeat; background-position: 0 4px; padding-left: 9px; }
.WebLeftMenu_level_2 a, .WebLeftMenu_level_3 a, .WebLeftMenu_level_4 a, .WebLeftMenu_level_5{ font-size:91.66%;}

/** STYLES FOR TEMPLATES *************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change appearance of the pages using the templates in the folder "Templates".
**************************************************************************************/

/** START PAGE ***********************************************************************/
/*************************************************************************************/

#StartPage .TopImage { width: 890px; height: 227px; overflow: hidden; position: relative; }
#StartPage .TopImage .TextArea { width: 250px; padding: 27px 35px 0 0; color: #fff; position: absolute; top: 0; right: 0;}
#StartPage .TopImage .TextArea a { color: #fff;}
#StartPage .ListArea { width: 235px; margin-top: 15px; float: right; }
#StartPage .BoxTop { height: 11px; line-height: 1px; font-size: 0; background: transparent url(Images/Framework/BoxTop.png) no-repeat; }
#StartPage .BoxMiddle { padding: 1px 12px 3px; background-color: #e6e6d1;}
#StartPage .BoxBottom { height: 11px; line-height: 1px; font-size: 0; background: transparent url(Images/Framework/BoxBottom.png) no-repeat;}
#StartPage .BoxMiddle h2 { margin-bottom: 12px;}
#StartPage .BoxMiddle h3 { margin: 0;}
#StartPage .NewsList, #StartPage .LinkList { margin-bottom: 10px;}
#StartPage .NewsList a.MoreNewsLink { float:right; }

#StartPage .TextAreas { width: 630px; margin-top: 24px; background-image:url(Images/Framework/DividerVertical2.png); background-repeat:repeat-y; background-position:203px; }
#StartPage .TextAreas .TextArea { padding-top: 5px; width: 188px; float: left;}
#StartPage .TextAreas .TextArea h2 { margin: 13px 0 18px;}
#StartPage .TextAreas .TextAreaMiddle { padding: 5px 33px;}

/** ARTICLE **************************************************************************/
/*************************************************************************************/

/* ArticleRightColumn, only visible when it contains info */
.ArticleRightColumn { min-height:400px; height:auto !important; height:400px; float: right; width: 165px; padding-left: 15px; }
.ArticleRightColumn h3, .Fileheader, .Linkheader { font-size: 120%; font-weight: bold; margin:25px 0 5px; }
.ArticleRightColumn .Text { margin-bottom: 0;}

/* ArticleLeftColumn (used when articleRightColumn is visible) with different width depending on if left menu is visible */
.ArticleLeftColumn { min-height:425px; height:auto !important; height:425px; float: left; width: 643px; padding-right: 30px; }
div.HavingLeft .ArticleLeftColumn, 
div.HavingLeftAndRight .ArticleLeftColumn { min-height:425px; height:auto !important; height:425px; float: left; width: 485px; }

/** PRODUCT CATALOG GROUP ************************************************************/
/*************************************************************************************/
#ProductCatalogGroup .Description { width: 470px; margin-bottom: 15px;}
#ProductCatalogGroup .Properties { width: 470px; margin-bottom: 25px;}
#ProductCatalogGroup img.DisplayImage { float: right; }
#ProductCatalogGroup .TechnicalInfo { width: 50%; float: left;}
#ProductCatalogGroup .RelatedMaterial { width: 49%; float: left;}
#ProductCatalogGroup div.List ul li { width: 150px; float: left; margin: 0 31px 35px 0; text-align: center;}

/** PRODUCT CATALOG PRODUCT **********************************************************/
/*************************************************************************************/
#ProductCatalogProduct div.Properties { width:470px; float: right; }
#ProductCatalogProduct img.DisplayImage { float: left; border: none; }
#ProductCatalogProduct ul.tabnav { position: relative; z-index: 100; margin: 0; padding: 0;}
#ProductCatalogProduct ul.tabnav li { display:inline; float:left; margin: 0 3px 0 0; width: 170px; background: url(Images/tabs/bg-tab.png) no-repeat left top; }
#ProductCatalogProduct ul.tabnav li.selected { background: url(Images/tabs/bg-tabselected.png) no-repeat left top; }
#ProductCatalogProduct ul.tabnav li a { font-weight: bold; line-height: 25px; display: block; text-decoration:none; text-align: center; }
#ProductCatalogProduct div#productnav { margin: 20px 0 0 0;}
#ProductCatalogProduct div.productnavitem { position: relative; z-index: 50; margin-top: -2px; background-color: #fff; border: solid 2px #767676; padding: 25px;}
#ProductCatalogProduct div.column1 { width: 50%; float: left;}
#ProductCatalogProduct div.column2 { width: 49%; float: left;}
#ProductCatalogProduct div.List ul li { width: 150px; float: left; margin: 0 13px 35px 0; text-align: center;}
#ProductCatalogProduct ul.properties { margin: 0 0 20px 0;}
#ProductCatalogProduct h3 { margin: 0 0 10px 0;}

/** COMMON PRODUCT CATALOG GROUP AND PRODUCT *****************************************/
/*************************************************************************************/
div.List ul li.nomargin { margin-right: 0 !important;}
div.List ul li a.ImageLink { width: 150px; height: 100px; background-color: #fff; display: block; }
div.List ul li a img { border: none; }
div.List ul li a span.DisplayName { display: block; font-weight: bold; font-size: 120%; }
ul.properties { margin: 0 0 10px 0;}
ul.properties li { line-height: 2em;}
ul.properties li a img { vertical-align:middle; border:none; padding-right: 5px;}

/** GENERAL **************************************************************************/
/*************************************************************************************/

a.PrintIcon { float:right;}
a.PrintIcon img { border: none;}
a.Linkicon { background:transparent url(Images/Framework/LinkBullet.png) no-repeat scroll left center; padding-left: 10px; }

.Intro{ FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{ FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px; }
.Normal{}
.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{ width: 250px; FONT-WEIGHT:normal; MARGIN-TOP:2px;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{ MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFixedWidth{ MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFullWidth{ MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.SelectItemFixedWidth{ MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Arial,Verdana,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:175px; 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;}

.Fileitem{ FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.LinkitemTypeAndSize { font-size:91.7%; color:#545454;}
.Productname{ FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{ FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; PADDING-LEFT:0px;}
.ProductRowItem2{PADDING:5px; PADDING-LEFT:0px;}
.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{ LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:100px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}

.Newsdate{}
.Newsheader{ FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{ FONT-WEIGHT:normal;}
.Newsitem1, .Newsitem2{ padding:0 0 12px 0;}
.Breadcrumb{ FONT-WEIGHT:normal; COLOR:gray; line-height: 15px;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}

.WebClear {clear:both;}
.clearbox {	display: inline-block; }
.clearbox:after { content: '.';	display: block;	visibility: hidden;	clear: both; height: 0;	line-height: 0; }
html[xmlns] .clearbox { display: block; }
* + html .clearbox { /* ie7 */ overflow: visible; min-height: 1%; }
* html .clearbox { /* ie6 */ display: inline-block;	overflow: visible; height: 1%; }

ul.plain, ul.plain li {	list-style-type: none !important; margin: 0; padding: 0; }

/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important;  PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; }