/**** Reset ****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
:focus {
    outline: none;
}
/**** Template ****/
html,body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
	font-family: Arial, sans-serif;
}
body {
    background: #fff;
    font: 18px/22px 'DIN Engschrift Std', Arial Narrow, sans-serif;
    color: #fff;
    width: 100%;
}
a {text-decoration:none; color:#006eb3}
a:hover {color:#009cff}
h1, h2, h3, h4, h5, h6, .font3 {font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif;color:#2383B5}
h1 {font-size: 40px; line-height:1.5; color:#000; text-transform: uppercase}
h3 {font-size: 25px}
h4 {font-size: 18px}
p {font-size: 18px; line-height: 1.2; font-weight: normal;}

.container {width: 960px; margin:0 auto;}
.header {overflow: hidden; margin-bottom: 10px;border-top: 3px solid #7f7f7f}
	.logo {float:left;padding-top: 30px;}
	.map {width: 440px; float:right;}
	.top_right_box {float:right;width: 190px; padding:0 2px 10px 2px; height:184px; background:#77787a; text-align:center}
	.top_right_box h4 {text-transform: uppercase; margin:10px 0; letter-spacing:0.045em; color:#fff}
	.top_right_box img {
		-webkit-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.5); 
		-moz-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.5); 
		box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.5);
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin-bottom:2px;
		background:#77787a;
	}
.noticebar {background:#000000; text-align: center; padding:  5px 10px; margin-bottom: 5px}
.noticebar a{color:#9dcb3b}
.usefullinks {float:right}
.usefullinks-top {height:30px;background:#7f7f7f; padding: 4px 10px 8px; margin-bottom:  10px}
.usefullinks-top img {margin-right:  3px}
.usefullinks-top h3 {display: inline-block; color:#fff; font-size: 21px;vertical-align: top; margin-right:  5px}
.menu {overflow: hidden}	
.menu ul {display:block;}
.menu ul li img {display: inline-block;}
.menu ul li {display:inline-block;background:#1f85b7;font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; font-size: 30px; padding: 0 0.9em;float:left; height:40px; line-height: 40px; border-right:4px solid #ffffff;}
.menu ul li.active {background:#fff}
.menu ul li.active a {color:#1f85b7}
.menu ul li:hover {background:#1677a6} .menu ul li.active:hover {background:#f3f3f3}
.menu ul li:first-child {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background:#532056 !important;
	padding: 0 0.70em !important;
}
.menu ul li:last-child {
	border-right:0;-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.menu ul li a {text-decoration:none;color:#fff; display:block !important; }

.banner {border-top:5px solid #701b5e; height: 344px; margin-top:6px}
.services {background:#532056; padding: 10px 0; margin-bottom:20px} .services.services_page {background:#fff; margin-bottom:0; border-bottom:1px solid #efefef}
.services ul li {display: inline-block; width:90px; overflow: hidden; vertical-align: top; text-align: center}
.services ul li img {border:1px solid #fff}
.services ul li:first-child {margin-left:10px}
.services ul li a {color:#fff;font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif;font-size: 19px}
.services.services_page ul li a{color:#1f85b7}
.services.services_page ul li {width:82px;}

.section {overflow:hidden; }
.section .col {width: 280px; float:left;padding:10px;font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif;}
	.toolbox_img {margin: 10px 15px 0 15px}
	.section .col.toolbox {background:#1f7eb7; height: 128px; }
	.toolbox ul li {display:block;color:#fff; font-size: 30px; line-height: 1}
	.toolbox ul li a {color:#fff}

.section .col.tutorial {background:#77787a; text-align: center;height: 128px; }
	.tutorial h2 {font-size: 30px; line-height: 1; margin-bottom:5px}

.section .col.contactus {padding:0;width: 298px; border-left:1px solid #1f7eb7; border-right:1px solid #1f7eb7; height: 148px;}
	.contactus .col_title {background:#1f7eb7; text-align: center; font-size: 30px; padding: 10px 0}
	.contactus ul {display:table; margin:0 auto; padding: 20px 0 0 0}
	.contactus ul li {display:inline-block; float:left; text-align: center; width:55px}
	.contactus ul li img {margin-bottom:5px}
	.contactus ul li a {color:#532056;font-size: 26px;}

.eform {background:#532056; color:#Fff; font-size: 30px; margin-top: 20px;border:2px dashed yellow}
.eform.col {width: 274px}
.eform img {padding:0 20px}
.eform h3 {margin-top:10px}
.eform a {color:#Fff}
.col.glossary {color:#1f7eb7;font-size: 30px; margin-top: 20px; padding:0;}
.col.glossary h3 {margin-top: 20px; margin-left:20px}
.img_safran {text-align: center}
.margin_left_right30 {margin-left: 30px; margin-right: 30px}

.best-practices, .technical {color:#000}
.col.technical {background:#ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;color:#000; font-size: 18px;padding: 20px; line-height: 1.1; width: 295px; margin-top: 20px; min-height:98px}
.techeventbox { background:url(images/technical-event/bg-techevent.gif) repeat-y #efefef; color:#004A9E }

/***** Inner page ****/
.leftNav {width: 200px; float:left; margin-right:20px;}
.leftNav h1 {line-height:1; margin: 10px 0}
.leftNav ul li {border-bottom:2px dashed #7b7c7e; xpadding: 10px; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; font-size:20px;line-height:1.1;background: #dededf;}
.leftNav ul li a {color:#000; display:block; padding:10px}
.leftNav ul li:hover {background:#cbcbcb}
.leftNav ul li.active {background:#7b7c7e;position:relative; z-index:5; border-bottom:2px dashed #dededf;} .leftNav ul li.active a {color:#fff}
.leftNav ul li.arrow {background:url(../images/img-menu-active.png) top right no-repeat;}


.leftNav ul li ul li a.currrent {color:#FF0004 !important}

.leftNav ul li:first-child.active, .leftNav ul li:last-child.active {border-bottom:none}
.leftNav ul li.active a:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 29px 20px;
	border-color: transparent transparent transparent #7b7c7e;
    display: inline-block;
	position:absolute;
	right: -20px;
    top: -7px;
    z-index: 999;
    }
.leftNav ul li.active.active2 a:after {border-width: 40px 0 63px 20px;top: -17px;}
.leftNavBg {background:#fff}

/* reset our lists to remove bullet points and padding */
.submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  display: block;
}

.mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
}

.submenu {
  xoverflow:hidden;
  max-height: 200px;
  x-webkit-transition: all 0.5s ease-out;
}
.leftNav ul li ul li {background:#aeaeae;font-size:18px}
.leftNav ul li ul li:last-child {border-bottom:none}
.leftNav ul li ul li a {color:#000 !important}
.submenu li:hover {background:#d4d4d4 !important}

/****/

.mainContent {width: 700px; float:left; padding: 20px; position:relative; z-index:1; margin: 40px 0 20px 0}
.mainContent.about {width: 740px; padding: 0; background: url(../images/about/bg-title.jpg) top no-repeat; margin-top:58px}
.mainContent.about h2 {color:#fff}
.mainContent.active {
	background:#fff;
	margin-top: 40px;
	float:right;
	width: 680px;	
}
.mainContent p {margin-bottom:20px;color: #000;}

.products_subtitle {color: #fff; text-align: center; padding:10px 70px 10px 0; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; font-size: 26px; margin-top: 10px; text-transform: uppercase; margin-top:20px; background: url(../images/products/title.png) no-repeat;}
.products_subtitle.about {background: url(../images/products/title2.png) no-repeat; padding-right:60px; color:#fff;background: url(../images/products/title.png) no-repeat;text-align: right; padding:10px 70px 10px 0; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; font-size: 20px; margin-top: 10px;}
.products_subtitle.about3 {background: url(../images/about/about-title.png) top no-repeat; padding-right:50px}
.about2 {background: url(../images/about/about-title.png) top no-repeat; padding-right:50px; color:#fff;text-align: right; padding:10px 70px 10px 0; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; font-size: 20px; margin-top: 10px;}
table.table_row_4 {margin: 20px 0 30px 0}
.table_row_4 td {padding:10px; vertical-align: top; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; font-size: 20px; color:#000}
.table_row_4 td a {border-bottom:1px solid #002060; font-size: 20px; color:#002060}
.table_row_4 td img {margin-bottom:10px}
.table_row_4 td h1 {line-height:1.1; text-transform:none; text-align: center; font-size: 32px}

.about .col1 {width: 226px; float:left; text-align: center; padding:20px 0}
.about .col1 img {width:70%; padding: 20px}
.about .col1.marginlr20{margin: 0 20px;}
.about .col1 .darkblue, .darkblue {
	background: #01408a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01408a), to(#cedae9));
	background: -webkit-linear-gradient(#01408a, #cedae9);
	background: -moz-linear-gradient(#01408a, #cedae9);
	background: -ms-linear-gradient(#01408a, #cedae9);
	background: -o-linear-gradient(#01408a, #cedae9);
	background: linear-gradient(#01408a, #cedae9);
	-pie-background: linear-gradient(#01408a, #cedae9);
	behavior: url(/pie/PIE.htc);
	padding-bottom: 40px;
	min-height: 718px; 
}
.about .col1 .blue, .blue{
	background: #1F85B7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2a8bbb), to(#b1d4e6));
	background: -webkit-linear-gradient(#2a8bbb, #b1d4e6);
	background: -moz-linear-gradient(#2a8bbb, #b1d4e6);
	background: -ms-linear-gradient(#2a8bbb, #b1d4e6);
	background: -o-linear-gradient(#2a8bbb, #b1d4e6);
	background: linear-gradient(#2a8bbb, #b1d4e6);
	-pie-background: linear-gradient(#2a8bbb, #b1d4e6);
	behavior: url(/pie/PIE.htc);
	padding-bottom: 40px;
	min-height: 718px; 
}
.about .col1 .blue img {Width:130px}
.about .col1 .bluegreen {
	background: #82cac9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#82cac9), to(#dcf0f0));
	background: -webkit-linear-gradient(#82cac9, #dcf0f0);
	background: -moz-linear-gradient(#82cac9, #dcf0f0);
	background: -ms-linear-gradient(#82cac9, #dcf0f0);
	background: -o-linear-gradient(#82cac9, #dcf0f0);
	background: linear-gradient(#82cac9, #dcf0f0);
	-pie-background: linear-gradient(#82cac9, #dcf0f0);
	behavior: url(/pie/PIE.htc);
	padding-bottom: 40px;
	min-height: 718px; 
}
.about .col1 h2 {font-size: 25px; margin-bottom:18px}
.about .col1 h3 {color:#000000; font-size: 21px}
.about .col1 .corporate_posters img {padding:0 !important; width:98px;}
.about .col1 .corporate_posters span {text-align:center; color:#000; font-size:21px}
.about .col1 .corporate_posters .row {padding:0 10px;}
.about .col1 .corporate_posters .row div {width:98px; padding-bottom: 20px}

.contact-us {padding: 0;font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; overflow: hidden}
.contact-us, .contact-us p, .services_subcat {color:#000;}
.card {float:left; border:3px solid #000000; padding:20px;}
.card.card2 {width:289px}
.card.card2 .pic {width:84px;}
.card.card2 img {width:100%}
.card ul {margin-left:20px} .card.card2 ul {width:180px;}

.card ul li {display: block; font-size: 22px; margin-bottom: 8px} .card.card2 li{font-size:18px;}
.card ul li:last-child{margin-bottom:0}
.card ul li.title {font-size:25px; font-weight: bold; line-height:1}
.card ul li.position {margin-bottom:15px; line-height:1.1}
.card ul li.email {font-size:18px; margin-top: 15px;}
.card.card2 ul li.email{font-size:15px;}

.safran_fo { 
	float: right;
    background: #7b7c7e;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    padding: 20px;
    width: 270px;
    color: #fff;
    min-height: 192px;
	}
	.safran_fo a {color:#fff}
.helpline {background:#1f85b7 url(../images/contactus/tel.png) center bottom no-repeat; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; font-size:38px; line-height:1.2; padding:20px 10px 20px 15px; color:#fff}
a.helpline  {color:#fff}

.positionRelative {position: relative;}
.activeArrow {
	xbackground: url(../images/contactus/helpline.png) no-repeat;
    position: absolute;
    z-index: 9999;
    right: -22px;
    height: 220px;
    width: 32px;
    bottom: 10px;
}
.technical-event {border:3px solid #532056; height:180px}

.best-practices h3 {margin-bottom:20px;display:block}
.btn {background:#532056; text-align: center; color:#fff; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif; padding: 15px 40px; font-size: 23px; line-height:1; display: block; }
.btn:hover {color:#fff; background:#632f66}

ul.list {margin:20px 0}
ul.list li {list-style: disc; padding-left:0px; margin-left:20px}
.poster_bg {border-left:4px solid #532056; padding-left:10px; position:relative}
.poster_bg .btn {width:150px; margin-bottom:20px; position:absolute; left:-4px; display: block; padding: 10px 20px;}

ul.poster {clear:both;display: block; width:100%; overflow: hidden; margin-bottom:20px}
ul.poster li {float:left;width:88px; margin-right:10px} 
ul.poster.presentation li {width:323px;}
ul.poster.presentation li:first-child {margin-right:30px;}
ul.poster.presentation li img{border:1px solid #ccc;}
ul.poster li img {width:100%; margin-bottom:10px}
ul.poster li a{color:#000000; font-family: 'DIN Engschrift Std', Arial Narrow, sans-serif;font-size:18px}
img.lang {margin: 10px 3px 0px 0px;width:auto !important}
.toolbox-white {color:#Ffffff; }
.toolbox {padding:0 20px}

.services_subcat h1 {color: #2383B5;margin-top:10px}
.services_subcat table td table {margin:0}
.services_side {background: #532056;color: #Fff;margin-top:20px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.services_side h3 {padding:10px; color:#fff}
.services_side ul li {display:block; background:#6d1d5d url(../images/services/icon-checklist.png) right no-repeat; border-bottom:1px solid #fff;}
.services_side ul li a {color:#fff}
.services_side ul li.download {background:#6d1d5d url(../images/services/icon-download.png) right no-repeat;}
.services_side ul li:hover {cursor:pointer; background: #5e0b4d url(../images/services/icon-checklist.png) right no-repeat}
.services_side ul li.download:hover {background:#5e0b4d url(../images/services/icon-download.png) right no-repeat;}

.change_address {background:#a7c500; color: #fff; text-align:center; margin-bottom:20px; padding: 20px 0; font-size: 1.2em;}

/***** Footer ****/

.footer {	
    width: 960px;
    margin: 0 auto;    
    border-top: 1px solid #cac6c5;
    padding: 15px 0;
	margin-top:30px
	}
.footer p {font-size: 11px;color: #959595; font-family: Arial, sans-serif;}	
.footertext {float:left; width: 490px; margin:10px 0 20px 0; line-height:1.2;font-size: 11px;color: #959595; font-family: Arial, sans-serif;}
.footertext2 {float:left; width: 470px; margin:10px 0 20px 0;line-height:1.2; font-size: 11px;color: #959595;  font-family: Arial, sans-serif;}
	.footertext2 ul {margin:0; padding:0;float:right;}
	.footertext2 ul li {float: left; list-style: none; font-family: Arial, sans-serif;}
	.footertext2 ul li a {color: #bdbdbd; text-decoration: none;}
	.footertext2 ul li a:hover {color: #666;}
	.footertext2 ul li:after { content: "/"; padding: 0 5px; }
	.footertext2 ul li:last-child:after { content: ""; padding:0}
.footertext2 span a {color: #bdbdbd; text-decoration: none;}
.footertext2 span a:hover {color: #666;}
.footnote {font-size:11px; font-style:italic}
.floatleft {float:left}
.floatright {float:right}
.padding10 {padding:10px; background: #dededf;}
.padding20 {padding:20px}
.margintop20 {margin-top:20px}
.margintop40 {margin-top:40px}
.marginright10 {margin-right:10px}
.marginright30 {margin-right:30px}
.clear {clear: both; overflow: hidden}
.margintb20 {margin:20px 0}
.marginbottom20 {margin-bottom:20px;overflow: hidden;}
.font1 {font-size: 16px; line-height:1.1}
.font2 {font-size: 18px; line-height:1.1}
.font3 {font-size: 30px; line-height:1.3}
.green {color:#a7c500}
.red {color:#FF0004}
.lightblue {color: #2383B5; }
.bg_grey {background:#b8b8b8}
strong {font-weight: bold}

.sitemap h3 {font-family:  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 16px; font-weight: bold; margin-bottom: 10px; text-align:  center; color:#000}
.sitemap ul li {font-family:  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 14px;}
.sitemap ul li {background:#1f85b7; padding: 2px 10px;}
.sitemap ul li ul.sub-list {margin: 10px 0 0}
.sitemap ul li ul.sub-list li {background:#929497;padding: 0 15px; line-height: 1.5; margin-bottom: 1px}
.sitemap ul li ul.sub-list li a, .sitemap ul li a {color:#fff !important}
.sitemap ul li ul.sub-list li:hover {background: #727272}
.sitemap ul li ul.sub-list a:hover {border-bottom: none}
.sitemap ul li a:hover {border-bottom: 1px solid #fff}

/**** Font ****/
@font-face {
    font-family: "DIN Engschrift Std";
    src: url("DINEngschriftStd_1.eot"); /* this line made the difference */
    src: local("DINEngschriftStd_1"),
         url("DINEngschriftStd_1.eot?"),
         url("DINEngschriftStd_1.eot") format("woff"),
         url("DINEngschriftStd_1.ttf") format("truetype"),
         url("DINEngschriftStd_1.svg#Hero") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN Engschrift Std';
    src: url('DINEngschriftStd_1.eot');
    src: url('DINEngschriftStd_1.eot?#iefix') format('embedded-opentype'),
         url('DINEngschriftStd_1.woff') format('woff'),
         url('DINEngschriftStd_1.ttf') format('truetype'),
         url('DINEngschriftStd_1.svg#AftaserifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}