/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML { font-size: 75%; margin: 0; padding: 0; }
BODY { color: #000; font-family: Helvetica, Arial, Sans-Serif; background-color: #efefef; margin: 0; }

a:link, a:visited { color: #ec008c; text-decoration: none; }
a:hover { color: #ec008c; text-decoration: underline; }
a:active { color: #ec008c; text-decoration: none; }

P { line-height: 1.4em; margin-top: 0px; margin-bottom: 15px; /*Required for same look in Firefox and IE*/ }
td { line-height: 1.4em; }
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; }
img { border: 0; }

/** Utilities ************************************************************************/
/*************************************************************************************/

.clear { clear: both; }
.clearbox { display: block; }
.clearbox:after { content: '.'; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }
* + html .clearbox { /* ie7 */ overflow: visible; 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; }


/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1 { font-size: 150%; font-weight: bold; margin: 0 0 .2em; letter-spacing: -.02em; }
#wrapper h1 a { color: #000; text-decoration: none; }
h2 { font-size: 100%; font-weight: bold; margin: 1em 0 .2em; }
h3 { font-size: 100%; font-weight: bold; font-style: italic; margin: 1em 0 0; }


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor { font-weight: normal; background-color: #808080; color: #FFFFFF; }
.ImagetextEditor { font-weight: normal; font-size: 90%; }


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

#wrapper { width: 947px; margin: 0 auto; }
#top { height: 200px; overflow: hidden; }
#topLeft { float: left; width: 172px; }
#search { background: #000; margin: 0 6px; height: 26px; padding: 6px 8px 0; }
.searchfield { width: 110px; background-color: #fff; border: none; }
.searchbutton { color: #fff; background: none; border: none; padding: 0; margin: 0; }

#topRight { float: right; width: 760px; }
#topTools { background-color: #000; height: 22px; color: #bbb; text-align: right; font-size: 92%; padding: 10px 10px 0 10px; }

#topNav, #topLang { display: inline; }

#topNav a, #topLang a { color: #fff; text-decoration: none; }

#topNav {margin: 0 15px; }
#topNav li { display: inline; margin: 0 15px; }
#topLang li { display: inline; margin: 0 0 0 7px; }

#linkchain { margin-bottom: 12px; }
#linkchain a { text-decoration: none; color: #000; }

#topPictureFlash { height: 160px; overflow: hidden; background-color: #fff; }



#left { width: 160px; float: left; margin: 0 14px 25px 0; padding: 0 6px; }
#middle { width: 580px; float: left; margin: 0 20px 25px 0; padding-top: 9px; overflow: hidden; }
#right { width: 160px; float: left; padding-top: 37px; margin-bottom: 25px; }

#leftnav { font-size: 116%; font-weight: bold; padding: 31px 0 35px 0; }
#leftnav li { line-height: 2em; }
#leftnav li li { line-height: 1.5em; background: transparent url(Images/bg-leftnavsub.png) no-repeat 0 1.1ex}
#leftnav li.selected a { text-decoration: underline; }
#leftnav li.level1 { background: transparent url(Images/bg-leftnavitem.png) no-repeat 0 .7em; padding-left: 14px; }
#leftnav li.selectedparent, #leftnav li.parent.selected { background: transparent url(Images/bg-leftnavitemparent.png) no-repeat 0 .8em; }
#leftnav li li.parent { background: transparent url(Images/bg-leftnavsubexpand.png) no-repeat 0 .5em; }
#leftnav li li.parent.selected { background: transparent url(Images/bg-leftnavsub.png) no-repeat 0 .5em; }
#leftnav li li.selectedparent { background: transparent url(Images/bg-leftnavsub.png) no-repeat 0 .5em; }
#leftnav li.level2 { font-size: 86%; font-weight: normal; background: transparent url(Images/bg-leftnavsub.png) no-repeat 0 .5em; padding-left: 10px; }
#leftnav li.level2 a { text-decoration: none; }
#leftnav li li li { padding-left: 10px; }

#leftnav li a { color: #000; text-decoration: none; }
#leftnav ul { margin: 0 0 5px 0; padding: 0; }
#leftnav ul ul { margin-bottom: 0; }


#footer { margin-left: 6px; background-color: #d9d9d9; padding: 25px 0; text-align: center; clear: both; color: #807f7f; }


/** StartPage4.aspx ******************************************************************/
/*************************************************************************************/
.startTopImage { display: block; margin-bottom: 1em; }
#puff1 { margin: 3px 0 35px 0; padding: 25px 0 20px 0; border-bottom: 2px solid #d4d4d4; }
#puff2 { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #d4d4d4; }
.puff2Image { float: left; margin-right: 20px; }
#calculator { width: 580px; height: 120px; overflow: hidden; border: none; margin-bottom: 28px; background-color: #fff; }

#smallpuffcontainer #smallpuff1 { float: left; width: 48%; }
#smallpuffcontainer #smallpuff2 { float: right; width: 48%; }

.puff3Image { float: left; margin-right: 15px; }
.puff4Image { float: right; margin-left: 15px; }

.rightPuff { display: block; margin-bottom: 20px; }












.litTempWebBody { background-color: #ffffff; background-image: url(Images/WebBodyRepeat.gif); background-repeat: repeat-y; background-position: center; margin: 0px; padding: 0px; width: 100%; /*height: 100%;*/ min-height: 100%; border-top: 1px solid white; /*bugfix for Opera*/ }
.litTempWebBodyStart { background-color: #ffffff; background-image: url(Images/WebBodyRepeatFullWidth.gif); background-repeat: repeat-y; background-position: center; margin: 0px; padding: 0px; width: 100%; /*height: 100%;*/ min-height: 100%; border-top: 1px solid white; /*bugfix for Opera*/ }
.litTempWebMain { position: absolute; top: 0px; min-height: 100%; height: auto; width: 100%; }
.litTempWebMainContainer { height: auto; margin-bottom: 72px; }
.litTempWebMainContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.litTempWebTopContainer { height: 100px; }
.litTempWebHeaderContainer { background-image: url(Images/WebHeader.gif); background-repeat: no-repeat; background-position: center; }
.litTempWebHeader { width: 723px; height: 100px; margin: auto; padding-left: 37px; }
.litTempWebHeaderLogo { float: left; margin-top: 15px; }
.litTempWebHeaderLoginPrint { float: right; font-size: 110%; width: auto; margin-right: 37px; margin-top: 34px; border: none; color: white !important; }
.litTempWebHeaderLoginPrint a { color: white !important; }
.litTempWebHeaderMenuContainer { position: absolute; top: 71px; width: 686px; }
.litTempWebHeaderTopMenu { float: left; font-size: 110%; width: 490px; }
.litTempWebHeaderSearch { float: right; margin-top: 4px; }
.litTempWebTopMenu { color: #666666 !important; height: 28px; }
.litTempWebTopMenuItem { float: left; padding-top: 7px; padding-left: 10px; padding-right: 10px; height: 21px; margin-right: 0px; }
.litTempWebTopMenuItemSelected { float: left; background-image: url(Images/WebTopMenu.gif); background-repeat: repeat-x; padding-top: 7px; padding-left: 10px; padding-right: 10px; height: 21px; margin-right: 0px; }
.litTempWebMiddleContainer { height: auto; width: 100%; text-align: center; }
.litTempWebContent { height: auto; width: 686px; margin: auto; padding: 0px; text-align: left; padding-left: 37px; padding-right: 37px; padding-top: 20px; }
.litTempWebContentLeft { float: left; width: 166px; height: 100%; margin-top: 10px; }
.litTempWebContentRight { float: right; width: 462px; }
.litTempWebBottomContainer { position: absolute; bottom: 0px; width: 100%; text-align: center; height: 52px; }
.litTempWebFooterContainer { background-image: url(Images/WebFooter.gif); background-repeat: no-repeat; background-position: center; }
.litTempWebFooter { padding-top: 10px; height: 42px; width: 686px; margin: auto; padding-left: 37px; padding-right: 37px; text-align: left; color: white; font-size: 110%; }
.litTempWebFooterText { float: left; }
.litTempWebFooterText div { margin-bottom: 5px; }
.litTempWebFooterText a { color: white !important; }
.litTempWebClear { clear: both; }
.litTempWebSearchField { font-size: 110%; color: #666666; width: 100px; font-family: Verdana,Arial,Helvetica; }
.litTempWebSearchButton { font-size: 110%; color: #666666; width: auto; font-family: Verdana,Arial,Helvetica; }
.litTempStudioLogotype { background-image: url(Images/StudioLogotype.gif); background-repeat: no-repeat; }
.litTempStudioExpressLogotype { background-image: url(Images/StudioExpressLogotype.gif); background-repeat: no-repeat; }
.litTempWebLeftMenu ul { margin: 0px; padding: 0px; }
.litTempWebLeftMenu li { list-style: none; padding: 3px; margin-left: 15px; }
.litTempWebLeftMenu a { padding: 3px; margin-left: 1px; line-height: 14px; }
.litTempWebLeftMenuSelected { margin-left: 0px !important; border: 1px solid #C4C4C4; background-color: #F0F0F0; }
.litTempWebLeftMenu_level_1 { margin-left: -20px !important; line-height: 130%; font-size: 110%; }
.litTempWebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5 { margin-top: 1px !important; line-height: 110%; }







/*************************************************************************************
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 LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.litCommonTempIntro { font-style: italic; margin-top: 0px; margin-bottom: 10px; line-height:1.4; }
.litCommonTempText { font-weight: normal; margin-top: 0px; margin-bottom: 10px; }
.litCommonTempNormal { }
.litCommonTempTextbold { font-weight: bold; }
.Factheader { font-weight: bold; color: white; background-color: #555555; padding: 5px; }
.Facttext { font-weight: normal; background-color: #DDDDDD; padding: 5px; }
.litCommonTempImagetext { font-weight: normal; margin-top: 2px; text-align: CENTER; }
.Date { color: #AAAAAA; margin-top: 0px; margin-bottom: 0px; }

.litCommonTempLinklist { font-weight: normal; margin-top: 20px; }
.litCommonTempLinkicon { margin-right: 3px; height: 10px; }
.litCommonTempFilelist { font-weight: normal; margin-top: 20px; }
.litCommonTempFileicon { margin-right: 5px; }
.Productlist { font-weight: normal; margin-top: 20px; }
.Newslist { font-weight: normal; margin-top: 20px; }
.Newslist td { padding-bottom: 20px; }
.Form { }
.InputItem { margin-bottom: 10px; color: #000000; font-family: Verdana,Arial,Helvetica; }
.InputItemFixedWidth { margin-bottom: 10px; width: 300px; color: #000000; font-family: Verdana,Arial,Helvetica; }
.InputItemFullWidth { margin-bottom: 10px; width: 100%; color: #000000; font-family: Verdana,Arial,Helvetica; }
.SelectItemFixedWidth { margin-bottom: 10px; width: 305px; font-weight: bold; color: #000000; font-family: Verdana,Arial,Helvetica; }
.litCommonTempMarginSingle { /*margin-top: 10px;*/ }
.litCommonTempMarginDouble { margin-top: 20px; }

.Image { margin-top: 20px; }
.ImageCenter { text-align: CENTER; margin-top: 20px; }
.ImageTop { }
.ImageTop img { display:block; margin-top:13px; margin-bottom: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; }
.litCommonTempImageRightFloat { 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; }

.litCommonTempFileheader { font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid black; }
.litCommonTempFileitem { font-weight: normal; margin-bottom: 5px; }
.litCommonTempLinkheader { font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid black; }
.litCommonTempLinkitem { font-weight: normal; margin-bottom: 5px; }
.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 { font-size: 90%; }
.Newsheader { font-weight: bold; }
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited { }
.Newsintro { font-weight: normal; }
.Newsitem1 { padding: 5px; padding-left: 0px; }
.Newsitem2 { padding: 5px; padding-left: 0px; }
.Breadcrumb { font-weight: normal; color: gray; }
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited { color: gray !important; }

.searchresultheader {margin-top:27px;}

/** 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; }