@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i');

body { background: #F0F0F0; }
body, body p, body a, body h1, body h2, body h3, body h4, body h5 { font-family: 'Lato', sans-serif; }
body h1, body h2, body h3, body h4, body h5 { color: #000; font-weight: bold; margin: 20px 0 15px; }
body h1 { font-size: 30px; }
body h2 { font-size: 26px; }
body h3 { font-size: 22px; }
body h4 { font-size: 18px; }
body h5 { font-size: 16px; margin: 10px 0; }
body, body p { font-size: 14px; }
body p { margin: 0 0 12px; }
body a p { color: #000; }
a:hover, a:active, a:visited { text-decoration: none; }

.page-wrap { background-color: #F0F0F0; }

#content_area { padding: 0; }

.list-unstyled { margin: 0; }

.vcb-article img { display: block; margin-bottom: 15px; }
#home img { margin-bottom: 0; }

#top-bar { background-color: #282828; color: #FFF; padding: 8px 0; position: relative; }
#top-bar .glyphicon, #top-bar .fas { font-size: 12px; margin-right: 4px; }

#top-bar ul li { display: inline-block; border-right: 1px solid #8899AC; margin-left: -3px; }
#top-bar ul li:last-child { border-right: 0; }
#top-bar ul li a { display: block; line-height: 18px; padding: 0 20px; color: #FFF; }
#top-bar .right { float: right; }
#top-bar .menu-toggle .menu-toggle__icon, #top-bar .menu-toggle .push-menu-close.icon { width: 30px; height: 30px; color: #FFF; margin: 0; }

#sticky-bar { width: 100%; position: fixed; top: 0; left: 0; z-index: 88888; overflow: hidden; }

.home .sidebar-wrapper, .sidebar-wrapper, .home .content_area-wrapper, .content_area-wrapper { margin: 0; padding: 30px; }
.sidebar-wrapper, .content_area-wrapper { padding-bottom: 40px; }
.home .sidebar-wrapper, .sidebar-wrapper { padding-right: 15px; }
.home .content_area-wrapper, .content_area-wrapper { padding-left: 15px; }
html:not(.home) .container--content, .home .container--content, .container--content { padding: 0 15px; }
.container--content { box-shadow: #DDD 0 25px 40px 10px; }

.push-menu .search-wrapper { background-color: #000; }
.push-menu .search-wrapper .search__input, .push-menu .search-wrapper .collapsing-search__input, .push-menu .menu-wrapper { background-color: #113359; }

.align-middle { display: block; height: 140px; }
.align-middle:before, .align-middle > .inner { display: inline-block; vertical-align: middle; }
.align-middle:before { content: ''; width: 1px; height: 100%; }
.align-middle > .inner { width: 96%; }

.header { border: 0; }
.header .site-logo { display: block; text-align: center; }
.header .tagline { color: #8899AC; font-style: italic; font-size: 14px; }
.header .search-form { display: block; position: relative; }
.header .search-form input {
    display: block;
    width: 100%;
    background: #F7F7F7;
    border: 1px solid #E2E4E8;
    border-radius: 5px;
    color: #000;
    padding: 0 60px 0 20px;
    line-height: 40px;
    font-size: 14px;
    box-shadow: none;
}
.header .search-form input::-webkit-input-placeholder, .header .search-form input::-moz-placeholder,
.header .search-form input:-ms-input-placeholder, .header .search-form input:-moz-placeholder { color: #ADADAD; }
.header .search-form button {
    background: #FF7C00;
    color: #FFF;
    border: 0;
    border-radius: 0 5px 5px 0;
    font-size: 16px;
    width: 46px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}
.header .contact, .header .verisign, #shop-cart { text-align: center; }
.header .contact { padding: 10px 0; border-left: 1px solid #F1F1F1; border-right: 1px solid #F1F1F1; }
.header .contact .num { font-size: 22px; font-weight: bold; color:#1A73E8; }
.header .contact .req { display: block; color: #848484; font-size: 14px; text-decoration: underline; letter-spacing: 0.15em; margin: 5px 0; }
.header .contact .link-xs { color: #000; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 5px; }
.header .contact .chat { background: url(../png/icon-chat.png) no-repeat 0 60%; padding-left: 15px; }
.header .contact .mail { background: url(../png/icon-mail.png) no-repeat 0 60%; padding-left: 13px; }
.header .contact .supp { background: url(../png/icon-supp.png) no-repeat 0 60%; padding-left: 12px; }

.with-vr { background: url(../vr.html) no-repeat 0 50%; }

#shop-cart { display: block; margin-bottom: 8px; }
#shop-cart .title { color: #1A73E8; font-size: 16px; text-decoration: underline; }
#shop-cart .title, #shop-cart .cart { display: inline-block; vertical-align: middle; }
#shop-cart .lower { color: #848484; font-size: 12px; font-weight: bold; }
#shop-cart + .norton { display: block; margin: 0 auto; }

#mini-cart {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height: 46px;
    background-color: #FF7C00;
    color: #FFF;
    font-size: 16px;
    padding: 0 15px;
}
#mini-cart span { display: inline-block; }
#mini-cart .glyphicon { font-size: 14px; }
#mini-cart .cart-title { margin: 0 2px 0 0; }

.ribbon {
    background-color: #D6D6D6;
    text-align: center;
    padding: 12px 0;
    position: relative;
    margin: 0 -30px;
}
.ribbon:before, .ribbon:after {
    display: inline-block;
    content: '';
    position: absolute;
    top: -14px;
    width: 0;
	height: 0;
	border-bottom: 14px solid #8B8B8B;
}
.ribbon:before {
    left: 0;
	border-left: 14px solid transparent;
}
.ribbon:after {
    right: 0;
	border-right: 14px solid transparent;
}

#main-nav ul { list-style: none; padding: 0 30px; margin: 0; text-align: left; }
#main-nav ul li { display: inline-block; border-right: 1px solid #E6E6E6; margin-left: -3px; }
#main-nav ul li:last-child { border-right: 0; }
#main-nav ul li a {
    display: block;
    line-height: 20px;
    padding: 0 20px;
    color: #000;
}

.push-menu__close-btn {
    background: transparent;
    color: #282828;
    padding: 10px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.push-menu { background-color: #F7F7F7; }
.push-menu ul { list-style: none; padding: 0; margin: 0; }
.push-menu .vnav--level1 > .vnav__item > .vnav__link {
    display: block;
    background: #F7F7F7;
    color: #000;
    font-size: 14px;
    padding: 10px 20px;
    border-bottom: 1px solid #E8E8E8;
}
.push-menu .vnav--level1 > .vnav__item > .vnav__link:last-child { border: none; }
.push-menu .menu-title {
    background-color: #FF7C00;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    margin-top: 0 !important;
}

#mega-nav .title, .sidebar .title, .push-menu .title { background-color: #FF7C00; color: #FFF; font-size: 16px; font-weight: 500; padding: 10px 20px; }
.sidebar .menu .vnav { list-style: none; padding: 0; margin: 0; }
#mega-nav ul li { display: block; position: relative; }
#mega-nav ul li > a, .sidebar .menu .vnav .vnav__item > .vnav__link {
    display: block;
    background: #F7F7F7;
    color: #000;
    font-size: 13px;
    padding: 8px 20px;
    border-bottom: 1px solid #E8E8E8;
}
#mega-nav ul li:hover > a, .sidebar .menu .vnav .vnav__item:hover > .vnav__link {
    background: url(../png/caret-right-lg.png) no-repeat 93% 50%;
    background-color: #E2E2E2;
}
#mega-nav .sub-nav {
    display: none;
    width: 892px;
    background-color: #FFF;
    border: 1px solid #DDD;
    box-shadow: #DDD 0 0 30px 5px;
    position: absolute;
    left: 100%;
    top: -35px;
    z-index: 2;
}
#mega-nav ul li:hover > .sub-nav { display: block; }
#mega-nav .sub-nav .item {
    display: inline-block;
    float: left;
    width: 20%;
    min-height: 244px;
    padding: 15px;
    border-right: 1px solid #F7F7F7;
    border-bottom: 1px solid #F7F7F7;
    text-align:center;
}
#mega-nav .sub-nav .item img { display: block; width: 100%; height: auto; margin-bottom: 10px; }
#mega-nav .sub-nav .item .name { color: #FF7C00; font-size: 13px; }

.sidebar .shopperlink { display: block; text-align: center; margin: 40px 0; }

.min-pad { margin: 0 -4px; }
.min-pad > div[class^="col-"] { padding: 0 4px; }
/* .min-pad > div[class^="col-"] img { margin-bottom: 8px; } */

.no-mrgn { margin: 0; }

.border-title { text-align: center; margin: 30px 0; position: relative; }
.border-title hr {
    border-color: #D6D6D6;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 50%;
}
.border-title span {
    display: inline-block;
    background-color: #FFF;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    padding: 0 20px;
    position: relative;
}

.img-border { display: block; border: 1px solid #E9E9E9; position: relative; margin-bottom: 8px; }
.mpop-tag { background-color: #FF7C00; color: #FFF; padding: 2px 8px; position: absolute; right: -8px; top: 15%; }
.mpop-tag:before { display: block; content: ''; width: 0; height: 0; border-right: 8px solid transparent; border-bottom: 5px solid #d56d0b; position: absolute; right: 0px; top: -5px; }
.mpop-bar { width: 100%; height: 6px; background-color: #FF7C00; position: absolute; left: 0; top: 0; }
.title-mid { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #1A73E8; }
.title-mid:before, .title-mid:after, .title-mid .inner { display: inline-block; vertical-align: middle; }
.title-mid:before { content: ''; width: 1px; height: 100%; }
.title-mid:after { font-family: 'Glyphicons Halflings'; content:"\e072"; font-size: 12px; margin-left: 6px; }
.title-mid .inner { font-size: 20px; text-decoration: underline; }

.footer { background-color: transparent; color: #000; }
.footer .container--content { background-color: #F4F4F4; }
#footer-top { text-align: left; }
#elist { display: inline-block; margin-left: 80px; position: relative; }
#elist .title { font-size: 16px; font-weight: bold; margin-right: 20px; }
#elist input, #elist button { width: auto; height: auto; line-height: 40px; font-size: 14px; }
#elist input { width: 300px; padding: 0 20px; margin: 0; border: 1px solid #CCC; }
#elist button { color: #FFF; background: #FF7C00; text-transform: uppercase; font-weight: bold; padding: 0 20px; border: 0; border-radius: 5px; margin-left: 5px; }

#social-icons { float: right; line-height: 40px; margin-right: 80px; }
#social-icons li { display: inline-block; margin-left: 15px; }
#social-icons li .icon { width: 40px; height: 40px; color: #113359; }

#footer-mid .links-area, #footer-mid .logos-area { padding: 40px; }
#footer-mid .links-area { background-color: #F4F4F4; }
#footer-mid .logos-area { background-color: #EFEFEF; }

.footer .links-heading { font-size: 16px; font-weight: bold; margin: 0 0 20px; }
.footer .links-body a { display: block; color: #000; font-size: 12px; text-decoration: underline; margin-bottom: 5px; }

.footer .verified { margin-top: 80px; }
.footer .authorize { max-width: 100%; height: auto; }
.footer .partners { display: block; padding: 30px 0 0 30px; }
.footer .partners li, .footer .customers li { display: inline-block; vertical-align: middle; margin: 0 30px 30px 0; }
.footer .partners img, .footer .customers img { height: 25px; width: auto; }
.footer .customers li { margin: 0 20px 20px 0; }

.footer .copyright { font-size: 12px; line-height: normal; margin: 21px 0 0; }
.footer .copyright img { display: block; margin: 0 0 10px; }
.footer .copyright span a { color: #1A73E8; font-size: 12px; text-decoration: underline; }

.caret-right { display: inline-block; margin: 0 8px; }

/*============ faq ============*/
#faq { padding: 0 20px; margin-bottom: 60px; }
#faq h2 { margin-bottom: 0; }
#faq h3 { font-size: 22px; font-weight: bold; margin-bottom: 10px; }
#faq ul li a { color: #000; font-size: 16px; }

.buyer-guide, .spec-sheet1 {
    display: block;
    width: 142px;
    height: 63px;
    background: url(../png/buyer-guide.png) no-repeat 50% 50%;
    background-size: contain;
    /*border-radius: 2px;*/
    /*background-color: #FFC20E;*/
    /*border: 1px solid #FFF;*/
    margin-bottom: 20px;
}
.productdetails span[itemprop="description"] .buyer-guide { position: absolute; top: 15px; right: 15px; }
.productdetails #ProductDetail_ProductDetails_div .buyer-guide, .productdetails #ProductDetail_TechSpecs_div .spec-sheet1 { position: relative; }
.productdetails #ProductDetail_ProductDetails_div .buyer-guide:after, .productdetails #ProductDetail_TechSpecs_div .spec-sheet1:after {
    display: block;
    width: 250px;
    height: 40px;
    content: "For more information about this product see our detailed Buyer's Guide.";
    font-size: 14px;
    position: absolute;
    left: 150px;
    top: 8px;
}
.spec-sheet1 {
    background: url(../png/spec-sheet1.png) no-repeat 50% 50%;
}
.productdetails span[itemprop="description"] .spec-sheet1 { position: absolute; top: 15px; right: 15px; }
.productdetails #ProductDetail_TechSpecs_div .spec-sheet1:after {
    content: "For more information about this product see our detailed Spec Sheet.";
}
.buyer-guide1, .spec-sheet {
    display: block;
    width: 70px;
    height: 80px;
    
    background-size: contain;
}
.buyer-guide1 {background: url(../png/buyer-guide4.png) no-repeat 50% 50%;
}
.spec-sheet {
    background: url(../png/button_spec_sheet1.png) no-repeat 50% 50%;
}
.productdetails span[itemprop="description"] .buyer-guide1, .productdetails span[itemprop="description"] .spec-sheet { position: absolute; top: 15px; right: 15px; }
.productdetails span[itemprop="description"] .spec-sheet { right: 90px; }

.button-text {
    display: block;
    width: 142px;
    height: 63px;

    background-size: contain;
    margin-bottom: 20px;
text-align:center;
/*  border:1px solid #333;
border-radius:4px;*/
    vertical-align:middle;
}
.productdetails span[itemprop="description"] .button-text { position: absolute; top: 15px; right: 15px; }
.productdetails #ProductDetail_ProductDetails_div .button-text { position: relative; }
.productdetails #ProductDetail_ProductDetails_div .button-text:after {
    display: block;
    width: 250px;
    height: 40px;
    content: "For more information about this product see our detailed buyer's guide.";
    font-size: 14px;
    position: absolute;
    left: 150px;
    top: 8px;
}
.productdetails span[itemprop="description"] p.button-text {
    width: 150px;
    height: 64px;
    color: #FFF;
    border: 2px solid #FFF;
    border-radius: 12px;
    padding: 8px 0;
    background: #27bf52;
    background: -webkit-linear-gradient(#27bf52, #1e9440);
    background: -o-linear-gradient(#27bf52, #1e9440);
    background: -moz-linear-gradient(#27bf52, #1e9440);
    background: linear-gradient(#27bf52, #1e9440);
}
.catalog-text { display: block; color: #AAA; font-size: 14px; margin-top: 30px; }

.vcb-article .title { display: block; color: #000; text-align: center; font-weight: bold; margin-bottom: 30px; }

.pdf-link { display: block; color: #000; margin: 10px 15px; }
.pdf-link:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 32px;
    height: 32px;
    background: url(../png/icon-pdf.png) no-repeat 50% 50%;
    background-size: contain;
    margin-right: 10px;
}

*::-webkit-input-placeholder {
    color: #CCC;
    font-style: italic;
}
*::-moz-placeholder {
    color: #CCC;
    font-style: italic;
}
*:-moz-placeholder {
    color: #CCC;
    font-style: italic;
}
*:-ms-input-placeholder {
    color: #CCC;
    font-style: italic;
}

#float-link {
    display: block;
    float: right;
    width: 180px;
    text-align: center;
    padding: 10px 10px 0;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 5px #CCC;
    margin: 0;
}

@media(max-width:1200px){
    .home .sidebar-wrapper, .sidebar-wrapper, .home .content_area-wrapper, .content_area-wrapper { padding: 15px 15px 30px; }
    #main-nav ul { padding: 0 15px; }
    #elist { margin-left: 30px; }
    #social-icons { margin-right: 30px; }
    .footer .partners { padding: 10px 0 0 30px; }
    .footer .copyright { margin: 34px 0 0; }
}
@media(max-width:991px){
    #top-bar .menu-toggle-wrapper { display: inline-block; height: auto; margin: 0; padding: 0 15px; }
    #top-bar .menu-toggle__text { margin-left: 5px; }
    #top-bar ul, .ribbon:before, .ribbon:after { display: none; }
    #main-nav { display: none; }
    .ribbon { margin: 0; }
    #footer-top { text-align: center; padding: 15px; margin: 0 -15px; }
    #elist, #social-icons { display: block; float: none; margin: 0; }
    #social-icons { margin-top: 10px; }
    #social-icons li { margin: 0 8px; }
    #footer-mid .links-area, #footer-mid .logos-area { padding: 30px; }
    #footer-mid .verified, #footer-mid .logos-area { text-align: center; }
    #footer-mid .logos-area { padding: 40px 30px; }
    .footer .verified { margin-top: 30px; }
    .footer .authorize { width: 120px; }
    .footer .partners { padding: 20px 0 0; }
    .footer .partners li, .footer .customers li { margin: 0 15px 20px; }
    .footer .copyright { margin: 30px 0; }
    .footer .copyright img { margin: 0 auto 10px; }
    #mini-cart { display: block; }
}
@media(max-width:767px){
    .header .align-middle { height: auto; }
    .header .site-logo { margin: 20px auto; }
    .header .contact { border: none; }
    #footer-top { padding: 20px 30px; }
    #elist input { display: block; width: 100%; border-radius: 5px; }
    #elist button { position: absolute; right: 0; bottom: 1px; border-radius: 0 5px 5px 0; }
    .footer .links-area .links-heading { text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 40px; margin: 0; border-top: 1px solid #CCC; }
    .footer .links-area .links-heading:last-child, .footer .links-area .links-heading.last { border-bottom: 1px solid #CCC; }
    .footer .links-body { display: none; padding: 5px 0; }
    .footer .links-body a { text-align: center; font-size: 14px; padding: 10px 0; }
    #elist .title { display: block; margin: 0 0 10px; }
}
@media(max-width:480px){
    #social-icons li { margin: 0 4px; }
    .productdetails span[itemprop="description"] .buyer-guide, .productdetails span[itemprop="description"] .buyer-guide1, .productdetails span[itemprop="description"] .spec-sheet { 
        position: inherit; margin-bottom: -20px; }
    .productdetails span[itemprop="description"] .buyer-guide1, .productdetails span[itemprop="description"] .spec-sheet { display: inline-block; margin-right: 12px; }
    .productdetails #ProductDetail_ProductDetails_div .buyer-guide, .productdetails #ProductDetail_TechSpecs_div .spec-sheet1 { margin: 50px 0 20px; }
    .productdetails #ProductDetail_ProductDetails_div .buyer-guide:after, .productdetails #ProductDetail_TechSpecs_div .spec-sheet1:after { position: relative; left: 0; top: -50px; }
/*    #float-link { float: none; margin: 20px auto; } */
}
#related_products_content img{max-height:150px;}
.new-product{ display: block;
    font-size: 16px;
    font-weight: bold;
    background-color: yellow;
    border: 2px solid #000;
    border-radius: 15px;
    padding: 5px 30px 5px 10px;
 
    position: relative;}
.new-p-link{background-color: rgb(255, 255, 255)}

.breadcrumbs { list-style: none; padding: 0; margin: 0; }
.breadcrumbs li { display: inline-block; vertical-align: middle; font-weight: bold; }
.breadcrumbs li:after {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 20px;
    content: '';
    background: url(../png/caret-right.png) no-repeat 50% 50%;
    margin: -2px 4px 0 8px;
}
.breadcrumbs li:last-child:after { display: none; }

.link-to {
    display: block;
    font-size: 16px;
    font-weight: bold;
    background-color: yellow;
    color: blue;
    border: 2px solid #000;
    border-radius: 15px;
    padding: 5px 30px 5px 10px;
    margin: 15px 0 50px;
    position: relative;
}
.link-to:hover { color: blue; }
.link-to:before {
    display: block;
    content: 'There is a new version of this product. Click here to order!';
    color: #000;
}
.link-to:after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: '\e258';
    color: black;
    font-size: 30px;
    font-weight: normal;
    position: absolute;
    right: 5px;
    bottom: 12%;
}
.link-to.main:before {
    content: 'Click here to order:';
}

.bordered { border: 1px solid #000; margin: 20px 0; }
.bordered td { padding: 4px 8px; }

#table-pvariation, .pvar-table { margin-top: 30px; }
#table-pvariation tr td, .pvar-table tr td { font-size: 12px; }
.pvar-table tr:first-child > td { font-weight: bold; }

#article-table .article-td{text-align:center;padding:1px;}
#article-table .article-text{padding: 10px;vertical-align:top;}
#blurb1{background-color:#D6D6D6;border:1px solid #ccc;padding:5px;}
#blurb{background-color:#ffdd36;border:1px solid #ccc;padding:5px;}
#blurb p{font-weight:bold;}
#blurb1 p{font-weight:bold;}
.p-center{text-align:center;}
.p-button{background: #4DA2D8;
    color: #FFF;
    border: 0;
    border-radius: 5px;
    padding: 8px;
    font-size: 14px;
    width: 200px;
    text-align: center;
    }
.p-button:hover{ color: #FFF; }
#p-spec2 table,#p-spec1 table{width:100% }
#p-spec2 table tr td,#p-spec1 table tr td{ padding:10px;border:1px solid;}