body {
	font-family:Arial, Helvetica, sans-serif!important;
	margin:0;
	padding:0;
	text-align:center; background-color:#FFFFFF;
	font-size:11px;}
img {border-width:0px}   


* { margin:0; padding:0;}

/* link color */
A:link {COLOR:#FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none}

A:visited {COLOR:#FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none}

A:hover {COLOR:#95C1F3; FONT-WEIGHT: normal; TEXT-DECORATION:  none}

A:active {COLOR:#95C1F3; FONT-WEIGHT: normal; TEXT-DECORATION: none }




/* use for both checkbox and button */
.checkbox {
	BACKGROUND: #FFFFFF;
	border: 1px solid #FFFFFF;
	HEIGHT: 20px;
	vertical-align: middle;
}



.calculate {
BACKGROUND: #EBEBEB; border: 1px solid #666666; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; width: 80px; HEIGHT: 20px }


/* Roll over button */
.submit{
BACKGROUND: #1D5798; border: 1px solid #CCCCCC; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px;  WIDTH: 46px; cursor:pointer }

.submitover{
BACKGROUND: #EBEBEB; border: 1px solid #888888; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px; WIDTH: 46px; cursor:pointer }






/* to control the font size and type in the table */
body {background-color: transparent}

td {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #333333 
}

.descript {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 11px; color: #333333 
}

.price {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 11px; color: #CC0000 
}

.update {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #FFFFFF 
}

.footer {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; color: #FFFFFF 
}

/* style use in the form */
select {  font-family: Verdana; font-size: 12px; color: #333333;  border: 1px solid #333333;}



textarea {  BACKGROUND: #FFFFFF; border: 1px solid #333333; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; }

.login {  BACKGROUND: null; border: 1px solid #FFFFFF; COLOR: #EEEEEE; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 17px  }

/* style use in the dropdown */
.dropdown
{ Z-INDEX: 10; LEFT: 0px; VISIBILITY: hidden; WIDTH: 10px; POSITION: absolute; TOP: 170px}

A.dropLinks:link
{ FONT-SIZE: 11px; font-weight: normal;	COLOR: #4B4B4B;	TEXT-DECORATION: none; width: 90; text-align: right;}

A.dropLinks:visited
{ FONT-SIZE: 11px; font-weight: normal; COLOR: #4B4B4B; TEXT-DECORATION: none; width: 90; text-align: right; }

A.dropLinks:hover
{ FONT-SIZE: 11px; font-weight: normal; COLOR: #4B4B4B; TEXT-DECORATION: non; width: 90; text-align: right; }

/* to control the color of the scrollbar */
.scroll {
scrollbar-face-color: #167DBB; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #167DBB; 
scrollbar-darkshadow-color: #167DBB; 
scrollbar-track-color: none; 
scrollbar-arrow-color: #FFFFFF
}

/* DEFAULT STYLES ---- NEEEDED START */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}

/* to control the color of the side server navi */
.clB {position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF;}
.clB2 {position:absolute; visibility:hidden; background-color:none; layer-background-color:none; filter:Alpha(Opacity=100, Style=0)}
.clHover, .clNormal { position:absolute; padding:3px; text-indent:3px; font-family:Arial,sans-serif; font-size:11px; }
.clNormal {background-color:none; layer-background-color:none; color:#333333; width=100; FONT-SIZE: 11px; filter:Alpha(Opacity=100, Style=0)}
.clHover, .cl2Hover, .cl3Hover {background-color:#3D699A; layer-background-color:#FFAA00; color:#FFFFFF; cursor:pointer; cursor:hand; }
.gunp {color:#366899;}
.gun a:link,.gun a:active{ color:#366899;}
.gun a:hover{color:#ff6600;}
img{border:0}




h2  {color:#1d5798; padding:0 0 10px 10px;}
h3 { text-align:center; margin:10px;}
.en_sidebar{ margin-left:10px;}
.en_sidebar li { list-style:none; margin:0; padding:0;}
.en_sidebar li a:link,.en_sidebar li a:active,.en_sidebar li a:visited{ display:block; margin-left:-10px; padding-left:10px;  font-size:8pt; font-family:Arial, Helvetica, sans-serif; color:#000000;line-height:25px; height:25px; }
.en_sidebar li a:hover { background:#3d699a; text-decoration:none; color:#FFFFFF;}

.en_container {padding:20px;}
.en_container ul {margin-left:180px; }
.en_container li { float:left; list-style:none; border-left:#336699 1px solid; display:block; padding:0 10px; margin-bottom:10px;}
.en_container li a{ font-weight:700;}
.en_container td { padding:0 10px;}
.dotted_line {
	border:#fff 1px solid;
	margin:0px 0 0 25px;
	background:#CBE2F8;
	font-weight:700;
}
.dotted_line th,.dotted_line td  { border:#fff 1px solid; border-bottom:0; border-right:0; padding-left:10px;}
.dotted_line th { background-color:#39699a; font-weight:700; font-size:14px; color:#FFFFFF;}
.table5{margin:10px 20px; text-align:center; list-style:none; }
.table5 ul { font-size:13px; color:#18529c; font-weight:bold; text-align:center; }
.table5 li { font-size:12px;}
.table3 {border:1px solid #1D5798; width:500px; font-size:12px; line-height:17px;}
.table2 {border:1px solid #1D5798; border-top:0;}
.table2 td {border:1px solid #1D5798; border-left:0;
	border-bottom:0;}
.table{
	border-top:1px solid #c6ced7;
	border-left:1px solid #c6ced7;
	
	line-height: 7px;
	
}

.table td{
	border-top:0;
	border-right:1px solid #c6ced7;
	padding :5px 0px 2px 10px;
	text-align:left;
	font-size:11px;
	border-bottom:1px solid #c6ced7;
	line-height: 11px;
	height:24px;
	line-height:24px;
}
.table th {
	padding-left:10px; background-color:#2478c0;
	color:#f5db00;
	text-align:left;
	border-top:1px solid #c6ced7;
	border-bottom:1px solid #c6ced7;
	border-top:0;
	border-right:0;
	font-size: 12px;
	height: 25px;
	line-height:25px;
	overflow:hidden
}


.table .text{
	height:15px;
	border:1px #000000 solid;
	line-height: 15;
}
#products {
	width:590px;
	margin:0px 3px;
	padding-bottom:7px;
}

#products li {
	width:170px;
	height:13px;
	float:left;
	margin:2px 20px;
	display:inline;
	vertical-align: top;
	line-height: 13px;
}


.leftnew {
	font-size:11px;
	line-height:20px;
	width:173px;
	
	text-align:left;
	border-left:1px solid #c6ced7;
	border-bottom:1px solid #c6ced7;
	border-right:1px solid #c6ced7;
}
.note{
	width:590px;
	list-style:none;
	border:1px solid #c6ced7;
	line-height:20px;
	text-align: left;
	margin:0px 5px;
}
.title2{ font-size:19px;margin:25px 0px; color:#18529c; width:500px; font-weight: bolder; }
.title {
	background-image:url(../images/221.jpg);
	text-align:left;
	font-weight:bold;
	background-color:#006ac0;
	
	color:#f5db00;
	height:24px;
	line-height:24px;
	font-size: 12px;
}

.button, .button22, .button22_mouseover{height:20px; line-height:20px; font-size:11px; width:55px; font-family:Geneva, Arial, Helvetica, sans-serif;}
.button {BORDER: #002D96 1px solid; background-image:url(../images/button.gif);  width:55px;  COLOR: black;  line-height:20px;  
  
}
.button22 {BORDER: #002D96 1px solid; background-color:#cee8ff;  FONT-SIZE: 11px;   COLOR: black;  line-height:20px;
 
}
.button22_mouseover {   line-height:20px;
BORDER: #000 1px solid; COLOR: black;  font-size:11px; 
}

.left22 ul{
	margin: 0;
	padding: 0;
	list-style-type: none; text-indent:5px;
	width: 170px; /* Width of Menu Items */}
	
.left22 ul li{
position: relative;
}
	
/*Sub level menu items */
.left22 ul li ul{
position: absolute;
width: 50px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.left22 ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
padding: 1px 5px;
border-bottom: 0;
}

.left22 ul li a:hover{
background-color:#1D5798;
}	
/* Holly Hack for IE \*/
* html .left22 ul li { float: left; height: 1%; }
* html .left22 ul li a { height: 1%; }
/* End */