img {
    border: none;
}

* {
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", Arial;
}

* html div {
    position: relative;
}

body {
    font-family: "Century Gothic", Arial;
    color: #1D272A;
    font-size: 14px;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #ED601A;
}

a:hover {
    text-decoration: underline;
}

p {
    font-size: 14px;
    color: #1D272A;
    line-height: 18px;
}

.clear {
	clear: both;
}

.center {
    text-align: center;
}

.emphasis {
    font-style: italic;
    font-weight: bold;
}

.italic {
    font-style: italic;
}

/* Announcement Header */

#sticky-mini-banner {
    top: 0;
    height: 50px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
    background: #e9efef;
    text-align: center;
    line-height: 50px;
}

#mini-text {
    display:none;
}

/* Header */

#sticky-nav {
    top: 0px; /* note: set to 50px if there's a mini-banner, 0px if not */
    height: 74px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
    background: white;
}

#header {
    margin: 0 auto;
    width: 975px;
    min-width: 360px;
}

#main-logo {
    float: left;
    padding: 20px 20px 0 20px;
}

#centered-logo {
    display: none;
}

#secondary-nav-icons {
    display: none;
}

#menuIcon {
    font-size: 30px;
    float: right;
    cursor: pointer;
    padding: 6px 10px;
    display: none;
}

#header .navIcon {
    font-size: 25px;
    cursor: pointer;
    padding: 5px;
    color: #9CA6A9;
}

#header .subNavIcon {
    font-size: 16px;
    padding: 5px;
    color: #ED601A;
}

#upper-right-phone {
    font-size: 16px;
    color: #9CA6A9;
    line-height: 18px;
}

/* Navigation */

#main-navigation {
}

#main-navigation .menu-drop-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -6px;
    border: solid #ed601a;
    border-width: 0 1px 1px 0;
    height: .375rem;
    width: .375rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#secondary-nav {
    list-style: none;
    float: right;
    display: block;
    margin-top: 17px;
}

#secondary-nav li {
    color: #9CA6A9;
    margin: 10px;
    font-size: 15px;
    display: inline-block;
}

#secondary-nav li a {
    color: #9CA6A9;
    line-height: 18px;
}

#secondary-nav li a:hover {
    text-decoration: none;
}

#main-navbar {
    list-style: none;
    float: left;
    display: block;
    margin-top: 17px;
}

#main-navbar li {
    float: left;
    position: relative;
    margin: 10px;
    padding-right: 15px;
}

#main-navbar li a {
    font-size: 15px;
    color: #1D272A;
    line-height: 20px;
    font-weight: 600;
}

#main-navbar li a:hover {
    text-decoration: none;
}

#main-navbar li.main-navbar-option:hover {
    border-bottom: 2px solid #cfd9dc;
}

#main-navbar li:hover a {
    color: #1D272A;
}

#main-navigation span.flip-icon {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: 0;
}

#main-navbar .dropdown {
    position: relative;
    right: 15px;
    list-style: none;
    z-index: 9999;
}

#main-navbar .dropdown a {
    cursor: pointer;
}

#main-navbar .dropdown .subnav {
    width: 195px;
    position: absolute;
    top: 10px;
    left: 0;
    *bottom: 0;
    background: #fff;
    list-style: none;
}

#main-navbar .section .button-wrapper {
    width: 120px;
    margin: 15px 0 0 10px;
    display: inline-block;
}

#main-navbar .section .button {
    font-size: 13px;
    font-weight: 300;
}

#main-navbar .section .light-btn-wrapper a:hover {
    color: #fff;
}

#main-navbar .section .externalNotice {
    margin-left: 29px;
    font-size: 10px;
    margin-top: 3px;
    color: #697376;
}

#nav-sections {
    width: 305px;
    height: 352px;
    position: absolute;
    top: 10px;
    left: 210px;
    background: #E7EcED;
    list-style: none;
}

#products a {
    cursor: default;
}

#products ul li a {
    cursor: pointer !important;
}

#main-navbar .dropdown .subnav li {
    width: 200px;
    background: #fff;
    margin: 0;
    padding: 10px 0px 10px 15px;
}

#main-navbar .dropdown .subnav #default {
    color: #697376;
    font-size: 12px;
    padding: 10px 0px 5px 20px;
}

#main-navbar .dropdown .subnav li span {
    font-size: 10px;
    margin-left: 5px;
    padding: 1px 2px;
    color: #009917;
    border: 1px solid #009917;
    border-radius: 2px;
}

#products .dropdown .subnav li:first-child {
    width: 185px;
    background: #fff;
    margin: 0;
    padding: 18px 0px 10px 15px;
    font-size: 12px;
    color: #9CA6A9;
    line-height: 15px;
    cursor: default;
}

#products .dropdown .subnav li:first-child:hover {
    width: 185px;
    background: #fff;
    margin: 0;
    padding: 18px 0px 10px 15px;
}

#main-navbar .dropdown .subnav li:hover {
    background: #E7EcED;
}

#main-navbar li .subnav li a {
    display: block;
    line-height: 34px;
}

#main-navbar li:hover .subnav li:hover a {
    color: #ED601A;
}

#nav-sections .section {
    margin: 15px;
}

#default-section .fa-cubes {
    font-size: 105px;
    color: #9CA6A9;
    line-height: 14px;
    text-align: center;
    padding: 70px;
}

#default-section p {
    font-weight: normal;
    font-size: 14px;
    color: #1D272A;
    line-height: 18px;
    text-align: center;
    width: 270px;
}

.section img {
    float: left;
    padding-bottom: 10px;
}

.section h1 {
    padding-bottom: 5px;;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    color: #1D272A;
    line-height: 27px;
}

.section span {
    display: block;
    font-style: italic;
    font-size: 13px;
    clear: both;
}

.section p {
    font-size: 14px;
    padding-top: 10px;
}

.navDropDown {
    list-style: none;
    background-color: #fff;
    top: 62px;
    position: absolute;
    margin: 0;
    right: 0;
    left: 0;
    z-index: 900;
    overflow: auto;
    border-top: 1px solid #CFD9DC;
    padding-bottom: 10px;
}

.navDropDown li {
    display: block;
    position: relative;
    z-index: 997;
    margin: 0;
}

.navDropDown .sign-in {
    background: #ED601A;
}

.navDropDown li a:hover {
    text-decoration: none;
}

#solutions-submenu span {
    color: #1D272A;
    font-weight: 600;
    line-height: 34px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 10px 0 25px;
    cursor: default;
}

#solutions-submenu a:hover {
    text-decoration: none;
}

.navDropDown li a {
    color: #1D272A;
    line-height: 36px;
    font-size: 14px;
    font-weight: 300;
    margin: 0 25px;
    display: block;
    border-top: 2px solid #CFD9DC;
}

.navDropDown li ul li:last-child {
    border-bottom: none;
}

.navDropDown li ul li a {
    padding: 0 50px;
    font-size: 14px;
    font-weight: 400;
}

.navDropDown li ul li a:hover {
    text-decoration: underline !important;
}

.navBreadcrumbs {
    color: #CFD9DC;
    line-height: 34px;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 25px 0;
}

.hidden {
    display: none;
}

.shown {
    display: block;
}

/* Page */

.page {
    width: 950px;
    margin: 0 auto;
}

.container {
    margin-top: 124px; /*  note: set to 124px if you have a mini-banner, 74px if you don't  */
    min-width: 360px;
}

.default-banner {
    position: relative;
    margin-bottom: 20px;
    min-height: 132px;
    background: #E7ECED;
    z-index: -1;
}

.default-banner .page-heading {
    width: 950px;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 50%;
    margin-left: -475px;
    text-align: left;
}

#contact-banner .page-heading {
    text-align: center;
}

.default-banner .page-heading h1 {
    font-size: 44px;
    line-height: 60px;
    font-weight: bold;
    color: #ed601a;
    padding-top: 50px;
}

.dark-banner {
    background-color: #434d4f;
    color: white;
    text-align: center;
    height: 300px;
}

.dark-banner .page-heading h1 {
    color: white;
    font-size: 2.5em;
    font-weight: normal;
    width: 100%;
}

.dark-banner .page-heading h2 {
    color: white;
    font-weight: normal;
    width: 100%;
}

.dark-banner .page-heading p {
    color: white;
    width: 100%;
}

.image-banner {
    position: relative;
    height: 200px;
    background-color: #E7ECED;
    background-image: url("/images/banner.jpg");
    background-size: cover;
    background-position: center;
    z-index: -1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position-y: 10%;
    margin-bottom: 20px;
}

.image-banner .page-heading {
    text-align: left;
}

.image-banner .page-heading h1 {
    font-weight: normal;
}

.image-banner .page-heading p {
    font-size: 1.4em;
    width: 90%;
}

.page-heading {
    width: 950px;
    margin: auto;
    text-align: center;
}

.page-heading h1 {
    font-size: 3em;
    line-height: 60px;
    font-weight: bold;
    color: #ED601a;
    padding-top: 50px;
}

.page-heading h2 {
    font-size: 1.5em;
    line-height: 1.6em;
    font-weight: bold;
    padding: 10px 0;
}

.page-heading p {
    font-weight: 400;
    font-size: 18px;
    color: #1D272A;
    line-height: 26px;
    padding: 10px 0 30px
}

.page-intro {
    width: 950px;
    margin: auto;
}

.column-two .intro-cta .button-wrapper {
    margin-top: 5px;
}

.intro-text {
    font-size: 18px;
    line-height: 20px;
    text-align: left;
}

.intro-cta {
    display: inline-block;
    width: 200px;
    text-align: center;
    padding-right: 20px;
}

.actions .button-wrapper {
    display: inline-block;
    margin: 10px;
}

.row {
    padding: 0 20px;
    margin: 0 auto;
    width: 950px;
}

.callout-row {
    height: 200px;
    background-color: #ed601a;
    background-image: url("/images/orange-callout-row.jpg");
    background-size: cover;
    background-position: center;
}

.callout-row span {
    display: block;
    color: #fff;
    padding: 50px 10px 20px 10px;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}

.row h3 {
    padding-bottom: 10px;
}

.grey {
    background:#E7ECED;
    width:100%;
    margin-bottom: 30px;
}

.dark-grey {
    background:#697376;
    width:100%;
    margin-bottom: 30px;
}

.bottom {
    margin-bottom: 0;
}

.last {
    padding-right: 0 !important;
    border-right: none !important;
}

.page-center {
    width: 950px;
    margin: auto;
}

.quote p {
    background: url(/images/block-quote.png) bottom left no-repeat;
    font-size: 20px;
    color: #1D272A;
    letter-spacing: 0.62px;
    line-height: 32px;
    font-weight: 300;
    font-style: italic;
    padding: 0px 0px 40px 25px;
    margin: 0 0 20px 20px;
}

.quote span {
    font-size: 16px;
    padding-left: 60px;
    float: left;
    color:#1D272A;
    letter-spacing:0.6px;
    line-height:20px;
}

.quote .small {
    background: url(/images/block-quote.png) bottom left no-repeat;
    font-size: 20px;
    color: #1D272A;
    letter-spacing: 0.22px;
    line-height: 24px;
    font-weight: 300;
    font-style: italic;
    padding: 0px 0px 40px 25px;
    margin: 0 0 20px 20px;
}

.top-overlap {

}

.image-panel-wrapper {
    margin: auto;
    padding: 50px 0;
    width: 80%;
    max-width: 900px;
}

.image-panel {
    background: #fff;
}

.image-panel .image-content {
    float: left;
    width: 40%;
}

.image-panel .image-content img {
    width: 100%;
    display: block;
}

.image-panel .content {
    width: 50%;
    background: #fff;
    padding: 5%;
    display: inline-block;
}

.image-panel .content .customer-quote {
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 10%;
}

.customer-quote::before {
    content: '"';
    position: absolute;
    color: #ED601A;
    margin-left: -15px;
}

.customer-quote::after {
    position: absolute;
    content: '"';
    color: #ED601A;
    margin-left: 5px;
}

.image-panel .content .name {
    font-weight: bold;
    padding-bottom: 3%;
}

.image-panel .content p {
    padding-bottom: 1%;
}

.success-stories {
    margin-bottom: 30px;
}

.success-stories h2 {
    font-weight: 600;
    font-size: 20px;
    color: #1D272A;
}

.success-stories img {
    margin: 40px 0 20px 0;
    opacity: 0.9;
    pointer-events: none;
}

.success-stories img:hover {
    margin: 40px 0 20px 0;
    opacity: 1;
}

.success-stories .video {
    display: inline-block;
}

.resources h2 {
    font-weight: 600;
    font-size: 20px;
    color: #1D272A;
    padding: 20px 0 30px 0;
}

.resources a {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    color: #ED601A;
    line-height: 20px;
}

.quote {
    display: inline-block;
    width: 475px;
    vertical-align: top;
    margin: 50px 0 0 20px;
    *display: inline;
    zoom: 1;
}

.video-caption {
    padding: 20px;
    float: left;
    width: 428px;
    background: #E7ECED;
    height: 231px;
}

.video-caption p {
    font-weight: 400;
    font-size: 18px;
    color: #1D272A;
    line-height: 26px;
    padding: 8px 0;
}


.video-caption a {
    font-weight: 600;
    font-size: 16px;
    color: #ED601A;
    line-height: 20px;
}

.featured-video img {
    float: right;
}

.slider {
    outline:1px solid #E7ECED;
    box-shadow:0px 0px 4px 1px rgba(0,0,0,0.35);
}

.partners-slider h2 {
    font-weight: 600;
    font-size: 20px;
    color: #1D272A;
    line-height: 25px;
    padding-top: 20px;
}

/*****  Styles for slidey buttons  *****/
/*  Button-wrapper styles determine background color. Inverse buttons are for secondary CTAs.
    For inverse buttons, use one with a background color that matches the page. */

.button-wrapper {
    width: 200px;
    border: none;
    border-radius: 100px;
}

.primary-btn-wrapper {
    background: #ed601a;
}

.callout-btn-wrapper {
    background: #F0783C;
}

.dark-btn-wrapper {
    background: #1D272A;
}

.light-btn-wrapper {
    background: #b6c0c3;
}

.inverse-btn-wrapper {
    background: #fff;
}

.light-inverse-btn-wrapper {
    background: #E7ECED;
}

.med-inverse-btn-wrapper {
    background: #434d4f;
}

.dark-inverse-btn-wrapper {
    background: #1D272A;
}

/*  Button styles determines hover behavior. Inverse buttons are also given a "border".
    For inverse buttons: slide color, text color, and border color should match.  */

.button {
    color: #fff;
    padding: 10px;
    display: block;
    border-radius: 100px;
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    text-align: center;
    text-decoration: none;
}

.primary-btn {
    background-image: linear-gradient(to left, transparent, transparent 50%, #1D272A 50%, #1D272A);
}

.dark-btn {
    background-image: linear-gradient(to left, transparent, transparent 50%, #ed601a 50%, #ed601a);
}

.light-btn {
    background-image: linear-gradient(to left, transparent, transparent 50%, #697376 50%, #697376);
}

.inverse-btn, .light-inverse-btn {
    color: #ed601a;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ed601a 50%, #ed601a);
    box-shadow: inset 0 0 0 2px #ed601a;
}

.dark-inverse-btn, .med-inverse-btn, .callout-inverse-btn {
    color: #fff;
    background-image: linear-gradient(to left, transparent, transparent 50%, #fff 50%, #fff);
    box-shadow: inset 0 0 0 2px #fff;
}

.callout-inverse-btn:hover {
    color: #ed601a !important;
}

.med-inverse-btn:hover {
    color: #434d4f !important;
}

.dark-inverse-btn:hover {
    color: #1D272A !important;
}

.button:hover {
    background-position: 0 0;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

/***** Tabular Data *****/

table {
    font-size: 14px;
    border: 2px solid #364043;
    margin-bottom: 30px;
    width: 900px;
    border-collapse: collapse;
}

table.stacked {
    margin-bottom: 0;
}

form input.error {
  border: 1px solid #ED601A;

}

form label.error {
  color: #ED601A;
  position: absolute;
}

thead {
    padding: 5px;
    background-color: #364043;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

td {
    padding: 10px;

}

td.header-column {
    font-weight: bold;
    font-size: 14px;
    width: 250px;
}

.no-border td {
    border: none;
    font-size:12px;
}

td.number {
    width: 10px;
}

td.contact {
    width: 220px;
}

thead td {
    padding: 5px;
}

tr.shaded{
    background-color: #E7ECED;
}

tr.bottom-border {
    border-bottom: 2px solid #364043;
}

.form-row {
    margin-bottom: 20px;
    position: relative;
}

.form-row label {
    font-size: 13px;
    display: block;
}

.two-column-cell {
    width: 300px;
    max-width: 100%;
    display: inline-block;
    padding-right: 24px;
}

.two-column-cell input {
    width: 290px;
    max-width: 100%;
    padding: 3px;
    font-size: 14px;
}

.two-column-cell select {
    width: 300px;
    max-width: 100%;
    padding: 3px 0;
    font-size: 14px;
}

.one-column-cell {
    width: 605px;
    width: 605px;
    display: inline-block;
}

.one-column-cell textarea{
    width: 622px;
    height: 350px;
}

input {
    border: 1px solid rgb(169, 169, 169);
}

input.submit {
    font-size: 14px;
    padding: 3px;
    width: 100px;
    display: block;
    border: 2px outset buttonface;
}

.browser-table {
    font-size: 13px;
    border: 2px solid #364043;
    margin-bottom: 25px;
    border-collapse: collapse;
}


.browser-table td {
    border: 1px solid #364043;
    width: 50%;
    padding: 10px;
    font-size: 14px;
}

.browser-table .header {
    background-color: #E7ECED;
    font-weight: 600;
    text-align: center;
}

.ID-menu_list table, .iyp__details_pane table {
    margin-bottom: 0;
    width: 100%;
}

.narrow-only {
    display: none;
}

.support {
    font-weight: 600;
}

.fa-check-circle {
    color: #009917;
    padding-right: 7px;
}

.fa-exclamation-triangle {
    color: #fbe300;
    padding-right: 5px;
}

.fa-ban {
   color: #e30046;
   padding-right: 7px;
}

#sic-sm {
    display: none;
}

#sic-map{
    float: left;
    width: 656px;
}

#sic-sidebar {
    width: 206px;
    height: 350px;
    background: url('/images/subpage-sidebar-sic-bg.jpg') top left repeat-x;
    margin-right: 45px;
    padding: 15px;
    float: left;
    margin-top: -20px;
}

#sic-sidebar h4 {
	margin-top: 120px;
	margin-bottom: 10px;
	font-size: 14px;
}

img.state-img {
	display: block;
	float: right;
}

#state h3 {
    font-size: 18px;
}

#state strong {
    font-size: 18px;
}

#state ul {
    margin-left: 35px;
    line-height: 18px;
    margin-bottom: 15px;
    display: inline-block;
}

.state-information {
    overflow: hidden;
}



/* Footer */


.black {
    background: #1D272A;
}

.white {
    background: #fff;
    height: 60px;
}

#footer-row {
    width: 950px;
    margin: 0 auto;
    padding-top: 10px;
}

footer .full-row {
    padding: 0 20px;
}

#footer-navigation {
    width: 950px;
    margin: 0 auto;
    padding-bottom: 120px;

}

#footer full-row {
    padding: 0 20px;
}

#footer-row p {
    font-weight: 400;
    font-size: 12px;
    color: #9CA6A9;
    line-height: 20px;
    float: left;
    float: left;
}

#footer-row ul {
    list-style: none;
    float: right;
}

#footer-row li {
    float: left;
    padding-right: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

#footer-row li a {
    color: #9CA6A9;
}

#footer-row li a:hover {
    text-decoration: none;
    color: #ED601A;
}

#footer-row li a:hover {
    color: #ED601A;
}

#footer-navigation .column {
    float: left;
    padding-right: 85px;
}

#footer-navigation .column h1 {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding: 40px 0 10px 0;
}

#footer-navigation .column ul {
    list-style: none;
    margin: 0;
    padding-bottom: 20px;
}

#footer-navigation .column .list-heading {
    font-size: 11px;
    color: #9CA6A9;
    line-height: 14px;
    padding-bottom: 11px;
}

#footer-navigation .column li {
    font-size: 14px;
    color: #E7ECED;
    line-height: 20px;
    padding-bottom: 5px;
}

#footer-navigation .column ul a:hover {
    text-decoration: none;
    color: #ED601A;
}

#footer-navigation .column ul a:hover li {
    color: #ED601A;
}


#footer-links {
    width: 950px;
    margin: 0 auto;
}

#footer-links .state-information-center {
    float: left;

}

#footer-links .state-information-center .clear {
    display: none;
}

#footer-links .state-information-center img {
    position: relative;
    float: left;
    z-index: 1;
}

#footer-links .state-information-center h1 {
    font-weight: 600;
    position: absolute;
    font-size: 14px;
    margin-top: 15px;
    z-index: 2;
}

#footer-links .state-information-center h1 a {
    color: #fff;
}

#footer-links .social {
    float: right;
    margin-top: 15px;
}

#footer-links .social ul {
    list-style: none;
}

#footer-links .social li {
    display: inline;
    padding-right: 40px;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

#footer-links .social li:hover {
    color: #ED601A;
}

#sic-dropdown {
    border-radius: 3px;
    width: 114px;
    height: 27px;
    margin: 11px 0 0 95px;
    cursor: pointer;
}

/* upgrade browser */
#upgradeBrowser {
    background: #fdf6bf;
    border-bottom: 1px solid #ffe400;
    font-size: 14px;
    text-align:center;
    padding:10px;
    line-height:22px;
    position:relative;
}

#upgradeBrowser a {
    text-decoration: none;
}

#upgradeBrowser a img {
    vertical-align: middle;
    margin-left: 10px;
}

#upgradeBrowser .close {
    display: block;
    position: absolute;
    right: 15px;top:15px;
    width: 50px;
    cursor: pointer;
}

#upgradeBrowserFF {
    background: #fdf6bf;
    border-bottom: 1px solid #ffe400;
    font-size: 14px;
    text-align:center;
    padding:10px;
    line-height:22px;
    position:relative;
    display: none;
}

#upgradeBrowserFF a {
    text-decoration: none;
}

#upgradeBrowserFF a img {
    vertical-align: middle;
    margin-left: 10px;
}

#upgradeBrowserFF .close {
    display: block;
    position: absolute;
    right: 15px;top:15px;
    width: 50px;
    cursor: pointer;
}

.spacer {
    border: 1px solid transparent;
    margin-bottom: 20px;
}

/* GA extension */

C_DATECONTROL_MENU_LIST table {
    width: 100%;
}