/* CSS Document */

body{ background:url(images/bg.jpg) #8cc8ec repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
form{ margin:0px; padding:0px;}

ul{ margin:0 0 0px 0; padding:0px; font-size:12px;  font-family:Arial, Helvetica, sans-serif;}
li{ margin:0px 0 0 18px; padding:0px; color:#66676b; font-size:12px; list-style-image:url(images/puce.gif);}


.displayNone{ display:none;}

	.Home{width:915px; margin:0 auto 0 auto;}
	
		.LeftPane{width:200px}
		
			.logo{ background:url(images/logo.jpg) no-repeat; height:132px; vertical-align:top}
			.MainMenu_MenuContainer{ background:url(images/rightMenu.jpg) right top no-repeat #e3f5ff; width:201px;}
				.spaceMenu{ height:57px; background:#e3f5ff}
		
		.ContentPane{width:697px;}

			#topNav{ position:absolute; width:280px; margin:28px 0 0 427px; color:#989898;}
				 #topNav #link{ float:left; font-size:11px;}
					#topNav a,
					#topNav a:link,
					#topNav a:visited,
					#topNav a:active{color:#989898; text-decoration:none}
					#topNav a:hover{text-decoration:underline}
					#topNav input{ padding:0; margin:0 0 0 5px; vertical-align:middle; width:108px; margin-bottom:3px; border:1px solid #b8bdc1; background:url(images/bgInputTop.jpg) no-repeat; font-size:11px; padding-top:1px; height:14px; font-family:Arial, Helvetica, sans-serif; }
				#topNav #btnGo{ float:left; padding:2px 0 0 8px;}

			#flash{ height:286px; width:697px; text-align:center}
				#flash img{ margin-top:140px;}
			
			.productPane{ width:697px; background:url(images/bgProduct.jpg) repeat-x;}
				.shadowProduct{ background:url(images/shadowFlash.jpg) top left no-repeat; position:absolute; width:190px; height:15px;}
				.separProduct{background:url(images/separProduct.gif) center no-repeat; font-size:0px; width:1px; height:159px;}
				.productPane img{margin:15px 0px 8px 9px;}	
				html*.productPane img{margin:15px 0px 4px 9px;}
			
			.productEvent{ height:153px; width:697px; background:url(images/bgNews.jpg) repeat-x; font-size:11px;}
				.eventPane{background:url(images/bgNewsLeft.jpg) right 1px no-repeat; width:232px; height:153px; vertical-align:middle; padding:12px 0 0 11px;}
					/*.eventPane table{ height:133px; width:213px;}*/
				.newsPane{width:233px; height:153px; vertical-align:middle; padding:12px 0 0 11px;}
					/*.newsPane table{ height:133px; width:213px;}*/
				.connectPane{background:url(images/bgNewsRight.jpg) left 1px no-repeat; width:232px; height:153px; vertical-align:middle; padding:12px 0 0 11px;}
					.connectPane table{ height:133px; width:213px;}
					.connectPane .content{ text-align:center; height:102px; vertical-align:middle}
					.connectPane #personalPage{ margin-left:10px; font-size:11px;}
					.connectPane p{ width:220px; margin:0; padding:0; color:#5b5a5a;}
					.connectPane .clr{ clear:both; font-size:0px; padding:0px; margin:0px; height:7px;}
					.connectPane label{ width:80px; display:block; float:left; font-size:11px;}
					.connectPane input{ width:128px; font-size:11px; padding-top:1px; float:left; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; border:1px solid #b0b9bd; background:url(images/bgInput.jpg) no-repeat; height:14px;}
					html*.connectPane input { width:126px;}
					.connectPane #checkBox{ width:auto; padding:0px; margin:0 8px 0 0; border:none; background:none;}
					.connectPane #goBtnPP{ padding-left:170px;}
						
				.title{ background:#FFFFFF; vertical-align:bottom; height:24px; padding:0 0 6px 14px;}
				.content{ background:#FFFFFF; height:60px;}
					.content .container { overflow:auto; height:60px; margin:0 5px 0 5px; padding-left:10px; font-size:11px;}
						.content .container div{ margin:0px; padding:0px; height:auto; color:#5b5a5a;}
						.content .container span {color:#cf0505; padding-top:8px; display:block; width:170px;}
				.more{ background:#FFFFFF; text-align:right; height:30px; vertical-align:middle; padding-right:10px;}
				.shadow{ background:url(images/shadowBottom.jpg) no-repeat;}

			/*
				InnerPage
			*/				
			
			.innerPane{ width:698px;}
				.innerTitle{ background:url(images/innerTitle.jpg) #ffffff 10px top no-repeat; padding-left:21px; height:85px; width:100%}
					.innerTitle td{ vertical-align:top; padding-top:14px;}
					.innerTitle h1{ padding:0; margin:0; color:#0786c9; font-size:19px;}
				.contentInner{ width:698px; background:#fff; color:#66676b; font-size:12px; padding:0 18px 0 18px;}
					.contentInner p{ margin:0 0 17px 0; padding:0;}
				.btnBottom{ background:#fff; width:100%;}
					.btnBottom td{ height:80px; padding-right:20px; vertical-align:top}
				.eventList{ background:#fff; color:#919191; font-size:13px;}
					.eventList td{ vertical-align:top}
					.btnMore{ margin-top:5px;}
				.faqPane{ width:100%; background:#FFF; color:#5a5a5a; font-size:12px;}
					.faqPane td{ padding:0 23px 0 23px}
					.faqPane p{ padding:0 0 23px 0; margin:0;}
				.newsList{ background:#FFF; width:100%; color:#484848; font-size:12px;}
					.newsList td{ vertical-align:top}
					.moreNewsList{ text-align:right; padding-right:0px;}
				.personalPage{ background:#fff; width:100%; text-align:center; font-size:11px; color:#5b5a5a;}
					.personalPage div{width:200px; height:118px; background:url(images/bgPeronnalPage.jpg) bottom repeat-x; border:1px solid #bdbdbd; padding:30px; margin:50px auto 70px auto}
					.personalPage div td{ font-size:11px; color:#5b5a5a; }
					.personalPage input{ vertical-align:middle;}
					.personalPage .inputPersonal{ font-size:12px; background:url(images/bgInputPP.jpg) no-repeat; border:1px solid #c0c0c0;}
				.searchPane{ background:#fff; color:#919191; font-size:12px;}
					.searchPane td{vertical-align:top; padding:0 18px 0 18px;}
					.linkArraow a,
					.linkArraow a:link,
					.linkArraow a:visited,
					.linkArraow a:active{ text-decoration:underline; color:#0584c7; font-size:12px;}
					.linkArraow a:hover{ text-decoration:none;}
					.linkArraow img{ margin-right:5px;}
				.productTitle{ width:100%; background:#FFF;}
					.productTitle td{ padding:42px 18px 14px 18px;}
				.pruductList{width:100%; background:#FFF; color:#919191; font-size:12px;}
					.pruductList img{ margin-right:40px;}
				.solutionTitle{width:100%; background:#FFF;}
					.solutionTitle td{ padding:0 18px 0 18px;}
				.linkSolution{ width:100%; background:#fff; vertical-align:middle;}
					.linkSolution td{ padding:0 18px 0 18px; padding-bottom:28px;}
					
			.illuTxtRight{ margin-right:19px;}
			.illuTxtLeft{ margin-left:19px;}
			.middleBtn{ background:#FFF; padding:0 20px 35px 0;}
			
			.title1, .event-Date, .news-Date, .eventList-Date, .faq-question, .newsList-Date, .searchHeader{color:#d49300; font-size:13px; font-weight:bold;}
			
			.title1{ padding-bottom:15px; width:100%; }		
			.event-Date{ padding:0 0 27px 18px; width:100%; background:#fff;}
			.news-Date{ padding:0 0 20px 18px; width:100%; background:#fff;}
			.eventList-Date{ height:25px;}
			.faq-question{}
			.newsList-Date{ padding:0 35px 0 40px; width:55px;}
			.searchHeader{}
			
			.title2, .eventTitle, .newsTitle, .eventList-title, .eventList-location, .newsList-Title, .productHeader{color:#488eb2; font-size:12px;}
			
			.title2{ font-weight:bold; padding:0; margin:0;}
			.eventTitle{ font-weight:bold; padding:0 0 27px 0px;}
			.newsTitle{ font-weight:bold; padding:0 0 12px 0px;}
			.eventList-title{ font-weight:bold;}
			.eventList-location{}
			.newsList-Title{font-weight:bold; width:430px;}
			.productHeader{font-weight:bold;}
			
			/*
				ProductPage
			*/
			
			.ContentIneternal{}
				.breadcrumb{ background:url(images/bgBreadCrumb.gif) bottom repeat-x; height:85px; font-size:11px; width:100%; vertical-align:bottom; padding:0 0 12px 21px; color:#676566}
					.breadcrumb a,
					.breadcrumb a:link,
					.breadcrumb a:visited,
					.breadcrumb a:active{ color:#676566; text-decoration:none}
					.breadcrumb a:hover{ text-decoration:underline}
				.HeadProduct{ background:url(images/title.gif) no-repeat; height:50px; width:470px; vertical-align:top;}
				html*.HeadProduct{margin-top:-5px;}
					.HeadProduct h1{color:#308FD6; font-size:19px; font-weight:normal; padding:0 0 0 21px; margin:0px;}
				.InternalContent{ background:url(images/bgTopContent.gif) #fff top left no-repeat; width:470px; color:#919191; font-size:12px;}
					.InternalContent td{ vertical-align:top; font-size:12px; color:#919191;}
					/*.InternalContent img{ margin:30px 11px 0 18px;}*/
					.linkContent{ padding-top:10px;}
						.linkContent p{ margin:0px; padding:0px;}
						.pdfLink { text-align:left; vertical-align:middle; padding-left:7px;}
						.pdfLink a,
						.pdfLink a:link,
						.pdfLink a:visited,
						.pdfLink a:active{ color:#6B88C2; text-decoration:underline; font-size:11px;}
						.pdfLink a:hover{ text-decoration:none;}
						.contactLink {text-align:center;}
							.contactLink td{ height:auto; padding:0; margin:0; vertical-align:middle;}
						.contactBtn{background:url(images/btnContact.gif) repeat-x; padding-top:4px;}
							.contactLink img{ margin:0px;}
						a.contactLink,
						a.contactLink:link,
						a.contactLink:visited,
						a.contactLink:active{ color:#6B88C2; text-decoration:none; padding-left:20px; font-size:11px; background:url(images/arrowRL.gif) no-repeat 5px 5px;}
						a.contactLink:hover{ text-decoration:underline;}
						.overLayerManager{ display:none; position:absolute; height:150px; font-size:10px; color:#5b5a5a; width:298px; height:286px; background:#FFFFFF url(images/bgContact.jpg) repeat-x; z-index:100; border:1px solid #bdbdbd;}
							.overLayerManager a.close,
							.overLayerManager a.close:link,
							.overLayerManager a.close:visited,
							.overLayerManager a.close:active{ text-decoration:none; color:#7e7e7e; padding-right:25px; background:url(images/close.gif) no-repeat right; font-size:10px;}
							.overLayerManager a.close:hover{}
							.overLayerManager .titleOverlayer{ color:#000000; font-size:12px; font-weight:bold; padding:0 0 15px 27px;}
							.overLayerManager .intro{ color:#000000; padding:0 5px 15px 27px; height:20px; overflow:hidden;}
							html*.overLayerManager .intro{ height:50px;}
							.overLayerManager .introNewsletter{ color:#000000; padding:0 5px 10px 27px; height:15px; overflow:hidden;}
							html*.overLayerManager .introNewsletter{ height:30px;}
							.overLayerManager .inputSubject{ padding:9px 5px 0 27px; width:110px;}
							.overLayerManager .inputOverLayer{ background:url(images/bgContactInput.jpg); border:1px solid #c1c1c1; width:126px; margin-top:9px; height:14px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
							.overLayerManager .checkBoxContent1{ padding:10px 0 0 55px; vertical-align:middle;}
							.overLayerManager .checkBoxContent2{ padding:5px 0 0 55px; vertical-align:middle;}
							html*overLayerManager .checkBoxContent1 { padding-bottom:0px; }
								.overLayerManager .checkBoxOverLayer{ padding:0; margin:0; vertical-align:middle;}
								html*.overLayerManager .checkBoxOverLayer{ padding:0; margin:-3px 0 0 0; vertical-align:middle;}
							.overLayerManager img{ margin:15px 35px 0 0; padding:0px;}
							html*.overLayerManager img{ margin:0 35px 0 0; padding:0px;}
					.contentTxt{ padding-top:30px;}
				/* SL: removed padding */
				.InfoContent{width:470px; background:#FFFFFF; padding:30px 0 10px 10px;}
					.titleInfo{ background:url(images/bgTitleInfo.gif) repeat-x; width:460px; height:25px; font-size:11px;}
						.titleInfo a,
						.titleInfo a:link,
						.titleInfo a:visited,
						.titleInfo a:active{color:#666666; background:url(images/arrowInfo.gif) 5px 5px no-repeat; height:20px; padding:5px 0 0 24px; display:block; text-decoration:none}
						.titleInfo a:hover{}
					.titleInfoSel{ background:url(images/bgTitleInfo.gif) repeat-x; width:460px; height:25px; font-size:11px;}
						.titleInfoSel a,
						.titleInfoSel a:link,
						.titleInfoSel a:visited,
						.titleInfoSel a:active{color:#666666; background:url(images/arrowInfoSel.gif) 5px 5px no-repeat; height:20px; font-weight:bold; padding:5px 0 0 24px; display:block; text-decoration:none}
						.titleInfoSel a:hover{}
					
					.lineSepar{ font-size:0px; line-height:0px; height:0px; border-top:1px solid #C2E3F6; border-bottom:1px solid #ffffff;}
					
					#linkInfo1{ background:url(images/bgLinkInfo1.jpg) repeat-y;}
					#linkInfo2{ background:url(images/bgLinkInfo2.jpg) repeat-y;}
					#linkInfo3{ background:url(images/bgLinkInfo3.jpg) repeat-y;}
					#linkInfo4{ background:url(images/bgLinkInfo4.jpg) repeat-y;}
					#linkInfo5{ background:url(images/bgLinkInfo5.jpg) repeat-y;}
					
					.TxtInfo{ width:460px; background:url(images/bgInfoTxt.jpg) repeat-x; padding:10px 0 10px 23px; font-size:11px;}
						.titleTxtinfo{color:#58544E; font-size:12px; font-weight:bold; padding-bottom:8px; margin-bottom:9px; background:url(images/bgTitleContent.gif) bottom left no-repeat;}
						.subTitleTxtinfo{ color:#308FD6; font-size:12px; font-weight:bold;}
						.TxtInfo ul{ margin:0 0 23px 0; padding:0px; font-size:12px;  font-family:Arial, Helvetica, sans-serif;}
						.TxtInfo li{ margin:0px 0 0 15px; padding:0px; color:#919191; font-size:12px; list-style-image:url(images/puce.gif);}
						html*.TxtInfo li{ margin:0px 0 0 18px;}
			.right{ background:#FFF;}


			
			.RightPane{ vertical-align:top; width:227px; color:#919191; font-size:11px;}
			
				.shadowRightPaneR{ background:url(images/shadowRightPane.jpg) no-repeat top left; width:10px;}
				.contentRightPane{ background:url(images/contentRightPane.jpg) repeat-x; width:176px; padding:10px; font-size:11px; color:#919191;}
					.TitleImg{ padding:0px 0 13px 0;}
					.contentRightPane img{ margin-top:7px;}
				.RightPaneL{ font-size:0px; width:20px;}
				.IntroLineRight{ padding-left:10px;}
					.IntroLineRight img{ padding:0px; margin:0px;}
				.separTopRight{ background:url(images/separTopRight.gif) center no-repeat; height:2px; font-size:0px; line-height:0px; margin:4px 0 9px 0;}
				.TitlePage{ background:url(images/topRight.gif) left 2px no-repeat; text-align:right; padding:80px 10px 0 0; width:100%}
					.TitlePage img{ margin:100px;}
				.ContentRight{width:100%; background:url(images/bgRight.gif) #fff left -1px no-repeat; font-size:11px;}
				.seeMoreRight{ margin-top:5px; font-size:11px;}
					.seeMoreRight a,
					.seeMoreRight a:link,
					.seeMoreRight a:visited,
					.seeMoreRight aactive{color:#676566; text-decoration:none; background:url(images/arrowContentRight.gif) no-repeat left; padding-left:15px; margin-top:5px;}
					.seeMoreRight a:hover{ text-decoration:underline;}
					
					.wirelineImg{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/0/Skins/BICS/images/wireline.png', sizingMethod='image');}
					[class="wirelineImg"]{background:url(images/wireline.png) no-repeat;}
					.gmvImg{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/0/Skins/BICS/images/gmv.png', sizingMethod='image');}
					[class="gmvImg"]{background:url(images/gmv.png) no-repeat; }
					.ispImg{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/0/Skins/BICS/images/isp.png', sizingMethod='image');}
					[class="ispImg"]{ background:url(images/isp.png) no-repeat;}
						
				.separPromo{ background:url(images/separPromo.gif) no-repeat center; height:28px;}
				.separRL{ background:url(images/separRL.gif) no-repeat center; height:28px;}
				.relatedLink{font-size:11px;}
					.relatedLink a,
					.relatedLink a:link,
					.relatedLink a:visited,
					.relatedLink a:active{ color:#6B88C2; text-decoration:underline;}
					.relatedLink a:hover{ text-decoration:none;}
					.relatedLink img{ margin-top:5px;}
				.txtRight{ font-size:11px; color:#919191}

					
		.shadowPane{background:url(images/shadowRight.jpg) 1px bottom no-repeat; position:absolute; margin:8px 0 0 897px; height:250px; width:11px; font-size:0px;}

		/*
			Footer
		*/
	
	.footer{ color:#FFF; text-align:center; font-size:10px; padding-top:10px; clear:both;}
		.footer div{color:#FFF; text-align:center; font-size:10px; }
		.footer a,
		.footer a:link,
		.footer a:visited,
		.footer a:active{ color:#fff; text-decoration:none;}
		.footer a:hover{ text-decoration:underline;}

	/* SL */
	.MenuItem0{ padding:10px 0 4px 38px; background:url(images/bgMenuItem.gif) left bottom no-repeat; border:none;}
	.MenuItem0 a,
	.MenuItem0 a:link,
	.MenuItem0 a:visited,
	.MenuItem0 a:active{ color:#666666; font-size:13px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
	.MenuItem0 a:hover{}
		.CurrentMenuItem0{font-weight:bold;}
		.MenuItem1{color:#7D7D7D; padding:2px 0 0px 48px; background:none; font-weight:normal; filter:none;}
		.MenuItem1 a,
		.MenuItem1 a:link,
		.MenuItem1 a:visited,
		.MenuItem1 a:active{ color:#7D7D7D; text-decoration:none; background:none; font-size:11px; color:#919191;}
		.MenuItem1 a:hover{}	
		.CurrentMenuItem1{font-weight:bold;}
		.MenuItem2{color:#7D7D7D; padding:2px 0 0px 62px; background:none; font-weight:normal; filter:none}
		.MenuItem2 a,
		.MenuItem2 a:link,
		.MenuItem2 a:visited,
		.MenuItem2 a:active{ color:#7D7D7D; text-decoration:none; background:none; font-size:11px; color:#919191;}
		.MenuItem2 a:hover{}	
		.CurrentMenuItem2{font-weight:bold;}

	.ContentInner td{ color:#66676b; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

	.BreadCrumbLink { font-weight:bold;}
	a.BreadCrumbLink { font-weight:normal;}

	.txtScroll{ height:60px; margin-left:15px; margin-bottom:12px; color:#5b5a5a;}
	.titleLatest{ color:#cf0505; display:block; font-size:10px;}
	.contentLatest{ margin-bottom:8px; font-size:10px;}
	.txtLatest{ float:left; width:180px; height:50px; margin-top:5px; overflow:hidden;}
	.txtScroll input{ padding:0; margin:0;}

	.slider{ float:left;}
	.dynamic-slider-control {position:relative; cursor:hand; background:url(images/bgScroll.gif) center repeat-y; width:6px; padding:0px; margin:0px; font-size:0;}
	.vertical {width:8px; height:60px; margin:0px; padding:0px;}
	.dynamic-slider-control input {display:none; padding:0px; margin:0px;}
	.dynamic-slider-control .handle { position:absolute; font-size:0px; overflow:hidden; cursor:hand; padding:0px; margin:0px;}
	.dynamic-slider-control.vertical .handle {width:4px; height:30px; background-image:url(images/handle.vertical.png); cursor:hand; padding:0px; margin:0px;}
	.dynamic-slider-control.vertical .handle.hover {cursor:hand; padding:0px; margin:0px;}
	.dynamic-slider-control .line {position:absolute; font-size:0px; overflow:hidden; background:#e1e2e3; height:60px; padding:0px; margin:0px; behavior:url("css/boxsizing.htc"); /* ie path bug */}
	.dynamic-slider-control.vertical .line { width:4px;}
	.dynamic-slider-control .line div { width:1px; height:1px;}

	.loginForm{background:#DFEEF5; width:232px; height:153px;}
		.loginForm td{ vertical-align:top}
		.loginForm p{ width:220px; margin:0; padding:0; color:#5b5a5a; font-size:11px;}
		.loginForm .clr{ clear:both; font-size:0px; padding:0px; margin:0px; height:7px;}
		.loginForm label{ width:80px; display:block; float:left; font-size:11px;}
		.loginForm input{ width:128px; font-size:11px; padding-top:1px; float:left; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; border:1px solid #b0b9bd; background:url(images/bgInput.jpg) no-repeat; height:14px;}
		html*.loginForm input { width:126px;}
		.loginForm #checkBox{ width:auto; padding:0px; margin:0 8px 0 0; border:none; background:none;}
		.loginForm #goBtnPP{ padding-left:170px;}

	.SiteMapMenuHdr0 { padding-left:0px; }
		.SiteMapMenuHdr1{ padding-left:20px; padding-top:10px; color:#d49300; font-size:13px; font-weight:bold;  }
			.SiteMapMenuHdr2 { padding-left:40px; color:#488eb2; font-size:12px; }
				.SiteMapMenuItem3 { padding-left:60px; }
			.SiteMapMenuItem2 { padding-left:40px; }
		.SiteMapMenuItem1 { padding-left:20px; padding-top:10px; font-weight:bold; }

			.eventList-title a { color:#488eb2; font-size:12px;	}
			.eventList-title a:link { color:#488eb2; font-size:12px;	}
			.eventList-title a:visited { color:#488eb2; font-size:12px;	}
			.eventList-title a:active { color:#488eb2; font-size:12px;	}
			.eventList-title a:hover { color:#488eb2; font-size:12px;	}
			.newsList-title a { color:#488eb2; font-size:12px;	}
			.newsList-title a:link { color:#488eb2; font-size:12px;	}
			.newsList-title a:visited { color:#488eb2; font-size:12px;	}
			.newsList-title a:active { color:#488eb2; font-size:12px;	}
			.newsList-title a:hover { color:#488eb2; font-size:12px;	}
			.productHeader a { color:#488eb2; font-size:12px;	}
			.productHeader a:link { color:#488eb2; font-size:12px;	}
			.productHeader a:visited { color:#488eb2; font-size:12px;	}
			.productHeader a:active { color:#488eb2; font-size:12px;	}
			.productHeader a:hover { color:#488eb2; font-size:12px;	}