body {
	margin: 10px auto;
	text-align: center;
}

iframe {
  border: 1px solid #999;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;}

	#headerBar {
		width: 950px;
		height: 95px;
		padding: 0 0 0 0;
		margin-bottom: 20px;
		border-top:1px solid;
		border-color: #3db7e4;}
	
		#headerLogo {
			float: left;
			width: 670px;
			height:55px;
			margin:30px 20px;
			text-indent: -9999px;
			background: url('../../images/template/logo1.jpg');
			background-repeat: no-repeat;}

	#icons { 
		float: left;}
	
		#icons ul{ 
			margin-top: 10px }
			
		#icons li { 
			height: 30px; 
			margin: 5px 5px 5px 0;}		
		
	#topRightBar {
		float: right;
		width: 180px;
		margin: 12px 0 0; 
		font-size: 110%;}
		
		#topRightBar ul {
			border-left: 1px solid #3db7e4;}
			
			#topRightBar ul li{
				height: 18px;
				margin: 10px;
				text-indent:30px;}
			
		#topRightBar .visit-icon { background-image: url('/images/visit-icon.jpg'); background-repeat: no-repeat;}
		#topRightBar .rec-icon { background-image: url('/images/rec-icon.jpg'); background-repeat: no-repeat;}
		#topRightBar .con-icon { background-image: url('/images/con-icon.jpg'); background-repeat: no-repeat;}
		
		#topRightBar ul li a{
			color:#3db7e4;
			text-decoration: none;}
		
	#menuBar {
		width: 950px;
		float: left;
		margin: 1px 0 0;
		padding: 0;
		background: #00234D;
		text-align: right;
    	background: url(../../images/template/bg_menu.gif);	}
	
		#menuBar ul {
			list-style-type: none;
			line-height: 1.1em;
		  margin: .6em 1em;
			padding: 0;
		}
		
		#menuBar ul li {
			/*display: inline;*/
	       	float: left;
	     	width: 102px;
			color: #fff;
			font-weight: bold;
			margin: 0;
			padding: 0 0 .7em;
      		text-align: center;	}
		
		#menuBar ul li a {
			text-decoration: none;
			color: #fff;}
		
		#menuBar ul li a:hover {
			text-decoration: none;
			color: #d00;}
		
		.rightLine {
			/*padding: 0 1em .7em 1em !important;*/
			border-width: 0px 1px 0px 0px;
			border-style: solid;
			border-color: #fff;}

#bodyWrapper {

	float: left;
	margin: 0;
	padding: 0 0px 10px 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #3db7e4;}

	#sideBar {
		float: left;
		margin: -3px 0;
		padding: 0;
		width: 237px;}
	
		#sideBar h2 {
			margin: 5px 5px 5px 10px;
			padding: 0 0 5px 20px;
			border-style: solid;
			border-color: #999;
			border-width: 0px 0px 1px 0px;}
		
		.heading{
			color:#003366;
			font-size:110%;
			font-weight:bold;
			margin: 5px 5px 5px 10px!important;
			padding: 0 0 5px 20px!important;
			border-style: solid!important;
			border-color: #999!important;
			border-width: 0px 0px 1px 0px!important;}
		
		#sideBar h3{
			margin: 5px 5px 5px 10px;
			padding: 0 0 5px 20px;
			border-style: solid;
			border-color: #999;
			border-width: 0px 0px 1px 0px;}
		
		#sideBar h3.leftmenu{
			margin: 0 0;
			padding: 0 0;
			border-style: none;
			border-width: 0px 0px 0px 0px;
			font-weight:normal;}	
		
		#sideBar span.leftmenu{
			margin: 0 0;
			padding: 0 0;
			border-style: none;
			border-width: 0px 0px 0px 0px;
			font-weight:normal;
			border-color: #999;}
		
		#sideBar h2.leftmenu{
			margin: 0 0;
			padding: 0 0;
			border-style: none;
			border-width: 0px 0px 0px 0px;
			font-weight:normal!important;
			font-size:100%!important;
		}	

		#sideBar h3.leftmenu2{
			margin: 0 0;
			padding: 0 0;
			border-style: none;
			border-width: 0px 0px 0px 0px;
			font-size:11.2px;
			font-weight:bold;}
				
		#sideBar h2.leftmenu2{
			margin: 0 0;
			padding: 0 0;
			border-style: none;
			border-width: 0px 0px 0px 0px;
			font-size:11.2px;}			
		
		#sideBar h3 a{
			text-decoration: none;}

		#sideMenu, .productSubMenu {
			list-style-type: none;
			margin: 0 0 10px 30px;
			padding: 0;
			color: #666;
			text-decoration: none;}
		
			#sideMenu li, .productSubMenu li {
				margin: 4px 0;
				text-decoration: none;}
			
			#sideMenu a, .productSubMenu a {
				color: #666;
				text-decoration: none;}
			
			#sideMenu a:hover, .productSubMenu a:hover {
				color: #036;
				list-style-type: disc;}

			#sideMenu ul, .productSubMenu ul {
				margin: 4px 15px;}
				
			#sideMenu ul li, .sideMenuSelected ul li {
				font-weight: normal;}
			
			.productSubMenu ul li {
				margin: 0 0 0 15px;	}	
						
			.sideMenuSelected {
				color: #036;
				font-weight: bold;
				list-style-type: disc;}	
				
				.sideMenuSelected a {
					color: #036 !important;
					text-decoration: none;}
				
		#nav_categories, .productSubMenu {
			list-style-type: none;
			margin: 0 0 10px 30px;
			padding: 0;
			color: #666;
			text-decoration: none;}
		
			#nav_categories li, .productSubMenu li {
				margin: 4px 0;
				text-decoration: none;}
			
			#nav_categories a, .productSubMenu a {
				color: #666;
				text-decoration: none;}
			
			#nav_categories a:hover, .productSubMenu a:hover {
				color: #036;
				list-style-type: disc; }

			#nav_categories ul, .productSubMenu ul {
				margin: 4px 15px; }
				
			#nav_categories ul li, .nav_categoriesSelected ul li {
				font-weight: normal; }
			
			.productSubMenu ul li {
				margin: 0 0 0 15px; }	
						
			.nav_categoriesSelected {
				color: #036;
				font-weight: bold;
				list-style-type: disc;	}	
				
				.nav_categoriesSelected a {
					color: #036 !important;
					text-decoration: none;	}

		#productMenu {
			list-style-type: none;
			margin: 0;
			padding: 0;	}
		
			#productMenu li {
				padding: 0;
				margin: 0;}
			
			#productMenu li .productHref {
				background-repeat: no-repeat;
				text-indent: -9999px;
				display: block;
				height: 43px;}
			
			#productMenu li .productHref:hover {
				background-position: 0 -43px;}
			
		#sideNewsHeader {
			width: 193px;
			height: 14px;
			margin: 10px 0 0 9px;
			padding: 0;
			vertical-align: bottom;
			background-image: url('../../images/sidenews/bgheader.jpg');	
			background-repeat: no-repeat;}
		
		.sideNewsContainer {
			width: 193px;
			margin: 0 0 0 9px;
			background-image: url('../../images/sidenews/bgmain.jpg');
						
		}
		
			.sideNewsContainer ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			
			.sideNewsContainer ul li {
				width: 165px;
				padding: 5px 0 5px 15px;
				margin: 0;
			}
			
			.sideNewsHeader {
				text-indent: 16px;
				padding: 0 0 5px 0;
				display: block;
				font-weight: bold;
				font-size: 110%;
				color: #c00;
			}		
			
			.sideNewsContent, .sideNewsDate {
				display: block;
				padding: 1px 0 1px 0;
			}		
			
			.sideNewsLink, .sideNewsDate {
				font-weight: bold;
				color: #c00;
				text-decoration: none;
			}		
			
			.sideNewsLink:hover {
				font-weight: bold;
				font-size: 100%;
				color: #c00;
				text-decoration: underline;
			}		
			
		
		#sideNewsFooter {
			width: 193px;
			height: 14px;
			margin: 0 0 10px 10px;
			background-image: url('../../images/sidenews/bgfooter.jpg');			
			background-repeat: no-repeat;		
		}


	#bodyBar {
		width: 693px;
		margin: 0 0 0 10px;
		float: left;
	}

	#bodyHeader {
		width: 693px;
		height: 152px;
		margin: 0 0 10px 9px;
		z-index: 5;
		float: left;
	}
		
		#bodyHeader img {
			position: absolute;
			z-index: 10;
		}
	
	#bodyHeaderSlim {
		border: 1px solid #000;
		width: 693px;
		height: 120px;
		margin: 0 0 15px 9px;
		float: left;}
		
			#bodyHeaderSlim .col-one {
				width: 478px;
				}
				
			#bodyHeaderSlim .col-two {
				width: 215px;
				}	
				
				#bodyHeaderSlim .left { float: left;}
				#bodyHeaderSlim .right {float: right;}
				
		
		#bodyHeaderSlim h2 { font-family: 'Aller'; font-size: 13px; font-weight: bold; line-height: 1.5em;}	
		#bodyHeaderSlim h2{  margin:10px;}	
		#bodyHeaderSlim p {  margin:0 10px;}	
		#bodyHeaderSlim p{ font-size: 110%;}	
		
		#customerbodyHeaderSlim {
		width: 693px;
		height: 117px;
		margin: 0 0 10px 9px;
		float: left;
		}

		#bodyHeader #bodyHeaderText {
			position: relative;
			width: 300px;
			margin: 0;
			padding: 0;
			left: 380px;
			top: 40px;
			}
		
		#bodyHeaderSlim #bodyHeaderText {
			position: relative;
			width: 300px;
			margin: 0;
			padding: 0;
			left: 10px;
			top: 10px;}

/* re: #bodyHeaderText */
	.descText {
		font-weight: bold;
		font-size: 110%;
		color: #c00;
	}
	
	#bodyHeaderText a {
		text-decoration: none;
	}

	#bodyHeaderText a:hover {
		text-decoration: none;
		color: #c00;
	}


/* three column body setup */
	#bodyThreeCol1 {
		width: 383px;
		margin: 0 10px;
		float: left;
	}
	
	#bodyThreeCol2 {
		width: 130px;
		float: left;
		clear: none;
		margin: 0 9px;
	}
	
	#bodyThreeCol3 {
		width: 150px;
		height: 313px;
		float: left;
		clear: none;
	}
	
		#bodyThreeCol4 {
		width: 383px;
		margin: 0 10px;
		float: left;
	}

/* two column body setup */
	#bodyTwoCol1 {
		width: 482px;
		margin: 0 10px;
		float: left;
		}
		
	#bodyTwoCol4 {
		width: 482px;
		margin: 0 10px;
		float: left;
		}
	
	#bodyTwoCol2 {
    width: 189px;
    min-height: 461px;
		margin: 20px 8px 8px 8px;
		float: left;
	}
  	
		#bodyTwoCol1 a{
		color: #999;
    text-decoration: none;
	}

	#bodyTwoCol1 a:hover{
		color: #000;
    text-decoration: underline;
	}
  	
/* one column body setup */
	#bodyOneCol {
		width: 673px;
		margin: 0 10px;
		float: left;
	}
	
	
  #bodyOneCol ul, #bodyTwoCol1 ul, #bodyThreeCol1 ul {
    margin-bottom: 1em;
  }
  #bodyOneCol li, #bodyTwoCol1 li, #bodyThreeCol1 li {
    list-style-type: circle;
    margin-left: 25px;
  }
  
	#speechBubbles {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		#speechBubbles li {
			width: 130px;
			height: 72px;
			margin: 0 0 10px 0;
			background-repeat: no-repeat;
		}
		
		#speechBubbles li a {
			display: block;
			height: 52px;
			font-size: 110%;
			font-weight: bold;
			margin: 0 0 0 20px;
			padding: 10px;
			text-decoration: none;
		}
		
		.darkBubble {
			background-image: url('../../images/speechbubbles/dark.jpg');
		}

		.lightBubble {
			background-image: url('../../images/speechbubbles/light.jpg');
		}

#footerContainer {
	width: 948px;
	height: 260px;
	float: left;
	margin-top: 15px;
	background-image: url('../../images/template/footer_bg.png');
	background-repeat: repeat-x;		
}


.footerBar { 
	float: left; 
	width: 920px; 
	height: 200px;
	border-top: 1px solid #5aa1cf; 
	border-bottom: 1px solid #5aa1cf; 
	margin-top:20px;
	margin-left:14px;
	}
	
	.footerBar .quarterColumn { 
		/*width: 230px; */
		width:200px;
		float: left;
		}
		
	.footerBar .quarterColumn ul li {
		margin: 10px 0 5px 20px; 
		padding:0;
		list-style-image:url("../../images/template/arrow.png");
		font-size: 12px;
	 	}

	 .right-border { 
	 	border-right: 1px solid #5aa1cf; 
	 	}

#footerImgs {
	float: left;
	margin: 10px 5px 0 290px;
	width: 470px;
	height: 35px;
	height: 35px;
	text-indent: -9999px;
	background-image: url('../../images/footer/imgs.jpg');
}

#footerLinks {
	margin: 15px 5px;
	float: right;
	list-style-type: none;
}

	#footerLinks li {
		display: inline;
		padding: 0 5px 0 0;
		color: #88abc1;
	}	
	
	#footerLinks li a {
		color: #88abc1;
		text-decoration: none;
	}
	
	#footerLinks li a:hover {
		color: #88abc1;
		text-decoration: underline;
	}


.deBold {
	font-weight: normal;
}

.greyRule {
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999;
	margin: 0 0 10px 0;
}


/* quotation boxes */
.quotebox {
  width: 95%;
  padding: 7px 10px;
  margin: 10px 0 2px;
  border: 1px solid #036;
  text-align: justify;
}

.quotecredits {
  width: 99%;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.1em;
  color: #036;
  text-align: right;
}


/* solutions page boxes */
.solutionbox {
  position: relative;
  float: left;
  width: 95%;
  padding: 7px 10px 0;
  margin: 10px 0;
  border: 1px solid #036;
}

.sectorbox {
  position: relative;
  float: left;
  width: 95%;
  padding: 7px 10px 0;
  margin: 10px 0;
  border: 1px solid #B4B5B9;
}

.resourcebox {
  position: relative;
  float: left;
  width: 97%;
  padding: 7px 10px 0;
  margin: 10px 0;
  border: 1px solid #036;
	}
	
.resourcebox ul {
  width: 375px;
	}

	
.resourcebox p {
	width: 100px;
	float: left;
	}
	
.resourcebox img{ position: absolute; right: 5px; }

.solutionbox img{ position: absolute; right: 5px; }

.financial{ border: 1px solid #c92144; }
.financial h2, .financial li { color: #c92144; }
.financial img{ top: -12px;}
.financial_title { color: #c92144; text-decoration: none; }
.financial a {text-decoration: none; color: #999; }

.documents{ border: 1px solid #999; }
.documents h2, .documents li ul{ color: #CC0000; list-style: none;}

.documents img{ top: -12px;}
.documents_title { color: #c92144; text-decoration: none; }
.documents a {text-decoration: none; color: #999; }

.casestudies{ border: 1px solid #999; }
.casestudies h2, .casestudies li ul{ color: #CC0000; }
.casestudies img{ top: -12px;}
.casestudies_title { color: #c92144; text-decoration: none; }

.casestudy{ border: 1px solid #999; }
.casestudy h2, .casestudies li ul{ color: #999; }
.casestudy img{ top: -12px;}
.casestudy_title { color: #999; text-decoration: none; }
.casestudy a {text-decoration: none; color: #999; }

.products{ border: 1px solid #999; }
.products h2, .products li ul { color: #CC0000; }
.products img{ top: -12px;}
.products_title { color: #c92144; text-decoration: none; }

.whitepaper{ border: 1px solid #999; }
.whitepaper h2, .whitepaper  li ul{ color: #CC0000; }
.whitepaper img{ top: -12px;}
.whitepaper_title { color: #c92144; text-decoration: none; }

.eprocurement{ border: 1px solid #7cc6f2; }
.eprocurement h2, .eprocurement li { color: #7cc6f2; }
.eprocurement img{ top: -15px;}
.eprocurement_title { color: #7cc6f2; text-decoration: none; }
.eprocurement a {text-decoration: none; color: #999; }

.intelligence{ border: 1px solid #e0922f; }
.intelligence h2, .intelligence li { color: #e0922f; }
.intelligence img{ top: -15px;}
.intelligence_title { color: #e0922f; text-decoration: none; }
.intelligence a {text-decoration: none; color: #999; }

.professional{ border: 1px solid #e0922f; }
.professional h2, .intelligence li { color: #e0922f; }
.professional img{ top: -15px;}
.professional_title { color: #e0922f; text-decoration: none; }
.professional a {text-decoration: none; color: #999; }

.oracle { border: 1px solid #000; }
.oracle  h2, .intelligence li { color: #000; }
.oracle  img{ top: -15px;}
.oracle _title { color: #e0922f; text-decoration: none; }
.oracle  a {text-decoration: none; color: #999; }

.document{ border: 1px solid #abca4a; }
.document h2, .document li { color: #abca4a; }
.document img{ top: -12px;}
.document_title { color: #abca4a; text-decoration: none; }
.document a {text-decoration: none; color: #999; }

.innovative{ border: 1px solid #b4b5b9; }
.innovative h2, .innovative li { color: #b4b5b9; }
.innovative img{ top: -10px;}
.innovative_title { color: #b4b5b9; text-decoration: none; }
.innovative a {text-decoration: none; color: #999; }

.ebusiness_title { color: #B4B5B9; text-decoration: none; }

/** CONTACT DETAILS **/
#contact_detail p {
  float: left; 
  width: 25%;
} 

.contact_endrow {
  clear: both;
}


/** ENQUIRY FORM **/
#enquiry_form fieldset, #brochure_request_form fieldset {
  position: relative;
  border: 1px solid #999;
  padding: 10px;
}

#enquiry_form legend, #brochure_request_form legend {
  border: 1px solid #999;
  padding: 1px 5px 4px;
}

#enquiry_form label, #brochure_request_form label {
  float: left;
  margin: 3px 0;
  }
	
#enquiry_form label.sendbutton, #brochure_request_form label.sendbutton {
  float: right;
  }
	
#enquiry_form label span{
  float: left;
  margin: 2px 4px 0 0;
  width: 80px;
  text-align: right;
  }
	
#brochure_request_form label span{
  float: left;
  margin: 2px 4px 0 0;
  width: 180px;
  text-align: right;
  }
	
#enquiry_form textarea, #brochure_request_form textarea {
  width: 260px;
  height: 125px;
  }
	
#brochure_request_form textarea {
  width: 377px;
  }
	
#enquiry_form input, #brochure_request_form input {
  float: left;
  width: 200px;
  padding-left: 1px;
  }
	
input#submit{
  position: absolute;
  right: 25px;
  bottom: 3px;
  width: 90px;
  border: 3px double #02234E;
  background: #fff;
  padding: 0 1px 2px;
  color: #02234E;
  }
	
.productSubCat {
	text-align: left;
	text-indent: 25px;
	}

.productSubCat li {
	text-align: left;
	text-indent: 25px;
	/* list-style-type: disc;	*/
	}

.productSubCat a {
	color: #666;
	text-decoration: none;
	/* list-style-type: disc;	*/
	}
			
.productSubCat a:hover {
	/* list-style-type: disc;	*/
	color: #036;
	list-style-type: disc;	
	}

.staffprofile {
	float: left;
	width: 100%;
	margin-bottom: 1em;
	}

.staffprofile img{
	float: left;
	margin-right: 1em;
	}


.box1 {
	float:left;
	width: 482px;
	border: 1px solid #999;
	margin: 0 5px 10px 0;
	padding: 3px;
	}
	
.box1 input{
	float: left;
	width: 250px;
	margin:2px;
	}
	
.box1  label {
	float: left;
	width: 135px;
	margin:2px;
	}

.box1 h2 {
	margin: 10px;
	}

.login {
	float: left;
	width: 500px;
	margin: 10px 0 0 140px;
	}

.login a {
	color: #999;
	text-decoration: none;
	}
	
.login a:hover {
	color: #000;
	text-decoration: underline;
	}


.submit {
		width: 100px;
		background: #ccc;
    border: 0;
    color: #fff;
    cursor: pointer;
		}

.quote {
	float: right;
	width: 200px;
}


#awardBar {
	float: left;
	width: 680px;
	margin-top: 30px;
}

.awardBar {
	float: left;
	width: 680px;
	margin-top: 30px;
}



.contact {
	height: 88px;
	background-image: url('/images/sidemenu/contact.jpg');
	background-repeat: no-repeat;
	width: 190px;
	float: left;
	margin-left:5px;
}


.brochure {
	height: 85px;
	background-image: url('/images/sidemenu/brochures.jpg');
	background-repeat: no-repeat;
	width: 190px;
	float: left;
	margin-left:5px;
}


.promo { 
	background: #71267f; 
	float: left; 
	height: 105px;
	margin:10px 0 0 5px; 
	padding: 5px 5px; 
	width: 180px;
	}

.curv {float: left;  margin-left: 5px; width: 190px;}


.book{
	height: 85px;
	background-image: url('/images/sidemenu/book.jpg');
	background-repeat: no-repeat;
	width: 190px;
	float: left;
	margin-left:5px;
}

.softwareawards {
	
	width: 190px; 
	height:85px; 
	float: left;
	margin-top: 10px;
	margin-left:20px;
}

#tdc {
	
	width: 450px;
	overflow: hidden;
}

#tdc div {
	display: none;
	color: #fff;
	background: #164453;
	width: 428px;
	margin-left:2px;
	border: 1px solid #000;
	padding: 10px;
}

#tdc div p { font-size: 10px; color: #fff; }
#tdc div h2 { font-size:14px; color: #fff;}

.showdiv {
	display: block !important;
}

.img { float: right; margin:0; padding: 10px;}
.descimg { float: right; margin:0;}

.sector-img { float: right; margin: 10px; padding: 0 5px;}


#resource-list h2 { margin: 10px 0 5px 0;}
#resource-list li a:hover {text-decoration: underline;}
