/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(/img/bg.jpg) top left repeat-x;
color: #111;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	width: 890px;
	margin: auto;
}
	#head{
		height: 129px;
		overflow: hidden;
		padding-right: 78px;
		background: url(/img/map.gif) right center no-repeat;
		background-position: right 25px;
	}
	
		#logo{
			float: left;
			margin: 31px 0 45px 0;
			height: 54px;
			width: 225px;
			text-indent: -9999em;
			background: url(/img/logo.jpg) top left;	
		}
			#logohover {
				text-decoration:none;
			}
			
		.top-links, .Country-Sites{
			float: right;			
			padding: 25px 0 0 0;	
			height: 27px;	
			width:400px;
		}
			.Country-Sites{
				width:112px;
			}
			.top-links ul,.Country-Sites ul {
				float:right;
				margin:0px;
				padding:0px;
			}
			.top-links li,.Country-Sites li{
				float: left;
				padding-left: 10px;	
			}
			
			.top-links li a,.Country-Sites li a{
				padding: 2px;
				color: #c1d8ea;
			}
			
			.top-links li a:hover,.Country-Sites li a:hover{
				text-decoration: none;
				color: #fff;
			}
		
		#language{
			float: right;
			clear: right;
		}
		
			#language li {
				float:left;
				list-style-type:none;
				padding-left: 10px;
				clear:right;
			}
			#language a{
				color: #c1d8ea;
				padding: 2px;
			}
			
			#language a.active{
				color: #fff;
				font-weight: bold;
			}

	#nav{
		height: 40px;	
		font-size: 1.15em;
	}
	
		#nav li{
			float: left;
			height: 32px;
			margin:8px 10px 0px 10px;
			padding:0px 0px 0px 8px;
		}

		#nav li.active{
			background:transparent url(/img/nav/nav_bg_left.gif) no-repeat scroll left top;
			float:left;
			font-weight:bold;
			margin:8px 10px 0px 10px;
			padding:0px 0px 0px 8px;
		}
		#nav li.hover{
			background:transparent url(/img/nav/nav_hover_left.gif) no-repeat scroll left 1px;
			float:left;
			font-weight:bold;
			margin:8px 10px 0px 10px;
			padding:0px 0px 0px 8px;
		}		
		#nav li a{
			float: left;
			font-weight:bold;
			padding:5px 8px 0px 0px;
			height: 22px;
			text-transform: uppercase;
			color: #c3deef;	
		}
		
		#nav li.active a, #nav li a.hover{
			color: #06569b;
			text-decoration: none;
			background:transparent url(/img/nav/nav_bg_right.gif) no-repeat scroll right top;
			display:block;
			padding:5px 8px 0px 0px;
			text-decoration:none;
		}
		#nav li a.hover{
			color: #ffffff;
			text-decoration: none;
			background:transparent url(/img/nav/nav_hover_right.gif) no-repeat scroll right 1px;
			display:block;
			padding:5px 8px 0px 0px;
			text-decoration:none;
		}
		
	#page{
		text-align: left;
		padding: 45px 0 45px 0;
	}
	
		#menu{
			float: left;	
			width: 202px;
			padding-right: 20px;	
		}
		
			#menu h1{
				font-size: 1.3em;
				color: #888;
				height: 2.5em;
			}
			
			#menu li{
				font-weight:normal;
				
				padding: 5px 0 5px 0;	
			}
			
			#menu li a{
				color: #000;
				padding-left: 16px;
				background: url(/img/m-tick.jpg) left center no-repeat;	
			}
			#menu li.active {
				font-weight:bold;
			}

			#menu li.active a{
				text-decoration: none;
				color: #0866a2;
				background: url(/img/m-tick-active.jpg) left center no-repeat;	
			}

			#menu li a:hover {
				text-decoration: underline;
				background: url(/img/m-tick-rollover.jpg) left center no-repeat !important;	
			}

			 #menu li ul li.active a:hover {
				text-decoration: underline;
				background: url(/img/m-tick-rollover.jpg) left center no-repeat !important;	
			}

			#menu li.off a{
				text-decoration: none;
				color: #575757;
				background: url(/img/m-tick.jpg) left center no-repeat;	
			}

			#menu li ul{
			margin:8px 10px 5px 10px;
			padding:0px 0px 0px 0px;
			}
	
			#menu li ul li{
				color: #575757;
				margin:3px 0px;
				padding:0px 0px 0px 0px;
				background: url(/img/m-tick.gif) top left no-repeat;
			}

			#menu li ul li a{
				background: url(/img/m-tick.jpg) left center no-repeat !important;	
				color: #575757 !important;
			}
			#menu li ul li.active a{
				background: url(/img/m-tick-active.jpg) left center no-repeat !important;
				color:#0866A2 !important;
			}
		#content{
			width: 416px;
			float: left;
			color: #484848;
		}
		
		.entry li{
			background:transparent url(/img/square_bullet_darkgray.gif) no-repeat scroll 0px 7px;
			list-style-type:none;
			margin:0pxt 0px 5px 10px;
			padding:0px 0px 10px 10px;
			line-height:1.5em;
			}

		.wide #content{
			width: 588px;
		}
		
			.entry{
				overflow: hidden;
				font-size: 1.1em;
			}
			
				#content h2{
					font-size: 1.8em;
					color: #000;
					height: 1.7em;
				}

				#content h3{
					font-size: 1.2em;
					color: #484848;
					height: 1.7em;
				}
		
			.entry a{
				color: #2d85be;
				text-decoration: underline;
			}
			
			.entry a:hover{
				color: #06569d;
			}
			
			.entry p.strap{
                		font-size: 1.05em;
                		color: #000;
            		}
			
			.entry p{
				line-height: 1.5em;
				padding-bottom: 1em;
			}
		
		
		.page-tabs{
			height: 30px;
			margin: 20px 0px;
			background: url(/img/tab-bg.jpg) bottom left repeat-x;
		}
		
			.page-tabs li{
				float: left;
				height: 29px;
				width: 130px;
				padding-right: 3px;
			}
			
			.page-tabs li a{
				float: left;
				padding: 6px 0 0 0; 
				height: 22px;	
				width: 128px;
				border: 1px solid #ccc;
				border-bottom: 0;
				color: #888;	
				background: #eee;
				text-align: center;
				-moz-border-radius: 5px 5px 0 0;
				-webkit-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
			}
			
			.page-tabs li.active a, .page-tabs li a:hover{
				background: #fff;
				border: 1px solid #777;
				color: #333;
				text-decoration: none;
				border-bottom: 1px solid #fff;
			}
		
		
		.media{
			border: 1px solid #e2e2e2;
			margin-bottom: 20px;
			background: #f9f9f9;	
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
		}
		
		.split .media{
			width: 284px;
			height: 186px;
		}
		
			.media h3{
				position: relative;
				background: #fff;
				padding: 8px 0 0 10px;
				font-size: 1.3em;
				font-weight: bold;
				color: #666;
				-moz-border-radius: 6px 6px 0 0;
			}
			
			.media h3 a.rss{
				position: absolute;
				top: 8px;
				right: 10px;
				width: 28px;
				height: 13px;
				text-indent: -9999em;
				background: url(/img/rss.jpg) top right no-repeat;	
			}
			
			
			.media-clips{
				overflow: hidden;	
				padding: 20px 0 20px 70px;	
			}
			
				.media-clips li {
					float: left;
					width: 136px;
					padding:20px 20px 20px 0px;	
				}
				
				.media-clips li img{
					display: block;
				}
				
				.media-clips li a span{
					display: block;
					padding: 3px 0 3px 18px;
					background: url(/img/tick.jpg) left center no-repeat;
					font-size: .9em;
					color: #222;
					text-decoration: none;
					width: 126px;	
				}
			
			
			.press-list{
				padding: 14px 14px 0 12px;	
			}
			
				.press-list li{
					padding: 0 0 12px 12px;
					background: url(/img/tick.jpg) left no-repeat;
					background-position: 0 5px;
				}
				
				.press-list a{
					color: #0866A4;
				}
				
				.press-list span{
					display: block;
					color: #898989;
				}
			
			.media.float-right p{
				padding: 14px 14px 0 12px;
			}
			
			.vcard{
				color: #898989;
				padding: 16px 0px 5px 0px;
				line-height: 1.4em;
			}
			
				.vcard div, .vcard span.type{
					display: block;
					padding-left: 12px;
					clear:both;
				}
				
				.vcard .fn{
					font-size: 1.1em;
					font-style: italic;
				}
				
				.vcard .tel{
					float:left;
				}
				.vcard .heading {
					float:left;
					padding-right:5px;
				}

				
				


	
	

	#front-page{
		overflow: hidden;
		padding: 1px 0 45px 0;
	}
	
		#splash{
			float: left;
			width: 588px;	
			text-align: left;
			margin-top: 45px;
		}
		
			#splash h1{
				height: 135px;
				background: url(/img/splash-image.jpg) top left;
				text-indent: -9999em;	
			}
			
			#splash p{
				padding: 9px 20px 0 20px;
				height: 46px;
				line-height: 1.4em;
				background: url(/img/splash-bg.gif) bottom left no-repeat;
			}
			
			#splash a{
				color: #2c85bd;
			}
		
		#announce{
			position: relative;
			float: right;
			width: 284px;
			margin-top: -1px;
			height: 236px;	
			overflow: hidden;	
			background: url(/img/announce-bg.jpg) top left;	
		}
		
			#announce h2{
				text-align: center;
				font-size: 11px;
				letter-spacing: 0.1em;
				text-transform: uppercase;
				color: #666563;	
				padding: 35px 0 0 0;
			}	
			
			.announcement{
				overflow: hidden;
				padding-top: 20px;	
				height:160px;
			}
			
				.announcement span{
					display: block;
					text-transform: uppercase;
					color: #6f6f6f;	
					line-height: 1.5em;	
				}
				
				.announcement p{
					line-height: 1.5em;
					color: #111;
					padding: .5em 0 .5em 0;
					font-size: 1.2em;
					width: 80%;
					margin: auto;
					text-align: center;
				}
			
			#announce-list{
				position: absolute;
				bottom: 12px;
				right: 10px;
				height: 15px;	
			}
			
				#announce-list li{
					float: left;
					width: 15px;
					height: 15px;
					padding-left: 5px;	
				}
				
				#announce-list li a{
					float: left;
					height: 15px;
					width: 15px;
					background: url(/img/announce.jpg) top left no-repeat;
				}
				
				#announce-list li a.active{
					background: url(/img/announce-active.jpg) top left no-repeat;
				}


		#solutions{
			position: relative;
			overflow: hidden;
			margin-left: -19px;
			width: 910px;	
			clear: both;
			padding: 20px 0 20px 0;
			text-align: left;
		}
		
		#page #solutions{
			float: right;
			padding: 0;
			margin: 0;	
			width: 232px;	
			clear: none;
			margin-right: -30px;
		}
		
		#page #solutions li{
			float: none;
			height: 165px;
			width: 232px;
			padding-bottom: 10px;
			margin: 0 0 0 0;	
		}
		
			#solutions li{
				position: relative;
				float: left;
				width: 284px;
				height: 166px;
				margin-left: 19px;
				display: inline;
			}
			
				#solutions li h2{
					position: relative;
					z-index: 10;	
				}
				
				#solutions li a{
					position: relative;
					display: block;
					width: 284px;
					height: 166px;
					text-decoration: none;
				}
				
				#solutions li a strong{
					display: block;
					position: relative;					
					z-index: 10;
					padding: 11px 0 0 10px;
					font-size: 1.2em;
					color: #2c85bd;
				}
				
				#solutions li a img{
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}

			
			#global-news{
				float: left;
				clear: left;
				width: 588px;
				text-align: left;
				height: 128px;
				background: url(/img/news-bg.jpg) top left no-repeat;	
			}
			
				#global-news h3{
					position: relative;
					padding: 9px 0 12px 12px;
					font-size: 1.4em;
					font-weight: bold;
					color: #666;	
				}
				
					#global-news h3 a{
						position: absolute;
						top: 8px;
						right: 15px;
						font-size: 11px;
						color: #111;
						text-decoration: none;
						padding-left: 15px;
						background: url(/img/tick.jpg) left center no-repeat;
					}
					
					.news-list{
						padding: 0 15px 0 14px;
						line-height: 1.9em;	
					}
					
					.media .news-list{
						padding: 10px 15px 10px 14px;
					}
					
						.news-list li{
							overflow: hidden;
							padding-bottom:5px;
						}
						
						.news-list li span{
							float: left;
							width: 86px;
							margin-right: 10px;
							color: #898989;
							background: url(/img/tick.jpg) right center no-repeat;	
						}
						
						.news-list li a{
							float: left;
							color: #2879ae;
							width:400px;
						}
						.news-list li p {
							width:400px;
							margin-left:96px;
						}
						.news-list li a.ReadMoreIcon{
							width:auto;
						}
				#news-letter{
					float: right;
					width: 284px;
					height: 128px;
					position: relative;
					text-align: left;
					background: url(/img/newsletter-bg.jpg) top left no-repeat;
				}
				
					#news-letter h4{
						padding: 10px 0 0 12px;
						color: #fff;
						font-size: 1.4em;
						font-weight: bold;	
					}
					
					#news-letter p{
						padding: 12px 40% 0 12px;
						line-height: 1.6em;
						color: #d0e2ee;
					}
					
					#news-letter a{
						display: block;
						text-indent: -9999em;
						position: absolute;
						top: 0;
						left: 0;
						width: 284px;
						height: 128px;
					}

#footer{
	background: #f9f9f9 url(/img/foot-bg.jpg) top left repeat-x;	
}

	#foot{
		overflow: hidden;
		width: 890px;
		margin: auto;
		padding: 45px 0 45px 0;
		text-align: left;
	}
		
		#product-links{
			float: right;
			width: 190px;	
			padding-left: 10px;
			border-left: 1px solid #ccc;	
		}
		
			#product-links h5{
				font-size: 1.1em;
			}
		
			#product-links li{
				padding: 5px 0 5px 18px;
				background: url(/img/tick-out.jpg) left center no-repeat;				
			}
			
			#product-links li a{
				color: #888;
			}
			
			#product-links li a:hover{
				color: #000;
			}
		
		#site-menu{
			float: left;
			width: 650px;	
		}
		
			.site-section{
				text-align: left;
				overflow: hidden;					
				padding: 5px 0 5px 0;
			}
			
				.site-section h5{
					float: left;
					font-size: 1.1em;
					color: #000;
					width: 160px;	
				}
				
				.site-section h5 a{
					color: #000;
				}
				
				.site-section ul{
					float: left;
					padding-left: 20px;
					background: url(/img/tick.jpg) left center no-repeat;	
					overflow: hidden;	
				}
				
				.site-section li{
					float: left;
					border-right: 1px solid #ccc;	
				}
				
				.site-section li a{
					float: left;
					padding: 0 5px 0 5px;
					color: #888;
				}
				
				.site-section li a:hover{
					text-decoration: underline;
					color: #111;
				}
				
				.site-section li:last-child{
					border: 0;
				}
		
		
		
		#copyright{
			padding-top: 1.5em;
			color: #000;	
		}
			#copyright span {
				float:left;
			}
			#copyright a{
				float:left;
				color: #888;
				margin-left: 15px;	
			}
			
			#copyright a:hover{
				color: #000;	
			}
		
		
		.logo {
			padding:10px;
		}		
		.customForm {
			padding:10px;
		}


			.customForm label, .formLabel {
				margin:0px 5px 0px 5px;
				font-size:1em;
			}
			.customForm td{
				padding:5px;
				vertical-align:middle;
			}
			.customForm input, .form textarea {				
				font-size:1.1em;
				margin:0px 5px 0px 5px;
				overflow:auto;
			}
			.customForm input {				
				vertical-align:middle;
				height:18px;
			}
			.valignTop {
				vertical-align:top !important;
			}
			.customForm .innerTable td {
				padding:0px !important;
			}
			.formField {
				border:1px solid #575757;
			}
			.formButton {
				float:right;
				height:26px !important;
			}
			.required {
				color:#CC0000;
			}

			/* Error */
			div.errorPanel {
				border:1px solid #CC3333;
				color:#CC3333;
				font-weight:bold;
				margin:0pt 0px 15px;
				padding:10px;
				}
			div.errorPanel ul {
				margin:10px 30px 0pt 0pt;
				padding:0pt;
				}
			div.errorPanel ul li {
				background:transparent url(/img/square_bullet_red.gif) no-repeat scroll 0pt 6px;
				font-weight:normal;
				list-style-type:none;
				margin:0pt 0pt 5px;
				padding:0pt 0pt 0pt 10px;
				}
			input.errorField, textarea.errorField {
				padding:1px;
				border:1px solid #CC3333
			}
			label.errorField, span.errorField {
				color:#CC3333;
				font-weight:bold;
			}
			div.displayPanel {
				border:1px solid #dee5e9;
				color:#808080;
				margin:0pt 0px 15px;
				padding:10px;
			}

		#pageMask {
			background-color:#000000;
			height:100%;
			left:0pt;
			opacity:0.5;
			position:absolute;
			top:0pt;
			visibility:hidden;
			width:960px;
			z-index:10;
		}
					
		.jcarousel-control {
			text-align: center;
		}

			.jcarousel-control a {
				font-size: 75%;
				text-decoration: none;
				padding: 0 5px;
				margin: 0 0 5px 0;
				border: 1px solid #fff;
				color: #4088b8;
				background-color: #4088b8;
				font-weight: bold;
			}

			.jcarousel-control a:focus,
			.jcarousel-control a:active {
			   /* outline: none;*/
				vertical-align:inherit;
			}

			.jcarousel-control a.active{
				border:1px solid #000;
			}
		
		
		.callouts {
			float:left;
			padding:0px 0px 0px 20px;
			width:232px;
			position:relative;
			display:inline;
		}
			.callouts a {
				clear:both;
				padding:0px 0px 10px 0px;
				position:relative;
				display:block;
			}
		
		
		.email {
			text-decoration:none;
			color:#0866A4
		}
		.email:hover {
			text-decoration:underline;
		}
		.clearBoth {
		clear:both;
		}

		.ReadMoreIcon {
		background-image:url('/img/fArr.gif'); 
		background-repeat:no-repeat; 
		background-position:right 8px; 
		padding-right:18px; 
		white-space:nowrap; 
		cursor:pointer;}

		.ReadMoreIcon:hover {
		text-decoration:underline;}

		.BackIcon	{
		background-image:url('/img/bArr.gif'); 
		background-repeat:no-repeat; 
		padding-left:18px; 
		background-position:0px 7px; 
		white-space:nowrap; 
		cursor:pointer;}

		.BackIcon:hover {
		text-decoration:underline;}
	/* Media Library */
	
	.mediaLibrary {
		width:586px;
		-moz-border-radius-bottomleft:6px;
		-moz-border-radius-bottomright:6px;
		-moz-border-radius-topleft:6px;
		-moz-border-radius-topright:6px;
		background:#F9F9F9 none repeat scroll 0%;
		border:1px solid #E2E2E2;
		margin-bottom:20px;		
	}
	
	.mediaLibrary .media-clips li {
		float:left;
		/*margin: 20px 20px 20px 0px;*/
		width:136px;
	}

	.mediaLibrary ul {
		padding:0px 0px 0px 70px;
	}

	.mediaLibrary h3 {
		-moz-border-radius-bottomleft:0pt;
		-moz-border-radius-bottomright:0pt;
		-moz-border-radius-topleft:6px;
		-moz-border-radius-topright:6px;
		background:#FFFFFF none repeat scroll 0%;
		color:#666666;
		font-size:1.3em;
		font-weight:bold;
		padding:8px 0pt 0pt 10px;
		position:relative;
	}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

