/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; outline:none;}
body			{font-size:0.625em; background:#d6d6d6 url(../images/bgd_container.jpg) 50% 0 no-repeat;}
a				{text-decoration:none; color:#0a70b2;}
a:hover			{text-decoration:underline}
select, input, textarea	{font-family:Verdana, Arial, Helvetica, sans-serif; color:#2d2d2d; border:#333 solid 1px;}
h1{}
h2, h3,h4{font-size:1.5em;}
img, fieldset{border:0}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{border-collapse:separate; border-spacing:0; margin:0;}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#containerWrapper{width:100%; background:url(../images/bgd_body.png) 0 0 repeat-x;}
#container{width:1000px; padding:0; margin:0 auto; font-size:1.2em;}
	#header{width:1000px; height:88px; position:relative; padding:13px 0 0 0;}
	#header h1{position:absolute; left:65px; top:25px; z-index:9999;}
	#header div{width:785px; float:right;}
		#container #header div div {float:none; width:auto}
	
	/******************/
	#nav1{width:785px; display:block; overflow:hidden; padding:0 0 54px 0; height:14px;}
	#nav1 li{display:block; float:right; background:url(../images/ico_plus.gif) 0 3px no-repeat; padding:0 10px 0 15px; margin:0}
	/*#nav1 li.last{background:url(../images/ico_flag.gif) 0 4px no-repeat; padding:0 10px 0 20px;}*/
	#nav1 li.last{padding:0 10px 0 20px;}
	#nav1 li a{color:#000;}
	
	/******************/
	#nav2{padding:0 0 0 165px; width:610px;}
	#nav2 li{display:block; float:left; background: url(../images/bgd_lineNav.gif) 100% 0 no-repeat; padding:0 15px; margin:0}
	#nav2 li img{display:block;}
	#nav2 li.last{background:none; padding-right:0}
	
	#nav2 li ul{display:none; width:132px; position:absolute; background:url(../images/bgd_subNav.gif) 0 100% no-repeat; padding:10px 0; margin:5px 0 0 -25px;}
	#nav2 li ul li ul{background:none; padding:0; margin:0; display:block; position:relative;  width:auto}
		#nav2 li ul li ul li{padding:0;}	
	#nav2 li.last ul{margin-left:0;}
			
	 #nav2 li.menuType ul{background:url(../images/bgd_subNav2.gif) 0 100% no-repeat; width:173px;}
		 #nav2 li.menuType ul li{width:153px;}
		 #nav2 li.menuType ul li a{width:153px;}
		 
		  #nav2 li.menuType ul li ul{background:none; width:auto;}
		  #nav2 li.menuType ul li ul li a{padding-left:15px; width:auto; }
		 
		 
	 #nav2 li.menuType2 ul{background:url(../images/bgd_subNav1.gif) 0 100% no-repeat; width:209px;}
		 #nav2 li.menuType2 ul li{width:189px;}
		 #nav2 li.menuType2 ul li a{width:189px;}
		 
	 #nav2 li.menuType3 ul{background:url(../images/bgd_subNav3.gif) 0 100% no-repeat; width:142px;}
		 #nav2 li.menuType3 ul li{width:122px;}
		 #nav2 li.menuType3 ul li a{width:122px;}
	
	#nav2 li ul li{display:block; padding:0 10px; float:none; background:none; width:112px;}
	#nav2 li ul li a{display:block; border-bottom:#fff solid 1px; padding:4px 0; color:#0a72b1; float:none; background:none; width:112px;}
	#nav2 li ul li a:hover{text-decoration:underline; color:#000;}

	/******************/
	#lev{width:178px; float:left; padding:19px 0 0 0; margin:0 42px 0 0}
		#lev h2{background:url(../images/bgd_line.gif) 0 100% repeat-x; color:#000; font-size:10pt; font-weight:bold; padding:0 0 5px 0; margin:0 0 15px 0}
		#lev ul{}
		#lev li{display:block; background:url(../images/ico_plus.gif) 0 2px no-repeat; padding:0 0 0 15px; margin:0 0 5px 0}
			#lev li ul{padding:3px 0}
			#lev li ul li{background:url(../images/ico_arrow.gif) 0 4px no-repeat; padding:0 0 0 15px; margin:0 0 3px 0}		
		
		#lev li.current{background:url(../images/ico_minus.gif) 0 7px no-repeat;}
			#lev li.current a{color:#000}		
		#lev li.current ul{display:block;}
			#lev li.current ul li ul{display:none}
			#lev li.current ul li a{color:#0a70b2;}
		
		#lev li.currentSub{background:url(../images/ico_minus.gif) 0 7px no-repeat;}
		#lev li.current ul li.currentSub ul{display:block}
		#lev li.current li.currentSub a{color:#000}
		#lev li.current li.currentSub li a{color:#0a70b2;}
		
		#main #lev li.active a{color:#000}
		#leftMenu{background:url(../images/bgd_line.gif) 0 100% repeat-x; padding:0 0 15px 0; margin:0 0 20px 0}
		#leftMenu  li ul{display:none}
		.caseStudy a{display:block; background:url(../images/ico_caseStudy.gif) 0 0 no-repeat; padding:5px 0 10px 25px; font-size:12px;}
		.brochure a{display:block; background:url(../images/ico_brochure.gif) 0 0 no-repeat; padding:5px 0 10px 25px; font-size:12px;}
		.guide a{display:block; background:url(../images/ico_guide.gif) 0 0 no-repeat; padding:5px 0 10px 25px; font-size:12px;}
		.launch a{display:block; background:url(../images/ico_launch.gif) 0 0 no-repeat; padding:5px 0 10px 25px; font-size:12px;}
		.helpmeChoose a{display:block; background:url(../images/ico_choose.gif) 0 0 no-repeat; padding:5px 0 20px 25px; font-size:12px; border-bottom:1px solid #ebebeb;}

/******************/
	#mainWrapper{width:1000px; padding:10px 0 0 0;}
	#main{width:960px; overflow:hidden; padding:15px 20px 20px 20px; background:#fff url(../images/bgd_main.gif) 0 0 no-repeat;}
		
		#content{width:740px; float:left;}
			#content h2{color:#f47a20; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:2.08em; font-weight:normal; padding:5px 0 0 0; margin:0 0 10px 0}
			#content h3{color:#000; font-size:1.2em; margin:0 0 20px 0}
	/******************/
	.breadcrumb{width:1000px; overflow:hidden; padding:0 0 10px 0}
		.breadcrumb ul{float:right;}
		.breadcrumb li{background:url(../images/ico_arrow_01.gif) 0 6px no-repeat; padding:0 10px 0 12px; margin:0; display:block; float:left;}
	
	
		/******************/
		#flash{width:1000px; padding:10px 0 0 0; margin:0 0 20px 0; height:300px;}
		.highlight{width:1000px; overflow:hidden; padding:0 0 20px 0}
		.highlight .last{margin:0;}
			.infoType{width:320px; float:left; background:url(../images/bgd_info.gif) 0 0 no-repeat; padding:10px 0 0 0; overflow:hidden; margin:0 20px 0 0}
			.infoType h2{color:#666; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; padding:5px 0 0 0; margin:0 0 12px 0}
			.infoType img{display:block; float:left;}
			.details{width:230px; float:left; padding:0 10px;}
				.details em{color:#666;}
			.details ul{}
			.details li{display:block; background:url(../images/ico_plus.gif) 0 3px no-repeat; padding:0 0 0 15px; margin:0 0 5px 0}
			.details li a{text-decoration:underline;}
			.details li a:hover{text-decoration:none;}
			.infoType .links{width:320px; clear:both; display:block; padding:10px 0 0 0}
			.infoType .links li{display:block; float:left}
		
		/********Services**********/
		.contConferServices{width:100%; overflow:hidden; margin:0 0 25px 0}
			.contConferServices .last{margin:0;}
			.contConferServices h3{color:#000; margin:0 0 20px 0}

			.linkType{cursor:pointer; text-decoration:none}
				.contConferServices a.linkType:hover{text-decoration:none}
			
			.infoConferServices{width:220px; float:left; background:url(../images/bgd_conferServices.gif) 0 0 no-repeat; padding:14px 10px 0 10px; margin:0 10px 0 0}
			.infoConferServices h3{font-size:1em; margin:0 0 20px 0}
				.infoConferServices h3 a{color:#000;}
				
			.infoConferServices img{display:block; float:left;}
			.infoConferServices div{width:150px; float:left;}
				.infoConferServices div p a{color:#333; text-decoration:none}
				.infoConferServices div p a:hover{text-decoration:underline}
			
			.infoConferServices ul{clear:both; padding:20px 0 0 0}
				.infoConferServices li{display:block; background:url(../images/ico_li.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 3px 0}
				.infoConferServices li a{text-decoration:none; color:#333;}
					.infoConferServices li a:hover{text-decoration:underline}
				.infoConferServices p a{text-decoration:underline;}
				.infoConferServices p a:hover{text-decoration:none;}
		
		/******************/
		.infoType2{width:100%; border-top:#d6d6d6 solid 1px; padding:15px 0 0 0;}
			
			.listLinks{padding:0; margin:0}
				.listLinks li{display:block; float:left; margin:0 40px 0 0;}
				.listLinks li.last{margin:0}
				
			.listLinks1{width:620px; padding:0 60px 0 60px; margin:0}
				.listLinks1 li{float:left;}
				.listLinks1 li.last{float:right}
	
		/******************/			
		.contHostedServices{width:700px; background:url(../images/bgd_info_01.gif) 0 0 no-repeat; padding:20px 20px 0 20px; overflow:hidden; margin:0 0 25px 0}
			.contHostedServices p{padding:0 0 15px 0}
			.contHostedServices ul{padding:0 0 12px 25px}
			.contHostedServices li{display:block; background:url(../images/ico_li.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 8px 0}
	
	
	
	/******************/
		.infoVideoSevices{width:340px; float:left; background:url(../images/bgd_infoVideo.gif) 0 0 no-repeat; padding:14px 10px 0 10px; overflow:hidden; margin:0 20px 0 0}
			#content .infoVideoSevices h3{font-size:1.25em; margin:0 0 15px 0}
				#content .infoVideoSevices h3 a{color:#000;}
				
			.infoVideoSevices div{width:160px; float:left; margin:0 20px 0 0}
			.infoVideoSevices div img{display:block; margin:0 0 15px 0}
			.infoVideoSevices div ul{}
				.infoVideoSevices div li{display:block; background:url(../images/ico_li.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 3px 0}
				.contConferServices .more span{color:#0a70b2; text-decoration:underline;}
				.infoVideoSevices p a{text-decoration:underline;}
				.infoVideoSevices p a:hover{text-decoration:none;}
				.infoVideoSevices li a{color:#333}
				
		.clickChats{width:220px; display:block; float:right; padding:0; margin:0 0 40px 40px; color:#999999;}
			.clickChats img{display:block; margin:0 0 10px 0}
			
	
	/******************/
		.infoAudioSevices{width:340px; float:left; background:url(../images/bgd_infoVideo.gif) 0 0 no-repeat; padding:14px 10px 0 10px; overflow:hidden; margin:0 20px 0 0}
			#content .infoAudioSevices h3{font-size:1.25em; margin:0 0 15px 0}
				#content .infoAudioSevices h3 a{color:#000;}

			.infoAudioSevices div{width:340px; overflow:hidden; margin:0 0 10px 0}
				.infoAudioSevices img{display:block; float:left; margin:0 20px 0 0}
				.infoAudioSevices ul{float:left}
				.infoAudioSevices li{display:block; background:url(../images/ico_li.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 3px 0}
				.infoAudioSevices li.last{background:none; padding-left:0; padding-top:18px;}
				.infoAudioSevices li.last a{color:#0a70b2; text-decoration:underline;}
				.infoAudioSevices li.last a:hover{text-decoration:none}
				.infoAudioSevices li a{color:#333;}
				.infoAudioSevices li.last span{color:#0a70b2; text-decoration:underline;}
			
/**********Footer********/
#footer{width:100%; border-top:#fff solid 1px;  font-size:1.1em;}
	#footer div{width:500px;  padding:25px 0 20px 0; margin:0 auto; text-align:center;}
	#footer div ul{text-align:center; padding:0 0 2px 0; margin:7px 0 0 0;}
	#footer div li{display:inline; background:url(../images/bgd_lineFooter.gif) 100% 50% no-repeat; padding:0 7px;}
	#footer div li.last{background:none;}
	#footer div li a{color:#666;}
	#footer div p{color:#666;}
	#footer div p span{color:#999;}
	
	
/*----------------------*/	
#layerOverlay { background:#000; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; z-index:99998; display:none;}
#layerContainer{position:absolute; z-index:99999; border:#999 solid 2px; padding:0; margin:0; left:0; top:0; background:#fff;}
	#layerContainer .layerContent{ background: #fff; width: 800px; padding:10px 15px; ext-align:left;	float:left;	position:relative;z-index:100000;display:none; font-size:1.2em;}
	#layerContainer .layerContent h2{color:#f47a20; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:2.0em; font-weight:normal; padding:0; margin:0 0 10px 0}
	#layerContainer .layerContent p{padding:0 0 10px 0}
	#layerContainer .layerContent p a.btnClose {float:right; display:block; line-height:20px;}
	#layerContainer #layerLoading { position:fixed; display:block; top: 10px; left:20px; width:220px; height:19px; display:none; z-index:900000;}
	
	
/*----------------------*/	
.currentCustomerInfo{width:178px; background:url(../images/bgd_bottomInfo_02.gif) 0 100% no-repeat; padding:0 0 10px 0;}
	.currentCustomerInfo div{width:100%; background:url(../images/bgd_topInfo_02.gif) 0 0 no-repeat; padding:10px 0 0 0;}
	#lev .currentCustomerInfo h2{color:#666; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:1.36em; font-weight:normal; padding:5px 0 5px 0; margin:0 0 12px 0; text-align:center; background:none; border-bottom:#fff solid 1px;}
	#lev .currentCustomerInfo ul{padding:0 10px;}

/*-------Dai inserted -----------*/	
#content .margin0 { margin:0;}
#content .marginBottom0 { margin-bottom:0;}    

.videoRight {width:700px; overflow:hidden; clear:both}
                .videoRight p { overflow:hidden; width:700px; margin:0; padding:0;}
                .videoRight p span { float:left; width:160px; text-align:center; border-bottom:1px solid #CCCCCC; overflow:hidden}
                .videoRight .feature { width:380px; text-align:left; float:left;}
.infoConferServices .notes {color:#0a70b2}
hr {color:#CCCCCC;  background:#CCCCCC;  border: 0;  height: 1px; margin:5px 0;}
.anchoronly { color:#333333; text-decoration:none;}
.anchoronly:hover { text-decoration:none;}
.billingForm { overflow:hidden; width:700px;}
.billingForm input { padding:1px 2px;}
.billingForm label { float:left; margin:3px 10px 0 0;}
.billingForm .text { margin:3px 0; width:200px;}
.newform { overflow:hidden; width:700px}
.newform input { padding:1px 2px;}
.newform label { float:left; margin:3px 10px 0 0; width:180px }
.newform .text { margin:3px 0; width:200px}
.newform .highlight { width:400px; overflow:hidden; margin:0; padding:0;}

.PAform { overflow:hidden; width:700px}
.PAform .input { padding:1px 2px; margin:3px 0;  }
#main .Utility { width:960px; float:left;}
 #main .Utility .contHostedServices{width:920px; background:url(../images/bgd_info_02.gif) 0 0 no-repeat; padding:20px 20px 0 20px; overflow:hidden; margin:0 0 25px 0}
.popupCompare { width:800px; margin:40px 0 0 0; overflow:hidden;}
 .popupCompare td { padding:10px}
     .popupCompare p, .popupCompare u, .popupCompare strong, .popupCompare b, .popupCompare i { color:#FFFFFF}
    .popupCompare ul {padding:0 0 12px 25px}
    .popupCompare li {display:block; background:url(../images/ico_li01.gif) 0 2px no-repeat; padding:0 0 0 15px; margin:0 0 3px 0; color:#FFFFFF}
    .popupCompare li li {display:block; background:url(../images/ico_li02.gif) 0 5px no-repeat; padding:2px 0 0 30px; margin:0 0 3px 0; color:#FFFFFF}
    .lastLi {display:block; background:url(../images/ico_li03.gif) 0 5px no-repeat; padding:2px 0 0 20px; margin:0 0 3px 0; color:#FFFFFF}
    
    .newform .formtext { margin:3px 0; width:200px}
	
	#content  h2 sup {color:#f47a20;font-size:0.5em; }
	#content a sup {color:#0a70b2;}
	#footer sup {color:#666;}
	
	.tbCompare  th { background:#f5f5f5;}
	.tbCompare  th, .tbCompare  td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:0 none; border-top:0 none; padding:5px 0 0 10px }
	.tbCompare .last { border-right:0 none;}
	.tbCompare .last2 { border-bottom:0 none;}
	
	.tbChoose  td { padding:0 0 10px 0;}
	.tbChoose input { padding:1px 2px;}