@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
html {overflow-y: scroll;}
body {
background: #727272 url(body.jpg) no-repeat fixed 50% 0;
color: #666;
font: 400 15px/22px 'Open Sans', sans-serif;
margin: 0;
text-rendering: optimizeLegibility;
}
a {
color: #EF700C;
outline: none;
text-decoration: underline;
transition: all 0.2s ease-in-out 0s;
}
a:hover,
a:focus {
color: #EF700C;
text-decoration: underline;
}
a.logo {
background: url(logo1.png) no-repeat left top;
background-size: contain;
display: block;
height: 80px;
margin-top: -40px; /* negative half of the height */
position: absolute;
right: 20px;
top: 50%;
width: 100px;
}
div.NAVEXLogo {
background: #fff url(https://secure.ethicspoint.com/domain/media/shared/nglogo.png) no-repeat 0 0;
height: 55px;
margin: 30px auto 9.5px;
width: 217px;
}
button {
background: #fff;
border: none;
cursor: pointer;
font-size: 15px;
margin: 10px 0;
padding: 8px 10px;
transition: all 0.2s ease-in-out 0s;
}
button:hover,
button:focus {
background: #666;
color: #fff;
}
button#epConsentContinue,
button#epConsentCancel {
background: #666;
color: #fff;
}
button#epConsentContinue:hover,
button#epConsentCancel:hover,
button#epConsentContinue:focus,
button#epConsentCancel:focus {background: #000;}
button#epConsentContinue[disabled] {background: #ccc;}
h1 {
color: #EF700C;
font: 400 26px/30px 'Open Sans', sans-serif;
margin: 0 0 15px 0;
padding: 0;
}
h2 {
color: #333333;
font: 400 20px/24px 'Open Sans', sans-serif;
margin: 10px 0;
}
h2:lang(eseu) {font: 400 19px/24px 'Open Sans', sans-serif;}
h2:lang(pteu) {font: 400 18px/24px 'Open Sans', sans-serif;}
h3 {
color: #747474;
font: 400 18px/22px 'Open Sans', sans-serif;
margin: 10px 0;
padding: 0;
}
h4 {
color: #000;
font: 400 18px/22px 'Open Sans', sans-serif;
margin: 10px 0;
padding: 0;
}
img {
border: 0;
display: block;
}
ol,
ul {
line-height: 22px;
margin: 0 0 15px 25px;
padding: 0;
}
ol p,
ul p {color: #666;}
ol p:lang(uk),
ul p:lang(uk) {line-height: 21px;}
ol p:lang(ru),
ul p:lang(ru) {line-height: 21px;}
p {
line-height: 22px;
margin: 0 0 15px 0;
padding: 0;
}
#epAttention {color: #333333;}
#epColumn1 {margin-right: 684px;}
#epColumn1 p,
#epColumn1 ul {
color: white;
font: 400 13px/19px 'Open Sans', sans-serif;
}
#epColumn1Inner {
background: url(black.png) repeat left top;
border-bottom: 7px solid #EF700C;
color: #999;
margin-bottom: 8px;
padding: 25px;
zoom: 1;
}
#epColumn1Inner h2,
#epColumn1Inner h3 {color: white;}
#epColumn2 {
float: right;
width: 654px;
}
#epColumn2Inner {
background: white;
padding: 20px;
margin-bottom: 8px;
}
#epColumn3 {
margin: 50px auto;
width: 780px;
}
#epColumn3:lang(th) {width: 790px;}
#epContent {
clear: both;
float: left;
width: 1064px;
}
#epEmergency {}
#epNAVEXFooter {
background: url(white.png) repeat left top;
clear: both;
color: #333;
direction: ltr !important;
font-size: 13px;
padding: 0 20px;
text-align: center;
width: 1024px;
}
#epNAVEXFooter th {display: none;}
#epNAVEXFooter .line1 {float: left;}
#epNAVEXFooter .line2 {float: right;}
#epNAVEXFooter a {
color: #333;
text-decoration: underline;
}
#epNAVEXFooter a:hover,
#epNAVEXFooter a:focus {color: #000;}
#epHeader {
background: url(white.png) repeat left top;
height: 130px;
margin-bottom: 8px;
position: relative;
}
#epLang {
direction: ltr !important;
display: none;
background-color: #d6d1d1;
border-radius: 5px;
right: 5px;
position: absolute;
top: 5px;
width: 182px;
height: 33px;
}
#epLang:lang(kxd) {width: 200px;}
#epLang:lang(eseu),
#epLang:lang(pteu) {width: 250px;}
#epLang a {
color: #000000;
display: block;
float: left;
overflow: hidden;
position: relative;
text-decoration: none;
width: 180px;
}
#epLang a:lang(kxd) {width: 200px;}
#epLang a:lang(eseu),
#epLang a:lang(pteu) {width: 250px;}
#epLang a:after {
float: right;
margin-right: 15px;
content: "▼";
}
#epLang a:first-child {
padding-top: 5px;
padding-left: 10px;
padding-bottom: 6px;
}
#epLang a:hover,
#epLang a:focus {overflow: visible;}
#epLangMenu {
font: normal normal 400 12px/18px Arial, sans-serif;
background: none repeat scroll 0 0 #7e7d7b;
display: block;
left: -173px;
position: absolute;
top: 33px;
width: 345px;
padding-left: 10px;
z-index: 100;
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
#epLangMenu:lang(eseu),
#epLangMenu:lang(kxd),
#epLangMenu:lang(pteu) {left: -103px;}
#epLangMenu:lang(kxd) {left: -155px;}
#epLangMenu span {
display: block;
width: 160px;
}
#epLangMenu span:hover,
#epLangMenu span:focus {color: #EF700C;}
#epLangMenu .colOne {
float: left;
z-index: 100;
}
#epLangMenu .colTwo {
float: right;
margin-right: 20px !important;
z-index: 100;
}
#epLangMenu .colOne:hover {color: #000000;}
#epLangMenu .colTwo:hover {color: #000000;}
#epNav {
color: #d2d2d2;
float: left;
margin-bottom: 20px;
width: 330px;
}
#epNav a {
border-top: 1px solid #595959;
color: #d2d2d2;
display: block;
float: left;
line-height: 37px;
overflow: hidden;
padding: 0 10px 0 0;
position: relative;
text-align: right;
text-decoration: none;
width: 330px;
}
#epNav a:lang(it) {font-size: 13px;}
#epNav a:lang(pteu),
#epNav a:lang(ta) {font-size: 14px;}
#epNav a:hover,
#epNav a:focus {
background-color: rgba(255, 255, 255, 0.1);
border-right: 4px solid #fff;
color: white;
overflow: visible;
}
#epNav a.navbottom {border-bottom: 1px solid #595959;}
#epResources {
/*background: url(resources.png) no-repeat 13px 14px;*/
display: block;
font: 400 15px/37px 'Open Sans', sans-serif;
overflow: visible;
padding: 0 0 0 18px;
position: absolute;
right: -213px;
top: 0;
width: 200px;
z-index: 10;
}
#epResources:lang(ur),
#epResources:lang(ar),
#epResources:lang(he),
#epResources:lang(fa),
#epResources:lang(ku) {right: -310px;}
#epResources span {
background: white;
border-right: 4px solid white;
color: #EF700C;
cursor: pointer;
display: block;
padding: 0 20px 0 25px;
text-align: left;
width: 251px;
}
#epResources span:hover,
#epResources span:focus {
background: white url(resourcesspan.png) no-repeat 13px center;
border-right: 4px solid #9ea62d;
color: #747474;
}
#epSecureText {
display: block;
margin: 0 auto 39px;
width: 441px;
}
#epSecureText:lang(kxd),
#epSecureText:lang(sk),
#epSecureText:lang(vi) {width: 460px;}
#epSecureText:lang(lv),
#epSecureText:lang(no) {width: 480px;}
#epSecureText:lang(cs) {width: 500px;}
#epSecureText:lang(be) {width: 510px;}
#epSecureText:lang(eseu),
#epSecureText:lang(ja) {width: 520px;}
#epSecureText:lang(gr) {width: 530px;}
#epSecureText:lang(id),
#epSecureText:lang(ko),
#epSecureText:lang(mk),
#epSecureText:lang(mn) {width: 540px;}
#epSecureText:lang(mg),
#epSecureText:lang(ms),
#epSecureText:lang(pt),
#epSecureText:lang(pteu),
#epSecureText:lang(sv),
#epSecureText:lang(tr),
#epSecureText:lang(uk) {width: 560px;}
#epSecureText:lang(nl),
#epSecureText:lang(srcs) {width: 580px;}
#epSecureText:lang(hu),
#epSecureText:lang(pl) {width: 600px;}
#epSecureText:lang(fil) {width: 620px;}
#epSecureText:lang(frca) {width: 640px;}
#epSecureText:lang(de),
#epSecureText:lang(fr) {width: 660px;}
#epSecureText:lang(te) {width: 680px;}
#epSecureText:lang(ta) {width: 740px;}
#epSecureText:lang(ru) {width: 780px;}
#epSecureText .securetext {
font-size: 1em;
letter-spacing: -0.25px;
}
#epSecureText .filetext {
font-size: 1.25em;
font-weight: bold;
}
#epWrapper {
float: left;
left: 50%;
margin-left: -532px;
position: relative;
width: 1064px;
}
#logong {
background: #EF700C;
height: 130px;
margin-bottom: 8px;
position: relative;
width: 380px;
}
#logong a.logong {
background: url(https://secure.ethicspoint.com/domain/media/shared/nglogoWhite_Large.png) no-repeat left top;
height: 52px;
left: 124px;
margin-top: -26px;
/* negative half of the height */
position: absolute;
top: 55%;
width: 211px;
}
/*dp2*/
#epDataPrivacy .online,
#epDataPrivacy .phone,
#epDataPrivacy .output {}
#epDataPrivacy {
color: white;
font: 400 13px/19px 'Open Sans', sans-serif;
margin-bottom: 20px;
}
#epDataPrivacy ol.dropDowns {
list-style: none;
margin: 0;
padding: 0;
}
#epDataPrivacy select {
border: 1px solid #666;
font: 400 13px/19px 'Open Sans', sans-serif;
margin-bottom: 10px;
padding: 5px;
width: 99%;
}
/*phone*/
#epPhone {margin-bottom: 20px;}
#epPhone select {
border: 1px solid #666;
font: 400 13px/19px 'Open Sans', sans-serif;
margin-bottom: 10px;
padding: 5px;
width: 99%;
}
/*phone table*/
#epPhoneTable {
color: #fff;
margin-bottom: 15px;
}
#epPhoneTable .div1,
#epPhoneTable .table1,
#epPhoneTable .ol1 {font: 400 13px/19px 'Open Sans', sans-serif;}
/* For when Country1/2 dropdowns are hidden and Dialling does not fit. */
/* .phonetable{
color: #ffffff;  
}
.table1 tbody tr:first-of-type{
display: flex;
flex-direction: column;
margin: 5px 0 15px 0;
}
.table1 tbody tr td:first-of-type{
display: none;
}  */
#epPhoneTable .ol {margin: 0 0 15px !important;}
.black {color: #000;}
.bottom {
margin-bottom: 0;
padding-bottom: 0;
}
.center {
color: #000;
text-align: center;
}
.expand-button {
margin: 0 0 10px;
text-decoration: underline;
}
.expand-button:hover,
.expand-button:focus {color: #000;}
.listor {
list-style: none;
margin: 10px 0;
}
.nowrap {
direction: ltr !important;
unicode-bidi: bidi-override;
white-space: nowrap;
}
.output em {
display: block;
font-size: 90%;
}
.output th {
text-align: left;
width: 160px;
/* white-space:normal !important; */
}
/* For us when DA/WWC used and white spacing needing adding back in for certain languges */
/* .output th:lang(ru), .output th:lang(km), .output th:lang(ka), .output th:lang(id), .output th:lang(hy), .output th:lang(hr), .output th:lang(ar){
white-space:normal !important;
} */
.top {
margin-top: 0;
padding-top: 0;
}