@charset "utf-8";
/* CSS Document */
 @import "global.css";

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#909090;
}

	body{
	  font-family:Arial, Helvetica, sans-serif;
		background:#fff url('../img/background/interiorBackground.jpg') no-repeat scroll center top;
		text-align:center;
		behavior:url("csshover.htc");
		margin:0;
		padding:0;
	}
	
	#Wrapper{
		background:transparent url('../img/background/footer.gif') center bottom no-repeat;
	}	
	
	#Page{
	  position:relative;
		width:960px;
		margin:27px auto 0;
		padding-bottom:27px;
		text-align:left;

	}
	
	#Page h1{
		/* image replacement */
		width:93px;
		height:0 !important;
		float:left;
		padding-top:66px;
		background:transparent url('../img/logos/xiocom-logo-interior.gif') left top no-repeat;
		overflow:hidden;
		cursor:pointer;
		/* /image replacement */
		margin:0 0 24px;
	}
	
	#Page h1 span{
		display:none	
	}
	
	#HeaderOptions{
		float:right;
		width:350px;		
		margin-right:31px;
	}
	
		#LanguageOptions 
		{
			position:absolute;
			top:1px;
			right:32px;
			| right:34px;
			border-top:1px solid #e26b62;
			overflow:hidden;
		}
	
		#LanguageOptions, 
		#LanguageOptions ul
		{
			
			margin:0;
			padding:0;
		}
		
			#LanguageOptions li{
			  margin:0;
				padding:0;
			  list-style-type:none;
				border-bottom:1px solid #e26b62;
				border-left:1px solid #e26b62;
				border-right:1px solid #e26b62;
				text-align:right;
				
			}	

			#LanguageOptions a{
			 width:158px;
			 width:139px;
			 display:block;
				background-color:#d52b1e;
				color:#fff;		
				width:141px;
				height:15px;
				padding-top:2px;
				padding-right:19px;
				font-size:10px;
			}
			
			#LanguageOptions a:hover{
				background-color:#f1f1f1;
				color:#d52b1e;	
			}	
			
	#LanguageOptions #LanguageChoices{
		display:none;
	}			
	#LanguageOptions:hover #LanguageChoices{
		display:block;
		z-index:10;
	}
	
		#UtilityNav{
		  clear:right;
			float:right;
			height:10px;
			margin:27px 32px 0;
			| margin-right:14px;
			padding:0;
		}
		
		#UtilityNav li{
		  height:10px;
			float:left;
			list-style-type:none;
			margin-right:5px;
			border-right:2px solid #c6cce0;
			padding-right:5px;
		}
	  
		#UtilityNav li.lastChild{
			border-right-width:0;
			padding-right:0;
		}
		
		#UtilityNav a{
			color:#000;
			font-size:11px;
			display:block;
			margin-top:-3px;
			font-family:Arial, Helvetica, sans-serif;
		}
	

	#Navigation{
		margin-top:0px;
	}
	
	
/* 1st Tier */	
	#Navigation ul{
		margin:0 0 0 -16px;
		padding:0;
	}	
	
	#Navigation li{
	  list-style-type:none;
		float:left;
		background:transparent url('../img/nav/navDivider.gif') right 5px no-repeat;
		position:relative;
	}
		#Navigation li:hover{
			margin-left:-1px;
			padding-left:1px;
			background:transparent url('../img/nav/navOverLastChildBG.gif') right top repeat;
		}			
		#Navigation li.lastChild{
			background-image:none;
		}
		#Navigation li.lastChild:hover{
			background:transparent url('../img/nav/navOverLastChildBG.gif') right top repeat;
		}	
	
	#Navigation li a{
	  display:block;
		padding:8px 17px 11px;
		color:#3f320c;
		font-weight:bold;
		font-size:9px;
		
	}	
		#Navigation a:hover{
			text-decoration:none;
		}
/* /1st Tier */
	
	
	
/* 2nd Tier */
	#Navigation ul ul {
		margin:0;
		padding:0;	
		display:none;
	}

	#Navigation li:hover ul {
		display:block;
	}
	
	#Navigation li li:hover{
			background-image:none;
	}
	
	#Navigation #CompanyInfoSub,
	#Navigation #XiocomDifferenceSub,
	#Navigation #OurServicesSub,
	#Navigation #TechnologySub,
	#Navigation #PartnerWithUsSub,
	#Navigation #SupportSub
	{
		position:absolute;
		top:29px;
		left:0;
	}		
			
	#Navigation #CompanyInfoSub li,
	#Navigation #XiocomDifferenceSub li,
	#Navigation #OurServicesSub li,
	#Navigation #TechnologySub li,
	#Navigation #PartnerWithUsSub li,
	#Navigation #SupportSub li
	{
		float:none;
	}			

	#Navigation li li a{
		display:block;
		background-color:#fdc82f;
		border-top:1px solid #a2883c;
		color:#3f320c;		
		width:150px;
		height:15px;
		padding:7px 0 7px 18px; 
		font-size:9px;
	}
		#Navigation li li a:hover{
			background:#fff url('../img/nav/navArrow.gif') 6px 10px no-repeat;
			color:#000;	
		}			
		#Navigation li li.lastChild a{
			border-bottom:1px solid #a0863a;
		}
/* /2nd Tier */
	
	
/* 3rd Tier */	
	#Navigation li.sub div{
				position:absolute;
				top:0;
				left:160px;
	}
	#Navigation li li.sub div {
		background:transparent url('../img/nav/subLeftSide.png') 4px top repeat-y;
	}

	#Navigation li li.sub ul {
		margin-left:8px;
	}		

	#Navigation ul ul li.sub ul {
		display:none;
	}
		#Navigation ul ul li.sub:hover ul {
			display:block;
		}
	
	#Navigation li li li a{
		border-top:1px solid #989898;
	}
		#Navigation li li.lastChild li a{
			border-bottom-width:0;
		}
		#Navigation li li li.lastChild a{
			border-bottom:1px solid #95938b;
		}
	
	  #Navigation li li.sub li a{
			background-color:#f1f1f1;
			background-image:none;
		}
			#Navigation li li.sub li a:hover{
				background:#b1b1b0 url('../img/nav/navSubSubArrow.gif') 6px 10px no-repeat;
				color:#000;	
			}	
		#Navigation li li.sub li a,
		#Navigation li li.sub li a:hover{
			width:210px;	
		}		
/* /3rd Tier */

	
/* Navigation Search */

	#Navigation form{
	  float:right;
		margin-right:32px;
		| margin-right:18px;
	}
	
	#Navigation input{
	  width:187px;
	  margin:4px 3px 0 0;
		float:left;
		color:#666;
		font-size:10px;	
	}
	#Navigation a#SearchLink{
	  margin-top:5px;
		float:left;
	}	
	#Navigation a#SearchLink  img#SearchImg{
		display:block;
	}
	#Navigation a#SearchLink  img#SearchImgOver{
		display:none;
	}
	#Navigation a#SearchLink:hover img#SearchImgOver{
		display:block;
	}
	#Navigation a#SearchLink:hover img#SearchImg{
		display:none;
	}	
/* /Navigation Search */


	#Breadcrumbs{
		margin:21px 0 0 4px;
		font-size:11px;
	
	}
	#Breadcrumbs li{
		float:left;
	}
	#Breadcrumbs a{
		color:#d52b1e;
	}
	
	
	#Content{
	  width:927px;
	  margin:18px 0 0 0;
	}

	#LeftColumn{
	  float:left;
		width:640px;
	}
	
	#ContentHeader{
	  background:#fff url('../img/branding/solution-banner.jpg') left top no-repeat;
	  width:625px;
		height:110px;
		margin-bottom:18px;
	}
	
	#ContentHeader h3{
	  margin:0 0 0 11px;
		padding-top:14px;
		font-size:20px;
		font-weight:bold;
	}
	
	#ContentHeader p{
	  margin:10px 0 0 11px;
		color:#3b3b3b;
		font-size:14px;
		font-weight:bold;
	}		
	
	#LeftColumn h4{
	  width:575px;
	  font-size:12px;
		font-weight:bold;
	}
	
	#LeftColumn h2{
	margin:10px 0 0 11px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	}
	
	#LeftColumn p{
	  margin-bottom:20px;
	  font-size:12px;
		font-weight:normal;
	}
	
	#LeftColumn p.endOfArticle{
		margin-bottom:15px;
	}

	#LeftColumn ul{
	  margin-bottom:20px;
	  font-size:12px;
		font-weight:normal;
	}	
	
	#LeftColumn li{
	  list-style-type:disc;
		margin-left:24px;
	}
	
	#RightColumn{
		width:280px;
		float:left;
	}
	
	#ResourceFAQ{
		margin-bottom:16px;
	}
	
	.tabbedContainer {
	  float:right;
		background:transparent url('../img/tabs/tabBottom.gif') left bottom no-repeat;
		margin:0 0 0 32px ;
		padding:0;
		width:248px;
	}	
	
	.tabbedContainerInner{
		margin:0;
		padding:0;
		width:248px;
	}
	
	.tabs li{
		float:left;
	}
	
	.tabContent{
	  min-height:232px;
		padding:17px 0 8px;
		
	}
	
	.tabContent ul{
		margin-bottom:0;
	}
	
	.tabContent li{
		padding: 0 0 6px 11px;
		font-size:11px;
		| margin-top:13px;
	}	
	
	.tabContent .resourceList li{
	  | margin-top:0;
	  margin-bottom:14px;
		padding: 0 0 10px 11px;
		background:transparent url('../img/tabs/listDivider.gif') left bottom no-repeat;			
	}
	.tabContent li.lastChild{
	  margin-bottom:11px;
		padding: 0 0 10px 11px;
		background:transparent url('../img/tabs/listDivider.gif') left bottom no-repeat;
	}

	.tabContent img{
		float:left;
	}

	.tabContent p{
	  width:225px;
		line-height:12px;
	}
		
	.tabContent .resourceList p{
		width:158px;
		margin-left:74px;
	}

	.tabContent a{
		margin:0 0 0 13px;
		display:block;
		color:#d52b1e;	
		font-size:11px;
		font-weight:bold;
	}
		
	.tabContent a.videoIcon{
	  background:transparent url('../img/icons/iconVideo.gif') left 3px no-repeat;
	}
	
	.tabContent a.acrobatIcon{
	  background:transparent url('../img/icons/iconAcrobat.gif') left 3px no-repeat;
	}	
		
	.tabContent a:hover{
		color:#909090;
	}		
	
	.tabContent li a{
		display:block;
		margin:0;
	}		
	
	.tabContent .resourceList li a{
		display:block;
		margin: 0 0 5px 0;
	  padding-left:15px;
	}	
	
	.tabContent li sup{
	  
	  font-size:8px;
	}	
	
	.tabContent li strong{
	  color:#666;
		font-weight:normal;
	}	
	
	.whiteBox {
	  float:right;
		background:transparent url('../img/callouts/whiteBoxBottom.gif') left bottom no-repeat;
		margin:0 0 0 32px;
		padding:0;
		width:248px;
	}	

	.whiteBoxInner {
		background:transparent url('../img/callouts/whiteBoxTop.gif') left top no-repeat;
		margin:0;
		padding:0;
		width:248px;
	}		
	
	.whiteBox h3{
	  float:left;
		margin:12px 0 7px 15px;
		| margin-left:7px; 
	  color:#000;
		font-size:16px;
		/* image replacement */
		width:110px;
		height:0 !important;
		padding-top:25px;
		background:transparent url('../img/callouts/caseStudiesHeadline.gif') left top no-repeat;
		overflow:hidden;
		/* /image replacement */		
		}
		
	.whiteBox h3 span{
		display:none
	}		
		
	.whiteBox a.moreLink{
	  margin:10px 15px 0 0;
		float:right;
	}	
		
	.whiteBox a{
		margin:0;
		display:block;
		color:#d52b1e;	
		font-size:11px;
		font-weight:bold;
	}
	
	.whiteBox a:hover{
		color:#909090;
	}			
	
	.whiteBox ul{
	  clear:both;
		margin-bottom:6px;
		padding:12px 0 0 0;
		color:#000;	
		font-size:11px;
		font-weight:normal;	
	}
		
	.whiteBox li{
		margin:0 0 13px 13px;
		padding-left:0;
	}		
	
	.whiteBox li.fileImg{
		background:transparent url('../img/branding/files.gif') 163px 5px no-repeat;
		padding-right:70px;
	}		

	.whiteBox li strong{
	  color:#666;
		font-weight:normal;
		display:block;
	}
	
	#Footer{
		clear:both;  
		padding-top:16px;
	}	
	
	#Footer p{
		margin:0;
		padding:16px 0 0;
		color:#666666;
		font-size:11px;
		font-weight:normal;
	}
	
	#Footer ul{
	  padding-bottom:3px;
	}
	
	#Footer li{
	  float:left;
		margin-right:7px;
		background:transparent url('../img/footer/footerNavDivider.gif') right 5px no-repeat;
	  padding-right:7px;
		list-style-type:none;
	}
	
	#Footer li.lastChild{
	  background-image:none;
	}	
	
	#Footer a{
		color:#666666;
		font-size:11px;
		font-weight:normal;
	}
	
	#Footer a:hover{
		color:#ab424f;
	}
		
	#FeedbackLink{
		float:right;
		margin-right:32px;
		padding:22px 0 0;
	}
	#Footer a#FeedbackLink  img#FeedbackImg{
		display:block;
	}
	#Footer a#FeedbackLink  img#FeedbackImgOver{
		display:none;
	}
	#Footer a#FeedbackLink:hover img#FeedbackImgOver{
		display:block;
	}
	#Footer a#FeedbackLink:hover img#FeedbackImg{
		display:none;
	}	
		
	/*---  IE HACKS ---*/
	
	#Header h1{	
		| height:66px;
  }

	
	#LanguageOptions a{
		| width:160px;
		| height:17px;
	}
	
	#Navigation{
		| margin-top:23px;
	}
		
	#Navigation ul{
		| margin:0;
	}	
	
  #Navigation li a{
		| padding-top:6px;
	}	
		
	.tabContent p{
		| margin-top:-17px;
	}		
	
	#Page{
		| padding-bottom:16px;
	}	


  a .defaultImage{
		display:inline;
	}
	a .hoverImage{
		display:none;	
	}
  a:hover .defaultImage{
		display:none;
	}
	a:hover .hoverImage{
		display:inline;	
	}
		
	/* clearfix */
	.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.emphasize {
	color:#d52b1e;
	font-weight:bold;
}