@import url("layout.css");


/*

#container 
		#branding
				#logo
				#secondaryNav
				#telNo
		#nav
		#heading
		#banner
		#main
				#subNav 
				#content 
						#contentImage 
						#contentText 
				#sidebar
					#contactInfo
					#extraInfo
					#thumbnailImages
		#footer

dark blue HEX: #021071
mid blue HEX: #003399
*/

 body {
	margin: 0px; 
	padding: 0px;
	background-image: url(../../images/branding-bg2.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-color: #fff;
}

body.modal{
    background: none;
}

html, 
body, 
div {
	font-family: Arial, Helvetica; 
/*	font-size: x-small;*/
}


br {
	clear: both;
}

a:link, 
a:visited {
	color:#003399;
	text-decoration: none;
}

a:hover, 
a:active {
		text-decoration: underline;
	}
	


a img {
	border-width: 0; 
	border-style: none;
}

.linkList {
	list-style: none;
	margin: 10px 0px 5px 0px;
}

.linkList li {
	padding: 0px 0px 5px 0px;	
	margin: 0px;
	background: url(../../images/blue-bullet.gif) no-repeat 6px 6px;
}

.linkList li a
{
	color: #003399;
	padding-left: 20px;
	font-size: 1.1em;
}


		/*  branding --------------------- */
		
		
				/*  logo --------------------- */
				
				#logo img{
					vertical-align: middle;
					border: 0px;
				}
			
				/*  secondaryNav --------------------- */

				#secondaryNav img{
					vertical-align: middle;
					border: 0px;
					float: left;
				}

				#secondaryNav a {
					color: #fff;
					font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: .6em;
					text-align:left;
					text-indent: 10px;
					line-height: 2.4em;
					display:block;
					white-space:nowrap;
					padding: 0px;
					margin: 0px;
					
					}
					
				#secondaryNav a:link, 
				#secondaryNav a:visited {	/* menu at rest */
					color: #fff;
					text-decoration:none;
					padding: 0px;
					margin: 0px;
					}
					
				#secondaryNav a:hover,
				#secondaryNav a:active {	/* menu at mouse-over  */
					color: #ccc;
					}	
				
				#secondaryNav ul {
					list-style:none;
					margin: 0px 0px 0px 10px;
					padding: 0px 0px 0px 0px;
					float:left;
					}
				
			
				#secondaryNav li 
				{
					float: left;
					position:relative;
					min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
					vertical-align: top; /* Sophie Dennis contribution for IE7 */
					padding: 0px 10px 0px 0px;
					margin: 0px 0px 0px 0px;
					}
				
				#secondaryNav ul ul {
					position:absolute;
					z-index:500;
					top:auto;
					display:none;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 0px 0px ;
					background-color: #021071;
					background-image: none ;
					width: 100px;
					}
				
				#secondaryNav ul ul ul {
					top:0;
					left:100%;
					}
				
				div#secondaryNav li:hover {
					background-color: #02176C;
					cursor:pointer;
					z-index:100;
					}
				
				div#secondaryNav li:hover ul ul,
				div#secondaryNav li li:hover ul ul,
				div#secondaryNav li li li:hover ul ul,
				div#secondaryNav li li li li:hover ul ul
				{display:none;}
				
				div#secondaryNav li:hover ul,
				div#secondaryNav li li:hover ul,
				div#secondaryNav li li li:hover ul,
				div#secondaryNav li li li li:hover ul
				{display:block;}



				/*  telNo --------------------- */
				#telNo img{
					margin: 0px 15px 0px 0px;
					border: 0px;
				}
				
		

		/*  NAV START--------------------- */
		#nav img{
			border: 0px;
		}
		
		#nav a {
			color: #002A7E;
			font-size: .8em;
			font-family: Arial, Helvetica, Geneva;
			font-weight:bold;
			text-align:left;
			text-indent: 5px;
			line-height: 5.0em;
			display:block;
			white-space:nowrap;
			padding: 0px;
			margin: 0px;
			text-decoration: none;
			
			}
			
		#nav ul {
			list-style:none;
			margin: 0px 0px 0px 0px;
			padding: 4px 0px 0px 0px;
			float:left;
			/*border-bottom: solid 1px #e6edf8;
			background-image: url(../../images/nav-bg.gif);			
			width:155px;width of all menu boxes */
			}
		
		#nav li 
		{
			float: left;
			position:relative;
			min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
			vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
/*			padding: 0px 28px 0px 0px;
*/			padding: 0px 30px 0px 0px;
			}

		#nav ul ul 
		{
			
			position:absolute;			
			top:auto;
			left: -200px;
			display:none;
			padding: 25px 0px 0px 0px;
			margin:0px 0px 0px 0px ;			
			width: 360px;
			height: 188px;
			background-color: #039;
/*			border-top: 1px #B5CDEE solid;
			border-bottom: 1px #B5CDEE solid;
			border-left: 1px #B5CDEE solid;
			border-right: 1px #B5CDEE solid;
*/			
			}
		#nav ul ul.aftersales 
		{
			background: #1E6EC3 url(../../images/nav-dd-aftersales-bg.jpg) no-repeat top center;
		}
		
		#nav ul ul.consultancy 
		{
			background: #1E6EC3  url(../../images/nav-dd-consultancy-bg.jpg) no-repeat top center;
		}
		
		#nav ul ul.internet 
		{
			background: #1E6EC3  url(../../images/nav-dd-internet-bg.jpg) no-repeat top center;
		}
		
		#nav ul ul.it 
		{
			background: #1E6EC3  url(../../images/nav-dd-it-bg.jpg) no-repeat top center;
		}
		
		#nav ul ul.dms 
		{
			background: #1E6EC3  url(../../images/nav-dd-dms-bg.jpg) no-repeat top center;
		}
		
		#nav ul ul.marketing 
		{
			background: #1E6EC3  url(../../images/nav-dd-marketing-bg.jpg) no-repeat top center;
		}
		
		#nav ul ul li {
			border:none;
			clear: both;
			width: 178px; 
/*			background-color:#EEF3FC;
			border-bottom: solid 1px #e6edf8;
			background-color:#039;
*/			font-size: .85em;
			background-image: none;
			padding: 0px 0px 0px 180px;
		
		
		}
				
		#nav ul ul li a {
			line-height: 1.5em;
			color: #fff;
			font-weight: normal;
		}
				
		#nav ul ul li a:hover,
		#nav ul ul li a:active {
			line-height: 1.5em;
			background-color: #02176C;
		
		}
				
	
		div#nav li:hover {
			/*background: url(../../images/nav-tab-highlight.gif) bottom left;
			background-color:#eee;
			background-color: #fff;
			cursor:pointer;*/
			z-index:100;
	
			}
		
			
		
		div#nav li:hover ul ul,
		div#nav li li:hover ul ul                                      
		{
					display:none;
					
		}
		
		div#nav li:hover ul ul li
		{
					border: none; 
					background: none;                 
		}
		
		div#nav li:hover ul li:hover li
		{
			border:none;
			clear: both;
			width: 270px; 
			background-color:#EEF3FC;
			background-image: none;	
			border-top: solid 1px #e6edf8;
			
		}
		
		div#nav li:hover ul ul li:hover
		{
			/*background: url(../../images/nav-tab-highlight.gif) bottom left;
				background-color:#eee;
*/
			background-color: #fff;
			cursor:pointer;
			z-index:100;
			border-top: solid 1px #e6edf8;
			  
		}

		div#nav li:hover ul,   
		div#nav li li:hover ul
		{                                                           
					display:block;
		}
		
			/*  NAV END--------------------- */

		#nav .searchField {
			padding: 0px 0px 0px 2px;
			border: #999 1px solid;
			background-color:#D2DFF3;
			width: 100px;
			height: 16px;
			color:#666;
			font-size: .7em;
		}
		
		
		
		/*  main --------------------- */
				
				
		
				/*  subNav --------------------- */
				
						/*  subNavHeading --------------------- */
						
						#subNavHeading img {
							margin: 0px;
							padding: 0px;
							float:left;
						}
				
						#subNavHeading h3 {
							color:#003399;
							font-weight: normal;
							font-size: 1.2em;
							display:inline;
							line-height: 55px;
						}
				
				#subNav ul
				{				
					list-style:none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					background-color:#FFFFFF;					
					width:220px;
					
				}
			
				#subNav li
				{
					clear: both;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					float: left;
					width:220px;
					border-left: 1px #B5CDEE solid;
					border-right: 1px #B5CDEE solid;
				}
				
				#subNav ul ul {
					clear:both;		
					width:219px;							
				}
				
				#subNav ul li
				{
					clear:both;
					margin: 0px 0px 0px 0px;	
					width:219px;
					background-color: #fff;
				
					
				}
				
				#subNav ul ul li
				{
					clear:both;
					margin: 0px 0px 0px 0px;	
					width:219px;
					background-color: #fff;
				
				}
				
							
				#subNav ul ul ul li
				{
					clear:both;
					margin: 0px 0px 0px 0px;		
					width:219px;	
					
				}
				

				#subNav li a:link, 
				#subNav li a:visited {
					font-size:.6em;
					font-family: verdana, arial, sans-serif;
					color: #fff;
					font-weight: bold;
					padding: 8px 19px 8px 10px;
					margin: 0px 0px 0px 0px;
					display:block;
					line-height: 150%;
					text-decoration: none;
					background-image: url(../../images/subnav-section-bg.gif);

/*					border-bottom: 1px #B5CDEE solid;
*/					width:190px;
				}
				
				#subNav li a:hover, 
				#subNav li a:active {
					background-image: url(../../images/subnav-section-bg2.gif);
					background-color: #EBF1FA;
				}
		        
				#subNav  ul ul li a:link, 
				#subNav  ul ul li a:visited 
				{
					font-size:.6em;
					font-weight: bold;
					line-height: 150%;
					background-image: none;
					padding: 4px 10px 4px 20px;
					border-bottom: none;
					width:188px;
					color: #039;
				}
				
				#subNav  ul ul li a:hover, 
				#subNav  ul ul li a:active 
				{
					background-color: #ECF2FB;
					text-decoration: none;
					background-image: none;
				}

				#subNav  ul ul ul li a:link, 
				#subNav  ul ul ul li a:visited 
				{
					font-size:.55em;
					padding: 4px 10px 4px 30px;
					font-weight: normal;					
					width:178px;
				}
				
				#subNav  ul ul ul li a:hover, 
				#subNav  ul ul ul li a:active 
				{
					background-color: #ECF2FB;
				}
				
							
				#subNav li.current a:link, 
				#subNav li.current a:visited {				
					background-color: #ECF2FB; 
					color: #039;	
				}
		
				#subNav li.current a:hover, 
				#subNav li.current a:active {
					background-color: #ECF2FB;
				}
				
								
				#subNav ul ul li a.current{
				    clear: both;
				    float: left;
				    display: block;
					background-image: none;
					background-color: #ECF2FB;
					color: #039;
				}
		
				
				#subNav li a.contentSubNav {
					font-size:.5em;
					color: #003399;
					font-weight: normal;
					padding: 6px 20px 6px 10px;
					margin: 0px 1px 0px 10px;
					display:block;
					line-height: 150%;
					text-decoration: none;
					background-color: #fff;
				}
				
				#subNav li a.contentSubNav:hover, 
				#subNav li a.contentSubNav:active {					
					text-decoration: underline;
					background-color: #fff;

				}

			/*  content --------------------- */

					
					/*  breadcrumb --------------------- */
					#breadcrumb h2 {
						color: #666;
						font-family: arial, helvitica;
						font-size: .6em;
						font-weight: normal;
						margin: 0px 0px 0px 0px;
						display: inline;
					}
					
					
					#breadcrumb a:link, 
					#breadcrumb a:visited {
						color:#999;
						text-decoration: none;
					}
					
					#breadcrumb a:hover, 
					#breadcrumb a:active {
						text-decoration: underline;
					}

					/*  banner --------------------- */
					
					
					#banner img {
					float:right;
					margin: 0px 0px 0px 0px;
					
					}
							
					
					/*  contentImage --------------------- */
					
					#contentImage img	{
						display: block;
						margin-left: auto;
						margin-right: auto;
						
					}
					
					/*  contentText --------------------- */
					
					
			
					#contentText h1 {
						color:#1262A7;
						font-weight: normal;
						font-size: 1.1em;
						margin: 0px;
						padding: 0px;
					}
					
					#contentText h2 {
						color: #333;
						font-weight: normal;
						font-size: 1.1em;
					}
					
					#contentText h3 {
						color:#333;
						font-weight: normal;
						font-size: .9em;
					}
					
					#contentText h5 {
						color:#666;
						font-size: .7em;
						margin: 5px 0px 0px 0px;
						padding: 0px;
					}
					
					#contentText h6 {
						color:#666;
						border-top: 1px dotted #999;
						background-color: #efefef;
						font-size: .7em;
						margin: 20px 0px 0px 0px;
						padding: 5px 0px 5px 0px;
						font-weight: bold;
					}
					
					
					
					#contentText p, #contentText ul, #contentText ol {
						color:#222;
						font-size: .7em;
						line-height: 140%;
						font-family: Arial, Helvetica;
					}
					
					#contentText blockquote {
						color:#333;
						font-size: 16px;
						line-height: 150%;
						font-style: italic;
						font-family: Georgia, Arial, Helvetica;
						padding: 10px 10px 10px 10px;
						margin: 0px 0px 0px 0px;
					}
					
					#contentText td
					{
						font-size: 8pt; /* Using points due to Firefox and IE having different font sizes - this is because of link inheritance - IE is in the wrong here!*/
					} 
										
					#contentText li{
						padding-bottom: 10px;
					}
					
					#contentText a:link, 
					#contentText a:visited {
						color:#1262A7;
						text-decoration: underline;
					}
					
					#contentText a:hover, 
					#contentText a:active {
						text-decoration: none;
					}
					
					#contentText ul.subSectionList
					{
						float:left;
						display:block;
						list-style:none;
						margin: 0px 0px 30px 0px;
						padding: 5px 0px 0px 0px;
/*						width: 490px;
						background: url(../../images/bg-shading.jpg) repeat-x;
*/						
					}
				
					#contentText .subSectionList li
					{						
						float:left;	
						width: 190px;			
						margin: 0px 40px 0px 0px;
						padding: 10px 0px 10px 0px;
						font-family: Arial, Helvetica;
						font-size: 1.0em;
						color:#333;
						/*border-bottom: 2px solid #eee;*/
					}
					
					#contentText .subSectionList li img
					{						
						float:left;	
						margin: 10px 0px 10px 0px;
					}
					
					#contentText .subSectionList li a:link, 
					#contentText .subSectionList li a:visited 
					{
	
						/*display:block;*/
						font-weight: bold;
						font-size: 1.1em;
						width: 200px;
						color: #1262A7;
						text-decoration: none;
						/*background: url(../../images/raquo.gif) top left no-repeat;*/
					}
					
					#contentText .subSectionList li a:hover, 
					#contentText .subSectionList li a:active {
						color: #999;
					}
					
					/* .sectionList USED IN CONJUCTION WITH .homeSoftwareItem IN home.css */
					
					#contentText .sectionList {
						width:470px;
						font-size: 1.4em;
						margin: 0px 0px 20px 0px;
					}
					
					#contentText .sectionList a{
						text-decoration: none;
					}
					
					#contentText .text{
						font-family: "Gill Sans MT", Trebuchet, Arial, Helvetica;
						font-size: .55em;
						color: #666666;
						display: block;
						margin:  00px 0px 0px 0px;
						padding:  0px 5px 3px 13px;
						line-height: 150%;
					}
					
					
				/*  sidebar --------------------- */
	
						/*  contactInfo --------------------- */
							#contactInfo img
							{
							    clear: both;
							    float:left;
								display: block;							
								padding: 0px 0px 8px 0px;
							}	
							
						/* adverts ------------------------ */
	                    #adverts img{
	                        float: left;
	                        display: block;
	                        margin: 0px 0px 0px 0px;
	                    }
	                    
	                 
	                    
						/*  extraInfo --------------------- */
							.extraInfo img
							{
								display: block;
								margin: 0px 0px 0px 0px;
								float:left;
							}	
	
	
						/*  thumbnails --------------------- */

							#thumbnailImages a
							{
							    clear: both;
							    float:left;
								display: block;
								padding: 0px 0px 10px 0px;
							
								
							}	
	

		
		/*  footer--------------------- */
		
		#footer{
			font-size: .6em;
		}

		#footer a:link, 
		#footer a:visited {
			line-height: 130%;
			color:#999;
			text-decoration:none;			
		}
		
		#footer a:hover, 
		#footer a:active {
			text-decoration:underline;
		}
		
			
		#footer img
		{
			display: block;
			margin: 10px 0px 10px 20px;
			float:left;
		}	
		
		#footer p
		{
			color:#999;
			font-size: x-small;
		}