.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

.contentHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

.contentHome p {
	margin: 8px 0 8px 0;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #888888;
}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

a { 
color: #FFFF99; text-decoration: none; 

} 

a:hover { 
text-decoration: underline; 
} 


/*added on 31 Aug 2007 by EtonDigital*/
				
				ul.lang-selection {
					float: right;
					width: auto;
					margin-top: 15px;
				}
				ul.lang-selection li {
					display: inline;
				}
				ul.lang-selection a {
					float: left;
					display: block;
					font-size: 0.9em;
					color:#ccc;
					line-height: 18px;
					margin-left: 15px;
					padding-left: 30px;
				}
				ul.lang-selection a.eng {
					background: url(fr/images/bg-li-eng.gif) no-repeat 0 0;	
				}
				ul.lang-selection a.esp {
					background: url(fr/images/bg-li-esp.gif) no-repeat 0 0;	
				}
			ul.lang-selection a.jap {
					background: url(images/bg-li-jap.gif) no-repeat 0 0;	
				}	
			ul.lang-selection a.chi {
					background: url(images/bg-ci-jap.gif) no-repeat 0 0;	
				}					
				ul.lang-selection a.fra {
					background: url(fr/images/bg-li-fra.gif) no-repeat 0 0;	
				}
				ul.lang-selection a.app {
					background: url(images/app.gif) no-repeat 0 0;	
				}
			ul.lang-selection a.ms {
					background: url(images/microsoft.gif) no-repeat 0 0;	
				}				
				ul.lang-selection a:hover {
					color:#000;
					background-position: 0 -40px;
					text-decoration: none;
				}
				
/*added on 31 Aug 2007 by EtonDigital - END*/
.panel {
	float: left;
	width: 230px;
	margin-top: 2px;
	margin-right: 1px;
	background: #000;
	color: #fff;
	min-height: 200px;
}
.panel h2 {
	font-size: 1.3em;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.panel p {
	margin: 15px 10px;
	font-size: 1.1em;
	line-height: 1.3em;
}
.panel p a {
	color: #ffff99;
}
.panel p a:hover {
	text-decoration: underline;
}
.darkblue {
	background: #46009b url(../images/bg-darkblue.gif) no-repeat 0px 100%;
}
.darkblue h2 {
	background: #25006c;
}

.red {
	background: #810f03 url(../images/bg-redproducts.gif) no-repeat 100% 30px;
}
.red h2 {
	background: #6C0C00;
}
.red p {
	margin-right: 140px;
}

.blue {
	background: #017B9A url(../images/bg-tealassureon.gif) no-repeat 100% 38px;
}
.blue h2 {
	background: #01416A;
}
.blue p {
	margin-right: 65px;
}
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html
----------------------------------------------------*/

.replace { 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
} 
.replace span {
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

/*Example HTML - all elements that require replacement use the .replace class then set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span { 
	height:100px; 
	width:300px; 
	background-image: url(head.png); 
} 
----------------------------------------------------*/
.contentHomePop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.contentHome_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.contentHome_black a {
	color: #333;
}