@charset "utf-8";

/* CSS Document */



body{

	padding:0;

	margin:0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: #999999;



}

div, h1, h2, h3, h4, p, label, input, textarea, img, span{
	margin:0;
	padding:0;
	color: #000;

}



a:visited{

color:#003399;

}



ul{

	margin-left:15px; 

	padding:0; 

	list-style-type:none;

	font-size:12px;

	line-height:0;
	
	color:#000

}

a{

	text-decoration:none;

}

.spacer{

	clear:both; 

	font-size:0; 

	line-height:0;

}
img{
border:0px;
}

/*------------------------------------------------main--------------------*/



/*------------------------------------------------top--------------------*/

#top{

	width:951px;

	margin:0 auto;

	padding:5px 0 0;

}

#top img{

	border:none;
	float:left;
	padding:8px 0 0 10px;

}













/*------------------------------------------------top--------------------*/



/*------------------------------------------------flashCon--------------------*/

#flashCon{

	width:951px;

	margin:4px auto 0 auto;

	height:348px;

}

#footerInn{

	width:951px;

	margin:0 auto;

	background:url(images/footer_bg.gif) 0 0 no-repeat;

	height:220px;

}

#footer{

	background:url(images/computer_pic.gif) 180px 0 no-repeat;

	width:951px;

	height:184px;

	padding:6px 0 30px 0;

}

#tryx{

	width:111px;

	float:left;

	margin:0;

	border-right:#494849 solid 1px;

	padding:0 199px 0 35px;

}

#try{

	width:111px;

	float:left;

	margin:0;

	border-right:#494849 solid 1px;

	height: 145px;

	padding-top: 0;

	padding-right: 199px;

	padding-bottom: 0;

	padding-left: 35px;

}

/*.try h2{

	background:url(images/arrow2.gif) 130px 26px no-repeat;

	height:30px;

	padding:26px 0 0;

	display:block;

}*/

#try a.try{

	font:normal 18px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#AAD7DA;

	background-color:inherit;

	background:url(images/arrow2.gif) 130px 26px no-repeat;

	width:142px;

	height:30px;

	padding:26px 0 0;

	display:block;

}

#try a.try:hover{
	background-color:inherit;

}

#try p.tryTxt{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

	padding:0 0 9px;

	width:142px;

	display:block;

}

#try a.learn{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

	float:left;

}

#try a.learn:hover{

	color:#EAF35D;

	background-color:inherit;

}

.newsRoomx{

	width:150px;

	float:left;

	margin:0;

	border-right:#494849 solid 1px;

	padding:0 17px;

}

.newsRoom{

	width:150px;

	float:left;

	margin:0;

	border-right:#494849 solid 1px;

	height: 145px;

	padding-top: 0;

	padding-right: 17px;

	padding-bottom: 0;

	padding-left: 17px;

}

.newsRoom p.newsTxt{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	align:left;

	color:#858383;

	background-color:inherit;

	padding:0 0 9px 5px;

	width:142px;

	display:block;

}

/*.newsRoom h2{

	background:url(images/news_room.gif) 0 26px no-repeat;

	width:131px;

	height:45px;

	text-indent:-2000px;

	display:block;

}*/

.newsRoom a.ne{

	font:normal 18px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#AAD7DA;

	background-color:inherit;

	background:url(images/arrow2.gif) 120px 26px no-repeat;

	width:142px;

	height:30px;

	padding:26px 0 0;

	display:block;

	float:left;

}

.newsRoom a.ne:hover{

	color:#fff;

	background-color:inherit;

}

.newsRoom p{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

	padding:12px 0 9px;

}

.newsRoom a.article{

	color:#AAD7DA;

}

.newsRoom a.article:visited{

	color:#AAD7DA;

}

.newsRoom a.article:hover{

	color:#fff;

	background-color:inherit;

}

.newsRoom a.learn{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

}

.newsRoom a.learn:hover{

	color:#EAF35D;

	background-color:inherit;

}

#custx{

	width:172px;

	float:left;

	margin:0;

	border-right:#494849 solid 1px;

	padding:0 9px 0 16px;

}

#cust{

	width:172px;

	float:left;

	margin:0;

	border-right:#494849 solid 1px;

	height: 145px;

	padding-top: 0;

	padding-right: 9px;

	padding-bottom: 0;

	padding-left: 16px;
	text-align:center;
	overflow:hidden;

}

.cust p.custTxt{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	align:left;

	color:#858383;

	background-color:inherit;

	padding:0 0 9px 5px;

	width:142px;

	display:block;

}

/*.cust h2{

	background:url(images/customer_center.gif) 0 26px no-repeat;

	width:173px;

	height:45px;

	text-indent:-2000px;

	display:block;

}*/

#cust a.cu{

	font:normal 18px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#AAD7DA;

	background-color:inherit;

	background:url(images/arrow2.gif) 160px 26px no-repeat;

	width:173px;

	height:30px;

	padding:26px 0 0;

	display:block;

	float:left;

}

#cust a.cu:hover{

	color:#fff;

	background-color:inherit;

}

#cust p{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

	padding:0 0 9px;
	text-align:center;

}

#cust a.learn{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

}

#cust a.learn:hover{

	color:#EAF35D;

	background-color:inherit;

}

#conx{

	width:172px;

	float:left;

	margin:0;

	padding:0 21px 0 14px;

}

#con{

	width:172px;

	float:left;

	margin:0;

	height: 145px;

	padding-top: 0;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 14px;
	overflow:hidden;

}

.con p.conTxt{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	
	color:#858383;

	background-color:inherit;

	padding:0 0 9px 5px;

	width:142px;

	display:block;
	text-align:center;

}

/*#con h2{

	background:url(images/contact_us.gif) 0 26px no-repeat;

	width:117px;

	height:45px;

	text-indent:-2000px;

	display:block;

}*/

#con a.cont{

	font:normal 18px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#AAD7DA;

	background-color:inherit;

	background:url(images/arrow2.gif) 106px 26px no-repeat;

	width:172px;

	height:30px;

	padding:26px 0 0;

	display:block;

	float:left;

}

#con a.cont:hover{

	color:#fff;

	background-color:inherit;

}

#con p{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

	padding:12px 0 9px;

}

#con a.learn{

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#858383;

	background-color:inherit;

}

#con a.learn:hover{

	color:#EAF35D;

	background-color:inherit;

}

#fnav{

	width:951px;

	margin:35px 0 0;

	float:left;

}

#fnav ul{

/*	width:475px;*/

	height:18px;

	float:right;

}

#fnav ul li{

	float:left;

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

	background-color:inherit;

	

}

#fnav ul li a{

	color:#000;

	background-color:inherit;

	display:inline;

	margin:0 15px;

}

#fnav ul li a:hover{

	color:#003399;

	background-color:inherit;

}

/*------------------------------------------------flashCon--------------------*/



/*------------------------------------------------inner page--------------------*/

#flashConInnWrapper {
    width: 100%;
    text-align: center;
}

#flashConInn{

	width:951px;

	margin:4px auto 0 0px;

	height:275px;

}

/*------------------------------------------------body--------------------*/

#body{

	width:951px;

	margin:0 auto;

	padding:7px 0 25px 0;

}

/*------------------------------------------------left--------------------*/

#left{

	width:166px;

	float:left;

}

#menu{

	width:166px;

	background:url(images/inner_left_link_div1.gif) 0 100% repeat-x;

	padding:20px 0 1px;

}

.menutitle{

	background:url(images/inner_left_link_div2.gif) 0 0 repeat-x;

	height:35px;

	padding:1px 0 0;

	width:166px;

	float:left;

	

}

.menutitle a{

	font:normal 13px/36px Verdana, Arial, Helvetica, sans-serif;

	color:#003399;

	background-color:inherit;

	display:block;

	padding:0 0 0 13px;

	height:35px;

}

.menutitle a:hover{

	color:#000;

	background:url(images/inner_nav_hover.gif) 0 0 repeat-x;

	height:35px;

	background-color:inherit;

}

#left span.submenu{

	width:166px;

	background:url(images/inner_left_link_div2.gif) 0 100% repeat-x #F8F6F6;

	padding:14px 0 1px;

	color:#ABABAC;

	float:left;

}

#left span.submenu a{

	padding:0 0 0 23px;

	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;

	color:#ABABAC;

	background-color:inherit;

	display:block;

}

#left span.submenu a:hover{
	background:url(images/arrow.gif) 0 4px no-repeat;
	color:#000;
	background-color:inherit;
	font-weight: bold;

}

#left ul.menu2 li a.sel{

	padding:0 0 0 23px;

	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;

	background:url(images/arrow.gif) 0 2px no-repeat;

	color:#000;

	background-color:inherit;

	cursor:text;

}

/*------------------------------------------------left--------------------*/



/*------------------------------------------------right--------------------*/

#right{

	width:724px;

	float:right;

	padding:0 22px 0 0;

}

/*------------------------------------------------mid--------------------*/

#mid{

	width:457px;

	float:left;

}

#mid ul{
	font:15px/15px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0px 5px;
	margin:0 0 10px 15px;
	display:block;
	list-style: disc;
	font-size: 12px;

}

#mid h2{

	font:normal 26px/48px Verdana, Arial, Helvetica, sans-serif;

	color:#003399;

	background-color:inherit;

	margin:0 0 19px;

}

#mid p{
	color:#1A1818;
	background-color:inherit;
	padding:0 0 16px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

#mid h3{

	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;

	color:#1A1818;

	background-color:inherit;

	padding:0 0 14px;

}

#mid a{

	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif;

	color:#0162B0;

	background-color:inherit;

	text-decoration:underline;

}

#mid a:hover{

	color:#000;

	background-color:inherit;

	text-decoration:none;

}


#midx {

	color:#1A1818;
	width:457px;

	float:left;

}

#midx ul{

        font:15px/15px Verdana, Arial, Helvetica, sans-serif;

        padding:5px 0 0px 5px;

		margin:0 0 10px 15px;

        display:block;

        list-style: disc;

}

#midx h2{

	font:normal 26px/48px Verdana, Arial, Helvetica, sans-serif;

	color:#003399;

	background-color:inherit;

	margin:0 0 19px;

}

#midx p{
	color:#1A1818;
	background-color:inherit;
	padding:0 0 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

#midx h3{

	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;

	color:#1A1818;

	background-color:inherit;

	padding:0 0 14px;

}

#midx a{

	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif;

	color:#0162B0;

	background-color:inherit;

	text-decoration:underline;

}

#midx a:hover{

	color:#000;

	background-color:inherit;

	text-decoration:none;

}
	

/*------------------------------------------------mid--------------------*/



/*------------------------------------------------right2--------------------*/

#right2{

	width:210px;

	float:right;

}

#right2 img{

	border:none;

}

#right2 a.menu3{

	margin:0 0 10px;

	display:block;

	width:209px;

	height:39px;

}

#right2 p.tryNow{

	background:url(images/computer_pic2.gif) 27px 0 no-repeat;

/*	width:168px;*/

	height:96px;

	padding:202px 0 0 20px;

	display:block;

}

#right2 p.tryNow a{

	display:block;

	width:170px;

	height:39px;

	background:url(images/btn_try_now.gif) 0 0 no-repeat;

	text-indent:-2000px;

}

#right2 p.tryNow a:hover{

	background:url(images/btn_try_now_hover.gif) 0 0 no-repeat;

}



/*------------------------------------------------right2--------------------*/



/*------------------------------------------------right--------------------*/



/*------------------------------------------------body--------------------*/



/*------------------------------------------------innFooter--------------------*/

#innFooter{

	width:951px;

	height:34px;

	background:url(images/inner_footer_bg.gif) 0 0 repeat;

	margin:0 auto;

	padding:21px 0 0;

}

#innFooter ul{

/*	width:475px;*/

	height:18px;

	float:right;

}

#innFooter ul li{

	float:left;

	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

	background-color:inherit;

	

}

#innFooter ul li a{

	color:#000;

	background-color:inherit;

	display:inline;

	margin:0 15px;

}

#innFooter ul li a:hover{

	color:#003399;

	background-color:inherit;

}

#loginbox
	{
	width:275px;
	float:right;
	}
.customerlogin
	{
	width:263px;
	float:left;
	padding:0 0 0 12px;
	}
.iframelogin
	{
	width:275px;
	float:left;
	}
/*------------------------------------------------innFooter--------------------*/



/*------------------------------------------------forms--------------------*/

.formbutton1 {cursor:pointer;
border:outset 1px #ccc;
height:18px;
width:45px;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}


.shadeform2	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("images/shadeform.gif");
		text-align: left;
		WIDTH: 120PX;
		BORDER: #000000 1px solid}


img.floatLeft { 
    float: left; 
    margin-right: 30px; 
	margin-bottom:15px;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
fieldset {
	border: 1px solid #3D3938;
	text-align: center;
}

.contact 	 {
		background-color:#ffffff;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #000000;
		font-size: 8pt;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		padding: 3px 0px 1px 0px;
		BORDER: #000000 1px solid;
		 }


.contacton 	 {
		background-color:#3D3938;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 8pt;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		padding: 3px 0px 1px 0px;
		BORDER: #FFFFFF 1px solid;
		 }



.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("images/shadeform.gif");
		text-align: left;
		WIDTH: 175PX;
		height:20px;
		BORDER: #000000 1px solid}

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("images/shadeform.gif");
		text-align: left;
		WIDTH: 175PX;
		HEIGHT: 100PX;
		BORDER: #000000 1px solid}

.dropdown {	COLOR: #333333;
		WIDTH: 220PX;
		FONT: 11px verdana, arial, sans-serif }

