/* Museo Font */
@font-face {
    font-family: 'Museo100Regular';
    src: url('fonts/Museo100-Regular-webfont.eot');
    src: url('fonts/Museo100-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Museo100-Regular-webfont.woff') format('woff'), url('fonts/Museo300-Regular-webfont.ttf') format('truetype'), url('fonts/Museo100-Regular-webfont.svg#Museo100Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo300Regular';
    src: url('fonts/Museo300-Regular-webfont.eot');
    src: url('fonts/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Museo300-Regular-webfont.woff') format('woff'), url('fonts/Museo300-Regular-webfont.ttf') format('truetype'), url('fonts/Museo300-Regular-webfont.svg#Museo300Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo700Regular';
    src: url('fonts/Museo700-Regular-webfont.eot');
    src: url('fonts/Museo700-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Museo700-Regular-webfont.woff') format('woff'), url('fonts/Museo700-Regular-webfont.ttf') format('truetype'), url('fonts/Museo700-Regular-webfont.svg#Museo700Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo700Regular';
    src: url('fonts/Museo700-Regular-webfont.eot');
    src: url('fonts/Museo700-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Museo700-Regular-webfont.woff') format('woff'), url('fonts/Museo700-Regular-webfont.ttf') format('truetype'), url('fonts/Museo700-Regular-webfont.svg#Museo700Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*- Reset CSS
/---------------------------------------------------------------------*/
html, body, div, object, iframe, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, b, bdo, big, cite, code, del, dfn, em, i, img, ins, kbd, q, samp, small, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, table, caption, thead, tfoot, tbody, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 14px;
    vertical-align: baseline;
}

html {
    overflow-y: scroll;
}

body {
    color: #222;
    background: url(/Content/Images/bg-body.png) repeat-x;
    font-size: expression(screen.deviceXDPI>96 ? 1000 /((screen.deviceXDPI / 96) * 16)+"%":"62.5%");
    line-height: 1.5;
    font-family: 'Roboto', sans-serif, Arial;
}

body, textarea {
    font-family: 'Roboto', sans-serif, Arial;
    font-weight: 300;
}

:lang(ar-ae) {
    direction: rtl;
}

:lang(cs-cz) {
    font-family: 'Roboto', sans-serif, Arial !important;
}

:lang(ja-jp) {
    font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif !important;
}

:lang(pl-pl) {
    font-family: 'Roboto', sans-serif, Arial !important;
}

:lang(ru-ru) {
    font-family: 'Roboto', sans-serif, Arial !important;
}

:lang(tr-tr) {
    font-family: 'Roboto', sans-serif, Arial !important;
}

address, blockquote, form, p, pre, table, dl, ol, ul {
}

    blockquote address, blockquote blockquote, blockquote form, blockquote p, blockquote pre, blockquote table, blockquote dl, blockquote ol, blockquote ul, dl address, dl blockquote, dl form, dl p, dl pre, dl table, dl dl, dl ol, dl ul, form address, form blockquote, form pre, form table, form dl, form ol, form ul, ol address, ol blockquote, ol form, ol p, ol pre, ol table, ol dl, ol ol, ol ul, table address, table blockquote, table form, table p, table pre, table table, table dl, table ol, table ul, ul address, ul blockquote, ul form, ul p, ul pre, ul table, ul dl, ul ol, ul ul, button, input, select, textarea {
        font-size: 14px;
        font-family: 'Roboto', sans-serif, Arial;
        font-weight: 300;
    }

h1 {
    color: #003283;
    font-size: 32px;
    font-weight: normal;
    line-height: normal;
    font-family: 'Museo300Regular', Arial;
}

    h1 a {
        color: #003283;
        text-decoration: underline !important;
        font-size: 32px !important;
        color: inherit !important;
    }

    h1 span {
        font-family: 'Roboto', sans-serif, Arial;
        font-size: 18px;
        font-weight: 100;
        margin: 0px;
        color: #222;
        display: block;
        margin: 10px 0px 0px 0px;
    }

h2 {
    color: #222;
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    font-family: 'Museo300Regular', Arial;
}

    h2 a {
        color: #222;
        text-decoration: underline !important;
        font-size: 22px !important;
        color: inherit !important;
    }

h3 {
    color: #222;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    font-family: 'Museo300Regular', Arial;
}

    h3 a {
        color: #222;
        text-decoration: underline !important;
        font-size: 20px !important;
        color: inherit !important;
    }

h4 {
    color: #222;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    font-family: 'Museo300Regular', Arial;
}

    h4 a {
        color: #222;
        text-decoration: underline !important;
        font-size: 18px !important;
        color: inherit !important;
    }

/*
h5 {
    font-size: 16px;
    color: #222;
    font-family: 'Museo300Regular', Arial;
}

h6 {
    font-size: 14px;
    color: #222;
    font-family: 'Museo300Regular', Arial;
}
*/

mark {
    background-color: yellow;
    color: inherit;
}

sup {
    text-decoration: none;
}

abbr, acronym {
    text-decoration: underline;
}

address, cite {
    font-style: normal;
}

b, strong {
    font-weight: bold;
}

big {
    font-size: 20px;
}

code, kbd, pre, samp, tt {
    font-family: "Courier New",Courier,monospace;
}

del {
    text-decoration: line-through;
}

dfn, em, i, var {
    font-style: italic;
}

/*
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
*/

ins {
    text-decoration: underline;
}

small {
    font-size: 12px;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
    font-size: 0.6em;
}

p {
    margin-bottom: 1em;
}

ol, ul {
    list-style: none;
}

dl dt {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
}

iframe {
    border: 0px solid #ccc;
}

blockquote, q {
    quotes: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Small caps */
span.small {
    font-variant: small-caps;
    font-size: .8em;
}

/* Submit button */
input[type=submit] {
    color: #fff;
    background-color: #009bd2;
    font-family: "Museo300Regular",Arial;
    font-size: 16px;
    padding: 10px 25px 10px 25px;
    border: none;
}

/* Generic Table styles */
.generic-table {
    border-collapse: collapse;
    border: 1px solid #ccc;
}

    .generic-table th, .generic-table td {
        border: 1px solid #ccc;
        padding: 18px 10px;
    }

    .generic-table th {
        background: #ccc;
        font-weight: bold;
    }

.centered {
    margin: 0 auto;
    text-align: center;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */
.floatRight {
    float: right;
    display: inline;
    margin-left: 15px;
}

.floatLeft {
    float: left;
    display: inline;
    margin-right: 15px;
}

.drag-to-left {
    float: left;
}

.drag-to-right {
    float: right;
}

.hide {
    display: none;
}

a#top {
    height: 0px;
}

a:link, a:visited {
    color: #009bd2;
    text-decoration: none;
    font-size: 14px;
}

a:hover, a:active {
}

a:hover {
    text-decoration: underline;
}

.no-text-decor {
    text-decoration: none;
}

.no-background {
    background: none !important;
}

hr {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: inset;
    border-color: #eee;
    color: #eee;
}

/* List Styles */
ul {
    padding-left: 10px;
    margin-left: 10px;
    list-style-type: disc;
    margin-bottom: 15px;
}

    ul.noBullet,
    ul.noBullet ul {
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 12px;
        list-style-type: none;
    }

        ul.noBullet ul {
            padding-left: 14px;
        }

        ul.noBullet li {
            line-height: 20px;
        }

    ul li,
    ol li {
        margin-bottom: 3px;
    }

    ul ul {
        list-style-type: circle;
        margin-bottom: 0;
    }

        ul ul ul {
            list-style-type: square;
        }

    ul.small-bullet {
        list-style-image: url("/Content/Images/small-bullet.png");
    }

ol {
    padding-left: 10px;
    margin-left: 10px;
    list-style-type: decimal;
    margin-bottom: 15px;
}

    ol ol {
        margin-bottom: 0;
        list-style-type: lower-alpha;
    }

        ol ol ol {
            list-style-type: lower-roman;
        }

dl {
    margin-bottom: 15px;
}

    dl dt,
    dl dd {
        font-size: 12px;
        margin-bottom: 3px;
    }

    dl dd {
        padding-left: 15px;
    }

/* Text Styles */
.small-font {
    font-size: 11pt;
    font-weight: normal;
}
/* layout framework styles - standard rows and columns*/
.row {
    margin: 0 auto;
    max-width: 100%;
    min-width: 700px;
    width: 980px;
    background: #ffffff;
}

.one {
    width: 8.33333%;
}

.two {
    width: 16.6667%;
}

.three {
    width: 25%;
}

.four {
    width: 33.3333%;
}

.five {
    width: 41.6667%;
}

.six {
    width: 50%;
}

.seven {
    width: 58.3333%;
}

.eight {
    width: 66.6667%;
}

.nine {
    width: 75%;
}

.nine_header {
    width: 85%;
}

.ten {
    width: 83.3333%;
}

.eleven {
    width: 91.6667%;
}

.twelve {
    width: 100%;
}

.row:after {
    clear: both;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

div.underline {
    border-bottom: 1px solid #cdcdcd;
}

/* title styles */
.title-regular {
    font-size: 20px;
    margin-bottom: 10px;
}

    .title-regular.underline {
        border-bottom: 1px solid #cdcdcd;
    }

.info-message, .success-message, .warning-message, .error-message-box {
    border: 1px solid #c0c0c0;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info-message {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/Content/Images/info.png');
}

.success-message {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/Content/Images/success.png');
}

.warning-message {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/Content/Images/warning.png');
}

.error-message-box {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/Content/Images/error-x.png');
}

/* Layout styles */
div#wrapper {
    display: block;
    margin-left: 0;
    position: relative;
    width: 100%;
    z-index: 1;
    border: 0px solid red;
}

div#shadow-wrapper {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 980px;
    box-shadow: 0 0 8px #888888;
}

#header {
    width: 100%;
}
/* top bar styles*/
.top-bar {
    height: 30px;
    color: #222;
    margin: 0px;
    float: right;
}

.top-bar-actions ul li {
    float: left;
    margin: 0px 15px;
}

    .top-bar-actions ul li a {
        float: left;
        padding: 5px 0px 0px 0px;
        font-size: 12px;
        color: #222;
    }

        .top-bar-actions ul li a:visited {
            color: #222;
        }

    .top-bar-actions ul li input {
        margin: 5px 0px 0px 0px;
        color: #cccccc;
    }

/* Obsolete browser message */
div.obsolete-browser-message {
    width: 960px;
    padding: 10px;
    margin: 0px auto;
    text-align: center;
    background-color: #fff8c6;
    clear: both;
}

/* 
 Main nav styles
 -----------------------------------------------------------*/
/* Nav container */
.site-logo {
    float: left;
    min-width: 100px;
}

.efi-logo {
    width: 100px;
    height: 65px;
}

.site-logo a {
    margin: 12% 30%;
    float: left;
}

.header-top-left-logo {
    position: relative;
    margin: 0.7em 1em;
    max-width: 100px;
    z-index: 1;
}

.header {
    /* height: 92px; */
    width: 100%;
}

div.nav {
    float: right;
    margin: 0px;
    z-index: 99;
    position: relative;
    height: 67px;
}

    div.nav ul.site-section:last-of-type li ul.sub-menu {
        width: 230px;
    }

        div.nav ul.site-section:last-of-type li ul.sub-menu li {
            width: 230px;
        }

            div.nav ul.site-section:last-of-type li ul.sub-menu li a {
                width: 208px;
            }

div.navigation {
}

div.nav ul ul {
    display: none;
    margin: 0;
}

div.nav ul li:hover ul {
    display: block;
}

div.nav ul {
    list-style: none;
    position: relative;
    display: inline-table;
    margin: 0;
    padding: 0;
}

    div.nav ul:after {
        content: "";
        clear: both;
        display: block;
        margin: 0;
    }

    div.nav ul li {
        float: left;
        margin: 0px !important;
    }

        /* French strings are longer */
        div.nav ul li.fr-fr {
            min-width: 0px;
        }

            /* Special handing for French */
            div.nav ul li.fr-fr a {
                margin: 20px 15px;
            }

        div.nav ul li:last-child {
            border: none;
        }

        div.nav ul li a {
            margin: 20px;
            font-size: 12px;
            text-transform: uppercase;
            color: #222;
            float: left;
            padding: 0px 0px 6px 0px;
            clear: left;
        }

div.nav div ul:last-child li a {
    margin-right: 0px;
}

:root .nav ul li a {
    margin: 25px 0px\9;
    padding: 0px 15px 6px 25px\9;
}

div.nav ul li a:hover {
    text-decoration: none;
}

div.nav ul ul.sub-menu {
    background-color: #fff;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
    padding: 20px 0px 20px 0px;
    position: absolute;
    top: 80%;
    left: -10%;
    border-top: 3px solid #003283;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.nine_header div ul:nth-child(6) .sub-menu {
    left: -96%;
}

    .nine_header div ul:nth-child(6) .sub-menu:before {
        left: 130px;
    }

.nine_header div ul:nth-child(2) .sub-menu {
    left: -240%;
}

    .nine_header div ul:nth-child(2) .sub-menu:before {
        left: 280px;
    }

/* Language specific positining of nav items */
.nine_header div.fr-fr ul:nth-child(5) li ul.sub-menu {
    left: -20% !important;
}

.nine_header div.it-it ul:nth-child(6) li ul.sub-menu {
    left: -50% !important;
}

.nine_header div.de-de ul:nth-child(6) li ul.sub-menu {
    left: -120% !important;
}

.nine_header div.es-es ul:nth-child(5) li ul.sub-menu {
    left: -20% !important;
}

.nine_header div.pt-br ul:nth-child(5) li ul.sub-menu {
    left: -20% !important;
}

.nine_header div.pt-br ul:nth-child(6) li ul.sub-menu {
    left: -105% !important;
}

.nine_header div.ja-jp ul:nth-child(1) li ul.sub-menu {
    left: -50% !important;
}

.nine_header div.ja-jp ul:nth-child(2) li ul.sub-menu {
    left: -70% !important;
}

.nine_header div.ja-jp ul:nth-child(5) li ul.sub-menu {
    left: -30% !important;
}

.nine_header div.zh-cn ul:nth-child(1) li ul.sub-menu {
    left: -50% !important;
}

.nine_header div.zh-cn ul:nth-child(2) li ul.sub-menu {
    left: -75% !important;
}

.nine_header div.zh-cn ul:nth-child(3) li ul.sub-menu {
    left: -25% !important;
}

.nine_header div.zh-cn ul:nth-child(5) li ul.sub-menu {
    left: -50% !important;
}

.nine_header div.zh-cn ul:nth-child(6) li ul.sub-menu {
    left: -140% !important;
}

div.nav ul ul.sub-menu:before {
    content: "";
    height: 0px;
    width: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #003283;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    position: absolute;
    top: -13px;
    left: 60px;
}

div.nav ul ul.sub-menu li {
    float: left;
    position: relative;
    border: none;
    min-width: 260px;
    background: none !important;
    height: auto !important;
    clear: both;
    width: 100%;
}

div.nav ul li ul.sub-menu li a {
    padding: 4px 10px;
    background: none !important;
    height: auto !important;
    text-transform: none;
    margin: 0 !important;
    font-size: 12px;
    width: 90%;
    font-family: 'Roboto', sans-serif, Arial;
}

    div.nav ul li ul.sub-menu li a:hover {
        color: #fff;
        background: #3399ff !important;
        text-transform: none;
    }

div.nav ul ul.sub-menu ul {
    position: absolute;
    left: 100%;
    top: 0;
    background: none !important;
}

div.horizontalMenu {
    padding: 0px;
    width: 960px;
}

    div.horizontalMenu a:hover {
        background-color: #0098DB;
    }

    div.horizontalMenu div a.menuSectionTitle {
        font-weight: bold;
        color: #222;
        padding: 10px 5px 5px 5px;
    }

/* Search box */
.searchBoxWrapper {
    padding: 0px 0px 2px 0px;
}

.searchBox {
    background-image: url('./images/search-icon.gif');
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 2px 30px 2px 5px;
    border: 1px solid #ECECEC;
    margin-top: 3px;
}

/* Language selector styles 
-----------------------------------------------------------*/
.languageSelectorWrapper {
    float: left;
    margin: 0px;
    line-height: 16px;
}

    .languageSelectorWrapper a {
        font-size: 12px;
    }

    .languageSelectorWrapper .language-selector-region-col {
        float: left;
        max-width: 190px;
        padding: 0px 10px 10px 10px;
    }

.languageSelector {
    float: left;
}

.regionHeading {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0px 2px 4px;
    color: #222;
}

.countryLinks {
    margin-left: 3px;
    padding: 2px;
    float: left;
}

    .countryLinks a {
        font-size: 12px;
        text-decoration: none;
        cursor: pointer;
    }

.flagImage {
    vertical-align: middle;
    padding-right: 5px;
    border: none;
}

.dropdown dd, .dropdown dt, .dropdown ul {
    padding: 2px 0px 1px 5px;
    width: auto;
    text-align: left;
    margin: 0;
    font-size: 12px;
}

.dropdown ul {
    display: none;
    float: left;
    background-color: #fff;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.97);
    border-top: 3px solid #003283;
    margin-top: 5px;
    margin-left: 130px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
}

    .dropdown ul:before {
        content: '';
        height: 0px;
        width: 0px;
        border: 5px solid transparent;
        border-bottom: 5px solid #003283;
        position: absolute;
        top: -3px;
        left: 65%;
    }

    .dropdown ul li {
        float: none;
        display: table;
        margin: 0px 10px 0px 0px;
    }

.dropdown dt {
    margin-top: 5px;
}

    .dropdown dt a {
        font-weight: 100;
        color: #222;
    }

        .dropdown dt a:visited {
            color: #222;
        }

.dropdown dd {
    position: absolute;
    z-index: 111;
    margin-left: -540px;
    width: 950px;
}

dl.dropdown {
    margin: 0 10px 0 0;
}

.breadcrumbs {
    clear: both;
    font-size: 8pt;
    padding: 10px 30px 10px 30px;
    border-top: 1px solid #eee;
    float: left;
    width: 920px;
}

    .breadcrumbs ol {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .breadcrumbs li {
        line-height: 10px;
        display: inline;
    }

        .breadcrumbs li:last-child {
            font-style: italic;
        }

        .breadcrumbs li a {
            text-decoration: none;
            color: #222;
            font-size: 8pt;
            margin: 0px 4px 0px 0px;
        }

            .breadcrumbs li a:active a:visited {
                text-decoration: none;
            }

            .breadcrumbs li a:hover {
                text-decoration: underline;
            }

        .breadcrumbs li:after {
            content: '\3E';
        }

        .breadcrumbs li:last-child:after {
            content: none;
        }

.home-page-banner {
    position: relative;
    height: 400px;
    float: left;
    margin: 0px;
}

/* Comment (JM): Remove the following overlay styles if they aren't being used. */
.banner-overlay {
    width: 325px;
    min-height: 150px;
    position: absolute;
    z-index: 2;
    background-color: rgba(0,0,0,0.7);
    top: 36%;
    left: 2%;
    color: #ffffff;
    padding: 10px;
}

    .banner-overlay a, .banner-overlay p, .banner-overlay h2 {
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
        color: #ffffff;
    }

    .banner-overlay h2 {
        font-size: 32px;
        font-weight: normal;
    }

    .banner-overlay p {
        font-size: 17px;
        font-weight: normal;
    }

    .banner-overlay a {
        font-size: 19px;
        font-weight: bold;
    }

.no-margin-right {
    margin-right: 0px !important;
}

.efi-news {
    height: 36px;
    background: #e2e2e2;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.efi-promos {
    float: left;
    width: 100%;
    position: relative;
    margin: 15px 0px 0px 0px;
}

.imagePromotionBox .text {
    float: left;
    font-size: 12px;
    left: 0;
    margin: 20px;
    position: absolute;
    top: 0;
}

.content-body {
    width: 100%;
}

#home-content-body {
    width: 980px;
    float: left;
    margin: 15px 0px 15px 0px;
}

    #home-content-body #home-image-spots {
        clear: both;
    }

    #home-content-body #home-news-ticker .stationary {
        position: absolute;
        background: #666;
        height: 18px;
        color: #fff;
        padding: 8px;
    }

        #home-content-body #home-news-ticker .stationary:after {
            content: ' ';
            height: 0;
            width: 0;
            border-top: 17px solid transparent;
            border-bottom: 17px solid transparent;
            border-left: 17px solid #666;
            position: absolute;
            top: 0%;
            right: -17px;
        }

    /* What's new */
    #home-content-body .article-info-wrap {
        padding: 0px 10px 0px 10px;
    }

        #home-content-body .article-info-wrap .headline {
            font-size: 18px;
            color: #222;
        }

            #home-content-body .article-info-wrap .headline a {
                font-size: 18px;
                text-decoration: none;
                color: #222;
            }

                #home-content-body .article-info-wrap .headline a:visited {
                    color: #222;
                }

        #home-content-body .article-info-wrap .link {
            margin: 10px 5px 20px -10px;
        }

/* Featured events on home page */
#upcoming-events {
    margin: 60px 0px;
    overflow: auto;
}

    #upcoming-events .name {
        font-size: 20px;
        color: #222;
        text-align: center;
    }

    #upcoming-events .date {
        text-align: center;
    }

    #upcoming-events .logo {
        text-align: center;
        margin: 20px 0px 0px 0px;
    }

/* Featured webinars on home page */
#upcoming-webinars {
    margin: 60px 0px;
    overflow: auto;
}

    #upcoming-webinars .webinar-info {
    }

        #upcoming-webinars .webinar-info .name {
            font-size: 20px;
            color: #222;
            text-align: center;
        }

        #upcoming-webinars .webinar-info .date {
            text-align: center;
        }

        #upcoming-webinars .webinar-info .logo {
            text-align: center;
            margin: 20px 0px 0px 0px;
        }

.content-wrap {
    width: 920px;
    min-height: 600px;
    float: left;
    margin: 10px 30px 10px 30px;
}

#footer {
    width: 100%;
    background: #1284c0 url("../images/footer-bg.gif") repeat-x top left;
    min-height: 100px;
}

#legal-footer {
    width: 100%;
    background: #151515;
    height: 60px;
    border-top: 3px solid #dedede;
}

.no-border {
    border: none !important;
}

/* Footer */
.footer {
    float: left;
    width: 940px;
    margin: 15px 0px 25px 20px;
}

.footer-links {
    float: left;
    margin: 0 auto;
    width: auto;
}

    .footer-links p {
        color: #666;
        font-size: 13px;
        clear: both;
        font-family: 'Roboto', sans-serif, Arial;
    }

    .footer-links ul {
        list-style: none;
        padding: 0;
        margin: 20px 0px 10px 0px;
        float: left;
        clear: both;
    }

    .footer-links li a {
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        border-left: 1px solid #666;
        padding: 0px 10px 0px 10px;
        font-family: 'Roboto', sans-serif, Arial;
        color: #666;
    }

    .footer-links li:first-child a {
        border-left: 0px;
        padding-left: 0px;
    }

    .footer-links li a:hover {
        text-decoration: underline;
    }

    .footer-links li {
        font-size: 10pt;
        font-weight: bold;
        float: left;
    }

.copyright {
    font-size: 13px;
    font-weight: normal;
    color: #666;
    clear: both;
}

    .copyright a {
        font-size: 12px;
        color: #666;
    }

        .copyright a:hover {
            text-decoration: underline;
        }

.footer-links-social {
    float: right;
    padding-top: 20px;
    line-height: 30px;
}

    .footer-links-social ul {
        list-style-type: none;
        float: right;
        margin: 0px;
    }

        .footer-links-social ul li {
            float: left;
            margin: 0px 14px 0px 0px;
            font-family: 'Roboto', sans-serif, Arial;
            color: #666;
        }

            .footer-links-social ul li a {
                border: 0px;
            }

/* Inner page banner styles */
.page-title {
    color: #003283;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    font-family: 'Museo300Regular', Arial;
    padding: 10px 0px 0px 0px;
}

.section-title {
    font-size: 18px;
    color: #222;
    font-family: 'Museo300Regular', Arial;
    font-weight: normal;
}

.page-title-separator {
    clear: both;
    padding: 10px 0px 10px 0px;
}

#contentTop {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

#contentBottom {
    float: left;
    width: 100%;
}

.page-banner {
    float: left;
    overflow: hidden;
    position: relative;
}

    .page-banner.full {
        margin-left: -30px; /* Edge to edge */
    }

    .page-banner img {
        float: left;
    }

h1.banner-title {
    color: #222;
    font-size: 44px;
    line-height: normal;
    font-family: 'Museo100Regular', Arial;
}

    h1.banner-title.white {
        color: #fff;
    }

    h1.banner-title.blue {
        color: #003283;
    }

.banner-header-text {
    width: 850px;
    padding: 20px 0px 20px 0px;
    margin-left: 65px;
    margin-right: 65px;
    overflow: hidden;
    position: absolute;
}

.banner-slogan {
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 10px;
    width: auto;
    height: auto;
    background-color: #000000;
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    z-index: 8;
    padding: 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    color: #ffffff;
    font-size: 12px;
}

    .banner-slogan.transparent {
        background-color: transparent;
    }

    .banner-slogan a {
        text-decoration: none;
        float: right;
        text-align: center;
        font-size: 16px;
        font-family: 'Museo100Regular', Arial;
        width: 270px;
    }

    .banner-slogan h3 {
        font-size: 18px;
        color: #fff;
        margin: 5px;
        font-weight: bold;
    }

    .banner-slogan p {
        padding: 5px;
        margin: 0;
    }

    .banner-slogan.top-left {
        top: 10px;
        right: auto;
        bottom: auto;
        left: 10px;
    }

    .banner-slogan.top-right {
        top: 10px;
        left: auto;
        bottom: auto;
        right: 10px;
    }

    .banner-slogan.bottom-right {
        top: auto;
        right: 10px;
        bottom: 10px;
        left: auto;
    }

    .banner-slogan.bottom-left {
        top: auto;
        right: auto;
        bottom: 10px;
        left: 10px;
    }

    .banner-slogan.middle-left {
        top: 120px;
        right: auto;
        bottom: auto;
        left: 10px;
    }

    .banner-slogan.middle-right {
        top: 120px;
        right: 10px;
        bottom: auto;
        left: auto;
    }

.banner-video {
    float: left;
    top: 155px;
    position: absolute;
    left: 80px;
    border: solid 5px #eee;
    background-color: #eee;
}

.banner-nav-links-wrap {
    width: 280px;
    height: 270px;
    overflow: hidden;
    float: right;
    top: 155px;
    right: 80px;
    bottom: auto;
    left: auto;
    position: absolute;
    display: table;
}

    .banner-nav-links-wrap ul {
        list-style-image: url("/Content/Images/arrow-bullet.png");
        margin: 40px 20px 20px 20px;
    }

        .banner-nav-links-wrap ul li {
            margin-bottom: 5px;
        }

            .banner-nav-links-wrap ul li a {
                text-decoration: none;
                color: #009bd2;
                font-size: 16px;
            }

    .banner-nav-links-wrap .banner-nav-links {
        display: table-cell;
        vertical-align: middle;
    }

        .banner-nav-links-wrap .banner-nav-links .blue-button {
            padding-top: 10px;
        }

            .banner-nav-links-wrap .banner-nav-links .blue-button a {
                text-decoration: none;
                color: #222;
                font-size: 16px;
                font-family: 'Museo300Regular', Arial;
                text-align: center;
            }

/* Banner CTA */
div.call-to-action-button {
    padding: 20px 0px 10px 0px;
    text-align: left;
    margin-bottom: -22px;
    margin-right: -20px;
}

    div.call-to-action-button.left {
        float: left;
    }

    div.call-to-action-button.right {
        float: right;
    }

#page-title-wrap {
    padding: 0px 0px 0px 0px;
}

/* Product page styles  */
#product-details-wrap {
    width: 100%;
    overflow: hidden;
    clear: both;
}

    #product-details-wrap #details {
        width: 680px;
        float: left;
        overflow: auto;
    }

        #product-details-wrap #details.fullwidth {
            width: 100%;
        }

        #product-details-wrap #details #title-and-cta {
        }

            #product-details-wrap #details #title-and-cta #title {
                float: left;
                width: 500px;
                line-height: 32px;
            }

                #product-details-wrap #details #title-and-cta #title.fullwidth {
                    width: 720px;
                }

            #product-details-wrap #details #title-and-cta #cta {
                float: right;
                width: 180px;
                line-height: 32px;
            }

        #product-details-wrap #details .tagline {
            font-size: 20px;
            font-weight: 400;
            margin: 0px;
            color: #222;
            font-family: 'Roboto', sans-serif, Arial;
        }

        #product-details-wrap #details .product-description {
            margin-bottom: 20px;
            font-size: 16px;
        }

            #product-details-wrap #details .product-description p {
                margin: 0px;
                font-size: 16px;
            }

            #product-details-wrap #details .product-description a {
                font-size: 16px;
            }

                #product-details-wrap #details .product-description a:link {
                    color: #009bd2;
                }

                #product-details-wrap #details .product-description a:visited {
                    color: #009bd2;
                }

        #product-details-wrap #details .product-image {
        }

            #product-details-wrap #details .product-image img {
                max-width: 680px;
            }


        #product-details-wrap #details .side-by-side {
        }

            #product-details-wrap #details .side-by-side .product-image {
                float: left;
                margin-right: 20px;
            }

            #product-details-wrap #details .side-by-side .product-content {
                overflow: hidden;
            }

        #product-details-wrap #details #product-navigator {
            float: right;
            overflow: auto;
        }

/* Product page - product details */
.productInformationWrap {
    float: left;
    width: 920px;
}

.productDetails {
    float: left;
    width: 680px;
}

/* Product page tabs */
.products-tab-area-wrap {
    position: relative;
    float: left;
    width: 680px;
}

.productsTabArea {
    float: left;
    width: 100%;
}

/* Product page tabs content */
.productTabContent {
    margin-top: 30px;
}

    .productTabContent p, .productTabContent ul li {
        line-height: 1.7;
    }

    .productTabContent a {
        /*
        text-decoration: underline;
            */
    }

        .productTabContent a:link {
            color: #009bd2;
        }

        .productTabContent a:visited {
            color: #009bd2;
        }

    .productTabContent #supportContacts .title-regular {
        display: none;
    }

/* Product page - tabs */
.productTabs {
    clear: both;
    list-style: none;
    margin: 20px 0px;
    padding: 1px 0px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

    .productTabs li {
        display: inline-block;
        position: relative;
        z-index: 0;
        margin: 0px;
        padding: 0px 15px;
        white-space: normal;
        text-align: center;
        min-width: 60px;
    }

        .productTabs li:first-of-type {
            padding-left: 0px;
        }

        .productTabs li:last-of-type {
            padding-right: 0px;
        }

        .productTabs li.c1 {
            max-width: 660px;
        }

        .productTabs li.c2 {
            max-width: 330px;
        }

        .productTabs li.c3 {
            max-width: 220px;
        }

        .productTabs li.c4 {
            max-width: 185px;
        }

        .productTabs li.c5 {
            max-width: 140px;
        }

        .productTabs li.c6 {
            max-width: 100px;
            padding: 0px 11px;
        }

        .productTabs li a, .productTabs li a:visited {
            text-decoration: none;
            display: block;
            font-family: 'Museo300Regular', Arial;
            font-weight: normal;
            font-size: 14px;
            color: #222;
        }

        .productTabs li.selected span {
            font-family: 'Museo300Regular', Arial;
            font-weight: normal;
            font-size: 14px;
            color: #222;
            z-index: 2;
            display: block;
            border-bottom: 3px solid #003283;
            display: inherit;
        }

    .productTabs:before {
        position: absolute;
        content: " ";
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #efefef;
        z-index: 1;
    }

/* Sidebar */
.sideBar {
    margin: 20px 0px 0px 20px;
    width: 220px;
}

.sideBarColumn {
    clear: both;
    float: right;
    width: 220px;
    margin-bottom: 20px;
}

    .sideBarColumn.with-border {
        border: 1px solid #f0f0f0;
    }

    .sideBarColumn.with-background {
        background-color: #f8f9fa;
    }

    .sideBarColumn header {
        font-size: 14px;
        font-family: 'Museo300Regular', Arial;
        color: #fff;
        height: auto;
        padding: 5px;
    }

        .sideBarColumn header.news {
            background-color: #666;
        }

        .sideBarColumn header.awards {
            background-color: #666;
        }

        .sideBarColumn header.events {
            background-color: #666;
        }

        .sideBarColumn header.other-products-of-interest {
            background-color: #666;
        }

        .sideBarColumn header.resources {
            background-color: #666;
        }

        .sideBarColumn header.quotes {
            background-color: #666;
        }

        .sideBarColumn header.generic {
            background-color: #666;
        }

.sideBarColumnContent {
    padding: 5px 5px 5px 10px;
}

    .sideBarColumnContent.no-padding {
        padding: 0px;
    }

    .sideBarColumnContent ul li {
        list-style-image: url(images/small-bullet.png);
    }

        .sideBarColumnContent ul li a {
            color: #222;
            text-decoration: none;
        }

            .sideBarColumnContent ul li a:visited {
                color: #222;
            }

            .sideBarColumnContent ul li a:hover {
                text-decoration: underline !important;
            }

/* Product/industry page right sidebar - news */
.news-box {
}

    .news-box .details {
        padding: 5px 0px 5px 0px;
        border-bottom: 1px solid #cccccc;
    }

        .news-box .details:last-child {
            border-bottom: none;
        }

        .news-box .details .date {
            font-weight: bold;
        }

        .news-box .details .name {
        }

/* Product/industry pages right sidebar - awards */
.awards-box {
}

    .awards-box .details {
        padding: 5px 0px 5px 0px;
        border-bottom: 1px solid #cdcdcd;
        margin-bottom: 10px;
    }

        .awards-box .details:last-child {
            border-bottom: none;
            margin-bottom: 0px;
        }

        .awards-box .details .image {
            text-align: center;
        }

        .awards-box .details .name {
            text-align: center;
            margin: 10px 0px;
        }

            .awards-box .details .name a {
                color: #222;
            }

/* Product/industry page right sidebar - events */
.event-box {
    text-align: center;
}

    .event-box .details {
        padding: 5px 0px 5px 0px;
        border-bottom: 1px solid #cccccc;
    }

        .event-box .details:last-child {
            border-bottom: none;
        }

        .event-box .details .date {
            padding: 2px 0px 10px 0px;
        }

        .event-box .details .name {
        }

            .event-box .details .name a {
                color: #222;
            }

        .event-box .details .logo {
            margin: 10px 0px;
        }

        .event-box .details .location {
        }

/* Product/industry page right sidebar - webinars */
.webinars-box {
}

    .webinars-box .details {
        padding: 5px 0px 5px 0px;
        border-bottom: 1px solid #cccccc;
    }

        .webinars-box .details:last-child {
            border-bottom: none;
        }

        .webinars-box .details .image {
            text-align: center;
            margin: 10px 0px;
        }

        .webinars-box .details .name {
            text-align: center;
        }

            .webinars-box .details .name a {
                color: #222;
            }

        .webinars-box .details .date {
            padding: 2px 0px 5px 0px;
            text-align: center;
        }

/* Error page styles */
.error-page-content-wrap {
    width: 740px;
    height: auto;
    margin: auto;
    padding: 50px 10px 200px 10px;
}

    .error-page-content-wrap .title {
        color: #e86d05;
        font-size: 24pt;
        font-weight: 300;
        padding: 0px 0px 20px 0px;
    }

    .error-page-content-wrap .image {
        width: 100px;
        padding: 10px 10px 10px 0px;
        float: left;
    }

    .error-page-content-wrap .message {
        width: 600px;
        text-align: left;
        font-size: 14px;
        float: left;
        padding: 0px 0px 0px 0px;
    }

/* Product landing page styles */
.product-segments-wrap {
    width: 980px;
    margin-left: -30px;
    padding: 20px 0px 20px 0px;
    clear: both;
    float: left;
}

.productFamilyWrap {
    padding: 20px 0px 20px 0px;
    clear: both;
    float: left;
}

.product-family-bucket {
    width: 230px;
    padding: 0px 10px 0px 10px;
    float: left;
}

    .product-family-bucket:first-of-type {
        padding: 0px 10px 0px 0px;
    }

    .product-family-bucket:nth-child(4n+0) {
        padding: 0px 0px 0px 10px;
    }

.product-family-image, .product-family-title, .product-family-links {
    float: left;
    margin-bottom: 10px;
}

.product-family-title {
    height: 70px;
    border-bottom: 1px solid #c0c0c0;
    padding: 0px 20px 0px 5px;
}

    .product-family-title a {
        font-weight: 300;
        font-size: 22px;
        color: #222;
        text-decoration: none;
    }

        .product-family-title a:visited {
            color: #222;
        }

    .product-family-title h3 {
        font-weight: normal;
        font-size: 16px;
    }

.product-family-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .product-family-links ul li {
        margin: 0px 0px 10px 5px;
    }

        .product-family-links ul li a {
            color: #009bd2;
        }

/* Product Category page styles */
.product-category-wrap {
    clear: both;
    margin: 5px 0px 30px 0px;
    float: left;
}

    .product-category-wrap .title {
        margin-bottom: 10px;
    }

        .product-category-wrap .title a {
            margin-bottom: 10px;
            font-size: 20px;
            font-weight: normal;
            color: #003283;
            font-family: 'Museo300Regular', Arial;
        }

            .product-category-wrap .title a:hover {
                text-decoration: none;
            }

    .product-category-wrap .image {
        float: left;
        width: 320px;
        padding: 5px 5px 5px 0px;
    }

    .product-category-wrap .abstract {
        float: left;
        width: 360px;
        padding: 5px 0px 5px 5px;
    }

.product-category-title-big {
    margin: 10px 0px 20px -30px;
    font-size: 24px;
    color: #222;
    border-bottom: 1px solid #cdcdcd;
    width: 980px;
    font-family: "Museo100Regular",Arial;
}

.product-category-abstract {
    margin-left: -30px;
}

/* About us - Locations */
#locationsPageWrap {
    float: left;
    width: 100%;
}

.corporateLocationWrap {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #bbbbbb;
    background: #eee;
}

    .corporateLocationWrap .locationAddress {
        padding: 10px;
        position: relative;
        width: 220px;
        left: 40%;
        min-height: 120px;
        margin: 0;
    }

.locationsWrap {
    float: left;
}

.region-wrap {
    float: left;
    margin: 20px 0px 0px 0px;
    width: 100%;
}

.locationRegion {
    clear: both;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    background: #eee;
    margin: 5px 0px 10px 0px;
}

    .locationRegion h2 {
        margin: 0;
        color: #003283;
    }

.locationAddress {
    float: left;
    width: 230px;
    height: 170px;
    padding: 5px 0px 0px 0px;
}

    .locationAddress p {
        margin: 0;
    }

/* About EFI landing  */
#about-efi-content-wrap {
    overflow: auto;
    margin-top: 20px;
}

    #about-efi-content-wrap #left {
        width: 645px;
        float: left;
    }

    #about-efi-content-wrap #right {
        width: 255px;
        float: right;
    }

/* About EFI->How to buy */
#about-us-content-wrap {
    margin: 30px 0px;
}

    #about-us-content-wrap #contact-form-wrap {
        float: left;
        width: 450px;
    }

        #about-us-content-wrap #contact-form-wrap #contact-form {
            margin-top: 30px;
        }

        #about-us-content-wrap #contact-form-wrap #header-text {
            margin: 20px 0px 0px 0px;
        }

    #about-us-content-wrap #content {
        float: right;
        width: 430px;
    }

/* Download - Download Center */
.downloadsList {
}

    .downloadsList a {
        color: #009bd2 !important;
    }

    .downloadsList div.info {
        padding: 20px 10px 10px 10px;
        float: left;
        width: 600px;
        clear: both;
    }

        .downloadsList div.info .infoRow {
            clear: both;
            font-size: 12px;
        }

        .downloadsList div.info .fieldLabel {
            font-weight: bold;
            text-align: right;
            padding: 2px 10px 2px 2px;
            float: left;
            width: 145px;
            display: table-cell;
        }

        .downloadsList div.info .fieldValue {
            padding: 2px;
            display: table-cell;
        }

    .downloadsList div.downloadButton {
        padding: 100px 10px 20px 10px;
        float: left;
        width: 150px;
    }

    .downloadsList div .title {
        font-size: 16px;
        font-weight: bold;
        color: #003283;
    }

#downloadCenterContent #seeAllDownloadsLink a {
}

#downloadCenterContent .disclaimer {
    clear: both;
}

#content-tabs {
    margin-top: 10px;
    padding: 5px 0px 5px 0px;
    width: 100%;
}

#downloadCriteria {
    float: left;
    width: 980px;
    margin-left: -30px;
}

#content-tabs #oemBox, #oemSystemBox, #fieryModelBox, #platformBox, #appNameBox, #appVersionBox {
    float: left;
    padding: 3px;
}

#content-tabs .criteriaBox {
    font-size: 11px;
    background-color: #F9F9F9;
}

#content-tabs #oemBox {
    width: 120px;
}

    #content-tabs #oemBox select {
        width: inherit;
    }

#content-tabs #oemSystemBox {
    width: 370px;
}

    #content-tabs #oemSystemBox select {
        width: inherit;
    }

#content-tabs #fieryModelBox {
    width: 220px;
}

    #content-tabs #fieryModelBox select {
        width: inherit;
    }

#content-tabs #platformBox {
    width: 240px;
}

    #content-tabs #platformBox select {
        width: inherit;
    }

#content-tabs #appNameBox select {
    width: 350px;
}

#content-tabs #appVersionBox select {
    width: 300px;
}

#content-tabs .boxTitle {
    height: 60px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 2px 5px 0px;
    text-align: center;
}

    #content-tabs .boxTitle.active {
        color: #003283;
    }

    #content-tabs .boxTitle.inactive {
        color: #222;
    }

#content-tabs .disclaimer {
    clear: both;
    color: #222333;
    font-size: 12px;
    margin: 20px 50px 0px 50px;
    padding: 20px 10px 10px 10px;
}

#findDriverButton {
    clear: both;
    float: right;
    margin: 5px 10px 5px 5px;
    padding-top: 10px;
}

#findAppsButton {
    clear: both;
    float: right;
    margin: 5px 255px 5px 5px;
    padding-top: 10px;
}

button.circle-small {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    font-family: Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background: #eee;
    border: 1px solid #999999;
}

    button.circle-small.active {
        color: #222;
    }

    button.circle-small.inactive {
        color: #999;
    }

#downloadCenterBanner {
    position: relative;
    margin: 2px 0px 20px 0px;
}

    #downloadCenterBanner img {
        vertical-align: top;
    }

    #downloadCenterBanner .bannerSlogan {
        position: absolute;
        top: 20px;
        left: 10px;
        color: #fff;
    }

        #downloadCenterBanner .bannerSlogan a {
            color: #fff;
        }

/* Content tabs */
#content-tabs {
    padding: 0px;
    background: none;
    border-width: 0px;
    clear: both;
}

    #content-tabs .ui-tabs-nav {
        padding-left: 5px;
        background: transparent;
        border-width: 0px 0px 2px 0px;
        border-bottom: 1px solid #efefef;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

        #content-tabs .ui-tabs-nav .ui-state-default {
            border: none;
        }

            #content-tabs .ui-tabs-nav .ui-state-default a {
                color: #222;
                background-color: #fff;
                font-family: "Museo300Regular",Arial;
                font-weight: normal;
                font-size: 16px;
            }

                #content-tabs .ui-tabs-nav .ui-state-default a.small {
                    font-size: 14px;
                }

        #content-tabs .ui-tabs-nav .ui-state-active {
            border-bottom: 3px solid #003283;
            background-color: transparent;
        }

    #content-tabs .ui-tabs-panel {
        border-width: 0px 0px 0px 0px;
        padding: 0px;
    }

/* Linked content tabs */
#linked-content-tabs {
    clear: both;
    list-style: none;
    margin: 20px 0px 10px 0px;
    border-bottom: 1px solid #efefef;
}

    #linked-content-tabs li {
        display: inline-block;
        padding: 0px 15px;
        margin-bottom: 0px;
    }

        #linked-content-tabs li.selected {
            border-bottom: 3px solid #003283;
        }

        #linked-content-tabs li a,
        #linked-content-tabs li.selected {
            color: #222;
            font-family: "Museo300Regular",Arial;
            font-weight: normal;
            font-size: 16px;
        }

/* Download center */
#downloadEulaWrap {
    display: none;
}

#downloadEula #eulaButtons {
    float: right;
    padding: 10px 20px 10px 10px;
}

#directDriverDownloadLinkWrap,
#directAppDownloadLinkWrap {
    float: right;
    padding-top: 30px;
    display: none;
}

    #directDriverDownloadLinkWrap #title,
    #directAppDownloadLinkWrap #title {
        color: #009bd2;
        cursor: pointer;
    }

        #directDriverDownloadLinkWrap #title:hover,
        #directAppDownloadLinkWrap #title:hover {
            text-decoration: underline;
        }

    #directDriverDownloadLinkWrap #directDriverDownloadLink,
    #directAppDownloadLinkWrap #directAppDownloadLink {
        display: none;
        text-decoration: underline;
    }

/**********************************************************************
/* Left navigation */
/**********************************************************************/
#left, #right, #middle {
    float: left;
}

#left-nav {
    width: 210px;
}

    #left-nav #menu-title {
        width: 210px;
        padding: 5px 0px;
    }

        #left-nav #menu-title a {
            font-size: 20px;
            color: #003283;
            text-decoration: none;
        }

    #left-nav .sub-list {
        list-style: none;
        margin: 0px 0px 10px 0px;
        padding: 0;
        width: 210px;
    }

    #left-nav #nav-items {
        margin: 0px 0px 20px 0px;
        border-top: 1px solid #cdcdcd;
        border-bottom: 1px solid #cdcdcd;
        padding: 10px 0px;
    }

        #left-nav #nav-items li {
            line-height: 1px;
            list-style: none;
            margin: 6px 0px;
        }

            #left-nav #nav-items li a {
                color: #222;
                display: block;
                font-size: 14px;
                line-height: 1.2em;
                margin: 2px 0px;
                padding: 2px 10px;
                text-decoration: none;
                border-left: 3px solid #fff;
            }

                #left-nav #nav-items li a:hover {
                    color: #fff;
                    background: #666;
                    text-decoration: none;
                }

                #left-nav #nav-items li a.current {
                    border-left: 3px solid #003283;
                }

            #left-nav #nav-items li li a {
                display: block;
                line-height: 1.5em;
                padding: 0px 0px 0px 20px;
                font-size: 14px;
            }

/* Navigation list box */
.navigation-list-wrap {
    float: right;
    width: 310px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    background: url("/Content/Images/select_arrow.png") no-repeat right #eee;
}

    .navigation-list-wrap .navigation-list {
        margin-bottom: 1px;
        overflow: hidden;
        clear: both;
    }

        .navigation-list-wrap .navigation-list .selected-link {
            padding-left: 10px;
            overflow: hidden;
        }

            .navigation-list-wrap .navigation-list .selected-link:hover {
                cursor: pointer;
            }

        .navigation-list-wrap .navigation-list .links {
            overflow: auto;
            position: relative;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
            border: 1px solid #939393;
            background-color: #eee;
            z-index: 10;
            padding: 5px;
        }

            .navigation-list-wrap .navigation-list .links a:link,
            .navigation-list-wrap .navigation-list .links a:visited {
                color: #222;
                text-decoration: none;
                display: block;
                padding: 0px 5px;
                line-height: 1.5em;
            }

            .navigation-list-wrap .navigation-list .links a:hover {
                color: #fff;
                background: #3399ff !important;
                text-transform: none;
            }

/* product navigation */
#product-navigator {
    float: right;
    margin-left: 15px;
    width: 220px;
}

    #product-navigator #menu-title {
        background-color: #666;
        padding: 5px 10px;
    }


        #product-navigator #menu-title a {
            font-size: 14px;
            font-family: "Museo300Regular",Arial;
            color: #FFF;
            height: 20px;
            text-decoration: none;
        }

    #product-navigator #nav-items {
        padding: 5px 0px 0px 0px;
        margin: 0px;
    }

        #product-navigator #nav-items li {
            line-height: 1px;
            list-style: none;
            margin: 0px;
        }

            #product-navigator #nav-items li a {
                color: #222;
                display: block;
                line-height: 17px;
                padding: 5px 15px;
                margin: 1px 0px;
                text-decoration: none;
            }

                #product-navigator #nav-items li a:hover {
                    color: #fff;
                    background-color: #666;
                }

                #product-navigator #nav-items li a.current {
                    border-left: 3px solid #003283;
                    font-style: italic;
                    padding: 2px 0px 2px 10px;
                }

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

#product-navigator #nav-items li.selected ul {
    padding-left: 10px;
}

    #product-navigator #nav-items li.selected ul ul {
        padding-left: 0px;
    }

        #product-navigator #nav-items li.selected ul ul a,
        #product-navigator #nav-items li.selected ul ul span {
            margin-left: 10px;
        }

    #product-navigator #nav-items li.selected ul a {
        background: none;
    }

/* About EFI pages styles*/
.standard-about-page-content {
    width: 700px;
}

.abstract {
}

.body-content {
    margin-top: 1em;
    clear: both;
    overflow: visible;
}

    .body-content a {
        /*
        text-decoration: underline;
            */
    }

        .body-content a:link {
            color: #009bd2;
        }

        .body-content a:visited {
            color: #009bd2;
        }

        .body-content a.button-blue {
            color: #fff;
        }

            .body-content a.button-blue:visited {
                color: #fff;
            }

.bottom-content {
    margin-top: 1em;
    clear: both;
    overflow: auto;
}

    .bottom-content a {
        /*
        text-decoration: underline;
            */
    }

        .bottom-content a:link {
            color: #009bd2;
        }

        .bottom-content a:visited {
            color: #009bd2;
        }

/* people profiles */
.people-profiles {
    float: left;
    width: 100%;
}

    .people-profiles .profile {
        clear: both;
        padding: 10px 0px 10px 0px;
        border-bottom: solid 1px #c0c0c0;
        float: left;
        width: 100%;
    }

    .people-profiles .picture {
        float: left;
        width: 125px;
        padding: 5px 5px 5px 10px;
    }

    .people-profiles .info {
        float: left;
        clear: none;
        width: 550px;
    }

    .people-profiles .name h3 {
        font-size: 14px;
        color: #003283;
        font-weight: normal;
        margin: 0;
    }

    .people-profiles .title h3 {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
    }

    .people-profiles .biography-wrap {
        padding-top: 15px;
    }

    .people-profiles .show-biography-link {
        padding: 0 0 0 30px;
        background-image: url(/content/images/expand.png);
        background-repeat: no-repeat;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .people-profiles .hide-biography-link {
        padding: 0 0 0 30px;
        background-image: url(/content/images/collapse.png);
        background-repeat: no-repeat;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .people-profiles .biography {
    }

/*Industry associations page styles */
#industry-associates {
    width: 100%;
    float: left;
}

    #industry-associates .associate {
        float: left;
        width: 155px;
        margin: 20px 10px;
        text-align: center;
    }

        #industry-associates .associate:nth-of-type(4n+0) {
            margin-right: 0px;
        }

/* Events page styles */
#eventRegionFilter {
    clear: both;
    float: right;
    padding: 20px 0px;
}

    #eventRegionFilter p {
        float: left;
        margin: 0;
    }

    #eventRegionFilter .dropdown-holder {
        width: 200px;
        height: 30px;
        overflow: hidden;
        background: url("images/dropdown-bg.gif") no-repeat top left;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: left;
    }

    #eventRegionFilter select {
        background: transparent;
        width: 225px;
        padding: 5px;
        font-size: 13px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 30px;
        -webkit-appearance: none;
    }

        #eventRegionFilter select option {
            padding: 5px;
            color: #222;
        }

    #eventRegionFilter p {
        margin: 5px 10px 0px 0px;
    }

table.eventsListTable {
    clear: both;
    width: 100%;
    margin: 1em auto;
    border-collapse: collapse;
    color: #222;
}

    table.eventsListTable tr.odd td {
        background: #f7fbff;
    }

    table.eventsListTable tr.odd {
        background: #f4f9fe;
    }

    table.eventsListTable td {
        border-top: 1px solid #dddddd;
        padding: 2em 0 2em 1em;
        vertical-align: top;
    }

    table.eventsListTable th {
        font-weight: bold;
        text-align: left;
        border-bottom: 1px solid #dddddd;
        padding: .3em 1em;
    }

    table.eventsListTable thead th {
        background: #f4f9fe;
        text-align: center;
        color: #66a3d3;
    }

    /* Event columns */
    table.eventsListTable td.eventLogoAndName {
        width: 50%;
    }

    table.eventsListTable td.booth {
        width: 10%;
    }

    table.eventsListTable td.location {
        width: 20%;
    }

    table.eventsListTable td.dates {
        width: 20%;
    }

    table.eventsListTable .eventLogo {
        float: left;
        width: 200px;
    }

    table.eventsListTable .eventName {
        float: left;
        width: 120px;
    }

        table.eventsListTable .eventName a {
            color: #0197d6;
        }

/* Industries landing */
#industries-wrap {
    background-color: #f3f3f3;
    padding: 30px 30px;
    overflow: auto;
    margin: 20px 0px 20px 0px;
}

    #industries-wrap #list {
        margin: 0px auto;
        overflow: auto;
    }

        #industries-wrap #list .industry {
            width: 276px;
            height: 60px;
            padding: 0px 5px;
            float: left;
        }

            #industries-wrap #list .industry .icon {
                width: 50px;
                float: left;
            }

            #industries-wrap #list .industry .name {
                height: 40px;
                padding: 2px 0px;
                display: table-cell;
                vertical-align: middle;
            }

                #industries-wrap #list .industry .name a {
                    color: #222;
                }

/* Industry */
#industry-page-wrap {
}

    #industry-page-wrap #content {
        width: 680px;
        float: left;
    }

    #industry-page-wrap #sidebar {
        float: right;
    }

    #industry-page-wrap #featured-solutions-wrap {
        overflow: auto;
        width: 680px;
    }

        #industry-page-wrap #featured-solutions-wrap .featured-solution {
            clear: both;
            overflow: auto;
            margin: 10px 0px 30px 0px;
        }

            #industry-page-wrap #featured-solutions-wrap .featured-solution .image {
                float: left;
                width: 310px;
                padding: 10px 10px 10px 0px;
            }

            #industry-page-wrap #featured-solutions-wrap .featured-solution .title-and-content {
                float: right;
                width: 330px;
                padding: 10px;
            }

                #industry-page-wrap #featured-solutions-wrap .featured-solution .title-and-content .title {
                    margin-bottom: 10px;
                }

                    #industry-page-wrap #featured-solutions-wrap .featured-solution .title-and-content .title a {
                        margin-bottom: 10px;
                        font-size: 20px;
                        font-weight: normal;
                        color: #003283;
                        font-family: 'Museo300Regular', Arial;
                    }

                        #industry-page-wrap #featured-solutions-wrap .featured-solution .title-and-content .title a:hover {
                            text-decoration: none;
                        }

                #industry-page-wrap #featured-solutions-wrap .featured-solution .title-and-content .content {
                }


/* Support and downloads -> Product support */
#support-contacts-wrap {
}

    #support-contacts-wrap #left {
        float: left;
        width: 600px;
        margin-top: 1em;
    }

        #support-contacts-wrap #left #search-form {
            width: 540px;
            padding: 20px;
            background-color: #f3f3f3;
        }

            #support-contacts-wrap #left #search-form #form-header {
                margin-bottom: 10px;
            }

        #support-contacts-wrap #left #results {
            margin-top: 30px;
        }

    #support-contacts-wrap #right {
        float: right;
        width: 300px;
    }

#productName {
    width: 380px;
    padding: 3px;
    font-size: 14px;
}

/* Support contacts */
div.support-info-row {
    width: 580px;
    font-size: 12px;
    overflow: auto;
}

    div.support-info-row a {
        color: #009bd2;
    }

        div.support-info-row a:hover {
            text-decoration: underline;
        }

    div.support-info-row div.column-label {
        width: 150px;
        float: left;
        text-align: right;
        font-weight: bold;
        color: #222;
        padding: 5px 10px 5px 10px;
    }

    div.support-info-row div.column-data {
        float: left;
        width: 380px;
        color: #222;
        padding: 5px 10px 5px 10px;
    }

/* Support tabs on the Product->Support page */
.productTabContent #supportContacts {
    clear: both;
    padding: 10px 0px 10px 0px;
}

/* Supported printer tab on the Product page */
#supported-printers-selection-criteria {
    width: 100%;
    clear: both;
    margin: 10px 0px 20px 0px;
}

    #supported-printers-selection-criteria #fields {
    }

        #supported-printers-selection-criteria #fields .field-wrap {
            overflow: auto;
        }

            #supported-printers-selection-criteria #fields .field-wrap .field-label {
                float: left;
                text-align: right;
                width: 180px;
                line-height: 30px;
                padding: 5px;
            }

            #supported-printers-selection-criteria #fields .field-wrap .field-content {
                float: left;
                padding: 5px;
            }

                #supported-printers-selection-criteria #fields .field-wrap .field-content div.listbox-blue-arrow-wrap {
                    min-width: 150px;
                    max-width: 450px;
                    margin: 0px;
                    height: 30px;
                }

                    #supported-printers-selection-criteria #fields .field-wrap .field-content div.listbox-blue-arrow-wrap select {
                        height: 30px;
                    }

/* Certification pages */
.certification-page-wrap div.tab-content-wrap {
}

.certification-page-wrap div.certification-image {
    float: left;
    max-width: 250px;
    overflow: auto;
}

.certification-page-wrap div.certification-content {
    float: left;
    width: 460px;
    margin-left: 10px;
    padding: 0px 0px 20px 0px;
}

    .certification-page-wrap div.certification-content div.call-to-action-wrap {
        padding: 10px 0px 10px 0px;
    }

    .certification-page-wrap div.certification-content div#scheduleWrap {
        padding: 20px 0px 10px 0px;
    }

        .certification-page-wrap div.certification-content div#scheduleWrap a {
            font-weight: bold;
        }

.certification-page-wrap .course-details {
    clear: both;
}

.certification-page-wrap .course-name {
    float: left;
    padding-right: 10px;
}

.certification-page-wrap .show-details-link {
    float: left;
    padding: 0 0 0 30px;
    background-image: url(/content/images/expand.png);
    background-repeat: no-repeat;
    font-size: 14px;
    margin-bottom: 10px;
}

.certification-page-wrap .hide-details-link {
    float: left;
    padding: 0 0 0 30px;
    background-image: url(/content/images/collapse.png);
    background-repeat: no-repeat;
    font-size: 14px;
    margin-bottom: 10px;
}

    .certification-page-wrap .show-details-link a, .certification-page-wrap .hide-details-link a {
        font-size: 10px;
        color: #808080;
    }

.certification-page-wrap .course-description {
    clear: both;
}

/* Product tab */
.productTabContent #product-resources-wrap {
    overflow: auto;
    padding: 10px 20px 5px 20px;
    clear: both;
}

    .productTabContent #product-resources-wrap .category-name {
        font-size: 14px;
        font-weight: bold;
    }

    .productTabContent #product-resources-wrap .documents-list {
        overflow: auto;
        padding: 5px 5px 5px 40px;
    }

        .productTabContent #product-resources-wrap .documents-list .document-info {
            clear: both;
            overflow: auto;
            border-bottom: solid 1px #eee;
        }

            .productTabContent #product-resources-wrap .documents-list .document-info:last-child {
                border-bottom: none;
            }

            .productTabContent #product-resources-wrap .documents-list .document-info .thumbnail {
                float: left;
                width: 100px;
                padding: 5px;
            }

                .productTabContent #product-resources-wrap .documents-list .document-info .thumbnail img {
                    border: 1px solid #c0c0c0;
                }

            .productTabContent #product-resources-wrap .documents-list .document-info .details {
                float: left;
                width: 475px;
                padding: 5px;
            }

                .productTabContent #product-resources-wrap .documents-list .document-info .details .title {
                    padding-bottom: 5px;
                }

                .productTabContent #product-resources-wrap .documents-list .document-info .details .description {
                }

                .productTabContent #product-resources-wrap .documents-list .document-info .details .date {
                    font-style: italic;
                }

/* Quoted text */
.quote {
    margin: 3px;
    border: none;
}

    .quote .text {
        padding: 10px 10px 10px 0px;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

        .quote .text > img {
            display: none !important;
            height: 0;
        }

        .quote .text:after,
        .quote .text:before {
            content: '';
            display: inline-block;
            width: 15px;
            height: 11px;
            background-image: url('/content/images/quote-close.png');
        }

        .quote .text:before {
            background-image: url('/content/images/quote-open.png');
        }

        .quote .text span {
            padding: 10px 10px 10px 10px;
            display: inline;
            line-height: 18px;
            text-align: left;
        }

    .quote .source {
        font-weight: bold;
    }

div.testimonial cite {
    padding: 0px 10px 0px 10px;
    font-style: italic;
}

/* Product hierarchy on product family and category landing pages */
.productHierarchy {
    padding: 5px;
}

    .productHierarchy .groupTitle {
        font-weight: bold;
        padding: 10px 0px 2px 0px;
    }

    .productHierarchy a {
    }

        .productHierarchy a:hover {
            text-decoration: underline;
        }

    .productHierarchy ul {
        list-style: none;
    }

/* Content boxes and navigation lists on product family and category pages */
.content-block-wrap {
    margin-left: -30px;
    width: 980px;
    overflow: auto;
}

    .content-block-wrap.gray-bg {
        background-color: #eee;
    }

    .content-block-wrap .grid {
    }

        .content-block-wrap .grid .content-block {
            width: 310px;
            float: left;
            margin-right: 25px;
            margin-bottom: 20px;
            background-color: #eee;
        }

            .content-block-wrap .grid .content-block:nth-child(3n+0) {
                margin-right: 0px;
            }


            .content-block-wrap .grid .content-block:nth-of-type(3n+0) {
                margin-right: 0px;
            }

            .content-block-wrap .grid .content-block .image {
            }

            .content-block-wrap .grid .content-block .title-and-content {
                clear: both;
            }

                .content-block-wrap .grid .content-block .title-and-content .title {
                    font-size: 18px;
                    font-family: 'Museo300Regular', Arial;
                    color: #003283;
                    padding: 5px 10px 0px 10px;
                    margin-bottom: 5px;
                }

                    .content-block-wrap .grid .content-block .title-and-content .title a {
                        font-size: 18px;
                        color: #003283;
                        text-decoration: none;
                    }

                .content-block-wrap .grid .content-block .title-and-content .content {
                    padding: 0px 10px 10px 10px;
                }

                .content-block-wrap .grid .content-block .title-and-content .additional-content {
                    padding: 10px 10px 10px 10px;
                    background-color: #fff;
                }

                    .content-block-wrap .grid .content-block .title-and-content .additional-content a {
                        color: #009bd2;
                        font-size: 14px;
                        text-decoration: none;
                    }

    .content-block-wrap .list {
        margin: 10px 50px 10px 50px;
    }

        .content-block-wrap .list .content-block {
            width: 880px;
            overflow-x: hidden;
            overflow-y: hidden;
            clear: both;
            margin-bottom: 40px;
            border: solid 1px #eee;
        }

            .content-block-wrap .list .content-block.no-border {
                border: none;
            }

            .content-block-wrap .list .content-block .image {
                float: left;
                width: 320px;
                margin-right: 10px;
            }

            .content-block-wrap .list .content-block .title-and-content {
                float: left;
                width: 530px;
                padding: 10px;
            }

                .content-block-wrap .list .content-block .title-and-content .title {
                    font-size: 24px;
                    font-family: 'Museo300Regular', Arial;
                    color: #003283;
                    padding-bottom: 5px;
                }

                    .content-block-wrap .list .content-block .title-and-content .title a {
                        font-size: 24px;
                        color: #003283;
                        text-decoration: none;
                    }


                .content-block-wrap .list .content-block .title-and-content .content {
                    padding: 0px;
                    font-size: 14px;
                }

                .content-block-wrap .list .content-block .title-and-content .additional-content {
                    background-color: #fff;
                }

/* Two column grid styles*/
.two-blocks {
    width: 680px;
    margin-left: 0px;
}

    .two-blocks .grid .content-block:nth-child(2n+0) {
        margin-right: 0px;
    }

    .two-blocks .grid .content-block:nth-child(3n+0) {
        margin-right: 25px;
    }

/* List box with blue arrow */
.listbox-blue-arrow-wrap {
    width: 100%;
    text-align: left !important;
    margin: 20px auto;
    border: 0px solid #ccc;
    width: 500px;
    border-radius: 0px;
    overflow: hidden;
    background: #f0f0f0 url(/content/images/select_arrow.png) no-repeat 100% 50%;
}

    .listbox-blue-arrow-wrap.white-bg {
        background-color: #ffffff;
    }

    .listbox-blue-arrow-wrap.no-margin {
        margin: 0px;
    }

    .listbox-blue-arrow-wrap select {
        padding: 5px 8px;
        width: 110%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 14px;
        height: 40px;
        color: #222;
    }

        .listbox-blue-arrow-wrap select:focus {
            outline: none;
        }

            /* For IE */
            .listbox-blue-arrow-wrap select:focus::-ms-value {
                color: #222;
                background-color: transparent;
            }

    .listbox-blue-arrow-wrap .listbox-blue-arrow {
        font-size: 14px;
        height: 40px;
        color: #222;
    }

/* Overriding font family on jQuery UI widget styles */
.ui-widget {
    font-size: 14px;
    font-family: 'Roboto', sans-serif, Arial !important;
}

    .ui-widget .ui-widget-content {
        color: #222;
    }

/* Styles for eLearning and webinar filter criteria */
#product, #topic, #area, #series {
    width: 350px;
}

#monthyear {
    width: 200px;
}

#search-criteria-wrap {
    margin: 20px 0px;
    padding: 10px 20px;
    background-color: #eee;
    overflow: auto;
}

    #search-criteria-wrap .title {
        margin-bottom: 20px;
    }

    #search-criteria-wrap #search-filters {
        float: left;
        padding-right: 20px;
        border-right: solid 1px #ccc;
    }

        #search-criteria-wrap #search-filters .listbox-blue-arrow-wrap {
            background-color: #fff;
            width: 340px;
            margin: 5px 0px;
        }

            #search-criteria-wrap #search-filters .listbox-blue-arrow-wrap select {
                width: 340px;
            }

    #search-criteria-wrap #no-filter {
        overflow: hidden;
        text-align: center;
    }

        #search-criteria-wrap #no-filter #view-all {
            margin-top: 10px;
        }

    #search-criteria-wrap #filter-product {
        padding: 2px 0px 5px 0px;
    }

    #search-criteria-wrap #filter-topic {
        padding: 2px 0px 5px 0px;
    }

    #search-criteria-wrap #filter-area {
        padding: 0px 0px 5px 0px;
    }

    #search-criteria-wrap #filter-date {
        float: left;
        padding: 1px 0px 5px 0px;
    }

#courseList {
}

    #courseList .courseDetails {
        clear: both;
        margin-top: 20px;
        overflow: auto;
        border-bottom: solid 1px #ccc;
    }

        #courseList .courseDetails:last-of-type {
            border-bottom: none;
        }

        #courseList .courseDetails .fieldLabel {
            font-weight: bold;
        }

        #courseList .courseDetails .name {
            font-size: 16px;
            font-weight: bold;
            padding-bottom: 10px;
        }

        #courseList .courseDetails .image {
            float: left;
            padding: 10px 10px 5px 10px;
            width: 175px;
        }

        #courseList .courseDetails .info {
            float: left;
            padding: 5px 10px 5px 10px;
            width: 450px;
        }

            #courseList .courseDetails .info .overview {
                padding-bottom: 5px;
            }

            #courseList .courseDetails .info .description {
                padding-bottom: 5px;
            }

            #courseList .courseDetails .info .audience {
                padding-bottom: 10px;
            }

            #courseList .courseDetails .info .duration {
                padding-bottom: 10px;
            }

            #courseList .courseDetails .info .cost {
                padding-bottom: 10px;
            }

            #courseList .courseDetails .info .get-now {
                padding-bottom: 10px;
            }

/* About EFI -> Webinars styles */
.webinar-wrap {
    width: 100%;
    border-bottom: solid 1px #ccc;
    clear: both;
    overflow: auto;
    padding: 30px 0px;
    overflow-y: hidden;
}

    .webinar-wrap:last-of-type {
        border-bottom: none;
    }

    .webinar-wrap .title {
        font-weight: bold;
        padding: 5px 5px 5px 0px;
    }

        .webinar-wrap .title a {
            font-weight: bold;
        }

    .webinar-wrap .description-wrap {
        padding: 0px 5px 0px 0px;
        border-right: 1px solid #ccc;
    }

    .webinar-wrap .description {
        padding: 0px 0px 5px 0px;
    }

    .webinar-wrap .series {
        padding: 0px 0px 5px 0px;
    }

    .webinar-wrap .presenter {
        padding: 0px 0px 5px 0px;
    }

    .webinar-wrap .duration {
        padding: 0px 0px 5px 0px;
    }

    .webinar-wrap .time {
        padding: 0px 0px 5px 0px;
        font-style: italic;
    }

    .webinar-wrap .register-button {
        padding: 5px 0px 5px 0px;
    }

    .webinar-wrap .col1 {
        float: left;
        padding-right: 10px;
        width: 460px;
        overflow: visible;
    }

    .webinar-wrap .col2 {
        float: left;
        padding-left: 10px;
        width: 200px;
        overflow: visible;
    }

/* About EFI->Awards */
#awards-wrap {
}

    #awards-wrap .award {
        clear: both;
        overflow: auto;
        border-bottom: 1px solid #efefef;
        padding: 10px 0px;
    }

        #awards-wrap .award:last-of-type {
            border-bottom: 0px;
        }

        #awards-wrap .award .award-image {
            float: left;
            width: 150px;
            margin: 10px 20px 0px 0px;
        }

        #awards-wrap .award .award-details {
            overflow: hidden;
            margin: 10px 0px;
        }

            #awards-wrap .award .award-details .name {
                font-weight: bold;
                margin: 5px 0px;
            }

                #awards-wrap .award .award-details .name a {
                    color: #222;
                }

            #awards-wrap .award .award-details .description {
                margin: 5px 0px;
            }

            #awards-wrap .award .award-details .month {
                margin: 5px 0px;
                font-style: italic;
            }

/* About EFI->Company History */
#company-history {
}

    #company-history .history-event {
        clear: both;
        overflow: auto;
        border-bottom: 1px solid #efefef;
        padding: 10px 0px;
    }

        #company-history .history-event:last-of-type {
            border-bottom: 0px;
        }

        #company-history .history-event .history-event-month {
            font-weight: bold;
            margin: 5px 0px;
        }

        #company-history .history-event .history-event-details {
            margin: 10px 0px;
        }

/* About EFI->In the News styles */
#article-list {
    clear: both;
    margin: 20px 0px;
}

    #article-list .article {
        clear: both;
        overflow: auto;
        margin: 5px 0px;
    }

        #article-list .article .date {
            float: left;
            width: 80px;
            margin: 5px 10px 5px 0px;
        }

        #article-list .article .body {
            margin: 5px 0px;
            overflow: hidden;
            width: auto;
        }

/* Awards and company history year lists */
#year-links {
    list-style: none;
    text-align: center;
}

    #year-links li {
        background-color: #ccc;
        float: left;
        margin: 2px 5px 2px 5px;
        padding: 2px 8px 2px 8px;
        display: block;
        font-size: 12px;
    }

        #year-links li a {
            font-size: 12px;
        }

    #year-links .selected {
        background-color: #a9c6fb;
        font-size: 12px;
    }

/* Generic error message */
.generic-error-message {
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    color: #003283;
}
/* Store - pre-owned printers */

.pre-owned-product-bucket {
    min-height: 200px;
    width: 150px;
    padding: 10px;
}

    .pre-owned-product-bucket:hover {
        background: #F0F0F0;
    }

.pre-owned-product-image {
    text-align: center;
}

.pre-owned-product-name a {
    color: #009bd2;
}

    .pre-owned-product-name a:visited {
        color: #009bd2;
    }

.pre-owned-product-blurb a {
    font-family: 'Roboto', sans-serif, Arial;
    font-weight: 300;
    color: #222;
}

p.button-blue {
    color: white !important;
    background-color: #009bd2;
    font-family: "Museo300Regular",Arial;
    font-size: 16px;
    padding: 10px 25px 10px 25px;
    text-decoration: none !important;
    display: inline-block;
}

.pre-owned-sidebar {
    width: 220px;
    margin: 20px 0px 0px 0px;
    margin-right: -17px;
}

.pre-owned-product-stock-image {
    margin: 0px 0px 5px 0px;
}

.pre-product-details {
    margin: 10px 0px 0px 0px;
}

    .pre-product-details table td {
        padding: 8px;
    }

.pre-owned-other-printers, .pre-owned-product-wrap {
    /*border: 1px solid #ccc;*/
    float: left;
    padding: 10px 0px 0px 10px;
    width: 685px;
    margin: 0px 0px 20px -15px;
}

.pre-owned-other-printers {
    margin-top: 10px;
}

.pre-owned-other-printer-details, .OtherProd_Overview {
    float: left;
    width: 100%;
}

.Left {
    width: 250px;
    padding: 10px;
    float: left;
}

.Right {
    float: left;
    width: 390px;
}

.OtherProd_Overview .Right span.head, .OtherProd_Overview .Right p {
    margin-left: 10px;
}

/* Article short form */
.article-details-short-format-wrap {
    clear: both;
    margin-right: 20px;
    padding: 0px 0px 5px 0px;
    overflow: auto;
    font-size: 12px;
}

    .article-details-short-format-wrap .source {
        padding: 2px 0px 2px 0px;
        font-weight: bold;
    }

    .article-details-short-format-wrap .headline {
        padding: 2px 0px 2px 0px;
    }

        .article-details-short-format-wrap .headline a:link,
        .article-details-short-format-wrap .headline a:visited {
            color: #222;
        }

/* Marketing campaign landing pages */
.campaign-wrap {
    padding: 0px;
}

    .campaign-wrap a {
        /*
        text-decoration: underline;
            */
    }

    .campaign-wrap .logo {
        clear: both;
    }

        .campaign-wrap .logo .left {
            float: left;
        }

        .campaign-wrap .logo .right {
            float: right;
        }

    .campaign-wrap .header-image {
        margin-right: -30px;
    }

    .campaign-wrap .campaign-content {
        float: left;
        clear: both;
        width: 100%;
    }

        .campaign-wrap .campaign-content .col1 {
            float: left;
            width: 440px;
            padding: 10px 20px 0px 0px;
        }

        .campaign-wrap .campaign-content .col2 {
            float: right;
            width: 450px;
            padding: 10px 0px 0px 10px;
        }

    .campaign-wrap .campaign-footer {
        clear: both;
        padding-top: 20px;
    }

        .campaign-wrap .campaign-footer .separator {
        }

        .campaign-wrap .campaign-footer .text {
            padding: 10px 0px 0px 10px;
        }

    .campaign-wrap .registration-form-title {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        background-color: #6699cc;
        padding: 5px;
    }

    .campaign-wrap .registration-form {
        border: solid 10px #eee;
        text-align: center;
    }

    .campaign-wrap .registration-form-header-text {
        padding: 5px 0px;
    }

    .campaign-wrap .registration-form-footer-text {
        padding: 5px 0px;
    }

    .campaign-wrap .marketo-form {
        border: solid 10px #eee;
        padding: 20px 20px;
    }

/* Categories grid (resources/services and training) */
.categories-grid-wrap {
    margin-left: -30px;
    margin-right: -30px;
}

    .categories-grid-wrap .category {
        width: 475px;
        margin: 10px 30px 30px 0px;
        float: left;
        background-color: #eee;
    }

        .categories-grid-wrap .category:nth-child(2n+0) {
            margin-right: 0px;
        }

        .categories-grid-wrap .category .image {
        }

        .categories-grid-wrap .category .name {
            font-size: 18px;
            font-family: 'Museo300Regular', Arial;
            color: #003283;
            padding: 5px 10px 0px 10px;
        }

            .categories-grid-wrap .category .name a {
                font-size: 18px;
                color: #003283;
                text-decoration: none;
            }

        .categories-grid-wrap .category .description {
            padding: 0px 10px 10px 10px;
        }

#body-content-block-wrap .training-products {
    clear: both;
    overflow: auto;
    margin: 10px 0px 30px 0px;
}

#body-content-block-wrap .training-products {
    clear: both;
    overflow: auto;
    margin: 10px 0px 30px 0px;
}

    #body-content-block-wrap .training-products .image {
        float: left;
        width: 320px;
        padding: 10px 10px 10px 0px;
    }

    #body-content-block-wrap .training-products .title-and-content {
        float: left;
        width: 560px;
        padding: 10px;
    }

        #body-content-block-wrap .training-products .title-and-content .title {
            margin-bottom: 10px;
        }

            #body-content-block-wrap .training-products .title-and-content .title a {
                margin-bottom: 10px;
                font-size: 20px;
                font-weight: normal;
                color: #003283;
                font-family: 'Museo300Regular', Arial;
            }

                #body-content-block-wrap .training-products .title-and-content .title a:hover {
                    text-decoration: none;
                }

/* Resources -> Documents */
div#spinner {
    position: fixed;
    display: none;
    width: 920px;
    text-align: center;
    padding-top: 125px;
    overflow: visible;
}

.resource-content-wrap {
    float: left;
}

    .resource-content-wrap .search-box {
        padding: 20px;
        background-color: #f3f3f3;
        width: 880px;
    }

        .resource-content-wrap .search-box .intro-text {
            padding-bottom: 10px;
        }

        .resource-content-wrap .search-box input {
            height: 30px;
            width: 400px;
            border: 0px;
            margin-right: 10px;
        }

    .resource-content-wrap .results {
        width: 680px;
        float: left;
    }

#document-resources-wrap {
    float: left;
    width: 920px;
}

    #document-resources-wrap .document-list-wrap {
        width: 680px;
        float: left;
    }

        #document-resources-wrap .document-list-wrap .document-list {
            margin-top: 20px;
        }

            #document-resources-wrap .document-list-wrap .document-list .category {
                font-size: 16px;
                font-weight: bold;
                border-bottom: solid 1px #999;
                padding: 0px 0px 10px 0px;
                clear: both;
            }

            #document-resources-wrap .document-list-wrap .document-list .product-name {
                margin: 20px 0px;
                border-bottom: 1px solid #d8d8d8;
            }

                #document-resources-wrap .document-list-wrap .document-list .product-name:first-of-type {
                    margin-top: 0px;
                }

            #document-resources-wrap .document-list-wrap .document-list .document-type-name {
                margin: 10px 0px 10px 0px;
            }

            #document-resources-wrap .document-list-wrap .document-list .document-info {
                clear: both;
                padding: 5px 0px 5px 10px;
                overflow: auto;
            }

                #document-resources-wrap .document-list-wrap .document-list .document-info .doc-urls {
                    clear: both;
                    margin-top: 5px;
                }

                    #document-resources-wrap .document-list-wrap .document-list .document-info .doc-urls .url {
                        float: left;
                        padding: 0px 6px;
                        margin: 5px 0px;
                        border-right: 1px solid #c0c0c0;
                        line-height: 12px;
                    }

                        #document-resources-wrap .document-list-wrap .document-list .document-info .doc-urls .url:last-of-type {
                            padding-right: 0px;
                            border-right: none;
                        }

                        #document-resources-wrap .document-list-wrap .document-list .document-info .doc-urls .url a {
                            color: #009bd2;
                        }

                            #document-resources-wrap .document-list-wrap .document-list .document-info .doc-urls .url a:hover {
                                color: #009bd2;
                            }

                #document-resources-wrap .document-list-wrap .document-list .document-info .thumbnail {
                    float: left;
                    width: 70px;
                    padding-top: 10px;
                }

                    #document-resources-wrap .document-list-wrap .document-list .document-info .thumbnail img {
                        border: 1px solid #c0c0c0;
                    }

                #document-resources-wrap .document-list-wrap .document-list .document-info .thumbnail-no-border {
                    float: left;
                    width: 70px;
                    padding-top: 10px;
                }

                #document-resources-wrap .document-list-wrap .document-list .document-info .details {
                    float: left;
                    width: 600px;
                }

                    #document-resources-wrap .document-list-wrap .document-list .document-info .details .title {
                        font-size: 16px;
                        color: #222;
                        padding: 05px 0px 5px 0px;
                    }

                        #document-resources-wrap .document-list-wrap .document-list .document-info .details .title a {
                            font-size: 16px;
                            color: #222;
                            padding: 05px 0px 5px 0px;
                            text-decoration: none;
                        }

                    #document-resources-wrap .document-list-wrap .document-list .document-info .details .description {
                    }

                    #document-resources-wrap .document-list-wrap .document-list .document-info .details .date {
                    }

    #document-resources-wrap .filters {
        width: 220px;
        float: right;
        margin-top: 20px;
    }

        #document-resources-wrap .filters .facetvalue {
            clear: both;
        }

            #document-resources-wrap .filters .facetvalue .check {
                float: left;
                width: 25px;
            }

            #document-resources-wrap .filters .facetvalue .checklabel {
                overflow: hidden;
                width: auto;
            }

/* Search results paging */
.pager {
    padding: 5px 0px 5px 0px;
    overflow: auto;
    clear: both;
}

    .pager .result-count-info {
        font-style: italic;
        padding-bottom: 5px;
    }

    .pager .page-number {
        float: left;
        padding: 2px;
        display: block;
        width: 24px;
        text-align: center;
        margin-right: 2px;
    }

        .pager .page-number.textlink {
            background-color: #eee;
            padding: 1px 5px 1px 5px;
        }

        .pager .page-number.selected {
            font-weight: bold;
            border: 1px solid #c0c0c0;
            background-color: #eee;
            padding: 1px;
        }

/* Resources - Fiery How-to Guides */
#fiery-how-to-guides-list {
    clear: both;
    padding: 10px 0px 10px 0px;
}

.quicklinks {
    float: left;
    width: 300px;
}

.document-subtype-wrap {
    clear: both;
    padding: 20px 0px 0px 0px;
}

    .document-subtype-wrap .details .title {
        float: left;
        padding: 0px 5px 0px 0px;
    }

    .document-subtype-wrap .details .description {
        clear: both;
    }

    .document-subtype-wrap .download-link {
        width: 50px;
        text-align: center;
    }

    .document-subtype-wrap .details .show-details-link {
        float: left;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }

    .document-subtype-wrap .details .hide-details-link {
        float: left;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }

.back-to-top {
    width: 650px;
    clear: both;
    text-align: right;
}

table.efi-standard {
    color: #222;
    border-width: 1px;
    border-color: #c0c0c0;
    border-collapse: collapse;
}

    table.efi-standard tr {
    }

        table.efi-standard tr th {
            font-weight: bold;
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #c0c0c0;
            background-color: #dedede;
        }

        table.efi-standard tr td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #c0c0c0;
            background-color: #ffffff;
            vertical-align: top;
        }

table.efi-compact {
    color: #222;
    border-width: 1px;
    border-color: #c0c0c0;
    border-collapse: collapse;
}

    table.efi-compact tr {
    }

        table.efi-compact tr th {
            font-weight: bold;
            border-width: 1px;
            padding: 4px;
            border-style: solid;
            border-color: #c0c0c0;
            background-color: #dedede;
        }

        table.efi-compact tr td {
            border-width: 1px;
            padding: 4px;
            border-style: solid;
            border-color: #c0c0c0;
            background-color: #ffffff;
            vertical-align: top;
        }


/* Search page */
#search-page-wrap {
    width: 920px;
    overflow: auto;
    min-height: 500px;
}

    #search-page-wrap #search-box {
        margin: 10px 0px 20px 0px;
    }

        #search-page-wrap #search-box #searchTerm {
            width: 460px;
            padding: 5px;
            font-size: 14px;
        }

#results-wrap {
    margin: 10px 0px 10px 0px;
    overflow: hidden;
}

    #results-wrap #results-header {
        padding: 5px;
        border-top: solid 1px #808080;
        font-size: 12px;
        font-weight: bold;
        background-color: #eee;
    }

    #results-wrap #results {
        float: left;
        width: 670px;
        clear: both;
    }

        #results-wrap #results #sponsored {
            margin: 10px 0px 10px 0px;
            background-color: #eee;
            border: solid 1px #c0c0c0;
            border-radius: 5px;
        }

        #results-wrap #results #organic {
            margin: 10px 0px 10px 0px;
        }

    #results-wrap #facets-list {
        float: right;
        width: 220px;
        margin: 10px 0px 10px 10px;
        padding-left: 10px;
        border-left: solid 1px #c0c0c0;
    }

a.removefilter {
}

    a.removefilter img {
        vertical-align: middle;
        padding-right: 4px;
        width: 15px;
    }

.result-row {
    padding: 5px 5px 5px 5px;
}

    .result-row .title {
        font-size: 14px;
        font-weight: bold;
    }

        .result-row .title a {
            color: #009bd2;
            text-decoration: none;
        }

            .result-row .title a:hover {
                text-decoration: underline;
            }

    .result-row .description {
        padding: 5px 5px 2px 10px;
    }

    .result-row .url {
        font-size: 11px;
        padding: 2px 5px 5px 10px;
        /*
        color: #282828;
            */
    }

        .result-row .url a {
            /*
            text-decoration: underline;
                */
            color: #009bd2;
        }

    .result-row .fileInfo {
        font-size: 10px;
        color: #5c5a5a;
        padding: 2px 5px 5px 10px;
    }

span.resultIcon {
    background-repeat: no-repeat;
    background-position: 20% 0;
    padding: 0px 10px 5px 50px;
}

span.xls {
    background-image: url('/content/images/excel-icon.png');
}

span.xlsx {
    background-image: url('/content/images/excel-icon.png');
}

span.doc {
    background-image: url('/content/images/word-icon.png');
}

span.docx {
    background-image: url('/content/images/word-icon.png');
}

span.ppt {
    background-image: url('/content/images/powerpoint-icon.png');
}

span.pptx {
    background-image: url('/content/images/powerpoint-icon.png');
}

span.pdf {
    background-image: url('/content/images/pdf-icon.png');
}

span.txt {
    background-image: url('/content/images/text-document-icon.png');
}

span.zip {
    background-image: url('/content/images/zip-icon.png');
}

span.url {
    background-image: url('/content/images/bullet-triangle-gray.png');
}

/* Fiery partner page styles */
.partner-logo-wrap {
    clear: both;
    height: 100px;
    overflow: visible;
    margin: auto auto 20px -10px;
}

    .partner-logo-wrap .logo {
        float: left;
        width: 540px;
    }

    .partner-logo-wrap .all-engines-list-wrap {
        float: right;
        width: 390px;
        height: 40px;
    }

        .partner-logo-wrap .all-engines-list-wrap .view-all-engines {
            float: right;
            width: 300px;
            height: 30px;
            line-height: 30px;
            padding-left: 10px;
            margin-bottom: 1px;
            overflow: hidden;
            clear: both;
            background: url("/Content/Images/select_arrow.png") no-repeat right #eee;
        }

        .partner-logo-wrap .all-engines-list-wrap .all-engines-list {
            clear: both;
            width: 390px;
            overflow: hidden;
            position: relative;
            right: 2px;
            padding-top: 10px;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
            border-top: 3px solid #003283;
            border-right: 1px solid #939393;
            border-bottom: 1px solid #939393;
            border-left: 1px solid #939393;
            background-color: #eee;
            z-index: 10;
        }

            .partner-logo-wrap .all-engines-list-wrap .all-engines-list .category {
                width: 180px;
                float: left;
                padding: 0px 5px 0px 10px;
            }

                .partner-logo-wrap .all-engines-list-wrap .all-engines-list .category .name {
                    font-weight: bold;
                    color: #222;
                }

                .partner-logo-wrap .all-engines-list-wrap .all-engines-list .category .list div {
                    font-size: 12px;
                    padding-bottom: 12px;
                }

                    .partner-logo-wrap .all-engines-list-wrap .all-engines-list .category .list div a {
                        font-size: 12px;
                        color: #222;
                        display: block;
                        padding: 0px 2px 0px 2px;
                    }

                        .partner-logo-wrap .all-engines-list-wrap .all-engines-list .category .list div a:hover {
                            color: #fff;
                            background: #3399ff !important;
                            text-transform: none;
                        }

    .partner-logo-wrap .where-to-buy {
        width: 310px;
        float: right;
        margin: 10px 0px;
    }

        .partner-logo-wrap .where-to-buy select {
            width: 310px;
            height: 30px !important;
            padding: 0px 10px !important;
        }

            .partner-logo-wrap .where-to-buy select option {
                padding: 0px 10px !important;
            }

.featured-engines {
    margin-bottom: 20px;
}

    .featured-engines .engines-list {
        margin-left: -30px;
        width: 980px;
        overflow: auto;
    }

        .featured-engines .engines-list .engine-row {
            clear: both;
        }

        .featured-engines .engines-list .summary {
            width: 310px;
            float: left;
            margin-right: 25px;
            margin-bottom: 20px;
        }

            .featured-engines .engines-list .summary .engine-image {
            }

            .featured-engines .engines-list .summary .engine-name-and-desc {
                overflow: hidden;
                padding: 20px;
                background: url(/Content/Images/gt-sign.png) no-repeat bottom right;
                background-position: 100% 79%;
                background-color: #eee;
            }

                .featured-engines .engines-list .summary .engine-name-and-desc .name {
                    min-height: 60px;
                    padding-bottom: 10px;
                }

                    .featured-engines .engines-list .summary .engine-name-and-desc .name a {
                        font-size: 18px;
                        font-family: 'Museo300Regular', Arial;
                        color: #222;
                    }

                .featured-engines .engines-list .summary .engine-name-and-desc .desc {
                }

            .featured-engines .engines-list .summary:nth-child(3n+0) {
                margin-right: 0px;
            }

/* Fiery engine pages */
.engine-image-and-cta {
    margin: 10px -30px;
    overflow: hidden;
    height: 365px;
}

    .engine-image-and-cta .image {
        float: left;
        width: 630px;
    }

    .engine-image-and-cta .cta {
        overflow: hidden;
        width: auto;
        height: inherit;
    }

.middle-banner {
    width: 980px;
    height: 94px;
    background-color: #efefef;
    overflow: hidden;
    margin-left: -30px;
}

    .middle-banner .inner {
        display: table-cell;
        vertical-align: middle;
        width: inherit;
        height: inherit;
    }

    .middle-banner .left-image {
        float: left;
        padding: 2px 0px 0px 20px;
        width: 80px;
        height: inherit;
        text-align: left;
    }

    .middle-banner .links {
        float: left;
        width: 450px;
        padding: 0px 5px 0px 5px;
        height: inherit;
    }

        .middle-banner .links .link a {
            color: #222;
            text-decoration: none;
        }

    .middle-banner .right-image {
        float: right;
        padding: 2px 20px 0px 0px;
        width: 400px;
        height: inherit;
        text-align: right;
    }

.engine-page-section-wrap ul {
    list-style-image: url(/Content/Images/small-bullet.png);
}

.engine-page-section-wrap a, .engine-page-section-wrap a:visited {
    text-decoration: none;
    color: #009bd2;
}

/* EPS styles */
#industry-and-solutions {
    width: 980px;
    overflow: auto;
    margin-left: -30px;
}

    #industry-and-solutions .title {
        font-family: 'Museo100Regular', Arial;
        font-size: 30px;
        color: #003283;
        margin: 30px 0px 10px 0px;
    }

    #industry-and-solutions #industries {
        background-color: #eee;
        padding: 30px 20px 0px 20px;
        clear: both;
        overflow: auto;
    }

        #industry-and-solutions #industries .industry {
            width: 155px;
            height: 175px;
            float: left;
            text-align: center;
        }

            #industry-and-solutions #industries .industry .icon {
            }

            #industry-and-solutions #industries .industry .name {
                width: 80%;
                margin: 0px auto;
            }

                #industry-and-solutions #industries .industry .name a {
                    color: #222;
                }

    #industry-and-solutions #solutions {
        background-color: #eee;
        padding: 30px 20px 30px 20px;
        overflow: auto;
    }

        #industry-and-solutions #solutions #list {
            width: 90%;
            margin: 0px auto;
        }

            #industry-and-solutions #solutions #list .solution {
                width: 260px;
                padding: 5px 10px;
                float: left;
            }

                #industry-and-solutions #solutions #list .solution .icon {
                    width: 50px;
                    float: left;
                }

                #industry-and-solutions #solutions #list .solution .name {
                    width: 220px;
                    height: 40px;
                    display: table-cell;
                    vertical-align: middle;
                }

                    #industry-and-solutions #solutions #list .solution .name a {
                        color: #222;
                    }

#pshome-slider {
    width: 980px;
    margin: 30px auto 30px -30px;
}

/* Content block on EPS home */
.eps-home-content-block {
    width: 600px;
    float: left;
}

    .eps-home-content-block .title {
        float: left;
        width: 230px;
        padding-right: 30px;
        font-size: 18px;
        font-family: 'Museo300Regular', Arial;
        color: #003283;
    }

    .eps-home-content-block .content {
        overflow: hidden;
        width: auto;
        padding-left: 10px;
    }

label {
    float: left;
}

    label.error {
        background: url('/Content/Images/error.png') no-repeat;
        padding-left: 24px;
        line-height: 20px;
    }

#eps-form {
    width: 850px;
    padding: 20px;
    background-color: #eee;
    text-align: center;
    margin: 30px auto 30px auto;
    clear: both;
}

    #eps-form #fields {
        padding: 20px 40px 20px 40px;
        margin-left: auto;
        margin-right: auto;
        margin: 0px auto 30px auto;
    }

        #eps-form #fields .field-wrap {
            clear: both;
        }

            #eps-form #fields .field-wrap .field-label {
                float: left;
                text-align: right;
                width: 200px;
                padding: 10px 10px 10px 20px;
                font-size: 16px;
                line-height: 30px;
            }

            #eps-form #fields .field-wrap .field-content {
                float: left;
                padding: 10px 10px 10px 10px;
            }

                #eps-form #fields .field-wrap .field-content div.listbox-blue-arrow-wrap {
                    width: 390px;
                    background-color: #fff;
                    margin: 0px;
                }

            #eps-form #fields .field-wrap .error-message {
                float: left;
                padding: 14px 0px 6px 0px;
                color: #ff0000;
            }

    #eps-form .submit-button-wrap {
        clear: both;
        padding: 10px 0px 10px 0px;
    }

/* Productivity suite component styles */
#ps-wrap {
}

    #ps-wrap .component-wrap {
        margin: 0px auto;
        padding: 30px 20px 20px 20px;
        overflow: auto;
        background-color: #fff7f5;
        clear: both;
    }

    #ps-wrap .header {
        font-size: 22px;
        color: #222;
        padding: 0px 0px 5px 0px;
    }

    #ps-wrap .col1 {
        width: 275px;
        float: left;
    }

    #ps-wrap .col2 {
        width: 200px;
        float: left;
        margin: 20px 35px 20px 55px;
        background-color: #f4e1dd;
        padding: 10px;
    }

    #ps-wrap .col3 {
        width: 275px;
        float: left;
    }

    #ps-wrap div.group {
        clear: both;
        margin: 10px 10px 10px 5px;
        min-height: 180px;
    }

        #ps-wrap div.group a, #ps-wrap div.suite-group ul a {
            text-decoration: none;
            color: #3c3b3b;
            display: inline-block;
        }

        #ps-wrap div.group .title a,
        #ps-wrap div.group .title-no-arrow a {
            text-decoration: none;
            color: #fff;
            display: block;
        }

    #ps-wrap .component-wrap div.title {
        position: relative;
        height: 24px !important;
        width: 100% !important;
        line-height: 24px;
        color: white;
        margin: 2px;
        padding: 2px 10px 2px 10px;
    }

        #ps-wrap .component-wrap div.title:after {
            content: '';
            position: absolute;
            top: 0px;
            left: 100%;
            margin-left: 0px;
            border-top: solid 14px transparent;
            border-bottom: solid 14px transparent;
        }

        #ps-wrap .component-wrap div.title:before {
            content: '';
            position: absolute;
            top: 0px;
            left: -20px;
            margin-left: 0px;
            border-top: solid 14px transparent;
            border-bottom: solid 14px transparent;
        }

        #ps-wrap .component-wrap div.title a, #ps-wrap .title-no-arrow a {
            text-decoration: none;
            color: #fff;
        }


    /* Brown */
    #ps-wrap div.brown div.title {
        background-color: #aa3a2f;
    }

        #ps-wrap div.brown div.title:after {
            border-left: solid 20px #aa3a2f;
        }

    #ps-wrap div.brown .title-no-arrow {
        background-color: #aa3a2f;
    }

    #ps-wrap div.brown div {
        background-color: #f6cabd; /* light brown */
        width: 100%;
        padding: 2px 10px 2px 10px;
        margin: 2px;
    }

    /* blue */
    #ps-wrap div.blue div.title {
        background-color: #6b91c0;
    }

        #ps-wrap div.blue div.title:after {
            border-left: solid 20px #6b91c0;
        }

    #ps-wrap div.blue .title-no-arrow {
        background-color: #6b91c0;
    }

    #ps-wrap div.blue div {
        background-color: #e5e7f4; /* light blue */
        width: 100%;
        padding: 2px 10px 2px 10px;
        margin: 2px;
    }

    /* Red */
    #ps-wrap div.red div.title {
        background-color: #ff4240;
    }

        #ps-wrap div.red div.title:before {
            border-right: solid 20px #ff4240;
        }

    #ps-wrap div.red .title-no-arrow {
        background-color: #ff4240;
    }


    #ps-wrap div.red div {
        background-color: #ffd4c4; /* light red */
        width: 100%;
        padding: 2px 10px 2px 10px;
        margin: 2px;
    }

    /* Orange */
    #ps-wrap div.orange div.title {
        background-color: #ff8d2a;
    }

        #ps-wrap div.orange div.title:before {
            border-right: solid 20px #ff8d2a;
        }

    #ps-wrap div.orange .title-no-arrow {
        background-color: #ff8d2a;
    }

    #ps-wrap div.orange div {
        background-color: #ffe4c7; /* light orange */
        width: 100%;
        padding: 2px 10px 2px 10px;
        margin: 2px;
    }

    #ps-wrap #ps-body {
        background-color: #f3f3f3;
        width: 100%;
        overflow: auto;
    }

        #ps-wrap #ps-body .content-row {
            padding: 30px 0px;
            overflow: auto;
            clear: both;
        }

            #ps-wrap #ps-body .content-row .left {
                float: left;
                width: 280px;
                margin-left: 30px;
                overflow: auto;
            }

                #ps-wrap #ps-body .content-row .left .container {
                    background-color: #fff;
                    padding: 2px;
                    margin: 0px;
                    overflow: auto;
                }

                    #ps-wrap #ps-body .content-row .left .container div.group,
                    #ps-body .content-row .left .container div.suite-group {
                        width: 90%;
                        min-height: 0px;
                        margin: 0px;
                        padding: 0px 1px 0px 2px;
                    }

                    #ps-wrap #ps-body .content-row .left .container div.suite-group {
                        width: 246px;
                        float: left;
                        margin: 5px 5px;
                        background-color: #f4e1dd;
                        padding: 10px;
                    }

            #ps-wrap #ps-body .content-row .right {
                float: left;
                margin-left: 30px;
                width: 570px;
                overflow: auto;
            }

                #ps-wrap #ps-body .content-row .right a {
                    text-decoration: none;
                    color: #009bd2;
                }

/* EPS product finder */
#product-finder-wrap {
    margin: 30px auto;
    overflow: auto;
}

    #product-finder-wrap .links-column {
        float: left;
        width: 220px;
        padding-right: 10px;
    }

        #product-finder-wrap .links-column:last-of-type {
            padding-right: 0px;
        }

        #product-finder-wrap .links-column .item {
            height: 40px;
            overflow: hidden;
        }

/* Pop up box link */
a.popup {
    cursor: pointer;
}

/* RTE styles */
.popup-box-wrap {
    padding: 25px 10px 10px 10px;
}

.info-popup {
    padding-left: 25px;
    margin: 5px 0px;
    background: url(/content/images/info-icon.png) no-repeat;
}

/* Video link with play button icon */
span.video-thumbnail {
    position: relative;
    display: inline-block;
    margin: 10px;
}

    span.video-thumbnail img {
        z-index: 9;
    }

    span.video-thumbnail .play-button {
        background: url('/library/efi/images/shared/buttons/play_video_button.png') center center no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 42px;
        height: 42px;
        margin: -22px 0px 0px -22px;
        z-index: 10;
    }

        span.video-thumbnail .play-button:hover {
            background: url('/library/efi/images/shared/buttons/play_video_button_active.png') center center no-repeat;
        }

.play-video-link {
    padding-left: 27px;
    line-height: 25px;
    margin: 5px 0px;
    background: url(/content/images/play-button.png) no-repeat;
}

/* Link with document icon */
.link-with-document-icon {
    padding: 7px 0px 7px 40px;
    margin: 5px 0px;
    background: url(/content/images/document-icon-32x32.png) no-repeat 0px 2px;
    display: inline-block;
}

/* Link with arrow */
a.link-with-arrow {
    padding-left: 18px;
    line-height: normal;
    background: url(/content/images/arrow-bullet.png) no-repeat 0% 2px;
    color: #009bd2;
    display: inline-block;
}

    a.link-with-arrow:hover {
        text-decoration: underline;
    }

    a.link-with-arrow:visited {
        color: #009bd2;
        text-decoration: none !important;
    }

/* Button */
a.button-blue {
    color: #fff !important;
    background-color: #009bd2;
    font-family: "Museo300Regular",Arial;
    font-size: 16px;
    padding: 10px 25px 10px 25px;
    margin: 2px 0px;
    text-decoration: none !important;
    display: inline-block;
}

    a.button-blue.small {
        font-size: 16px;
        padding: 4px 10px;
    }

    a.button-blue:visited {
        color: #fff;
    }

/* Big font */
a.big {
    color: #009bd2;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px;
}

    a.big:visited {
        color: #009bd2;
    }

/* Button with Windows icon */
a.windows {
    color: #fff !important;
    background: #069 url(/content/images/icon_white_windows.png) no-repeat 28px 50%;
    font-family: "Museo300Regular",Arial;
    font-size: 18px;
    padding: 10px 30px 10px 62px;
    line-height: normal;
    text-decoration: none;
}

    a.windows:visited {
        color: #fff !important;
    }

/* Button with Mac icon */
a.mac {
    color: #fff !important;
    background: #009966 url(/content/images/icon_white_mac.png) no-repeat 28px 50%;
    font-family: "Museo300Regular",Arial;
    font-size: 18px;
    padding: 10px 30px 10px 62px;
    line-height: normal;
    text-decoration: none;
}

    a.mac:visited {
        color: #fff !important;
    }

a.button {
    color: #fff !important;
    background-color: #009bd2;
    font-family: "Museo300Regular",Arial;
    font-size: 16px;
    padding: 3px 25px;
    text-decoration: none;
    display: inline-block;
    margin: 2px 10px;
    text-align: center;
}

    a.button:visited {
        color: #fff !important;
    }

    a.button.fullwidth {
        width: 80%; /* 80% + padding = 100% */
    }

    a.button.blue {
        background-color: #009bd2; /* same as button-blue, but slightly shorter in height */
    }

    a.button.brown {
        background-color: #aa3a2f;
    }

    a.button.red {
        background-color: #ff4240;
    }

    a.button.purple {
        background-color: #6b91c0;
    }

    a.button.orange {
        background-color: #ff8d2a;
    }

    a.button.gray {
        background-color: #cdcdcd;
    }

/* Collapsible content blocks */
.collapsible-block {
    margin: 0px 0px 10px 0px;
}

    .collapsible-block .collapsible-block-header {
        clear: both;
        padding: 5px 10px 5px 20px;
        font-size: 14px;
        font-weight: bold;
        background-color: #eee;
    }

    .collapsible-block div {
        clear: both;
        padding: 10px;
        border: 1px solid #eee;
    }

.collapse {
    background: url(/content/images/list-collapse.png) no-repeat 0 50%;
}

.expand {
    background: url(/content/images/list-expand.png) no-repeat 0 50%;
}

/* BU branded headings */
.corporate-heading {
    color: #003283;
    font-family: 'Museo300Regular', Arial;
}

.corporate-heading-32 {
    color: #003283;
    font-size: 32px;
    font-family: 'Museo300Regular', Arial;
}

.print-tech-heading {
    color: #993333;
    font-family: 'Museo300Regular', Arial;
}

.print-tech-heading-32 {
    color: #993333;
    font-size: 32px;
    font-family: 'Museo300Regular', Arial;
}

.printers-ink-heading {
    color: #666699;
    font-family: 'Museo300Regular', Arial;
}

.service-support-heading {
    color: #336633;
    font-family: 'Museo300Regular', Arial;
}

/* BU specific backgrounds */
.bu-form-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #6699cc; /* default */
    padding: 5px;
}

    .bu-form-title.corporate-bg {
        background-color: #003283; /* EFI blue (was 333366) */
    }

    .bu-form-title.print-tech-bg {
        background-color: #993333; /* EFI crimson */
    }

    .bu-form-title.printers-inks-bg {
        background-color: #666699; /* EFI purple */
    }

    .bu-form-title.services-support-bg {
        background-color: #336633; /* EFI forest */
    }

/* Headline and intro para */
.big-headline-blue {
    color: #003283;
    font-size: 44px;
    font-family: 'Museo100Regular', Arial;
}

    .big-headline-blue:lang(ja-jp) {
        line-height: 52px !important;
    }

.big-headline-gray {
    color: #222;
    font-size: 44px;
    line-height: normal;
    font-family: 'Museo100Regular', Arial;
}

    .big-headline-gray:lang(ja-jp) {
        line-height: 52px !important;
    }

.big-headline-white {
    color: #fff;
    font-size: 44px;
    line-height: normal;
    font-family: 'Museo100Regular', Arial;
}

    .big-headline-white:lang(ja-jp) {
        line-height: 52px !important;
    }

.intro-para {
    color: #222;
    font-size: 18px;
}

.banner-body-text-white {
    color: #fff;
    font-size: 16px;
}

.banner-body-text-gray {
    color: #222;
    font-size: 16px;
}

/* Video thumbnail styles */
a.video-thumbnail {
    background: url('/library/efi/images/shared/buttons/play_video_button.png') center center no-repeat;
    background-position: center;
    display: inline-block;
    margin: 10px;
}

    a.video-thumbnail:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    a.video-thumbnail img {
        position: relative;
        z-index: -1;
    }

.preown-sidepanel {
    margin-top: -100px !important;
}

.productFamilyWrap.nine.prod-family {
    margin-top: -62px;
}

.pre-owned-product-details-image > img {
    margin-left: 8px;
}

.Right.preown-right {
    margin-left: 15px;
}

/*World of Fiery css changes*/
.horizontal-menu > div {
    display: inline-block;
    border-right: none;
    float: left;
}

.customized-horizontal-menu {
    width: 243px !important;
    margin-left: 25px !important;
    height: 29px;
    background: #f0f0f0 url(/content/images/arrow_gray.png) no-repeat 100% 50%;
}

.horizontal-menu {
    border: none !important;
}

.grid-1 {
    width: 70% !important;
}

div.inline-container > div {
    display: inline-block;
    margin-right: 15px;
    border-right: 1px solid #c0c0c0;
    padding: 0px 15px 0px 0px;
}

#inline-container > div:last-child {
    border: none;
}

.customized-description {
    border: none !important;
}

div.inline-container > div > span {
    margin-right: 10px;
}

.customized-horizontal-menu > select {
    width: 243px !important;
    margin-top: -6px;
    vertical-align: middle;
}

.customized_wof {
    border: none !important;
}

.wof_heading {
    color: #003283;
    font-size: 30px;
    font-weight: normal;
    line-height: normal;
    font-family: 'Museo300Regular', Arial;
    text-align: center;
}

.wof_tittle {
    color: #009bd2 !important;
    font-size: 18px;
    font-weight: lighter !important;
}

    .wof_tittle > a {
        color: #009bd2 !important;
        font-size: 18px;
        font-weight: lighter !important;
    }

.webinarTime {
    font-style: normal !important;
}

.small-headline-blue-wof {
    color: #003283;
    font-size: 30px;
    font-family: 'Museo300Regular', Arial;
}

.lang_wof > a {
    color: #009bd2 !important;
    cursor: pointer;
}

.lang_wof {
    display: inline;
}

.wof_content_align {
    margin-left: 40px;
}

/* World of Fiery webinars details classes */
div.webinar-link .wof-webinar-link {
    float: left;
    padding: 0px 6px;
    margin: 5px 0px;
    border-right: 1px solid #c0c0c0;
    line-height: 12px;
}

    div.webinar-link .wof-webinar-link:last-of-type {
        padding-right: 0px;
        border-right: none;
    }

    div.webinar-link .wof-webinar-link a {
        color: #009bd2 !important;
        cursor: pointer;
    }

div.wof-category-list {
    padding: 0px 0px 5px 0px;
}

    div.wof-category-list > div {
        display: inline-block;
        margin-right: 15px;
        border-right: 1px solid #c0c0c0;
        padding: 0px 15px 0px 0px;
        line-height: 15px;
    }

        div.wof-category-list > div:last-child {
            border: none;
        }

div.wof-category-list {
    padding: 0px 0px 5px 0px;
}

    div.wof-category-list > div {
        display: inline-block;
        margin-right: 15px;
        border-right: 1px solid #c0c0c0;
        padding: 0px 15px 0px 0px;
        line-height: 15px;
    }

        div.wof-category-list > div:last-child {
            border: none;
        }

/* Application Gallery */
/* Arrow navigator */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/content/applicationsslider/img/a17.png) no-repeat;
    overflow: hidden;
}

.jssora05l {
    background-position: -10px -40px;
}

.jssora05r {
    background-position: -70px -40px;
}

.jssora05l:hover {
    background-position: -130px -40px;
}

.jssora05r:hover {
    background-position: -190px -40px;
}

.jssora05ldn {
    background-position: -250px -40px;
}

.jssora05rdn {
    background-position: -310px -40px;
}

/* Thumbnail Item Skin Begin */
.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 73px;
    height: 48px;
    border: #ccc 1px solid;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
    background-repeat: no-repeat;
    border: #000 2px solid;
    width: 71px;
    height: 46px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 73px;
    height: 48px;
    border: #ccc 1px solid;
}