/* Body
----------------------------------------------------*/
body {
	margin:0px; 
	padding:0px;
	background-color: #FFFFFF;
	font-size:8.5pt; 
	line-height:125%;
}

body, td, th {
	font-family: Verdana, sans-serif;
	color: #333333;
}

h1{
	font-size:8pt;
	color:#FFFFFF;
	margin:0px; 
	padding:1px 0px 1px 0px;
}

h2{
	font-family: Verdana, sans-serif;
	font-size:11pt;
	color:#E00010;
	margin:0px; 
	padding:5px 0px 30px 0px;
}

h3{
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #B2B2F2;
	color: #242484;
	margin:0 !important;
	padding:5px 3px 3px 0px;
}
	
h4{
	font-family: Verdana, sans-serif;
	font-size:13px;
	color:#E00010;
	margin:0px; 
	padding:5px 3px 5px 12px;
}

h5{
	font-family: Verdana, sans-serif;
	font-size:9px;
	color:#eeeeee;
	margin:0 !important;
	padding:0 !important;
}


/*interface
----------------------------------------------------*/
#interface { margin:0px; padding:0px; width:100%; border-top:1px solid #664; background-color:#FFF; height:auto; text-align:left; }

 /* BlockEnd
----------------------------------------------------*/
.blockEnd { clear:both; }

/*Header
----------------------------------------------------*/
#Header { margin:0 !important; padding:0 !important; width:100%; height:16px; background-color:#A3A3EB; }
#Header h1.title { float:left; width:100%; height:16px;  border-bottom: 1px solid #6f6fa4; background-color:#A3A3EB; margin:0 !important; padding:0 !important;}

/*Logo
----------------------------------------------------*/
#Logo { clear:both; float:left; height:80px; width:100%; margin:0 !important; padding:0 !important; background:url(../pics/bg_logo.jpg); }
#Logo-inner { clear:both; float:left; height:80px; width:100%; margin:0 !important; padding:0 !important; }

/*Navigation
----------------------------------------------------*/
#Navigation { clear:both; margin:0 !important; padding:0 !important; width:100%; height:17px; }
#globalnavi { margin:0 !important; padding: 0 !important; width:100%; height:17px; font-size:90%; background-color: #9494E7; list-style-type:none; border-bottom: 1px solid #6f6fa4; }

#globalnavi .menu01 { float:left; margin:0 !important; padding: 0 !important; width:123px; height:17px; background:url(../pics/nav1_b.gif) no-repeat; text-align:right; }
#globalnavi .menu02 { float:left; margin:0 !important; padding: 0 !important; width:82px; height:17px; background:url(../pics/nav2_b.gif) no-repeat; text-align:right; }
#globalnavi .menu03 { float:left; margin:0 !important; padding: 0 !important; width:76px; height:17px; background:url(../pics/nav2_b.gif) no-repeat; text-align:right; }
#globalnavi .menu04 { float:left; margin:0 !important; padding: 0 !important; width:85px; height:17px; background:url(../pics/nav2_b.gif) no-repeat; text-align:right; }
#globalnavi .menu05 { float:left; margin:0 !important; padding: 0 !important; width:78px; height:17px; background:url(../pics/nav2_b.gif) no-repeat; text-align:right; }
#globalnavi .menu06 { float:left; margin:0 !important; padding: 0 !important; width:60px; height:17px; background:url(../pics/nav2_b.gif) no-repeat; text-align:right; }
#globalnavi .menu07 { float:left; margin:0 !important; padding: 0 !important; width:88px; height:17px; background:url(../pics/nav2_b.gif) no-repeat; text-align:right; }
#globalnavi .menu08 { float:left; margin:0 !important; padding: 0 !important; width:78px; height:17px; background:url(../pics/nav2_b.gif) no-repeat; text-align:right; }


#globalnavi a:link { color:#fff; text-decoration:none; }
#globalnavi a:visited { color:#fff; text-decoration:none; }
#globalnavi a:hover { color:#d0000f; background-color:transparent; text-decoration:none; }
#globalnavi a:active { color:#d0000f; text-decoration:none; }

/*BreadCrumb
----------------------------------------------------*/
#BreadCrumb { clear:both; font-size:100%; text-align:left; float:left;  width: 100%; height:20px; margin:0px; padding:0px 0px 0px 0px; background:url(../pics/nav3.gif); }

/*SubTitleImg
----------------------------------------------------*/
#SubTitleImg { clear:both; font-size:100%; text-align:left; float:left;  width: 100%; height:51px; margin:0 !important; padding:0 !important; background:url(../pics/nav4_new.gif); }

#SubTitleImg-inner { clear:both; font-size:100%; text-align:left; float:left;  width: 100%; height:51px; margin:0 !important; padding:0 !important; background: url("../pics/bg_tl_sitemap.jpg"); background-repeat: no-repeat; background-position: left;}


/*PageCell
----------------------------------------------------*/
#PageCell {	clear:both; text-align:left; float:left; width:780px; height:auto; margin:0 !important; padding:0 !important; background: url("../pics/nav5_new.gif"); background-repeat: no-repeat; }

.col1 { margin-top:30px; margin-bottom:10px; margin-right:1px; margin-left:80px; padding:0px 0px 0px 10px; }	

.col1 h2 a:link { color:#E00010; background-color:transparent; text-decoration:none; }
.col1 h2 a:visited { color:#E00010; background-color:transparent; text-decoration:none;}
.col1 h2 a:hover { color:#E00010;  background-color:transparent; text-decoration:underline; }
.col1 h2 a:active { color:#E00010; background-color:transparent; text-decoration:underline; }

.col1 h3 a:link { color:#242484; background-color:transparent; text-decoration:none; }
.col1 h3 a:visited { color:#242484; background-color:transparent; text-decoration:none;}
.col1 h3 a:hover { color:#000088;  background-color:transparent; text-decoration:underline; }
.col1 h3 a:active { color:#000088; background-color:transparent; text-decoration:underline; }

.list1 { text-align:left; float:right; width:320px; height:auto; margin-bottom:20px; padding:0 !important; }

.list1 a:link { text-decoration:none; }
.list1 a:visited { text-decoration:none;}
.list1 a:hover {  text-decoration:underline; }
.list1 a:active {  text-decoration:underline; }

.products { background-color:#E9EAF4; padding:5px 10px 5px 10px;}
.contactus { background-color:#E9EAF4; padding:5px 10px 5px 10px;}
.list1 ul.sub { list-style-image:url(../pics/dot_small.gif) } 

.list2 { text-align:left; float:left; width:320px; height:auto; margin-bottom:20px; padding:0 !important; }
.list2 ul.sub { list-style-image:url(../pics/dot_small.gif) } 

.list2 a:link { text-decoration:none; }
.list2 a:visited { text-decoration:none;}
.list2 a:hover {  text-decoration:underline; }
.list2 a:active {  text-decoration:underline; }

.aboutus { background-color:#E9EAF4; padding:5px 10px 5px 10px;}
.support { background-color:#E9EAF4; padding:5px 10px 5px 10px;}
.downloads { background-color:#E9EAF4; padding:5px 10px 5px 10px;}
.partners { background-color:#E9EAF4; padding:5px 10px 5px 10px;}
.codimanews { background-color:#E9EAF4; padding:5px 10px 5px 10px;}


/*footer
----------------------------------------------------*/
#footer { clear:left; width:auto; padding:0px 0px 1px 0px; margin-bottom:5px; border-top:1px solid #ccc; background:#fff; height:auto; }
	
#foot_navi { margin:0px; padding: 0px; width:100%; height:auto; font-size:100%; color:#555555; border-top: 1px solid #817f8a; border-bottom: 0px; background:#fff; list-style-type:none; }

#foot_navi .menu01 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu02 { float:left; margin:1px; width:auto; padding:0px 0px 0px 200px; }
#foot_navi .menu03 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu04 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu05 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu06 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu07 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu08 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu09 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }
#foot_navi .menu10 { float:left; margin:1px; width:auto; padding:0px 0px 0px 3px; }

#foot_navi a:link { color:#555555; text-decoration:none; }
#foot_navi a:visited { color:#555555; text-decoration:none; }
#foot_navi a:hover { color:#242484;  text-decoration:none; }
#foot_navi a:active { color:#242484; text-decoration:underline; }

.footer address { clear:both; float:left; font-size:7pt; color:#000000; font-style:normal; padding:10px 10px 10px 10px; width:100%; background:url("../pics/footer.gif");}

.footer address a:link { text-decoration:none; }
.footer address a:visited { text-decoration:none; }
.footer address a:hover { color:#E00010; text-decoration:underline; }
.footer address a:active { color:#E00010; text-decoration:none; }