body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333231;
	font-size:11px;
	height:100%;}
	
td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:auto;}

div{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:auto;}
	
img{border:0px;}

/*--- #container surrounds the entire document ---*/
#container{
	height:100%;
	background-image:url(../graphx/bg.gif);
	background-position:top left;
	background-repeat:repeat-x;}

/*------------------------------ CONTENT AREA LAYOUT AND STYLES ------------------------------*/
#content{
	position:relative;
	width:900px;
	height:100%;
	margin:0px 30px 0px 30px;
	padding:0px 0px 0px 0px;
	text-align:left;
	vertical-align:text-top;}
	
.mainContentFull{
	position:relative;  
	height:490px; 
	background-color:#FFFFFF;}
	
.leftCol{
	position:relative; 
	width:206px;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	background-image:url(../graphx/bg_left_col.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float:left;
	text-align:left;
	vertical-align:top;}

.rightCol{
	position:relative; 
	width:694px;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;  
	float:left;
	text-align:left;
	vertical-align:top;
	background-color:#D9E3F5;}
	
.rightColContent{
	background-image:url(../graphx/bg_right_col.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;}
	
/* ------------------------------ MAIN TABLE STYLES ------------------------------ */
table.mainContentTable{	
  width:100%;}

table.mainContentTable tr td{
	padding:0px 0px 0px 0px;
	vertical-align:top;}

table.mainContentTable tr td table tr td{
  height:auto;}
	
.mainContentBG{
  position:absolute;
	top:118px;
	left:25px;
  height:368px;
	width:642px;
	z-index:500;
	background-color:#FFFFFF;
	background-image:url(../graphx/bg_copy.gif);
	background-position:top left;
	background-repeat:no-repeat;
	filter:alpha(opacity=75);
	opacity: .75;
	-moz-opacity:.75;}
	
.contentToolsOverview{	
	position:absolute; 
	width:202px; 
	height:322px; 
	z-index:500; 
	left:435px; 
	top:150px;
	background-image:url(../graphx/bg_copy_sm.gif); 
	background-position:top left; 
	background-repeat:no-repeat;}
	
.mainContent {  
  position:relative;
	margin-left:25px;
	text-align:left;
	vertical-align:top;
	width:642px;
	z-index:900;}
	
.mainContentLiner {  
  margin:20px 20px 0px 20px;
	width:602px;
	z-index:1000;}

/*--------------- default links ---------------*/
a, a:link{text-decoration: underline; color: #0047BA;}
a:visited{text-decoration:underline;color: #84B3FF;}
a:hover{text-decoration: underline; color: #E9068C;}
a:focus{outline:none;}

p{
	margin:0px 0px 15px 0px;}

ul{  
	margin-top: 0px;}
	
ol{  
	margin-top: 0px;}

li{  
	margin: 4px 0px 0px 0px;}
	
.indentList{  
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 0px;
	list-style-type:none;}
	
ul.listType1{
	list-style-image:url(../graphx/bullet_1.gif);
	margin-left:8px;
	padding-left:10px;
	font-weight:bold;}

form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
	
select{
  color:#0047BA;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #0047BA;}
		
input{
	color:#0047BA;
  border: 1px solid #0047BA;}
	
input, textarea{
  color:#0047BA;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #0047BA;}
	
.formInput{
	color:#0047BA;}

.formField{
   border:1px solid }

/* Button class */
.btn{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
	color: #FFFFFF; 
	font-weight: bold;
	background-color: #0047BA;
	padding:0px 0px 1px 0px;
	height:20px;
	border:1px solid #0047BA;
	cursor:pointer;}
	
.btn:hover{  
	background-color: #0047BA;
	border:1px solid #0047BA;} 
	
/* ------------------------------ FORM TABLE STYLES ------------------------------ */
table.formTable{
	margin:15px 0px 0px 0px;}

table.formTable tr td{
	padding:3px 3px 3px 3px;}

table.formTable tr td table tr td{
	padding: 0px 4px 2px 0px;}

/*--------------- header styles ---------------*/
h1{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0047BA;
	font-weight:bold;
	margin:0px 0px 18px 0px;}
	
h2{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0047BA;
	font-weight:bold;
	margin:0px 0px 0px 0px;}

/*--large pink header--*/	
.custom1{
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#E9068C;
	font-weight:normal;
	margin:0px 0px 3px 0px;}

/*--pink header--*/
.custom2{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#E9068C;
	font-weight:bold;
	margin:0px 0px 0px 0px;}
	
h3{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0047BA;
	font-weight:bold;
	margin:0px 0px 0px 0px;}
	
.mainHeader{
  position:relative;
  width:665px;
	height:91px; 
	clear:both;
	padding:0px;
	margin:0px;}
	
.mainHeader2{
  position:relative;
  width:665px;
	height:63px; 
	clear:both;
	padding:0px;
	margin:0px;}
	
.mainHeaderImg{
 position:absolute;
 float:right;
 top:22px;
 right:0px;}
	
/*--- makes image header avaiable as text to assistive browsers ---*/	
.acc{
	display:none;}

/*------------------------------ HEADER LAYOUT AND STYLES ------------------------------*/
#globalNavContainer{	
	position:relative;
	width:694px;
	height:27px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
  z-index:1000;}
	
#globalNav{
  position:absolute;	
	left:25px;
	top:0px; 
	width:642px; 
	height:27px;}

.navMaterial, a.navMaterial, a.navMaterial:visited, a.navMaterial:link{  
	background-image:url(../graphx/nav_material.gif);
	background-repeat:no-repeat; 
	float:left; 
	width:164px; 
	height:27px;}
a.navMaterial:hover{background-position:100% -27px;}

.navMaterialOn{  
	background-image:url(../graphx/nav_material.gif);
	background-repeat:no-repeat;
  background-position:100% -27px;  
	float:left; 
	width:164px; 
	height:27px;}
	
.navAdvantages, a.navAdvantages, a.navAdvantages:visited, a.navAdvantages:link{  
	background-image:url(../graphx/nav_advantages.gif);
	background-repeat:no-repeat; 
	float:left; 
	width:167px; 
	height:27px;}
a.navAdvantages:hover{background-position:100% -27px;}

.navAdvantagesOn{ 
	background-image:url(../graphx/nav_advantages.gif);
	background-repeat:no-repeat;
  background-position:100% -27px; 
	float:left; 
	width:167px; 
	height:27px;}
	
.navApplications, a.navApplications, a.navApplications:visited, a.navApplications:link{  
	background-image:url(../graphx/nav_applications.gif);
	background-repeat:no-repeat; 
	float:left; 
	width:175px; 
	height:27px;}
a.navApplications:hover{background-position:100% -27px;}

.navApplicationsOn{  
	background-image:url(../graphx/nav_applications.gif);
	background-repeat:no-repeat;
  background-position:100% -27px;  
	float:left; 
	width:175px; 
	height:27px;}
	
.navTools, a.navTools, a.navTools:visited, a.navTools:link{  
	background-image:url(../graphx/nav_tools.gif);
	background-repeat:no-repeat; 
	float:left; 
	width:135px; 
	height:27px;}
a.navTools:hover{background-position:100% -27px;}

.navToolsOn{  
	background-image:url(../graphx/nav_tools.gif);
	background-repeat:no-repeat;
  background-position:100% -27px; 
	float:left; 
	width:135px; 
	height:27px;}
	
.navCompany, a.navCompany, a.navCompany:visited, a.navCompany:link{  
	background-image:url(../graphx/nav_company.gif);
	background-repeat:no-repeat;
	float:left; 
	width:98px; 
	height:24px;}
a.navCompany:hover{background-position:100% -24px;}

.navCompanyOn{  
	background-image:url(../graphx/nav_company.gif);
	background-repeat:no-repeat;
  background-position:100% -24px;  
	float:left; 
	width:98px; 
	height:24px;}
	
.navReferences, a.navReferences, a.navReferences:visited, a.navReferences:link{  
	background-image:url(../graphx/nav_references.gif);
	background-repeat:no-repeat; 
	float:left; 
	width:124px; 
	height:24px;}
a.navReferences:hover{background-position:100% -24px;}

.navReferencesOn{  
	background-image:url(../graphx/nav_references.gif);
	background-repeat:no-repeat;
  background-position:100% -24px; 
	float:left; 
	width:124px; 
	height:24px;}
	
.navContact, a.navContact, a.navContact:visited, a.navContact:link{  
	background-image:url(../graphx/nav_contact.gif);
	background-repeat:no-repeat; 
	float:left; 
	width:94px; 
	height:24px;}
a.navContact:hover{background-position:100% -24px;}

.navContactOn{  
	background-image:url(../graphx/nav_contact.gif);
	background-repeat:no-repeat;
  background-position:100% -24px; 
	float:left; 
	width:94px; 
	height:24px;}

/*--- makes image navigation avaiable as text to assistive browsers ---*/
.navMaterial span,
.navMaterialOn span,
.navAdvantages span,
.navAdvantagesOn span, 
.navApplications span,
.navApplicationsOn span,
.navTools span,
.navToolsOn span,
.navCompany span,
.navCompanyOn span,
.navReferences span,
.navReferencesOn span,
.navContact span,
.navContactOn span{display:none;}

/*------------------------------ SUB NAVIGATION LAYOUT AND STYLES ------------------------------*/
#subNavContainer{
	position:relative;
	width:206px;
	margin:-4px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
	
.jspNavLogo{
	margin:29px 0px 0px 24px;}
	
.jspNavLogo2{
	margin:0px 0px 0px 24px;}

.subNav, a.subNav, a.subNav:visited, a.subNav:link{
	display:block;  
	width:206px;
	background-image:url(../graphx/sub_nav.gif);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	padding:14px 0px 14px 25px;
	border-bottom:solid 1px #FFFFFF;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;}
a.subNav:hover{color:#779EDC;}

.subNavOn, a.subNavOn, a.subNavOn:visited, a.subNavOn:link{
	display:block;  
	width:206px;
	background-image:url(../graphx/sub_nav_on.gif);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	padding:14px 0px 14px 25px;
	border-bottom:solid 1px #FFFFFF;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;}

.subNavOn1, a.subNavOn1, a.subNavOn1:visited, a.subNavOn1:link{
	display:block;  
	width:206px;
	background-image:url(../graphx/sub_nav_on.gif);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	padding:14px 0px 0px 25px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;}
a.subNavOn1:hover{color:#FFFFFF;}

.subNavContainer2{
	border-bottom:solid 1px #BFD1EE;
	background-image:url(../graphx/sub_nav_on.gif);
	background-repeat:repeat-y;
	padding:4px 0px 6px 0px;
	border-top:none;
	width:206px;}
	
.subNav2, a.subNav2, a.subNav2:visited, a.subNav2:link{
	display:block;  
	width:206px; 
	height:15px;
	background-image:url(../graphx/sub_nav_on.gif);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	padding:1px 0px 4px 35px;
	color:#FFFFFF;
	text-decoration:none;}
a.subNav2:hover{
  color:#FFFFFF;
	background-image:url(../graphx/sub_nav2_on.gif);
	background-repeat:no-repeat;}

.subNavOn2, a.subNavOn2, a.subNavOn2:visited, a.subNavOn2:link, a.subNavOn2:hover{
	display:block;  
	width:206px; 
	height:15px;
	background-image:url(../graphx/sub_nav2_on.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	padding:1px 0px 4px 35px;
	color:#FFFFFF;
	text-decoration:none;}

/*------------------------------ FOOTER LAYOUT AND STYLES ------------------------------*/
#footer{
	position:relative;
	clear:both !important;
	width:694px;
	height:130px;
	background-image:url(../graphx/bg_footer.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#D9E3F5;}
	
#footerNavContainer{
	position:absolute;
	width:642px; 
	height:26px;
	top:50px;
	left:25px;
	background-color:#0046B9;
  z-index:1000;}
	
#footerNav{
	position:absolute;
	left:162px;}
	
#copyright{
	position:absolute;
	width:642px; 
	height:auto;
	top:90px;
	left:25px;
	text-align:center;
  font-size:9px;}
	
a.copyrightLink, a.copyrightLink:link, a.copyrightLink:visited{text-decoration:none; color:#333231; padding:0px 6px 0px 6px;}
a.copyrightLink:hover{text-decoration:underline;} 

/*------------------------------ APPLICATION AND ADVANTAGES PAGE LAYOUT AND STYLES ------------------------------*/
.fullCol{
  text-align:left; 
	vertical-align:top;
	background-image:url(../graphx/bg_full_col.gif);
	background-position:top left;
	background-repeat:repeat-y;}
	
.leftCol2{
	position:relative; 
	width:206px;
	background-color:#FFFFFF; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	background-image:url(../graphx/bg_left_col.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float:left;
	text-align:left;
	vertical-align:top;}

.rightCol2{
	position:relative;
	width:694px;
	background-color:#FFFFFF; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;  
	float:left;
	text-align:left;
	vertical-align:top;}
	
#globalNavContainer2{	
	position:relative;
	width:900px;
	height:27px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
  z-index:1000;}

#globalNav2{
  position:absolute;	
	left:231px;
	top:0px; 
	width:642px; 
	height:27px;}

#footer2{
	position:relative;	
	width:900px;
	height:100px;
	background-image:url(../graphx/bg_footer2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#D9E3F5;}

#footerNavContainer2{
	position:absolute;
	width:642px; 
	height:26px;
	top:23px;
	left:231px;
	background-color:#0046B9;
  z-index:1000;}
	
#footerNav2{
	position:absolute;
	left:162px;}
	
#copyright2{
	position:absolute;
	width:642px; 
	height:auto;
	top:63px;
	left:231px;
	text-align:center;
  font-size:9px;}
	
		
/* ------------------------------ DOCUMENT TABLE STYLES ------------------------------ */	
table.documentTable{
	margin-top:6px;
	margin-bottom:6px;
	font-size:11px;}
	
table.documentTable tr td{
	padding: 0px 4px 6px 0px;
	text-align:left;
	vertical-align:top;
	font-size:11px;}
	
/* ------------------------------ CUSTOM TABLE 1 ------------------------------ */	
table.CustomTable1{
	font-size:11px;}
	
table.CustomTable1 tr td{
	padding:2px 2px 2px 2px;
	vertical-align:top;
	border-bottom:1px solid #BFD1EE;
	border-right:1px solid #BFD1EE;
	font-size:11px;}
	
table.CustomTable1 tr td.leftTD{
	border-left:1px solid #BFD1EE;}
	
table.CustomTable1 tr td.titleRow{
	vertical-align:top;
	background-color:#0047BA;
	color:#FFFFFF;
	font-weight:bold;}
	
table.CustomTable1 tr td.subtitleRow{
	vertical-align:bottom;
	border-bottom:1px solid #BFD1EE;
	border-right:1px solid #BFD1EE;
	background-color:#BFD1EE;}

/* ------------------------------ FEATURE LINK STYLES ------------------------------ */		
.featureLinkContainer{
	float:right; 
	margin:0px 0px 20px 10px; 
	padding:0px 0px 0px 10px; 
	border-left:1px solid #BFD1EE; 
	color: #0047BA; 
	width:180px;}	
	
.featureLink{
  text-decoration:none; 
	color: #0047BA; 
	font-size:10px;}
		
a.featureLink, a.featureLink:link, a.featureLink:visited{
  text-decoration:none; 
	color: #0047BA; 
	font-size:10px;}
a.featureLink:hover{ 
	color: #E9068C;}


	
/*------------------------------ Conformation Page Styles ------------------------------*/


#confContainer{
		position:relative; 
		width:605px;
		text-align:left; 
		height:auto;
		margin:0px 0px 0px 0px;
}
.confCallout1{
		background-image:url(../graphx/bg_confirm_arpro.jpg);
		position:relative; 
		float:left; 
		width:199px; 
		height:212px;
		background-repeat:no-repeat;
		background-position:top left; }
		

.confCallout2{
		background-image:url(../graphx/bg_confirm_jsp.jpg);
		position:relative; 
		float:left; 
		width:199px; 
		height:212px;
    	margin:0px 4px 0px 4px;
		background-repeat:no-repeat;
		background-position:top left; 
}

.confCallout3{
		background-image:url(../graphx/bg_confirm_arprodesign.jpg);
		position:relative; 
		float:left; 
		width:195px; 
		height:212px;
		background-repeat:no-repeat;
		background-position:top left; 
}

.confCalloutCopy{
		width:171px;
		font-size:10px;
		text-align:left;
		padding:8px 0px 8px 12px;
		margin:93px 0px 0px 0px;
}

.confCalloutHeader{
		display:block;
		padding: 0px 0px 3px 0px;
}

/* ConfCallOut Link Styles */

.linkGoThereEU, a.linkGoThereEU, a.linkGoThereEU:visited, a.linkGoThereEU:link{
		background-image:url(../graphx/link_gothere_eu.gif);   
		background-repeat:no-repeat;
		background-position:top left;
		position:absolute;
		top:198px;
		left:8px;
		width:82px; 
		height:24px;
		z-index:1000;}
a.linkGoThereEU:hover{
	background-position:0px -24px;}
.linkGoThereEU span{
	visibility:hidden;display:block;font-size:6px;}
	
	
a.linkTechDocsEN{  
	background-image:url(../graphx/link_techdocs_en.gif);
	background-repeat:no-repeat; 
	display:block;
	width:206px; 
	height:27px;
	text-indent:-9999px}
a.linkTechDocsEN:hover{
	background-position:100% -27px;}

	
