body { background: #d3d3d3; }

.container { background: #fff; box-shadow: 0px -5px 8px #717171; behavior: url(js/PIE.htc); min-width: 990px; }

/*------------- Header --------------*/
.logo img { margin: 14px 0 5px 5px; }
.right-utilities { margin: 12px 0 0; }
.utility-buttons { float: right; }
.utility-buttons a { line-height: 21px; display: inline-block; font-size: 15px; border-radius: 6px; padding: 6px 25px 6px 40px; color: #fff; background: url("/images/utilities.png") no-repeat 10px 6px #369d2e; behavior: url(js/PIE.htc); }
.utility-buttons a.noicon { background-image: none; padding: 6px 25px; }
.utility-buttons a:link, .utility-buttons a:visited { color: #fff; }
.utility-buttons a.request-quote { background-position: 10px -37px; margin-left: 5px; }
.utility-buttons a:hover { text-decoration: none; background-color: #1F76BA; }
.order-menu { position: relative; display: inline; }
.order-dropdown:before { content: ""; background: url(/images/subnav-arrow.png) no-repeat 0 0; width: 200px; height: 7px; display: block; position: absolute; top: -7px; left: 0; }
.order-dropdown { display: none; position: absolute; top: 23px; left: 0; background: url("/images/subnav-bg.png") repeat 0 0; padding: 10px; min-width: 200px; z-index: 1; border-radius: 4px; margin-top: 7px; }
.order-dropdown ul { list-style: none; padding: 0; margin: 0; }
.order-dropdown li { color: #fff; padding: 0; margin: 0; line-height: 16px; font-size: 14px; }
.order-dropdown li a { color: #fff; background: none; margin: 0; padding: 7px 9px; display: block; border-radius: 0; line-height: 16px; font-size: 14px; border-top: 1px solid #214468; }
.order-dropdown li:first-child a { border: none; }
.order-menu:hover .order-dropdown { display: block; }
.languages { float: right; margin: 0 11px 0 0; }
.languages ul { list-style: none; padding: 0; margin: 0; border-radius: 6px; overflow: hidden; background: #ecf0f1; behavior: url(js/PIE.htc); }
.languages li { display: inline-block; text-indent: -9999px; float: left; padding: 11px 8px; margin-left: 0; }
.languages li:first-child { margin-left: 0; border-radius: 6px 0 0 6px; behavior: url(js/PIE.htc); }
.languages li:hover { background-color: #e2e4e4; }
.languages li.active { background-color: #e2e4e4; border-right: 1px solid #cbcece; }
.languages li a { height: 12px; width: 19px; display: block; text-decoration: none; } 
.languages li a.english { background: url("/images/icon-us.gif") no-repeat 0 0; }
.languages li a.british { background: url("/images/icon-en.png") no-repeat 0 0; }
.languages li a.german { background: url("/images/icon-de.png") no-repeat 0 0; }
.languages li a.chinese { background: url("/images/icon-cn.png") no-repeat 0 0; }
.languages li a.brazil { background: url("/images/icon-br.png") no-repeat 0 0; }
.languages li a.japanese { background: url("/images/icon-jp.png") no-repeat 0 0; }
.social-icons { float: right; margin: 7px 11px 0 0; }
.social-icons a { background: url("/images/social-icons.png") no-repeat 0 0; display: inline-block; width: 21px; height: 19px; }
.social-icons a.twitter { background-position: -26px 0; }
.social-icons a.linkedin { background-position: -52px 0; }
.main-search { margin-top: 20px; }
.main-search .search { float: right; position: relative; }
.main-search input[type="text"] { font-size: 13px; color: #7f7f7f; border: 1px solid #1d75bb; border-radius: 6px; padding: 0 40px 0 20px; height: 31px; width: 250px; behavior: url(js/PIE.htc); }
.main-search input[type="submit"] { background: url(/images/search-button.png) no-repeat  0 0; width: 34px; height: 31px; border: none; outline: none; text-indent: -9999px; position: absolute; right: 0; top: 0; }

.contact-us a { background: #f0af20; color: #fff!important; }
.dropdown-menu:before { content: ""; background: url(/images/subnav-arrow.png) no-repeat 0 0; width: 217px; height: 7px; display: block; position: absolute; top: -7px; left: 0; }
.navbar-nav .yellow { background: none repeat scroll 0 0 #f0af20; color: #fff!important; }

/*------- Change main nav subnav to show on hover instead of click --------*/
ul.nav li.dropdown:hover  { background: #1A74BA; color: #fff!important; }
ul.nav li.dropdown:hover > a { color: #fff!important; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
.dropdown-toggle.clickable { display: none; }
.dropdown-menu li { margin-left: 0; }

.main-banner h1 { color: #fff; font-size: 42px; line-height: 45px; padding: 15px; position: absolute; top: 80px; right: 10px; background: url("/images/banner-title-bg.png") repeat 0 0; }

@media (min-width: 1px) .navbar-nav>li {
    float: left; font-size: 11px; text-transform: uppercase; font-weight: 700; line-height: 13px; margin-left: 0;
}

/*---------- Featured Content ------------*/
.about-gems { padding-bottom: 40px; }
.about-gems img { border: 6px solid #e7e5e5; max-width: 100%; margin-bottom: 17px; }
.about-gems h2 { padding: 10px; margin: 20px 0 10px; background: #fff; font-size: 22px; line-height: 24px; color: #1a74ba; border-left: 5px solid #6cc0ea; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.about-gems p { line-height: 20px; }
.about-gems .blue-button { margin-bottom: 10px; float: left; } 
.about-gems .white-button { margin-bottom: 10px; float: left; } 
.blue-button, .blue-button:link, .blue-button:visited { display: inline-block; text-align: center; color: #fff; line-height: 20px; padding: 7px 20px; background: #6cc0ea; border: 1px solid #1a74ba; border-radius: 6px; behavior: url(js/PIE.htc); }
.blue-button:hover { text-decoration: none; color: #fff; background: #1a74ba; }
.white-button, .white-button:link, .white-button:visited { float: right; display: inline-block; text-align: center; color: #80888b; font-size: 13px; line-height: 20px; padding: 7px 25px; background: #fff; border: 1px solid #1a74ba; border-radius: 6px; behavior: url(js/PIE.htc); }
.white-button:hover { text-decoration: none; color: #fff; background: #1a74ba; }
.custom-solutions h2 { margin: 20px 0 34px; font-size: 18px; line-height: 20px; color: #51585b; text-transform: uppercase; padding-left: 37px; background: url(/images/heading-icons.png) no-repeat 0 0; }
.custom-solutions ul { list-style: none; padding: 0; margin: 20px 0 0 0; }
.custom-solutions ul li { margin-top: 10px; margin-left: 0; background: #6cc0ea; padding: 10px 20px; line-height: 17px; color: #4f4f4f; border-radius: 2px; behavior: url(js/PIE.htc); }
.custom-solutions ul li:hover { background: #1A74BA; }
.custom-solutions ul li a { color: #fff; display: block; }
iframe.wistia_embed { max-width: 100%; }
.contact-gems h2 { margin: 20px 0 10px; font-size: 22px; line-height: 24px; color: #fff; background: #f0af20; padding: 10px }
.contact-gems h2 a { color: #fff; }
.contact-gems p { color: #2d2d2d; font-size: 13px; line-height: 20px; }
a.phone-num, a.phone-num:link, a.phone-num:visited { display: block; font-size: 20px; line-height: 22px; color: #fff; background: url(/images/heading-icons.png) no-repeat 10px -125px #f0af21; padding: 10px 30px 10px 50px; border-radius: 6px; behavior: url(js/PIE.htc); }
.contact-form > iframe { max-width: 100%; }
.news-events { padding-bottom: 0; }
.news-events h2 { font-size: 18px; line-height: 30px; color: #51585b; padding: 0 0 0 40px; background: url(/images/heading-icons.png) no-repeat 0 0; }
.news-events h2 a { color: #51585b; }
.upcoming-events h2 { background-position: 0 -40px; }
.latest-news h2 { background-position: 0 -84px; }
.linecardinfo .image { float: left; margin-right: 20px; display: block; padding-top: 10px; width: 20%; }
.linecardinfo ul { list-style: none; float: left; margin-top: 10px; padding-bottom: 15px; width: 78%; }
.linecardinfo .image img { margin-bottom: 15px; }

/*----------- Footer -------------*/
.footer { background: #434e5b; border-top: 3px solid #89d3f1; padding: 23px 0 0; clear: both; }
.footer-nav { text-align: center; }
.footer-nav p { margin: 0 0 10px; color: #fff; font-size: 12px; }
.footer-nav ul { list-style: none; margin: 0 0 15px; padding: 0; }
.footer-nav li { display: inline-block; font-size: 13px; line-height: 15px; color: #fff; margin-right: 10px; margin-left: 0; }
.footer-nav li a:after { content: "//"; color: #f0af20; right: -7px; position: relative; font-size: 10px; line-height: 15px; }
.footer-nav li.contact-us:after { content: ""; }
.footer-nav li a { color: #fff; text-decoration: none!important; }
.footer-nav li:last-child a:after { content: ""; }
.footer-nav li.contact-us a { padding: 2px 5px; border-radius: 3px; behavior: url(js/PIE.htc); }
.footer-nav li a:hover { color: #f0af20; }




.languages {
    margin: 10px 11px 0 0
}

    .languages ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border-radius: 6px;
        background: #ecf0f1
    }

    .languages li.active,
    .languages li:hover {
        background-color: #e2e4e4
    }

    .languages li {
        display: inline-block;
        text-indent: -9999px;
        float: left;
        padding: 11px 8px;
        margin-left: 0
    }

        .languages li:first-child {
            margin-left: 0;
            border-radius: 6px 0 0 6px
        }

        .languages li.active {
            border-right: 1px solid #cbcece
        }

        .languages li a {
            height: 12px;
            width: 19px;
            display: block;
            text-decoration: none
        }

            .languages li a.english {
                background: url(/images/icon-us.gif) no-repeat
            }

            .languages li a.british {
                background: url(/images/icon-en.png) no-repeat
            }

            .languages li a.german {
                background: url(/images/icon-de.png) no-repeat
            }

            .languages li a.chinese {
                background: url(/images/icon-cn.png) no-repeat
            }

            .languages li a.brazil {
                background: url(/images/icon-br.png) no-repeat
            }

            .languages li a.japanese {
                background: url(/images/icon-jp.png) no-repeat
            }

            .languages li a.india {
                background: url(/images/icon-in.png) no-repeat
            }

.social-icons {
    float: right;
    margin: 17px 0 0;
    clear: both
}

.left-featured,
.main-search {
    margin-top: 20px
}

.social-icons a {
    background: url(/images/social-icons.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 19px
}

    .social-icons a.twitter {
        background-position: -26px 0
    }

    .social-icons a.linkedin {
        background-position: -52px 0
    }

    .social-icons a.blog {
        background-position: -78px 0
    }

.main-search .search {
    float: right;
    position: relative
}
.yellow {
    color: #FC6 !important;
}