@charset "utf-8";



/* CSS Document */







body {



	padding:0px;



	margin:0px;



	



	font-family:Arial, Helvetica, sans-serif;



	



	background:url(../images/website/bg.jpg) 0px 175px repeat-x;



}







p {



	padding:10px 0px;



	margin:0px;



}







a:link,



a:visited,



a:active {



	color:#cc9900;



	text-decoration:none;



}







a:hover {



	color:#cc9900;



	text-decoration:underline;



}







.clear {



	padding:0px;



	margin:0px;



	



	clear:both;



}







#logo-surround {



	position: absolute;



	left: 0px;



	top: 0px;



	width: 100%;



}











#logo-container {



	width:950px;



	



	padding:0px;



	margin:0px auto;



}







img#logo {



	float:left;



}







#flags {



	height:16px;



	



	padding:0px;



	margin:0px;



	



	float:right;



}







#flags a img {



	padding:1px;



	border:#FFF 3px solid;



}







#flags a img:hover,



#flags a.active img {



	padding:1px;



	border:#5B7D86 3px solid;



}







#nav-container {



	height:59px;



	



	padding:0px;



	margin:118px 0px 0px 0px;



	



	background:#5D7F88 url(../images/website/menu-bg.jpg) 0px -3px repeat-x;



}







#nav {



	width:950px;



	height:59px;



	



	padding:0px;



	margin:0px auto;



	



	background:url(../images/website/menu-text-bg.jpg) 0px 7px repeat-x;



}







#nav ul {



	padding:0px;



	margin:0px;



	



	list-style:none;



}







#nav ul li {



	padding:0px;



	margin:0px;



	



	float:left;



}







#nav ul li a {



	width:104px;



	height:38px;



	



	padding:21px 0px 0px 0px;



	margin:0px;



	



	float:left;



	



	font-size:15px;



	color:#FFF;



	text-decoration:none;



	text-align:center;



	font-weight:bold;



	



	background:url(../images/website/menu-spacer.jpg) 102px 7px no-repeat;



}







#nav ul li a.active,



#nav ul li a:hover {







	background-color: #cc9900!Important;



	background:url(../images/website/menu-bg-active.jpg) top center no-repeat;



}







#bnr {



	width:960px;



	height:500px;



	



	padding:6px 0px 0px 0px;



	margin:0px auto;



	



	background:url(../images/website/boxes-shadow.png) bottom center no-repeat;



}







#bnr-inner {



	width:948px;



	height:305px;



	



	padding:0px;



	margin:0px auto;



	



	overflow:hidden;



}







.slide {



	width:948px;



	height:305px;



	



	padding:0px;



	margin:0px;



}







.slide .column1 {



	width:205px;



	height:115px;



	



	padding:170px 0px 0px 25px;



	margin:0px;



	



	float:left;



}







.slide .column2 {



	width:205px;



	height:115px;



	



	padding:170px 0px 0px 10px;



	margin:0px;



	



	float:left;



}







.slide p {



	padding:2px 0px;



	margin:0px;



	



	display:inline;



	



	color:#FFF;



	font-size:12px;



	line-height:19px;



	



	background:#000;



}







.slide a.cta-software {



	width:194px;



	height:53px;



	



	padding:0px;



	margin:180px 20px 0px 0px;



	



	float:right;



	



	display:block;



}







.slide a.cta-software-se {



	width:221px;



	height:55px;



	



	padding:0px;



	margin:180px 20px 0px 0px;



	



	float:right;



	



	display:block;



}







.slide a.cta-enquiry {



	width:199px;



	height:53px;



	



	padding:0px;



	margin:200px 20px 0px 0px;



	



	float:right;



	



	display:block;



}











.slide a img {



	border: none;



}











#boxes {



	width:950px;



	height:194px;



	



	padding:0px;



	margin:0px auto;



	



	border-bottom:#CCCCCC 1px solid;



}







#boxes .box {



	width:236px;



	height:194px;



	



	padding:0px;



	margin:0px;



	



	float:left;



	



	background:url(../images/website/boxes-gradient.jpg) 0px 0px repeat-x;



	border-right:#e5e5e5 1px solid;



}







#boxes .last {



	width:239px;



	border-right:none;



}







#boxes .box h1,



#boxes .box-white h1 {



	width:210px;



	



	padding:20px 0px 10px 15px;



	margin:0px auto;



	



	display:block;



	



	font-size:15px;



	font-weight:bold;



	



	background:5px 25px no-repeat;



	border-bottom:1px solid;



}







#boxes .box h1 a,



#boxes .box-white h1 a {



	text-decoration:none;



}







#boxes .box ul,



#boxes .box-white ul {



	padding:10px 0px 0px 20px;



	margin:0px;



	



	list-style:none;



}







#boxes .box ul li,



#boxes .box-white ul li {



	padding:6px 0px 6px 15px;



	margin:0px;



	



	font-size:12px;



	color:#587d84;



	



	background:0px 12px no-repeat;



}







#boxes .yellow h1 {



	color:#996600;



	background-image:url(../images/website/arrow-yellow.png);



	border-bottom-color:#cc9900;



}







#boxes .yellow h1 a {



	color:#996600;



}







#boxes .yellow ul li {



	background-image:url(../images/website/cross-yellow.png);



}







#boxes .red h1 {



	color:#620000;



	background-image:url(../images/website/arrow-red.png);



	border-bottom-color:#620000;



}







#boxes .red h1 a {



	color:#620000;



}







#boxes .red ul li {



	background-image:url(../images/website/cross-red.png);



}







#boxes .blue h1 {



	color:#106793;



	background-image:url(../images/website/arrow-blue.png);



	border-bottom-color:#106793;



}







#boxes .blue h1 a {



	color:#106793;



}







#boxes .blue ul li {



	background-image:url(../images/website/cross-blue.png);



}







#boxes .grey h1 {



	color:#597d85;



	background-image:url(../images/website/arrow-grey.png);



	border-bottom-color:#597d85;



}







#boxes .grey h1 a {



	color:#597d85;



}







#boxes .grey ul li {



	background-image:url(../images/website/cross-grey.png);



}







#boxes .yellow.activeSlide {



	background:#FFFFFF url(../images/website/active-yellow.jpg) top center no-repeat;;



}







#boxes .red.activeSlide {



	background:#FFFFFF url(../images/website/active-red.jpg) top center no-repeat;;



}







#boxes .blue.activeSlide {



	background:#FFFFFF url(../images/website/active-blue.jpg) top center no-repeat;;



}







#boxes .grey.activeSlide {



	background:#FFFFFF url(../images/website/active-grey.jpg) top center no-repeat;;



}







#mainbody {



	width:960px;



	



	padding:0px 0px 30px 0px;



	margin:0px auto;



	



	background:url(../images/website/body-shadow.jpg) center repeat-y;



}

#mainbody .leftcol {
	width:635px;
	
	padding:0px;
	margin:0px;
	
	float:left;
	
	border-right:#DDE5E6 1px solid;
}

#mainbody .rightcol {
	width:324px;
	
	padding:0px;
	margin:0px;
	
	float:right;
}







#mainbody #topleft {



	width:600px;



	/* height:458px; */



	



	padding:20px 10px 0px 20px;



	margin:0px 0px 0px 5px;



	



	float:left;


	border-bottom:#DDE5E6 1px solid;
	



	



}







#mainbody #topleft h1,
#mainbody #topleft h2 {



	padding:20px 0px 0px 0px;



	margin:0px;



	



	font-size:22px;



	color:#577c84;



	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



	font-weight:bold;



}







#mainbody #topleft p.intro {



	font-family:Tahoma, Geneva, sans-serif;



	font-size:18px;



	font-weight:normal;



	color:#996600;



	line-height:22px;



}







#mainbody #bottomleft p,



#mainbody #topleft p {



	font-size:12px;



	color:#577c84;



	line-height:18px;



}







#mainbody #topleft p a.readmore {



	font-size:13px;



	font-weight:bold;



	color:#cc9900;



}







#mainbody #news {



	width:324px;



	height:459px;



	



	padding:20px 0px 0px 0px;



	margin:0px;



	



	float:right;



	



	border-left:#dde5e6 1px solid;



}







#mainbody #news h2 {



	padding:0px 0px 0px 10px;



	margin:0px;



	



	font-size:22px;



	color:#333333;



	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



}







#mainbody #news .article {



	width:299px;



	height:133px;



	



	padding:10px 10px 0px 10px;



	margin:0px;



	



	border-bottom:#dde5e6 1px solid;



}







#mainbody #news .article h2,
#mainbody #news .article h3 {



	padding:0px;



	margin:0px;



	



	font-size:13px;



	color:#577c84;



}







#mainbody #news .article p {



	font-size:12px;



	color:#577c84;



	line-height:18px;



}







#mainbody #news .article a.readmore {



	padding:0px 10px 0px 0px;



	margin:0px;



	



	float:left;



	



	display:block;



	



	font-size:13px;



	font-weight:bold;



	color:#cc9900;



	



	background:url(../images/website/arrow-yellow.png) right no-repeat;



}







#mainbody #bottomleft {



	width:590px;



	/* height:400px; */



	



	padding:0px 20px;



	margin:0px 0px 0px 5px;



	



	float:left;



}

#mainbody .leftcol #bottomleft {
	padding-top:10px;
}





#mainbody #bottomleft h2 {



	padding:0px;



	margin:0px;



	



	font-size:22px;



	color:#577c84;



	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



	font-weight:bold;



}







#mainbody #bottomleft .feature {



	width:230px;



	height:150px;



	



	padding:0px 0px 0px 55px;



	margin:20px 15px 0px 0px;



	



	float:left;



	



	background:0px 0px no-repeat;



}







#mainbody #bottomleft .feature h2 {



	padding:0px;



	margin:0px;



	



	font-size:14px;



	font-weight:bold;



	color:#333333;



}







#mainbody #bottomleft .feature p {



	font-size:12px;



	color:#577c84;



	line-height:18px;



}

#mainbody #bottomleft .testimonial {
	padding:0px 10px;
	margin:0px;

	border-bottom:#DDE5E6 1px solid;
}

#mainbody #bottomleft .testimonial h2 {
	padding:0px;
	margin:0px;

	font-size:13px;
	color:#577c84;
}

#mainbody #bottomleft .testimonial p {
	font-size:12px;
	color:#577c84;
	line-height:18px;
}





#mainbody #events {



	width:324px;



	height:400px;



	



	padding:20px 0px 0px 0px;



	margin:0px;



	



	float:right;



	



	border-left:#dde5e6 1px solid;



}

#mainbody .rightcol #news,
#mainbody .rightcol #events {
	border:none;
}







#mainbody #events h2 {



	padding:0px 0px 0px 10px;



	margin:0px;



	



	font-size:22px;



	color:#333333;



	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



}







#mainbody #events .event {



	width:299px;



	height:72px;



	



	padding:20px 10px 0px 10px;



	margin:0px;



	



	overflow:hidden;



	



	border-bottom:#dde5e6 1px solid;



}







#mainbody #events .event .date,



body#internal #topleft .date {



	width:37px;



	height:44px;



	



	padding:0px;



	margin:0px;



	



	float:left;



}







#mainbody #events .event .date span.number,



body#internal #topleft .date span.number {



	width:37px;



	height:27px;



	



	padding:5px 0px 0px 0px;



	margin:0px;



	



	display:block;



	



	background:#cc9900;



	color:#FFF;



	text-align:center;



	font-size:16px;



	font-weight:bold;



}







#mainbody #events .event .date span.month,



body#internal #topleft .date span.month {



	width:37px;



	height:12px;



	



	padding:0px;



	margin:0px;



	



	display:block;



	



	background:#333333;



	color:#FFF;



	text-align:center;



	font-size:10px;



}







#mainbody #events .event .content {



	width:250px;



	



	padding:0px;



	margin:0px;



	



	float:right;



}







#mainbody #events .event h2 {



	padding:0px;



	margin:0px;



	



	font-size:13px;



	color:#577c84;



}







#mainbody #events .event h2 strong {



	color:#333333;



}







#mainbody #events .event p {



	padding:10px 0px 0px 0px;



	margin:0px;



	



	font-size:12px;



	color:#577c84;



	line-height:18px;



}







#mainbody #events .event a.readmore {



	padding:0px 10px 0px 0px;



	margin:0px;



	



	display:inline-block;



	



	font-size:13px;



	font-weight:bold;



	color:#cc9900;



	



	background:url(../images/website/arrow-yellow.png) right no-repeat;



}







#mainbody #footer {



	width:950px;



	height:35px;



	



	padding:15px 0px 0px 0px;



	margin:0px auto;



	



	border-top:#404040 1px solid;



}







#mainbody #footer a {



	height:16px;



	



	padding:0px 20px;



	margin:0px;



	



	float:left;



	



	display:block;



	



	color:#666666;



	font-size:12px;



	



	background:url(../images/website/dotted-line.jpg) right no-repeat;



}







#mainbody #footer a:hover,



#mainbody #footer a.active {



	color:#cc9900;



}







#mainbody #footer-line {



	width:950px;



	height:1px;



	



	padding:0px;



	margin:0px auto;



	



	border-bottom:#cc9900 1px solid;



}



#mainbody #lang {



	padding:15px 0px 0px 15px;



	margin:0px;



	



	float:left;



	



	font-size:11px;



	color:#999999;



}







#mainbody #lang a {



	font-size:11px;



	color:#999999;



}



#mainbody #ec {



	padding:15px 15px 0px 0px;



	margin:0px;



	



	float:right;



	



	font-size:11px;



	color:#999999;



}







#mainbody #ec a {



	font-size:11px;



	color:#999999;



}















/*##################################



########## INTERNAL PAGES ##########



##################################*/











body#internal {



	background:url(../images/website/bg-internal.jpg) 0px 175px repeat-x;



}







#bnr-internal {



	width:960px;



	height:120px;



	



	padding:10px 0px 0px 0px;



	margin:0px auto;



	



	background:url(../images/website/internal-shadow.png) top center no-repeat;



}







#bnr-internal img {



	padding:0px;



	margin:0px auto;



	



	display:block;



}







body#internal #left {



	width:635px;



	



	padding:0px;



	margin:0px;



	



	float:left;



	



	border-right:#dde5e6 1px solid;



}







body#internal #topleft {



	height:auto;



	



	padding:20px 10px 11px 20px;



}







body#internal #topleft strong {



	color:#405A60;



}







body#internal #topleft h1 {



	padding:0px;



	



	color:#333333;



}







body#internal #topleft ul {



	padding:10px 0px 10px 15px;



	margin:0px;



	



	list-style:none;



}







body#internal #topleft ul li {



	padding:5px 0px 5px 15px;



	margin:0px;



	



	font-size:12px;



	color:#577c84;



	



	background:url(../images/website/cross-blue.png) 0px 8px no-repeat;



}







body#internal #topleft .news-article {



	padding:10px 10px 20px 10px;



	margin:20px 0px 0px 0px;



	



	border-bottom:#DDE5E6 1px solid;



}







body#internal #topleft .news-article h2 {



	padding:0px;



	margin:0px;



	



	font-size:13px;



	color:#577c84;



}







body#internal #topleft .news-article p {



	font-size:12px;



	color:#577c84;



	line-height:18px;



}







body#internal #topleft .news-article a.readmore {



	padding:0px 10px 0px 0px;



	margin:0px;



	



	float:left;



	



	display:block;



	



	font-size:13px;



	font-weight:bold;



	color:#cc9900;



	



	background:url(../images/website/arrow-yellow.png) right no-repeat;



}

body#internal #topleft .testimonial {
	padding:10px 10px 20px 10px;
	margin:0px;

	border-bottom:#DDE5E6 1px solid;
}

body#internal #topleft .testimonial h2 {
	padding:0px;
	margin:0px;

	font-size:13px;
	color:#577c84;
}

body#internal #topleft .testimonial p {
	font-size:12px;
	color:#577c84;
	line-height:18px;
}







body#internal #topleft .date {



	margin:0px 0px 10px 10px;



	



	float:right;



}







body#internal #mainbody #news {



	height:inherit;



	border-left:none;



}







body#internal #mainbody #events {



	height:inherit;



	border-left:none;



}







body#internal #footer {



	margin:20px auto 0px auto;



}







body#internal #topleft table {



	margin:15px 0px;



	



	font-size:12px;



	color:#666;



}







body#internal #topleft table th {



	background:#EDEDED;	



}







body#internal #topleft table,



body#internal #topleft table tr,



body#internal #topleft table tr th,



body#internal #topleft table tr td {



	border-color:#CCC;



}











#googlemapframe {







	margin:20px 0px 0px 0px;



	border:#999 1px solid;



}











#contact-form {



	padding:0px 0px 0px 10px;



	margin:0px;



	



	float:right;



}







#contact-form .field {



	padding:0px 0px 10px 0px;



	margin:0px;



	



	font-size:12px;



	color:#666;



}







#contact-form .field input,



#contact-form .field textarea {



	width:250px;



	



	border:#CCC 1px solid;



	background:#ECECEC;



}







#contact-form .field input.submit {



	width:252px;



}







#contact-form .field input:focus,



#contact-form .field textarea:focus {



	background:#F9F9F9;



}







#contact-form .field textarea {



	height:80px;



}







#contact-form .field .field-validation {



	color:#900;



}







body#internal #topleft .product {



	width:600px;



	



	padding:0px 0px 20px 0px;



	margin:0px;



	



	border-top:#CCCCCC 1px solid;



}







body#internal #topleft .product h1 {



	width:590px;



	height:37px;



	



	padding:8px 0px 0px 10px;



	margin:0px 0px 5px 0px;



	



	display:block;



	



	font-size:22px;



	color:#FFF;



	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



	font-weight:bold;



}







body#internal #topleft .product h1.product1 {



	background:#971B1D url(../images/website/mini-cm.jpg) 0px 0px no-repeat;



}







body#internal #topleft .product h1.product2 {



	background:#085076 url(../images/website/mini-tbs.jpg) 0px 0px no-repeat;



}







body#internal #topleft .product h1.product3 {



	background:#979FA1 url(../images/website/mini-vms.jpg) 0px 0px no-repeat;



}







body#internal #topleft .product .product-img {



	padding:0px;



	margin:0px 0px 10px 10px;



	



	float:right;



}







body#internal #topleft .product a.readmore {



	padding:0px 10px 0px 0px;



	margin:0px;



	



	float:left;



	



	display:block;



	



	font-size:13px;



	font-weight:bold;



	color:#cc9900;



	



	background:url(../images/website/arrow-yellow.png) right no-repeat;



}







.spacer {



	height:30px;



	



	padding:0px;



	margin:0px;



}







.screenshot {



	width:240px;



	height:220px;



	



	padding:0px;



	margin:15px 40px 15px 0px;



	



	float:left;



	overflow:hidden;



	



	text-align:center;



	font-size:12px;



	color:#666;



}







.website-screenshot {



	width:240px;



	height:240px;



	



	padding:0px;



	margin:15px 40px 15px 0px;



	



	float:left;



	overflow:hidden;



	



	text-align:center;



	font-size:12px;



	color:#666;



}







.screenshot img,



.website-screenshot img {



	padding:0px;



	margin:0px 0px 10px 0px;



}







ul#subnav {



	padding:0px 0px 30px 30px;



	margin:0px;



	



	list-style:none;
	
	border:none;



}







ul#subnav li {



	padding:5px 0px;



	margin:0px;



}







ul#subnav li a {



	padding:0px 0px 0px 15px;



	margin:0px;



	



	background:url(../images/website/cross-blue.png) 0px 5px no-repeat;



	



	font-size:16px;



	color:#587d84;



}







ul#subnav li a:hover,



ul#subnav li a.active {



	color:#CC9900;



}







#language-box {



	display:none;



}







#sb-player.html p {



	font-size:16px;



	color:#FFF;



	text-align:center;



}







#sb-player.html a {



	width:140px;



	



	padding:5px 0px 5px 35px;



	margin:0px 0px 0px 70px;



	



	display:block;



	



	font-size:17px;



	font-weight:bold;



	color:#FFF;



	text-decoration:none;



}







#sb-player.html a.en {



	background:url(../images/website/uk.jpg) 0px 8px no-repeat;



}







#sb-player.html a.us {



	background:url(../images/website/us.jpg) 0px 8px no-repeat;



}







#sb-player.html a.au {



	background:url(../images/website/au.jpg) 0px 8px no-repeat;



}







#sb-player.html a:hover {



	text-decoration:underline;



}







#mainbody #topleft #pricecalculator a {

	margin-left: 205px;  	

}



#mainbody #topleft #pricecalculator a img {

	border: none;

}



#topleft .video {
	width:600px;
	
	margin:0px;
	margin:10px 0px;
}

	#topleft .video .float-right {
		width:340px;
		
		padding:0px;
		margin:0px;
		
		float:right;
	}
	
	#topleft .video p {
		padding:0px 0px 10px 0px;
	}
	
#subnav {
	padding:20px 10px 0px 10px;
	margin:0px;
	
	border-top:#CCCCCC 1px solid;
}

	#subnav ul {
		padding:0px;
		margin:0px;
		
		list-style:none;
	}
	
		#subnav ul li {
			padding:0px;
			margin:0px;
			
			float:left;
		}
		
			#subnav ul li a {
				padding:0px 10px;
				margin:0px;
				
				float:left;
				
				display:block;
				
				font-size:12px;
				color:#587D84;
				text-align:center;
			}
			
				#subnav ul li a.active,
				#subnav ul li a:hover {
					color:#CC9900;
				}