@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');

.topbar {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}


.row::before, .row::after {
    content: " ";
    display: table;
}

.row::after {
    clear: both;
}

.inset {
    padding-left: 100px;
    padding-right: 100px;
}

.row {
    max-width: 1400px;
}

.row {
    margin: 0 auto;
     width: 100%;
}

.columns {
    padding: 0;
}
.large-6 {
    width: 50%;
}

.column, .columns {
    float: left;
     position: relative;
}

ul.top-menu {
    list-style-type: none;
    margin: 0;
}

ul, ol, dl {
    font-family: inherit;
    font-size: 1rem;
    list-style-position: outside;
}

ul.top-menu > li {
    float: left;
    font-family: "Droid Sans",sans-serif;
}

ul.top-menu > li > a {
    color: #333;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 11px 30px 9px 0;
}

ul.top-menu > li > ul {
    display: none;
}
ul li ul, ul li ol {
    margin-bottom: 0;
    margin-left: 1.25rem;
}

ul.top-menu > li > ul > li:first-child > a {
    border-top: 1px solid #dfdfdf;
}

ul.top-menu > li > ul > li > a {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    color: #000;
    display: block;
    line-height: 20px;
    min-width: 200px;
    padding: 9px 20px;
}

.logo img {
    width: 302px;
}

a img {
    border: medium none;
}
img {
    display: inline-block;
    vertical-align: middle;
}
img {
    height: auto;
    max-width: 100%;
}

[class*="column"] + [class*="column"]:last-child {
    float: right;
}
.columns.customer {
    z-index: 30;
}
.columns {
    padding: 0;
}

.customer-login-wrapper.inset-header {
    padding: 0;
    position: absolute;
    right: 0;
}

ul.customer-login-menu.qualified {
    margin-top: 5px;
    padding: 0;
}
.customer-login-wrapper ul.customer-login-menu {
    border: 1px solid #e0e0e0;
    float: right;
    font-family: "DIN Next W01 Medium",Arial,"Droid Sans",sans-serif;
    list-style-type: none;
    width: 378px;
}

ul.customer-login-menu.qualified li:first-child {
    padding: 12px 0 12px 25px;
}
ul.customer-login-menu li:first-child {
    text-align: right;
}
ul.customer-login-menu > li {
    display: block;
    float: left;
    width: 50%;
}

.customer-login-wrapper .myhomeonline img {
    display: block;
    float: left;
    position: relative;
}

ul.customer-login-menu.qualified li:nth-child(2) {
    padding: 22px 15px;
}

ul.customer-login-menu li:nth-child(2) {
    text-align: right;
}

ul.customer-login-menu.qualified > li:nth-child(2) a {
    color: #9d9d99;
}
ul.customer-login-menu > li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
}

.main-navigation {
    margin-top: 20px;
    z-index: 10;
}

.main-navigation .columns {
    z-index: 10;
}
.columns {
    padding: 0;
}
.large-12 {
    width: 100%;
}


*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.main-navigation .container {
    overflow: auto;
    z-index: 10;
}

ul.main-menu {
    border-bottom: 4px solid #017da1;
    font-family: "DIN Next W01 Medium",Arial,"Droid Sans",sans-serif;
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.main-menu > li.back, ul.main-menu > li > ul {
    display: none;
}

ul.main-menu > li {
    display: inline-block;
}

ul.main-menu > li > a {
    display: inline-block;
    font-family: "Droid Sans",sans-serif;
    font-size: 19px;
    font-weight: bold;
    padding: 2px 55px 9px 0;
}

a, a:link, a:visited {
    color: #0081a7;
}

a {
     line-height: inherit;
    text-decoration: none;
}

ul.top-menu > li > ul > li > a:active, ul.top-menu > li > ul > li > a:focus, ul.top-menu > li > ul > li > a:hover {
    color: #0081a7;
}

.bottombar {
    background: #0180a3 none repeat scroll 0 0;
    border-top: 1px solid #e0e0e0;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    margin-top: 120px;
    max-width: 100%;
    padding: 30px 0;
}

.footer .row.bottombar-items, .row.bottombar-items {
    margin: auto;
}

.large-2 {
    width: 16.6667%;
}

.footer .menu ul {
    list-style-type: none;
    margin: 0;
}

.footer .menu li {
    line-height: 160%;
}


.footer .menu li a, .footer .menu-right a {
    color: #fff;
    font-size: 17px;
}

.large-4 {
    width: 33.3333%;
}

.row.bottombar.footer, a {
    text-align: left;
}

#wr_navigation {
    width: 21%;
}

#fixednavigation ul {
    float: none;
}

#fixednavigation ul {
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#fixednavigation ul li {
    background-color: rgb(0, 129, 167);
    border-color: rgb(0, 129, 167);
    border-width: 1px;
    font-size: 17px;
    margin-bottom: 2px;
    padding: 8px 30px;
}

#fixednavigation a:link, #fixednavigation a:visited {
    color: rgb(255, 255, 255);
    font-family: "Droid Sans";
}

#wr_content {
    padding: 0 0 0 20px;
    width: 79%;
}

.tab_content {
    margin: 0;
    width: 100%;
}


element.style {
    width: 98%;
}
*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
table.page_header {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

table.page_header td.page_title {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

table.page_header td.page_title h1 {
    color: rgb(0, 0, 0);
    font-family: "Droid Sans";
    font-size: 40px;
    font-weight: bold;
    text-align: left;
}

#wr_outer {
    margin: 0 auto;
    max-width: 1300px;
    padding: 50px;
}

#fixednavigation ul li:hover {
    background: #cce8ea none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    color: #000 !important;
}

a.apg_standard_bu, a.rpg_standard_bu, a.ppg_standard_bu, a.fin_standard_bu {
    background: #66b4c3 url("images/ui-bg_flat_45_66b4c3_40x100.png") repeat-x scroll 50% 50%;
    border: 1px solid #66b4c3;
    color: #000 !important;
    font-family: "Droid Sans";
    font-weight: normal;
    padding: 0.4em 1em;
}

a.apg_standard_bu:hover, a.rpg_standard_bu:hover, a.ppg_standard_bu:hover, a.fin_standard_bu:hover {
    background-color: #c4c4c4;
    border: 1px solid #c4c4c4;
    color: #000 !important;
}

table.sect_header td.theader h2 {
    color: rgb(0, 0, 0);
    font-family: "droid sans";
}


a:hover {
    cursor: pointer;
}

.standard_bu.res_standard_bu {
    background-color: #66b4c3;
    background-image: none;
    border: 1px solid #66b4c3;
    font-weight: 100;
}

.standard_bu.res_standard_bu:hover {
    background-color: #c4c4c4;
    border: 1px solid #c4c4c4;
}

.standard_bu.pro_standard_bu.ppg_standard_bu {
    background-color: #66b4c3;
    background-image: none !important;
    border: 1px solid #66b4c3;
    font-weight: 100;
}

.standard_bu.pro_standard_bu.ppg_standard_bu:hover {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

td.mand span {
    padding-right: 0 !important;
}

span .lnk:hover {
    background-color: #fff !important;
    color: #0099cc !important;
    text-decoration: underline;
}

.standard_bu.log_standard_bu {
    background-image: none !important;
    background-color: #66b4c3;
    border: 1px solid #66b4c3;
}

.standard_bu.log_standard_bu:hover {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

.customer-login-menu .has-dropdown > a {
    font-family: "droid sans";
    font-size: 16px;
    font-weight: bold;
}
ul.customer-login-menu em.fa-angle-right {
    color: #0081a7 !important;
    font-weight: bold;
    margin: 0 0 0 20px;
}

/* Main nav hover element test */

ul.main-menu > li.active > ul > li > a, ul.main-menu > li > ul > li > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    display: block;
    font-family: "Droid Sans",sans-serif;
    font-size: 17px;
    font-style: normal !important;
    line-height: 28px;
    padding: 15px 25px 11px 20px;
}
.dropdown a {
    color: #000 !important;
}

ul.main-menu > li > ul > li:first-child > a {
    border-top: 4px solid #017da1;
}
ul.main-menu > li > ul > li > a:active, ul.main-menu > li > ul > li > a:focus, ul.main-menu > li > ul > li > a:hover {
    color: #0081a7 !important;
}

a:hover {
    cursor: pointer;
}
a:active, a:hover {
    outline: 0 none;
}

.has-dropdown:hover .dropdown {
    background-color: #ededed;
    display: block;
    list-style: outside none none;
    margin-left: 0;
    position: absolute;
}

.dropdown > li {
    border-top: 1px solid #ccc;
}

/* top-nav hover elements */

ul.top-menu > li > ul:hover {
    display: block;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    z-index: 100;
}

.top-menu .has-dropdown:hover {
    position: relative !important;
    z-index: 100 !important;
}

.dropdown a:hover {
    color: #0081a7 !important;
}

/* footer hover elements */

.large-2.medium-2.small-4.columns.menu a:hover {
    text-decoration: underline;
}

.large-4.medium-4.small-4.columns.menu a:hover {
    text-decoration: underline;
}

.footer-nvisage:hover {
    color: #99ccda !important;
    text-decoration: none !important;
}

.row.bottombar.footer a {
    font-family: "droid sans" !important;
}

.large-4.medium-4.small-4.columns.menu.copyright li {
    font-family: "droid sans";
    font-size: 16px;
}


/* responsive */

@media (max-width: 862px) {
.logo img {
    width: 65%;
}
.main-navigation {
    margin-top: 50px;
}
}


@media (max-width: 768px) {
.inset {
    padding: 0 15px;
}
.footer .menu li a, .footer .menu p, .footer .menu ul, .footer .menu-right a {
    font-size: 17px;
}
.bottombar {
    background-color: #F9F9F9;
    padding: 10px 0 30px;
    margin-top: 0;
    border: none;
    color: #000;
}
.footer {
    padding: 0 2%;
    text-align: center;
    font-size: 17px;
}
.row.main-navigation.inset {
    display: none;
}
.container-fluid.topbar {
    display: none;
}
.customer-login-wrapper.inset-header {
    display: none;
}
.logo img {
    margin-top: 30px;
    width: 100%;
}

.large-2.medium-2.small-4.columns.menu {
    display: none;
}

.large-4.medium-4.small-4.columns.menu {
    display: none;
}
.large-4.medium-4.small-4.columns.menu.copyright {
    display: inline;
    margin: 20px 0;
    width: 100%;
}
.footer-nvisage {
    color: #0081a7 !important;
}
button {
    float: right;
}
#fixednavigation a:hover, #fixednavigation a:focus, #fixednavigation a:active {
    text-decoration: none !important;
}

#fixednavigation ul li {
    padding: 9px 30px !important;
}

}

.job_search_results_nav .standard_bu.res_standard_bu, .standard_bu[name^="BU_BACK.FRM_BUTTON.ET_BASE.1-1-1"], a.fin_standard_bu {
    display: none;
}

div.fin_standard_bu {
    background-image: none;
    border: none;
}

.conf_style, .conf_style span {
    background-color: #0081a7;
}

.conf_style span {
    color: #ffffff;
}

