@charset "UTF-8"; sup { font-size: 8px; line-height: 1 } ul.arrowList { margin: 0 0 18px 10px; padding: 0 0 0 10px } ul.arrowList li { list-style: none; margin: 0; padding: 0 0 12px 20px; position: relative } ul.arrowList li::before { content: '\f101'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; font-size: 90%; position: absolute; left: 0; color: #0b67b2 } ol, ul { margin: 0 0 18px 18px; padding: 0 0 0 18px } ol li, ul li { padding-bottom: 12px } ol li { padding-left: 6px } ol ol, ul ul { padding-top: 12px; margin-bottom: 0 } ul.list-two-col { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px } ul.list-two-col li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column } ul.list-two-col:after { content: ""; display: table; clear: both } hr { content: ""; display: block; height: 1px; width: 100%; margin: 30px 0 40px; background-color: #333 } .aligncenter { text-align: center } .alignleft { text-align: left } .alignright { text-align: right } img.alignleft { margin: 0 40px 30px 0; float: left } img.alignright { margin: 0 0 30px 40px; float: right } img.imageFloatRight { float: right; margin: 0 0 20px 20px } img.imageFloatLeft { float: left; margin: 0 20px 20px 0 } @media (max-width:768px) { img.alignleft, img.alignright, img.imageFloatLeft, img.imageFloatRight { float: none; margin: 0 auto 20px; display: block } } img.hoverImg { transition: .5s } img.hoverImg:hover { opacity: .5 } a.btn, input.btn { color: #fff; background-color: #0b67b2; padding: 17px 30px; text-decoration: none; transition: .5s; text-transform: uppercase; display: inline-block; margin-top: 2px; margin-bottom: 2px } a.btn:hover, input.btn:hover { background-color: #0b2e4a } a.btn .fad, a.btn .fal, a.btn .far, a.btn .fas { color: #fff } a.btn.small, input.btn.small { font-size: 11px; padding: 5px 7px; font-weight: 500 } a.btn.thin, input.btn.thin { padding: 10px 22px; font-size: 15px; line-height: 1.2 } a.btn-lined, input.btn-lined { color: #0b67b2; background-color: transparent; border: 2px solid #0b67b2; padding: 15px 30px; text-decoration: none; transition: .5s; text-transform: uppercase; display: inline-block; margin-top: 2px; margin-bottom: 2px } a.btn-lined i, input.btn-lined i { color: #0b67b2; margin-left: 5px } a.btn-lined:hover i, input.btn-lined:hover i { color: #fff } a.btn-lined:hover, input.btn-lined:hover { color: #fff; background-color: #0b67b2 } a.btn-lined.thin, input.btn-lined.thin { padding: 10px 22px; font-size: 15px; line-height: 1.2 } a.btn-lined.small, input.btn-lined.small { font-size: 11px; padding: 5px 7px; border-width: 1px } .productTopContainer-item .btn-lined { white-space: nowrap } a.blk:link, a.blk:visited { color: #000 } a.blk:hover { color: #f60 } .ArrowLink { padding-left: 14px; font-size: 12px; font-weight: 700; color: #333; text-decoration: none } .ArrowLink:hover { color: #0083c7 } .pageTitle, .pagetitle { color: #0b67b2; font-weight: 600; font-size: 32px; line-height: 1.2; border-bottom: 3px solid #e4ecf4 } .title { color: #0d416a; font-weight: 700; font-size: 28px; line-height: 1.2 } .subtitle { font-size: 22px; line-height: 1.3; font-weight: 700; color: #0b67b2 } .alertText { color: red } .largeCopy { font-size: 2em } .smallCopy { font-size: .75em } .horizontal, .horizontalClear { border-top: 1px dotted #999; margin-top: 10px; margin-bottom: 0; padding-bottom: 5px; padding-top: 0 } .horizontalClear { clear: both } .colorTxt, .txt-color, .txt-color-salmon { color: #c85252 } .txt-color-drkblue { color: #0d416a } .txt-color-blue { color: #0b67b2 } .txt-color-robotics { color: #a71f23 } .txt-color-vision { color: #4cb74d } .txt-color-ai { color: #7e287b } .txt-color-motion { color: #f15a25 } .txt-color-white { color: #fff } a.txt-color-salmon.btn-lined { border-color: #c85252; color: #c85252 } a.txt-color-drkblue.btn-lined { border-color: #0d416a; color: #0d416a } a.txt-color-blue.btn-lined { border-color: #0b67b2; color: #0b67b2 } a.txt-color-robotics.btn-lined { border-color: #a71f23; color: #a71f23 } a.txt-color-vision.btn-lined { border-color: #4cb74d; color: #4cb74d } a.txt-color-ai.btn-lined { border-color: #7e287b; color: #7e287b } a.txt-color-motion.btn-lined { border-color: #f15a25; color: #f15a25 } a.txt-color-white.btn-lined { border-color: #fff; color: #fff } a.txt-color-salmon.btn-lined:hover { background-color: #c85252; color: #fff } a.txt-color-drkblue.btn-lined:hover { background-color: #0d416a; color: #fff } a.txt-color-blue.btn-lined:hover { background-color: #0b67b2; color: #fff } a.txt-color-robotics.btn-lined:hover { background-color: #a71f23; color: #fff } a.txt-color-vision.btn-lined:hover { background-color: #4cb74d; color: #fff } a.txt-color-ai.btn-lined:hover { background-color: #7e287b; color: #fff } a.txt-color-motion.btn-lined:hover { background-color: #f15a25; color: #fff } a.txt-color-white.btn-lined:hover { background-color: #0b67b2; border-color: #0b67b2; color: #fff } .bkgd-color-salmon, .btn.bkgd-color-salmon { background-color: #c85252; color: #fff } .bkgd-color-drkblue, .btn.bkgd-color-drkblue { background-color: #0b2e4a; color: #fff } .bkgd-color-blue, .btn.bkgd-color-blue { background-color: #0b67b2; color: #fff } .bkgd-color-lightblue, .btn.bkgd-color-lightblue { background-color: #e4ecf4; color: #0d416a } .bkgd-color-robotics, .btn.bkgd-color-robotics { background-color: #a71f23; color: #fff } .bkgd-color-vision, .btn.bkgd-color-vision { background-color: #4cb74d; color: #fff } .bkgd-color-ai, .btn.bkgd-color-ai { background-color: #4f1c54; color: #fff } .bkgd-color-motion, .btn.bkgd-color-motion { background-color: #f15a25; color: #fff } .bkgd-color-white, .btn.bkgd-color-white { background-color: #fff; color: #0b67b2 } a.btn.bkgd-color-salmon { background-color: #c85252 } a.btn.bkgd-color-drkblue { background-color: #0b2e4a } a.btn.bkgd-color-blue { background-color: #0b67b2 } a.btn.bkgd-color-lightblue { background-color: #e4ecf4 } a.btn.bkgd-color-robotics { background-color: #a71f23 } a.btn.bkgd-color-vision { background-color: #4cb74d } a.btn.bkgd-color-ai { background-color: #4f1c54 } a.btn.bkgd-color-motion { background-color: #f15a25 } a.btn.bkgd-color-white { background-color: #fff } a.btn.bkgd-color-salmon:hover { background-color: #933d3d } a.btn.bkgd-color-drkblue:hover { background-color: #0b67b2 } a.btn.bkgd-color-blue:hover { background-color: #0b2e4a } a.btn.bkgd-color-lightblue:hover { background-color: #cad6e2 } a.btn.bkgd-color-robotics:hover { background-color: #671114 } a.btn.bkgd-color-vision:hover { background-color: #195e53 } a.btn.bkgd-color-ai:hover { background-color: #7e287b } a.btn.bkgd-color-motion:hover { background-color: #fc8621 } a.btn.bkgd-color-white:hover { background-color: #0b67b2; color: #fff } .full-banner { padding: 20px 0; background-color: #e4ecf4 } .nowrap, .tel { white-space: nowrap } .floatRight { float: right } .floatLeft { float: left } .thumbnail { position: relative; z-index: 0 } .thumbnail:hover { background-color: transparent; z-index: 500 } .thumbnail span { position: absolute; left: -1000px; visibility: hidden; text-decoration: none } .thumbnail span img { border: none; padding: 0; display: block } .thumbnail:hover span { visibility: visible; top: -100px; left: 55px } .thumbnail2 { position: relative; z-index: 0 } .thumbnail2:hover { background-color: transparent; z-index: 50 } .thumbnail2 span { position: absolute; padding: 3px; left: -1000px; border: 1px solid #999; visibility: hidden; text-decoration: none; background: #fff } .thumbnail2 span img { border-width: 0; padding: 0 } .thumbnail2:hover span { visibility: visible; top: -50px; left: -100px } .thumbnail3 { position: relative; z-index: 0 } .thumbnail3:hover { background-color: transparent; z-index: 50 } .thumbnail3 span { position: absolute; padding: 3px; left: -1000px; border: 1px solid #ccc; visibility: hidden; text-decoration: none; background: #fff } .thumbnail3 span img { border-width: 0; padding: 0 } .thumbnail3:hover span { visibility: visible; top: -30px; left: 19px } .thumbnail_text { position: relative; z-index: 0 } .thumbnail_text:hover { background-color: transparent; z-index: 50; cursor: pointer } .thumbnail_text span { position: absolute; padding: 10px; left: -1000px; border: 1px solid #ccc; visibility: hidden; text-decoration: none; background: #074158; color: #fff; font: 12px/16px Arial, Helvetica, sans-serif } .thumbnail_text span img { border-width: 0; padding: 0 } .thumbnail_text:hover span { visibility: visible; width: 250px; top: -30px; left: 19px } .thumbnail_text2 { position: relative; z-index: 0 } .thumbnail_text2:hover { background-color: transparent; z-index: 50; cursor: pointer } .thumbnail_text2 span { position: absolute; padding: 10px; left: -1000px; border: 1px solid #ccc; visibility: hidden; text-decoration: none; background: #036; color: #fff; font: 12px/16px Arial, Helvetica, sans-serif } .thumbnail_text2 span img { border-width: 0; padding: 0 } .thumbnail_text2:hover span { visibility: visible; width: 250px; top: -30px; left: -269px } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% } .embed-container embed, .embed-container iframe, .embed-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0 } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .brclear { clear: both; height: 0; margin: 0; font-size: 5px; line-height: 0 } .data-only { display: none } .Width100 { width: 100% } .Width75 { width: 75% } .Width50 { width: 50% } .Width25 { width: 25% } @media (max-width:767px) { .Width100, .Width25, .Width50, .Width75 { width: 100% } } .addthis_inline_share_toolbox { min-height: 35px } .addthis_inline_share_toolbox p { display: none } 
.logoList .item { padding: 15px; text-align: center; margin-bottom: 20px } .logoList .item img { display: block; margin: 0 auto } .logoList .item a img { transition: .5s } .logoList .item a:hover img { opacity: .5 } .cmsHeader { background-color: #0b2e4a; background: linear-gradient(270deg, rgba(11, 46, 74, .3) 0, rgba(11, 46, 74, .5) 20%, rgba(11, 46, 74, .8) 30%, #0b2e4a 50%, #0b2e4a 100%), url(../userAssets/a3/a3Uploads/miscImages/cmsHeader-generic.jpg); background-size: cover; background-position: center; width: 100%; color: #fff } .cmsAutomateHeaderContent { width: 50%; padding-top: 1px } .cmsAutomateHeaderContent h1 { margin-top: 31px !important; margin-bottom: 12px !important; font-size: 36px } .cmsAutomateHeaderContent h2 { margin-top: 12px !important; margin-bottom: 12px !important; font-size: 24px } .cmsAutomateHeaderContent p { margin-top: 12px !important; margin-bottom: 32px !important; font-size: 20px } @media (max-width:920px) { .cmsAutomateHeader { background: rgba(11, 46, 74, .95) } .cmsAutomateHeaderContent { width: 100% } } .emMrkt-wrapper { text-align: left } .emMrkt-wrapper.robotics { background-color: #a71f23 } .emMrkt-wrapper.vision { background-color: #4cb74d } .emMrkt-wrapper.robotics.vision { background: linear-gradient(90deg, #a71f23 50%, #4cb74d 50%) } .emMrkt-wrapper .inner { padding-top: 0; padding-bottom: 0; margin: 0 auto; max-width: 1450px; display: flex; justify-content: flex-start } .emMrkt { padding: 15px 20px 15px 70px; margin: 0; font-size: 14px; line-height: 1.2; width: 100%; color: #fff; background-repeat: no-repeat; background-position: 10px 10px; min-height: 70px } .emMrkt a { color: #fff } .emMrkt span { font-size: 18px; display: block; font-weight: 700; text-transform: uppercase } .emMrkt span a { text-decoration: none } .emMrkt.cobotCTA { background-color: #a71f23; background-image: url(../images/emrgMrkt-icon-cobot.png) } .emMrkt.embVisionCTA { background-color: #4cb74d; background-image: url(../images/emrgMrkt-icon-embvis.png) } .emMrkt.lifeSciencesCTA { background-color: #4cb74d; background-image: url(../images/emrgMrkt-icon-vils.png) } .emMrkt.serviceRobotCTA { background-color: #a71f23; background-image: url(../images/emrgMrkt-icon-servrob.png) } @media (max-width:1100px) { .emMrkt-wrapper.robotics.vision { background: 0 0 } .emMrkt-wrapper .inner { padding: 0 } } @media (max-width:920px) { .emMrkt-wrapper .inner { flex-wrap: wrap } } table { border-collapse: collapse } table td, table th { padding: 5px } table.cvp-table { margin: 0 0 20px; border-collapse: collapse; padding: 0 } table.cvp-table.cvp-login { border: none } table.cvp-table.cvp-login td { border: none; padding: 5px 15px 5px 0 } table.cvp-table.cvp-login input[type=text] { min-width: 220px } table.cvp-table.cvp-login .btn { margin-left: 0 } table.cvp-table.cvp-login .btn-lined { padding-top: 5px; padding-bottom: 5px } #content table.cvp-table.cvp-login p { margin-bottom: 5px } #beta-flag { display: none }  /* compliance - NEW */ .complianceHS { float: right; width: 182px; height: 140px; } body .complianceHS-sml > img, body .complianceCAMERA-sml > img, body .complianceGIGE-sml > img, body .complianceUSB-sml > img, body .complianceHS > img { width: 100% !important; height: 100% !important; padding: 0; } .complianceHS-sml, .complianceCAMERA-sml, .complianceGIGE-sml, .complianceUSB-sml { width: 100px !important; height: 75px !important; } #content p.complianceHS-sml, #content p.complianceCAMERA-sml, #content p.complianceGIGE-sml, #content p.complianceUSB-sml { margin-bottom: 0; } @media (max-width: 1120px) { .productTopContainer a.btn-lined.thin, .productTopContainer input.btn-lined.thin { margin-bottom: 10px; } } .productTopContainer .complianceUSB, .productTopContainer .complianceGIGE, .productTopContainer .complianceCAMERA, .productTopContainer .complianceHS { width: 260px; height: 189px; margin-bottom: 10px; } .complianceGIGE, .complianceCAMERA, .complianceUSB, .complianceHS, .complianceGIGE-sml, .complianceCAMERA-sml, .complianceUSB-sml, .complianceHS-sml { background-repeat: no-repeat; background-size: 100%; background-position: center; } .complianceGIGE { background-image: url("../images/logos/compliant-gigeVision.svg"); } .complianceCAMERA { background-image: url("../images/logos/compliant-cameraLink.svg"); } .complianceUSB { background-image: url("../images/logos/compliant-usbVision.svg"); } .complianceHS { background-image: url("../images/logos/compliant-cameraLinkHS.svg"); } .complianceGIGE-sml { background-image: url("../images/logos/compliant-mini-gigeVision.svg"); } .complianceCAMERA-sml { background-image: url("../images/logos/compliant-mini-cameraLink.svg"); } .complianceUSB-sml { background-image: url("../images/logos/compliant-mini-usbVision.svg"); } .complianceHS-sml { background-image: url("../images/logos/compliant-mini-cameraLinkHS.svg"); }  /* generic cta box */ .cta-box { background: url(../images/automate.jpg); background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 1000px rgb(11 46 74 / 90%); padding: 20px; margin: 0 auto 20px;}  /* broadstreet tweaks */ .bs-video-follow-popout { z-index: 20000 !important; }