/*************************************************************************************
This stylesheet will be used both in the public site and the cms editor and has lower
priority than "public_base.css" when used in the public site.
**************************************************************************************/


/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
body {
font-size:x-small; 
font-family: Arial,Helvetica; 
line-height: 14px; 
color:#444; 
background-color: #d4e9f7; 
margin:0; 
padding:0; 
/*text-align:center;*/
}

header { display: none; }

A:link {
text-decoration: none; 
color: #00a7d8;
}
A:active {
text-decoration: none; 
color: #00a7d8; 
}
A:hover {
color: #00a7d8; 
text-decoration: underline; 
}
A:visited {
text-decoration: none; 
color:#00a7d8; 
}

.puffLink a:link {
text-decoration: none; 
color:#00a7d8; 
}

.puffLink a:visited {
text-decoration: none; 
color:#00a7d8; 
}

.puffLink a:hover {
text-decoration: underline; 
color:#00a7d8; 
}

.puffLink A:active {
text-decoration: none; 
color:#00a7d8; 
}P{MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}


/** STYLES FOR TEMPLATE ELEMENTS AND EDITOR DROP DOWN LIST ***************************/
/*************************************************************************************/
.Mainheader{line-height:100%;FONT-SIZE:220%; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; font-style: normal; letter-spacing: -0.0px; color: #444; font-weight: normal;  font-style: normal; font-family: Arial, sans-serif;}
.Subheader{padding-bottom: 15px;FONT-SIZE:120%;  MARGIN-BOTTOM:5px; MARGIN-TOP:0px;/*Required for Firefox*/font-family: Arial, sans-serif; color: #444; font-weight: bold; font-style: normal;}

.startPageImage{ position:absolute; top:0px; left:0px; }

h1{FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Arial,Helvetica; COLOR: #444;}
h2{FONT-SIZE:130%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Helvetica; COLOR: #444;}
h3{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Helvetica; COLOR: #444;}

#htmlprintable, #bodyprintable
{
    background-color: White;
    margin: 0;
    text-align:left;
}
#login-area{
    display: none;
 }

#header
{
	display: none;
	background-image: none;
}

#home-area
{
    display: none;
}

.login-text {
    padding: 0px 20px 0px 0px;
    text-transform: uppercase;
    vertical-align: text-top;
    margin-left: 5px;
    font-size: 110%;
}

#header{
    position:relative; 
    height:99px; 
    background-color:#acd1f9; 
    width:100.1%;
    background-repeat: no-repeat; 
}

#menu{
    display: none;
}
 
#leftcol{ 
    float:left; 
    position:relative;
    background-color:#B9C9C9; 
 }
 
#maincol{background-color: #FFFFFF;  
    float: left; 
    width:650px; 
 }
#mainprintable{background-color: #FFFFFF;  
    margin-left: 15px;
    margin-right: 15px;
 }
 
#footer{
	display: none;
 } 
  
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 40px; 
    clear: both; 
    visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*************************************************************************************
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 ***********************************************/
/*************************************************************************************/
.Intro{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{FONT-SIZE:110%;}
.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; MARGIN-TOP:2px; TEXT-ALIGN:left;}
.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;}
.Productlist{FONT-WEIGHT:normal; }
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:normal; COLOR:#000000; FONT-FAMILY:Arial,Helvetica;}
.MarginSingle{MARGIN-TOP:10px;padding-right:30px;}
.MarginDouble{MARGIN-TOP:20px;}

.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:8px;}
.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);}

.leftmenuArea { 
    display: none; 
}

.vmenuArea { 
    display: none; 
}

.Menu { 
    display: none; 
}

.footer { 
    display: none; 
}

.header { 
    display: none!important; 
}

.menuArea { 
    display: none; 
}
.logoArea 
{
	display: none;
}

.litNavTopGroup
{
	display: none;
}
.litNavMenuGroup
{
	display: none;
}

.Breadcrumb 
{
	display: none;
}

.mainArea {
    width: 650px;
    float:left;
    margin-left:5px;  
    background-color:#fff;  
}
.mainAreaCol {
    width: 500px;
    margin-left:10px;  
    background-color:#fff;  
}

.teaserImages {
    width:260px;
    border: solid 1px # 356b84;
}

.readMoreItemLinklist {margin-top:20px; z-index:2; position:relative; width:500px; font-size:110%; font-weight:bold;}
.readMoreItemTabContainer {margin-right:5px; z-index:3; position:relative; border-bottom:solid 1px #fff; float:left; padding-right:5px; background-image: url(../images/readMoreItemTabCornerR.gif); background-position:right top; background-repeat:no-repeat;}
.readMoreItemTabContainerBlur {margin-right:5px; z-index:3; position:relative; float:left; padding-right:5px; background-image: url(../images/readMoreItemTabCornerR.gif); background-position:right top; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40);}
.readMoreItemTabContent {padding-left:10px; padding-right:5px; padding-bottom:10px; padding-top:10px; float:left; background-image: url(../images/readMoreItemTabCornerL.gif); background-position:left top; background-repeat:no-repeat;}
.readMoreItemTabsListContainer {float:left; width:500px; position:relative; z-index:1; margin-top:-1px; padding:10px 10px 10px 10px; border:solid 1px #cccccc;}
.readMoreItemTabsListItem {display: none;}

ul {text-align: text-left; list-style-type: disc; padding: 0px; size: 2; color: #444; margin-left:15px; margin-bottom:0px; margin-top:0px; }
li {text-align: text-left;size: 2;}

.twoColumnTable{WIDTH:100%; HEIGHT:350px;margin-right: 0px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:15px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:705px; PADDING-LEFT:20px; padding-top:0px;}
.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;}

.PrintableVersionList{display: none;}
.PrintableVersionHeader{display: none;}
.PrintableVersionItems{display: none;}

.Fileheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:15px; BORDER-BOTTOM:1px solid #D4E9F7;}
.Fileitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:15px; BORDER-BOTTOM:1px solid #D4E9F7;}
.Linkitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; padding-bottom:5px;}

.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal; margin-bottom: 15px; margin-top: 0px; padding: 5px 20px 5px 5px;}
.ProductRowItem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.ProductRowItem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}
.ProductColumnItem1{PADDING:px; border-left:0px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:px; border-left:0px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:px; border-left:0px solid #9A9A9A; WIDTH:33%;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:150px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.news-container {FONT-FAMILY: Arial,Helvetica; FONT-SIZE:110%; margin: 0px; height: 205px; width: 156px; border: solid 0px #356b84; }

.Newsimage{FLOAT:LEFT; MARGIN-RIGHT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:110%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:visited{}
A.Newslink:hover {text-decoration: underline;}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsitem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}

.NewslistHeader{FONT-SIZE:130%;}

.Breadcrumb{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:gray;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}

.imageSlideBottom{background-color:#d4e9f7; height:40px; overflow:auto;}
.imageSlideButtonPrev{padding-bottom:15px;padding-left:10px;padding-right:10px;}
.imageSlideButtonNext{padding-bottom:0px;padding-left:10px;padding-right:10px;}
.imageSlideImageTextContainer{width:195px; height:35px; position:relative;vertical-align:top;}
.imageSlideImageText{bottom:0px; width:195px;vertical-align:top;padding-top:3px;}
.imageSlideImagePosition{width:35px;padding-left:0px;padding-top:3px;padding-bottom:0px;}

.productListImage{float:left;margin:0px 5px 0px 0px; padding-left:0px;padding-bottom:15px;}
.productListIntroduction{padding-right:0px; float:left;width:150px;}
.productListTitle{background-color:#d4e9f7; width:310px; height:16px; padding:6px 0px 0px 5px; margin-right:10px;}
.PrintableVersionImage{ vertical-align:middle;}

.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Productimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Productdate{FONT-SIZE:110%;}
.Productheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Productitem1{}
.Productitem2{PADDING:5px; }

.PrintableIcon { height:20px;width:30px; background-image:url(../Images/printer.png); background-repeat:no-repeat;float:left;padding-left: 20px;} 
* html .PrintableIcon {border:solid 1px green;height:20px;width:30px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/printer.png");float:left;padding-left: 20px;}

.TipAFriendIcon { height:20px;width:80px; background-image:url(../Images/mail.png); background-repeat:no-repeat;float:left;padding-left: 20px;margin-left:10px;} 
* html .TipAFriendIcon {border:solid 1px red;height:20px;width:80px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/mail.png");float:left;padding-left: 20px;margin-left:10px;}


/** SYSTEM ERROR MESSAGE *************************************************************/
/*************************************************************************************/
.litErrorMsg{COLOR: #FF0000! important;}

/** STYLES FOR THE LEFT MENU *********************************************************/
/*************************************************************************************/
.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px; color:#666666;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}


/** LoginPage2.aspx **/
.loginRightColumn{width: 300px; height: 533px; float:right; margin: 0px 23px 0px 24px; _margin: 0px 11px 0px 22px;}
	.button{width: 55px; height: 16px; border: solid 1px #DADADA; font-family: Arial, Verdana; color: #444444; font-size: 11px; background-color: #ffffff;}
	.loginTextBox{ height: 13px; width: 100px; border: solid 1px #DADADA;color: #444444; font-size: 11px; background-color: #ffffff;}
	.textBox{ height: 13px; width: 200px; border: solid 1px #DADADA;color: #444444; font-size: 11px; background-color: #ffffff;}
	
	.loginSearchArea{width:284px; background-color: #EBEBEB; margin-bottom: 15px; padding: 10px 8px 10px 8px;}
	.loginSearchAreaDisabled{width:284px; background: url(../Images/lock_margins.gif) bottom right no-repeat #EBEBEB; margin-bottom: 15px; padding: 10px 8px 10px 8px;}
		.dropList{border: solid 1px #DADADA; font-family: Arial, Verdana; font-size: 11px; color: #444444;}
		.searchTextBox{width: 284px; height: 13px; border: solid 1px #DADADA; font-size: 11px; color: #444444;}
		.longDropList{width: 284px; height: 19px; border: solid 1px #DADADA; color: #444444;font-size: 11px;}


/* KitPage1.aspx */
#KitContainer {padding:460px 20px 0 0; width:100%; margin-top:20px;}
.KitPageLinkList {list-style-type:none; padding:0; margin:0 0 1em;}

.KitPageLinkList li {padding:0; margin:0;}

#KitPageTextLeft {float:left; width:60%;}
#KitPageTextRight {float:right; width:29%; padding-right:3%;}


.KitPageEditor {text-align:left; background-color:#fff; margin:1em;}
.KitPageEditor td {font-size:x-small;}

/* KitList1.aspx */
#WebKitList {padding:0; margin:30px 0 0; }
#WebKitList li {padding:0; margin:0; border-bottom:1px solid #d3e9f7;}

#WebKitList .col1,
#WebKitList .col2,
#WebKitList .col3 {float:left;}


#WebKitList .col1 {width:160px; padding-left:3px; padding-top:25px;}
#WebKitList .col1 img {display:block;}
#WebKitList .col2 {width:260px; padding:30px 0 0;}
#WebKitList .col3 {width:180px; padding:30px 0 0 40px;}
#WebKitList .col3 p {margin:0 0 5px;}



	


/*Clear box */
.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%;
	}